Outiref

Code source de l'URL : http://caravane.com


<!doctype html>
<html lang='fr'>
	<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>


<link rel='preconnect' href='https://cdn.shopify.com' crossorigin>
<link rel='canonical' href='https://caravane.com/'>


	<link
		fetchpriority='low'
		rel='icon'
		href='//caravane.com/cdn/shop/files/Sans_titre_1200_x_628_px_2546aa06-48ee-4459-9584-baae1972468a.png?crop=center&height=32&v=1740502760&width=32'
		sizes='32x32'
	>


<title>
	Caravane : décoration d’intérieur, canapé, luminaire, art de la table
</title>
<meta name='description' content='Caravane, enseigne de décoration d’intérieur qui conçoit et fait fabriquer autour du monde, des meubles et des objets élégants et raffinés.'><meta property='og:type' content='website'>
	<meta property='og:title' content='Caravane : décoration d’intérieur, canapé, luminaire, art de la table'>
	<meta property='og:image' content='http://caravane.com/cdn/shop/t/23/assets/og.png?v=28693375715056299691727948191'>
	<meta property='og:image:secure_url' content='https://caravane.com/cdn/shop/t/23/assets/og.png?v=28693375715056299691727948191'><meta property='og:description' content='Caravane, enseigne de décoration d’intérieur qui conçoit et fait fabriquer autour du monde, des meubles et des objets élégants et raffinés.'><meta property='og:url' content='https://caravane.com/'>
<meta property='og:site_name' content='Caravane'>
<meta name="twitter:site" content="@twitter_handler" />


    <meta name="twitter:image" content="//caravane.com/cdn/shop/t/23/assets/og.png?v=28693375715056299691727948191" />
<meta name='google-site-verification' content='77V6dgnF3bbyI5XpvczmroDbyddXgfgFcpnD7h0PheI'>

		
		<script>
			window.shopUrl = 'https://caravane.com'
			window.routes = {
				cart_add_url: '/cart/add',
				cart_change_url: '/cart/change',
				cart_update_url: '/cart/update',
				cart_url: '/cart',
				predictive_search_url: '/search/suggest',
				product_recommendations_url: '/recommendations/products'
			}
			window.klaviyoCompanyId = 'VVwdpp'
			window.resellerDocumentationToken = 'b07d4beafa8657306a6ab5085e319f6a'
			window.newsletterIDs = {
				fr: "RLh3p2",
				en: "WFcTWg"
			}
			window.money_format = '<span class="money">{{amount_with_comma_separator}}€</span>'
		</script>

		
		



<link rel='preload' href='//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammRegular.woff2?v=123084869998416456341726844476' as='font' type='font/woff2' crossorigin='anonymous'>
<link rel='preload' href='//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammBold.woff2?v=25953375672752453041726844478' as='font' type='font/woff2' crossorigin='anonymous'>

<style>
	@font-face {
		font-family: 'Gerstner Programm';
		src: url('//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammRegular.woff2?v=123084869998416456341726844476') format('woff2');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Gerstner Programm';
		src: url('//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammBold.woff2?v=25953375672752453041726844478') format('woff2');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Reckless';
		src: url("//caravane.com/cdn/shop/t/23/assets/Reckless-Regular.woff2?v=178512357786793315471726844478") format('woff2');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
	}
	@font-face {
		font-family: 'Reckless';
		src: url("//caravane.com/cdn/shop/t/23/assets/reckless-bold.woff2?v=62727837813373813651748010235") format('woff2');
		font-weight: 800;
		font-style: normal;
		font-display: swap;
	}
</style>



  <link href="//caravane.com/cdn/shop/t/23/assets/main.F5lI9LLp.css" rel="stylesheet" type="text/css" media="all" />




  <script src="//caravane.com/cdn/shop/t/23/assets/main.WgJnA0De.js" type="module" crossorigin="anonymous"></script>


		

		<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="367dmk246a87dsg3q44j4j0l9e3vic">
<meta name="google-site-verification" content="jsjUYd5AIbaguEsXiPp_NqpWLFxOUgb8LGqf5l3s0pc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/4680876150/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="4680876150" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://caravane.com/">
<link rel="alternate" hreflang="fr" href="https://caravane.com/">
<link rel="alternate" hreflang="en" href="https://caravane.com/en">
<link rel="alternate" hreflang="fr-AG" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-AG" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-AI" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-AI" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-AW" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-AW" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BB" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BB" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BL" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BL" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BQ" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BQ" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BS" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BS" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BZ" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BZ" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-CA" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-CA" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-CR" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-CR" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-CW" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-CW" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-DM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-DM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-DO" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-DO" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GB" href="https://caravane.com/fr-gb">
<link rel="alternate" hreflang="en-GB" href="https://caravane.com/en-gb">
<link rel="alternate" hreflang="fr-GD" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GD" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GL" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GL" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GP" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GP" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GT" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GT" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-HN" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-HN" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-HT" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-HT" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-JM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-JM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-KN" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-KN" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-KY" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-KY" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-LC" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-LC" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MF" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MF" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MQ" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MQ" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MS" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MS" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MX" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MX" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-NI" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-NI" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-PA" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-PA" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-PM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-PM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-SV" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-SV" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-SX" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-SX" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-TC" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-TC" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-TT" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-TT" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-US" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-US" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-VC" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-VC" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-VG" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-VG" href="https://caravane.com/en-us">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR&default_configuration_id=4861919557"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&default_configuration_id=4861919557&shop_id=4680876150" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":4680876150,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/4680876150","merchantName":"Caravane","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","maestro"],"total":{"type":"pending","label":"Caravane","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"8f3f3a34606d3bc57fcc551db90acd85","betas":["rich-media-storefront-analytics"],"domain":"caravane.com","predictiveSearch":true,"shopId":4680876150,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "caravane-2018.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Production","id":172108153157,"schema_name":"bootstrap","schema_version":"0.1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "caravane.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</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>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = false;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.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'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/d1564fddzjmdj5.cloudfront.net\/initializercolissimo.js?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=caravane-2018.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0046\/8087\/6150\/t\/19\/assets\/zendesk-embeddable.js?v=1638200753\u0026shop=caravane-2018.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":4680876150,"offset":7200,"reqid":"c568119c-6cc6-4511-850f-9958d41f9a0b-1791643852","pageurl":"caravane.com\/","u":"a656bb0016ea","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//caravane.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//caravane.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//caravane.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "caravane-2018.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/caravane.com\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/caravane.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
</script>
<script id='scb4127' type='text/javascript' async='' src='https://caravane.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

		
		

		<script type='text/javascript'>
			;(function (c, l, a, r, i, t, y) {
				c[a] =
					c[a] ||
					function () {
						;(c[a].q = c[a].q || []).push(arguments)
					}
				t = l.createElement(r)
				t.async = 1
				t.src = 'https://www.clarity.ms/tag/' + i
				y = l.getElementsByTagName(r)[0]
				y.parentNode.insertBefore(t, y)
			})(window, document, 'clarity', 'script', 'pyezrmrzj5')
		</script>
	<!-- BEGIN app block: shopify://apps/booxi/blocks/script/da718c6d-23eb-46ef-b662-384e0f84a395 --><script defer>
  window.booxiApp = window.booxiApp || {};
  window.booxiApp.reference = {
    id: '',
    name: ``,
    'id-name': ` - `,
    sku: ``,
    barcode: ``,
  };
  
  window.booxiApp.customer = null;
  
  
  window.booxiApp.endpointRoot = `https://sp.booxi.com`;
  window.booxiApp.bubbleSvg = 
    `
      <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
        <path d="M33,35H7a2,2,0,0,1-2-2V7A2,2,0,0,1,7,5h3V3h4V5H26V3h4V5h3a2,2,0,0,1,2,2V33A2,2,0,0,1,33,35ZM13,4H11V6h2V4ZM29,4H27V6h2V4Zm4,7H7V33H33V11ZM13,21.015H11v-2h2v2Zm0,4H11v-2h2v2Zm0,4H11v-2h2v2Zm4-12H15v-2h2v2Zm0,4H15v-2h2v2Zm0,4H15v-2h2v2Zm0,4H15v-2h2v2Zm4-12H19v-2h2v2Zm0,4H19v-2h2v2Zm0,4H19v-2h2v2Zm0,4H19v-2h2v2Zm4-12H23v-2h2v2Zm0,4H23v-2h2v2Zm0,4H23v-2h2v2Zm0,4H23v-2h2v2Zm4-12H27v-2h2v2Zm0,4H27v-2h2v2Zm0,4H27v-2h2v2Z"/>
      </svg>
    `
  window.booxiApp.settings = {"timer_remove_product":14,"tracking_button_position":"hidden"}
</script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/VVwdpp/klaviyo.js?company_id=VVwdpp"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->











  
    <script
      async
 type="text/javascript"
      src="https://cdn.506.io/eg/script.js?shop=caravane-2018.myshopify.com&v=12"
    ></script>
  



  <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTE2NDM4NTI=" content="{&quot;isInstalled&quot;:true,&quot;installedOn&quot;:&quot;2025-10-02T08:03:48.591Z&quot;,&quot;appVersion&quot;:&quot;3.0&quot;,&quot;subscriptionName&quot;:&quot;Standard&quot;,&quot;cartAnalytics&quot;:true,&quot;freeTrialEndsOn&quot;:null,&quot;settings&quot;:{&quot;reminderBannerStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;bottom&quot;},&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;padding&quot;:null,&quot;headerFontSize&quot;:null,&quot;subHeaderFontSize&quot;:null,&quot;fontFamily&quot;:null,&quot;closingMode&quot;:&quot;doNotAutoClose&quot;,&quot;cssStyles&quot;:&quot;&quot;,&quot;displayAfter&quot;:5,&quot;headerText&quot;:&quot;&quot;,&quot;imageUrl&quot;:null,&quot;primaryColor&quot;:&quot;#000000&quot;,&quot;reshowBannerAfter&quot;:&quot;everyNewSession&quot;,&quot;selfcloseAfter&quot;:5,&quot;showImage&quot;:false,&quot;subHeaderText&quot;:&quot;&quot;},&quot;addedItemIdentifier&quot;:&quot;_Gifted&quot;,&quot;ignoreOtherAppLineItems&quot;:null,&quot;customVariantsInfoLifetimeMins&quot;:1440,&quot;redirectPath&quot;:null,&quot;ignoreNonStandardCartRequests&quot;:false,&quot;bannerStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;bottom&quot;},&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;padding&quot;:null,&quot;headerFontSize&quot;:null,&quot;subHeaderFontSize&quot;:null,&quot;fontFamily&quot;:null,&quot;cssStyles&quot;:null,&quot;primaryColor&quot;:&quot;#000000&quot;},&quot;themePresetId&quot;:null,&quot;notificationStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:null,&quot;vertical&quot;:null},&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;headerFontSize&quot;:null,&quot;subHeaderFontSize&quot;:null,&quot;padding&quot;:null,&quot;fontFamily&quot;:null,&quot;cssStyles&quot;:null,&quot;duration&quot;:null,&quot;hasCustomizations&quot;:false,&quot;primaryColor&quot;:null},&quot;fetchCartData&quot;:false,&quot;useLocalStorage&quot;:{&quot;enabled&quot;:false,&quot;expiryMinutes&quot;:null},&quot;popupStyle&quot;:{&quot;buttonTextColor&quot;:null,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;padding&quot;:null,&quot;headerFontSize&quot;:null,&quot;subHeaderFontSize&quot;:null,&quot;bodyColor&quot;:null,&quot;bodyFontSize&quot;:null,&quot;closeModalOutsideClick&quot;:true,&quot;priceShowZeroDecimals&quot;:true,&quot;headerFontFamily&quot;:null,&quot;bodyFontFamily&quot;:null,&quot;addButtonText&quot;:null,&quot;cssStyles&quot;:null,&quot;dismissButtonText&quot;:null,&quot;hasCustomizations&quot;:false,&quot;imageUrl&quot;:null,&quot;outOfStockButtonText&quot;:null,&quot;primaryColor&quot;:null,&quot;secondaryColor&quot;:null,&quot;showProductLink&quot;:false,&quot;subscriptionLabel&quot;:null},&quot;refreshAfterBannerClick&quot;:false,&quot;disableReapplyRules&quot;:false,&quot;disableReloadOnFailedAddition&quot;:false,&quot;autoReloadCartPage&quot;:false,&quot;ajaxRedirectPath&quot;:null,&quot;allowSimultaneousRequests&quot;:false,&quot;applyRulesOnCheckout&quot;:false,&quot;enableCartCtrlOverrides&quot;:true,&quot;customRedirectFromCart&quot;:null,&quot;scriptSettings&quot;:{&quot;branding&quot;:{&quot;removalRequestSent&quot;:null,&quot;show&quot;:false},&quot;productPageRedirection&quot;:{&quot;enabled&quot;:false,&quot;products&quot;:[],&quot;redirectionURL&quot;:&quot;\/&quot;},&quot;debugging&quot;:{&quot;enabled&quot;:false,&quot;enabledOn&quot;:null,&quot;stringifyObj&quot;:false},&quot;enableBuyNowInterceptions&quot;:false,&quot;reApplyValueBasedRulesInCart&quot;:false,&quot;useFinalPrice&quot;:false,&quot;useFinalPriceGetEntireCart&quot;:false,&quot;hideGiftedPropertyText&quot;:false,&quot;fetchCartDataBeforeRequest&quot;:false,&quot;disableRedirectAfterFormSubmit&quot;:false,&quot;customCSS&quot;:null,&quot;decodePayload&quot;:false,&quot;delayUpdates&quot;:2000,&quot;disableBuyNowInterceptions&quot;:false,&quot;fetchProductInfoFromSavedDomain&quot;:false,&quot;hideAlertsOnFrontend&quot;:false,&quot;removeEGPropertyFromSplitActionLineItems&quot;:false,&quot;removeProductsAddedFromExpiredRules&quot;:false},&quot;promoCodeMessageStyle&quot;:{&quot;message&quot;:&quot;Free gift added!&quot;},&quot;accessToEnterprise&quot;:false},&quot;translations&quot;:null,&quot;defaultLocale&quot;:&quot;fr&quot;,&quot;shopDomain&quot;:&quot;caravane.com&quot;}">


<script defer>
  (async function() {
    try {

      const blockVersion = "v3"
      if (blockVersion != "v3") {
        return
      }

      let metaErrorFlag = false;
      if (metaErrorFlag) {
        return
      }

      // Parse metafields as JSON
      const metafields = {"easygift-rule-68de3c03324f7a3d8b1d860c":{"schedule":{"enabled":false,"starts":null,"ends":null},"trigger":{"productTags":{"targets":[],"collectionInfo":null,"sellingPlan":null},"hybrid":null,"promoCode":null,"promoCodeDiscount":null,"type":"productsInclude","minCartValue":null,"hasUpperCartValue":false,"upperCartValue":null,"products":[{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Bise","variantId":48533363032389,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533363032389","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da45959f"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Ecru","variantId":55112978399557,"variantGid":"gid:\/\/shopify\/ProductVariant\/55112978399557","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a0"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Moutarde","variantId":48533362999621,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533362999621","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a1"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Tomette","variantId":48533362966853,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533362966853","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a2"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Verveine","variantId":48533362934085,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533362934085","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a3"}],"collections":[],"condition":"quantity","conditionMin":1,"conditionMax":null,"collectionSellingPlanType":null,"cartValueExcludedVariants":[]},"action":{"notification":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":""},"discount":{"easygiftAppDiscount":false,"type":null,"id":null,"title":null,"createdByEasyGift":false,"code":null,"issue":null,"discountType":null,"value":null},"popupOptions":{"showVariantsSeparately":false,"headline":null,"subHeadline":null,"showItemsPrice":false,"popupDismissable":false,"imageUrl":null,"persistPopup":false,"rewardQuantity":1,"showDiscountedPrice":false,"hideOOSItems":false},"banner":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":null,"displayAfter":"5","closingMode":"doNotAutoClose","selfcloseAfter":"5","reshowBannerAfter":"everyNewSession","redirectLink":null},"showPromoCodeMessage":false,"type":"addAutomatically","products":[{"name":"Intérieur de coussin Outdoor - 40x55 cm \/ Blanc","variantId":"55028773716293","variantGid":"gid:\/\/shopify\/ProductVariant\/55028773716293","productGid":"gid:\/\/shopify\/Product\/15132775645509","quantity":1,"handle":"composant-polyester-prduit","price":"0.00","alerts":[]}],"limit":12,"preventProductRemoval":false,"addAvailableProducts":false},"targeting":{"link":{"destination":null,"data":null,"cookieLifetime":14},"testMode":{"testCount":0,"lastTestedAt":null,"currentNonce":null,"lastTestUrl":null,"lastTokenExpiresAt":null},"additionalCriteria":{"geo":{"include":[],"exclude":[]},"type":null,"customerTags":[],"customerTagsExcluded":[],"customerId":[],"orderCount":null,"hasOrderCountMax":false,"orderCountMax":null,"totalSpent":null,"hasTotalSpentMax":false,"totalSpentMax":null},"type":"all"},"settings":{"worksInReverse":true,"runsOncePerSession":false,"preventAddedItemPurchase":false,"showReminderBanner":false},"testMode":false,"_id":"68de3c03324f7a3d8b1d860c","name":"Anatole - 40x55","store":"68de31e26022fbd49731c6de","shop":"caravane-2018","active":true,"translations":null,"createdAt":"2025-10-02T08:46:59.017Z","updatedAt":"2026-07-28T08:32:11.228Z","__v":0},"easygift-rule-68ef4f86633dc5bba9542dc5":{"schedule":{"enabled":false,"starts":null,"ends":null},"trigger":{"productTags":{"targets":[],"collectionInfo":null,"sellingPlan":null},"hybrid":null,"promoCode":null,"promoCodeDiscount":null,"type":"productsInclude","minCartValue":null,"hasUpperCartValue":false,"upperCartValue":null,"products":[{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Bise","variantId":48867676488005,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867676488005","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9c"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Ecru","variantId":46354831802693,"variantGid":"gid:\/\/shopify\/ProductVariant\/46354831802693","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9d"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Moutarde","variantId":48867676619077,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867676619077","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9e"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Tomette","variantId":48867676782917,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867676782917","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9f"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Verveine","variantId":48867677077829,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867677077829","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45eaa0"}],"collections":[],"condition":"quantity","conditionMin":1,"conditionMax":null,"collectionSellingPlanType":null,"cartValueExcludedVariants":[]},"action":{"notification":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":""},"discount":{"easygiftAppDiscount":false,"type":null,"id":null,"title":null,"createdByEasyGift":false,"code":null,"issue":null,"discountType":null,"value":null},"popupOptions":{"showVariantsSeparately":false,"headline":null,"subHeadline":null,"showItemsPrice":false,"popupDismissable":false,"imageUrl":null,"persistPopup":false,"rewardQuantity":1,"showDiscountedPrice":false,"hideOOSItems":false},"banner":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":null,"displayAfter":"5","closingMode":"doNotAutoClose","selfcloseAfter":"5","reshowBannerAfter":"everyNewSession","redirectLink":null},"showPromoCodeMessage":false,"type":"addAutomatically","products":[{"name":"Intérieur de coussin Outdoor - 40x55 cm \/ Blanc","variantId":"55028773716293","variantGid":"gid:\/\/shopify\/ProductVariant\/55028773716293","productGid":"gid:\/\/shopify\/Product\/15132775645509","quantity":1,"handle":"composant-polyester-prduit","price":"0.00","alerts":[]}],"limit":12,"preventProductRemoval":false,"addAvailableProducts":false},"targeting":{"link":{"destination":null,"data":null,"cookieLifetime":14},"testMode":{"testCount":0,"lastTestedAt":null,"currentNonce":null,"lastTestUrl":null,"lastTokenExpiresAt":null},"additionalCriteria":{"geo":{"include":[],"exclude":[]},"type":null,"customerTags":[],"customerTagsExcluded":[],"customerId":[],"orderCount":null,"hasOrderCountMax":false,"orderCountMax":null,"totalSpent":null,"hasTotalSpentMax":false,"totalSpentMax":null},"type":"all"},"settings":{"worksInReverse":true,"runsOncePerSession":false,"preventAddedItemPurchase":false,"showReminderBanner":false},"testMode":false,"_id":"68ef4f86633dc5bba9542dc5","name":"Anatole - 50x70","store":"68de31e26022fbd49731c6de","shop":"caravane-2018","active":true,"translations":null,"createdAt":"2025-10-15T07:38:46.217Z","updatedAt":"2026-07-28T08:32:11.420Z","__v":0}};

      // Process metafields in JavaScript
      let savedRulesArray = [];
      for (const [key, value] of Object.entries(metafields)) {
        if (value) {
          for (const prop in value) {
            // avoiding Object.Keys for performance gain -- no need to make an array of keys.
            savedRulesArray.push(value);
            break;
          }
        }
      }

      const metaTag = document.createElement('meta');
      metaTag.id = 'easygift-rules';
      metaTag.content = JSON.stringify(savedRulesArray);
      metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkxNjQzODUy');

      document.head.appendChild(metaTag);
      } catch (err) {
        
      }
  })();
</script>


  <script
    type="text/javascript"
    defer
>

    (function () {
      try {
        window.EG_INFO = window.EG_INFO || {};
        var shopInfo = {"isInstalled":true,"installedOn":"2025-10-02T08:03:48.591Z","appVersion":"3.0","subscriptionName":"Standard","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","imageUrl":null,"primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"backgroundColor":"#FFFFFF","borderRadius":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"fontFamily":null,"cssStyles":null,"duration":null,"hasCustomizations":false,"primaryColor":null},"fetchCartData":false,"useLocalStorage":{"enabled":false,"expiryMinutes":null},"popupStyle":{"buttonTextColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"headerFontFamily":null,"bodyFontFamily":null,"addButtonText":null,"cssStyles":null,"dismissButtonText":null,"hasCustomizations":false,"imageUrl":null,"outOfStockButtonText":null,"primaryColor":null,"secondaryColor":null,"showProductLink":false,"subscriptionLabel":null},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"removalRequestSent":null,"show":false},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"enableBuyNowInterceptions":false,"reApplyValueBasedRulesInCart":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false,"customCSS":null,"decodePayload":false,"delayUpdates":2000,"disableBuyNowInterceptions":false,"fetchProductInfoFromSavedDomain":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"removeProductsAddedFromExpiredRules":false},"promoCodeMessageStyle":{"message":"Free gift added!"},"accessToEnterprise":false},"translations":null,"defaultLocale":"fr","shopDomain":"caravane.com"};
        var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled;
        if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) {
          var products = shopInfo.settings.scriptSettings.productPageRedirection.products;
          if (products.length > 0) {
            var productIds = products.map(function(prod) {
              var productGid = prod.id;
              var productIdNumber = parseInt(productGid.split('/').pop());
              return productIdNumber;
            });
            var productInfo = null;
            var isProductInList = productIds.includes(productInfo.id);
            if (isProductInList) {
              var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL;
              if (redirectionURL) {
                window.location = redirectionURL;
              }
            }
          }
        }

        
      } catch(err) {
      return
    }})()
  </script>



<!-- END app block --><script src="https://cdn.shopify.com/extensions/01a121fc-efad-7a17-b5a5-68adb9cea8a6/booxi-86/assets/app.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/01a121fc-efad-7a17-b5a5-68adb9cea8a6/booxi-86/assets/app.css" rel="stylesheet" type="text/css" media="all">
<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: 4680876150,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>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 4680876150,storefrontBaseUrl: "https://caravane.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://caravane.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"2847342917","configuration":"{\"accountID\":\"VVwdpp\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1232208197","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-PJ5DSWWP\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-FZWKQ7HHGM\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-FZWKQ7HHGM\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-FZWKQ7HHGM\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"393412933","configuration":"{\"pixel_id\":\"259403599407141\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"195559749","configuration":"{\"tagID\":\"2614269133258\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"117965125","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"55","type":"CUSTOM","privacyPurposes":[],"name":"GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Caravane","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"caravane-2018.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/caravane.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6606815559798","handle":"tapisbayana-laine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39437927612534","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"2637076201590","handle":"khadir-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"22536559296630","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14995488670021","handle":"housse-de-coussin-gareth-lin-polyamide","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59024717054277","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8584238334277","handle":"ionapnepal-papier-nepalais","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59204713644357","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16001091305797","handle":"panier-tonka-noir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58490807320901","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8827270005061","handle":"banc-barma-en-bois-et-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50090328490309","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4574103371894","handle":"sofa-cover-velours-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59394618818885","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1849840107638","handle":"miroir-dristi-acier","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"16892497920118","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15055906603333","handle":"panier-tonka","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57731951067461","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"2486525558902","handle":"bell-abat-jour","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"21968042295414","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1858206761078","handle":"duoba","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"17096476590198","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14805523104069","handle":"housse-coussin-velours-coton-dolce","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56083188777285","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14904521326917","handle":"housse-de-coussin-anor-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54083484582213","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15779031843141","handle":"plaid-tweedy-laine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57547367907653","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1858342092918","handle":"victor","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50193383063877","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15015923319109","handle":"paisleyhc-100-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55681066107205","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"2615793221750","handle":"eliorche-bois-de-manguier","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56185636487493","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6580084441206","handle":"courtepointe-selena-lin-lave","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39390545150070","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6828522733686","handle":"albac-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54954628776261","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1857241448566","handle":"selena-drap-housse","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39509164064886","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6549753757814","handle":"set-de-taie-doreiller-paisley","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59438686699845","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4554383425654","handle":"tete-de-lit-holi-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32236967067766","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1849802915958","handle":"cosmos","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"16892316123254","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16057148539205","handle":"applique-hektor-laiton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58731086086469","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9168699720005","handle":"tapislohdi-laine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48381010575685","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"16198754533701","handle":"loveseat-holi-samba-120-coton-lin-viscose","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"59461702156613","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14805088796997","handle":"papiliocp-coton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53707315904837","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1858330558582","handle":"housse-coussin-velours-lave","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57640951415109","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14785405419845","handle":"option-kit-emballage-cadeau","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53640180236613","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15334883098949","handle":"housse-de-coussin-orion","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55797600256325","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14858532749637","handle":"tapisherringo-lin-et-jute","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57066769875269","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15211386896709","handle":"housse-de-coussin-tallino-velours-de-lin","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56576546013509","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1849635176566","handle":"miroir-ame-laiton","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"16891602239606","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15163184316741","handle":"cleoplat-terre","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55169924792645","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://caravane.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"172108153157","themePublished":"true","eventMetadataId":"e23d440e-ba5c-4987-a1b3-2b6eb04696ae","pageType":"home","shopId":"4680876150","storefrontBaseUrl":"https:\/\/caravane.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"c568119c-6cc6-4511-850f-9958d41f9a0b-1791643852"}};
  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 || [];
    window.ShopifyAnalytics.lib.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);
        if (method == 'track' || method == 'page') {
          var pageUrl;
          try {
            pageUrl = window.location.href;
          } catch (e) {}
          var pageReferrer;
          try {
            pageReferrer = document.referrer;
          } catch (e) {}
          try {
            if (window.__TREKKIE_SHIM_QUEUE == null) {
              window.__TREKKIE_SHIM_QUEUE = [];
            }
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1),
              pageContext: {
                url: pageUrl,
                referrer: pageReferrer
              }
            });
          } catch (e) {
            // no-op
          }
        }
        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: 4680876150,
      theme_id: 172108153157,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//caravane.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//caravane.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//caravane.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":4680876150,"isMerchantRequest":null,"themeId":172108153157,"themeCityHash":"9688469852123119956","contentLanguage":"fr","currency":"EUR","eventMetadataId":"e23d440e-ba5c-4987-a1b3-2b6eb04696ae"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"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;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"c568119c-6cc6-4511-850f-9958d41f9a0b-1791643852","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//caravane.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
 src="https://caravane.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="4680876150"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="172108153157"
  data-theme-name="bootstrap"
  data-theme-version="0.1.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://caravane.com/api/collect"
></script>
<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1823201452000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791645652000">
</head>

	<body class='min-h-viewportMin overflow-x-clip font-sans text-16'><!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--25518791819589__header" class="shopify-section shopify-section-group-header-group">

<div aria-hidden='true' class='pt-header' data-type='spacer' style='display: var(--header-spacer-display);'></div>
<div
	x-data='header'
	id='header'
	class='offset-with-banner fixed left-0 right-0 top-0 z-12'
>
	
<div
	class='relative z-10 h-28 text-center text-11 tracking-tight'
	style='background-color: #000000; color: #fffdf7'
>
	
		<div
			x-data='banner({ autoPlayInterval: 7000, itemCount: 2 })'
			class='relative h-full'
		>
			
				<div
					
					x-transition:enter='transition-opacity ease-expo-out duration-500 delay-500'
					x-transition:enter-start='opacity-0'
					x-transition:enter-end='opacity-100'
					x-transition:leave='transition-opacity ease-quart-inout duration-500'
					x-transition:leave-start='opacity-100'
					x-transition:leave-end='opacity-0'
					x-show='currentIndex === 0'
					class='grid h-full w-full place-items-center whitespace-nowrap absolute inset-0'
				>
					<span class='block [&_a]:underline'>Livraison standard offerte en France et au Royaume-Uni à partir de 150€*</span>
				</div>
			
				<div
					
						x-cloak
					
					x-transition:enter='transition-opacity ease-expo-out duration-500 delay-500'
					x-transition:enter-start='opacity-0'
					x-transition:enter-end='opacity-100'
					x-transition:leave='transition-opacity ease-quart-inout duration-500'
					x-transition:leave-start='opacity-100'
					x-transition:leave-end='opacity-0'
					x-show='currentIndex === 1'
					class='grid h-full w-full place-items-center whitespace-nowrap absolute inset-0'
				>
					<span class='block [&_a]:underline'>Profitez d'une <strong>livraison à domicile en 24h</strong> avec UPS Express*</span>
				</div>
			
		</div>

	
</div>


	<div
		class='header-nav relative z-10 h-nav border-b transition-[background-color,color,border-color] duration-300 ease-expo-out'
		:class="{ 'header-solid': shouldShowSolid }"
		style='background-color: var(--header-bg-color); color: var(--header-text-color); border-color: var(--header-border-color);'
	>
		<div class='grid-container flex h-nav items-center justify-between'>
			<div class='flex items-center gap-12 lg:hidden'>
				
				<button
					class='header-burger pointer-events-auto relative h-32 w-24 shrink-0'
					aria-label='Ouvrir le menu de navigation'
					:aria-expanded='isMobileNavOpen ? true : false'
					@click='handleBurgerClick(); $store.global.isSearchVisible=false'
				>
					<div class='absolute inset-0 flex flex-col justify-between px-4 py-12'>
						<span class='header-burger-open-line'></span>
						<span class='header-burger-open-line'></span>
					</div>
					<div class='absolute inset-0'>
						<span class='header-burger-close-line-wrapper absolute-center rotate-45'>
							<span class='header-burger-close-line origin-left'></span>
						</span>
						<span
							class='header-burger-close-line-wrapper absolute-center -rotate-45'
						>
							<span class='header-burger-close-line origin-right'></span>
						</span>
					</div>
				</button>
				<button
					@click='closeMobileNav(); $store.global.isSearchVisible=!$store.global.isSearchVisible'
					aria-label='Ouvrir la recherche de produits'
					aria-controls='search-dialog'
					:aria-expanded='$store.global.isSearchVisible.toString()'
					class='lg:hidden'
				>
					<svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9789 10.6887C17.3244 13.6451 15.0917 16.3852 11.8871 16.727C8.68262 17.0688 5.87239 14.8666 5.52694 11.9102C5.18149 8.95377 7.41422 6.21365 10.6187 5.87184C13.8232 5.53003 16.6335 7.73225 16.9789 10.6887ZM15.6905 16.1751C14.6896 17.0082 13.4223 17.5689 12.0032 17.7202C8.29165 18.1161 4.94694 15.5623 4.53258 12.0162C4.11823 8.47011 6.79113 5.27449 10.5027 4.8786C14.2142 4.48271 17.5589 7.03647 17.9733 10.5826C18.1884 12.4238 17.5713 14.1705 16.4087 15.4799L19.5095 18.475L18.7827 19.1619L15.6905 16.1751Z" fill="currentColor"/>
</svg>

				</button>
			</div>

			
			<nav
				@mouseleave='closeDesktopNav'
				@keydown.escape='closeDesktopNav'
				class='flex h-full items-center gap-10 text-12'
			>
				
<button
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left lg-max:hidden'
		
		
		
		
		
		
			@mouseenter.passive='openDesktopNav'
		
		
		
		
		
		

	>E-SHOP</button>
<ul class='ml-14 flex items-center gap-24 text-12 lg-max:hidden'>
						
							<li class='flex items-center'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
		href='/collections/nouveautes'
		
		
		
		
		
		
	>Nouveautés</a>
							</li>
						
							<li class='flex items-center'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
		href='/collections/canapes'
		
		
		
		
		
		
	>Canapés</a>
							</li>
						
					</ul>
				<a
					@mouseenter='closeAllPanels'
					@click='closeMobileNav(); $store.global.isSearchVisible=false;'
					href='/'
					class='absolute-center block'
					aria-label='Page d&#39;accueil'
				><svg class='w-109 h-15 lg:w-164 lg:h-22' xmlns='http://www.w3.org/2000/svg' width='355' height='51' viewbox='0 0 355 51' fill='none'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M127.868 14.7564C127.868 22.1017 122.751 26.9511 115.858 30.0507L121.41 40.2917C123.073 43.2872 124.791 46.2514 126.563 49.1826L118.406 49.9932L109.572 31.7333H109.561L107.884 28.206L110.272 25.2713C116.521 24.9359 119.945 20.7489 119.945 15.8353C119.945 11.5226 117.002 8.69403 111.246 8.69403C109.306 8.69403 108.567 8.76111 107.029 8.89527C106.763 10.1754 106.563 11.6567 106.427 12.6685L104.622 25.3327H104.633L103.42 34.0672L102.615 39.7522C102.282 42.3795 101.61 47.5671 101.543 49.4509H93.7723C94.5775 46.2199 95.9129 37.5945 96.5153 33.2175L98.592 18.3284C99.1945 14.0157 100.263 5.32325 100.397 2.08941C102.806 2.15649 108.167 1.75401 111.246 1.75401C122.688 1.75401 127.868 7.8164 127.868 14.7564ZM0 29.6063C0 14.8095 8.52602 0.758988 24.8312 0.758988C29.8619 0.758988 35.4311 2.58413 38.7849 5.28691L36.1002 11.4024C33.2823 8.90086 28.2766 7.51733 24.3176 7.51733C13.3818 7.51733 7.18507 18.1216 7.18507 28.4576C7.18507 37.9131 12.696 44.2103 20.7473 44.2103C25.9112 44.2103 30.6559 41.4823 34.4122 38.6482L33.0852 46.4938C28.9302 49.1503 24.1173 50.5778 19.1953 50.6136C7.11844 50.6164 0 42.3739 0 29.6063ZM215.269 1.97482H223.334L204.538 36.5631C202.096 40.9827 199.769 45.4655 197.559 50.0071L195.732 50.4823L186.34 15.8912C185.135 11.6344 183.658 6.16454 182.314 2.0419L189.977 1.50246L198.525 35.378L209.297 13.999L215.269 1.97482ZM304.341 18.1188C304.979 13.8005 306.126 5.09405 306.284 1.85184C308.969 1.87699 311.465 1.82948 313.814 1.57793C313.328 3.73568 312.481 8.92881 312.053 11.5645L307.392 39.9646C307.037 42.5305 306.254 47.9276 306.107 49.8869L303.405 50.404L281.203 17.0483L277.863 39.3805C277.439 42.2845 276.864 47.1422 276.644 49.0988L269.185 49.0373C269.884 45.8006 271.358 37.7063 272.136 32.7815L274.748 16.794C275.387 12.4729 276.664 4.37853 276.825 1.13632L278.99 0.613647L301.914 35.8168L304.341 18.1188ZM244.492 0.893149L254.959 35.5485C256.32 40.1938 257.773 44.8111 259.318 49.3978L251.525 49.9401L247.202 33.3516C244.639 24.1812 242.76 22.3616 240.414 22.6356C237.715 22.9514 236.144 26.1181 236.144 26.1181C231.119 35.42 224.511 47.6621 223.614 49.4006H215.685L235.68 14.8067C238.967 9.06577 241.047 5.28132 242.926 1.43259L244.492 0.893149ZM331.185 42.673C333.062 42.687 335.277 42.7736 337.223 42.7904C342.387 42.8323 346.08 42.796 350.439 42.6982C349.817 45.0572 349.395 47.2149 348.839 49.9792C344.814 49.6773 340.522 49.5711 335.694 49.532C330.66 49.4901 326.654 49.5264 322.359 49.7612C323.189 46.5245 324.602 37.7538 325.241 33.4355L327.076 21.3191C328.792 21.3666 330.743 21.4393 334.183 21.5036L334.175 21.5511L339.017 21.5707H339.022L349.136 21.6098C348.653 23.5635 348.295 25.9253 347.943 28.3542L333.181 28.097L331.551 38.7572C331.41 39.769 331.193 41.5243 331.185 42.6702V42.673ZM342.118 2.095C346.413 2.12863 350.709 2.05128 355 1.86302C354.307 4.23321 353.75 6.6419 353.334 9.07695C349.642 8.97912 346.693 8.88689 342.199 8.85055H342.01L341.399 8.84496C339.988 8.83256 338.576 8.83536 337.165 8.85335C333.67 8.87012 330.782 8.90925 328.795 8.92322C329.153 5.9661 329.452 3.18786 329.527 1.6506C333.684 1.88817 337.021 2.05028 342.118 2.095ZM162.591 0.893149L173.058 35.5485C174.419 40.1936 175.873 44.8109 177.417 49.3978L169.621 49.9401L164.812 31.4902C163.771 26.6129 160.806 25.9924 160.806 25.9924C155.412 24.743 151.977 30.5874 150.756 32.5802C146.558 40.3504 142.433 48.0087 141.711 49.3978H133.784L153.777 14.8123C157.066 9.06856 159.143 5.28412 161.025 1.43538L162.591 0.893149ZM69.6852 0.893149L80.1518 35.5513C81.5131 40.1965 82.9663 44.8138 84.5106 49.4006L76.7175 49.9428L71.909 31.493C70.6319 26.065 67.9972 25.6011 67.9972 25.6011C62.8499 24.1672 59.2352 30.0591 57.847 32.583C53.652 40.3531 49.5264 48.0115 48.8046 49.4006H40.8783L60.8759 14.8123C64.1603 9.06856 66.2425 5.28412 68.1193 1.43538L69.6852 0.893149Z" fill="currentColor"/>
</svg>
</a>

				
				<div
					x-cloak
					x-show='isDesktopNavOpen'
					class='fixed inset-x-0 top-header z-[12] bg-cream lg-max:hidden'
				>
					<div class='flex items-stretch margin-ml-1'>
						<ul class='border-r border-stroke-light/10 py-24 span-w-4'>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-extrabold'
		href='/collections/nouveautes'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 0 ? true : false" data-panel-index="0"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Nouveautés</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-extrabold'
		href='/collections/best-sellers/New'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 1 ? true : false" data-panel-index="1"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Best-sellers</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/coussins-et-plaids'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 2 ? true : false" data-panel-index="2"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Coussins & plaids</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/luminaires'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 3 ? true : false" data-panel-index="3"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Luminaires</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/le-linge-de-lit'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 4 ? true : false" data-panel-index="4"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Linge de lit</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/tapis-rideaux'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 5 ? true : false" data-panel-index="5"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Tapis & rideaux</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/art-de-la-table'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 6 ? true : false" data-panel-index="6"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Art de la table</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/decoration'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 7 ? true : false" data-panel-index="7"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Décoration</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/mobilier'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 8 ? true : false" data-panel-index="8"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Mobilier</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/canapes'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 9 ? true : false" data-panel-index="9"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Canapés & fauteuils</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/mode-et-accessoires'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 10 ? true : false" data-panel-index="10"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Mode & accessoires</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/collections/tissu-au-metre'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 11 ? true : false" data-panel-index="11"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Tissus au mètre</a>
								</li>
							
<li class='mb-12'>
									
									
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
		href='/products/gift-card'
		
aria-haspopup="true" :aria-expanded="currentPanelIndex == 12 ? true : false" data-panel-index="12"
		
			x-data
			@click.passive='closeDesktopNav'
		
		
			@mouseenter.passive='handleLinkMouseEnter'
		
		
		
		
	>Carte cadeau </a>
								</li>
							
						</ul>
						<ul class='relative mr-auto span-w-6'>
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 0'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/nouveautes'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Nouveautés</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/intermede'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Intermède</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/nouveautes'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 2'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/housses-de-coussin'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Coussins</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/plaids'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Plaids</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/sofa-covers'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Sofa covers</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/petits-coussins'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Petits coussins</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/coussins-dexterieur'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Coussins d'extérieur</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/coussins-et-plaids'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 3'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/appliques'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Appliques</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/suspensions'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Suspensions</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/lampes-a-poser'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Lampes à poser</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/lampadaires'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Lampadaires</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/abat-jour'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Abat-jours</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/electrifications'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Electrifications</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/luminaires'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 4'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/parures-de-lit'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Parures de lit</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/linge-de-lit'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Housses de couette, taies & draps</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/courtepointes-et-couvre-lits'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Courtepointes & couvre-lits</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/couettes-en-soie'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Couettes en soie</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/le-linge-de-lit'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 5'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tapis'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tapis </a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/rideaux-voilages'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Rideaux & voilages</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tringles-et-accessoires'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tringles & accessoires</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/tapis-rideaux'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 6'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/linge-de-table'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Linge de table</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/les-sets-de-table'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Sets de table</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/vaisselles'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Vaisselle</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/couverts'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Couverts</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/verrerie'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Verrerie</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/plateaux'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Plateaux</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/accessoires'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Accessoires</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/art-de-la-table'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 7'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/miroirs-decoration-murale'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Miroirs & patères</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/petits-objets-decoratifs/Test'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Objets décoratifs</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/corbeilles-et-paniers'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Corbeilles & paniers</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/bougies-senteurs-et-bougeoirs'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Bougies, senteurs & bougeoirs</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/papier-peint-peinture'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Peintures & papiers peints</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/decoration'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 8'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tables'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tables & tables basses</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tables-dappoint'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tables d'appoint et chevets</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/bancs-et-tabourets'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Chaises, bancs & tabourets</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/lits-et-tetes-de-lits'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Têtes de lits</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/bibliotheques-et-etageres'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Bibliothèques & étagères</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/bureaux-chevets-et-consoles'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Bureaux consoles</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/mobilier'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 9'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='radio'
			id='header-desktop-nav-9-0'
			name='header-desktop-nav-panel-'
			aria-controls='header-desktop-nav-9-0-content'
			
			
				x-data
			
			
				@mousedown='$el.dataset.wasChecked = $el.checked ? 1 : 0'
				@click='if($el.dataset.wasChecked == 1) $el.checked = false; '
			
			

			
			

			
		>
		<label
			class='!py-0 text-14 leading-[1.4] pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-desktop-nav-9-0'
			
		>
			<span class='font-normal'>Canapés & fauteuils disponibles en ligne</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:!size-16' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-desktop-nav-9-0-content'
			aria-labelledby='header-desktop-nav-9-0'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all pl-12'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='flex flex-col gap-12 pb-4 pt-12'>
															
																<li>
																	
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
		href='/collections/canapes-disponibles-en-ligne'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Canapés & divans</a>
																</li>
															
																<li>
																	
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
		href='/collections/fauteuils-disponibles-en-ligne'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Fauteuils</a>
																</li>
															
															<li>
																
																
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/canapes-fauteuils-disponibles-en-ligne'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
															</li>
														</ul>
				</div>
			</div>
		</article>
	</div>
</div>

													</li>
												
											
												
<li>
														
<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='radio'
			id='header-desktop-nav-9-1'
			name='header-desktop-nav-panel-'
			aria-controls='header-desktop-nav-9-1-content'
			
			
				x-data
			
			
				@mousedown='$el.dataset.wasChecked = $el.checked ? 1 : 0'
				@click='if($el.dataset.wasChecked == 1) $el.checked = false; '
			
			

			
			

			
		>
		<label
			class='!py-0 text-14 leading-[1.4] pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-desktop-nav-9-1'
			
		>
			<span class='font-normal'>Canapés, fauteuils & poufs sur mesure</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:!size-16' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-desktop-nav-9-1-content'
			aria-labelledby='header-desktop-nav-9-1'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all pl-12'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='flex flex-col gap-12 pb-4 pt-12'>
															
																<li>
																	
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
		href='/collections/canapes-sur-mesure'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Canapés & méridiennes</a>
																</li>
															
																<li>
																	
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
		href='/collections/fauteuils-et-poufs-sur-devis'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Fauteuils & poufs</a>
																</li>
															
															<li>
																
																
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/canapes-fauteuils-poufs-sur-devis'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
															</li>
														</ul>
				</div>
			</div>
		</article>
	</div>
</div>

													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/echantillon-de-tissus'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Echantillons de tissus</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/canapes'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 10'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/sacs-et-pochettes'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Sacs & pochettes</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/mode'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Mode</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/mode-et-accessoires'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
									<li
										x-cloak
										x-show='currentPanelIndex === 11'
										x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
										x-transition:enter-start='-translate-y-8 opacity-0'
										class='absolute inset-0'
									>
										<ul class='flex flex-col gap-16 px-24 py-24'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tissus-en-coton'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tissus en coton</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tissus-en-lin'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tissus en lin</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tissus-en-chanvre'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tissus en chanvre</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tissus-en-velours'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tissus en velours</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/tissus-dexterieur'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Tissus d'extérieur</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/collections/echantillon-de-tissus'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Echantillons de tissus</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
		href='/pages/guide-tissu'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Guide tissu</a>
													</li>
												
											
											
											<li>
												
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
		href='/collections/tissu-au-metre'
		
		
			x-data
			@click.passive='closeDesktopNav'
		
		
		
		
		
	>Voir tout</a>
											</li>
										</ul>
									</li>
								
							
								
							
						</ul>
						

										

<a
		
		class='relative flex h-auto group'
		href='/collections/luminaires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
											<div class='relative span-w-7-wide text-white'>
											

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='30vw' srcset='//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=87&v=1791294089&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=144&v=1791294089&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=288&v=1791294089&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=577&v=1791294089&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=865&v=1791294089&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=1081&v=1791294089&width=1200 1200w' width='435' height='392'>
<img src="//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&amp;height=392&amp;v=1791294089&amp;width=435" alt="" srcset="//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&amp;height=317&amp;v=1791294089&amp;width=352 352w, //caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&amp;height=392&amp;v=1791294089&amp;width=435 435w" width="435" height="392" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>
<div class='absolute inset-0 flex flex-col items-start justify-end px-17 py-19'>
<span
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right group-hover:after:scale-x-0 group-focus-visible:after:scale-x-0'
		
		
		
		
		
		
		
		
		
		
		

	>Luminaires</span></div>
											</div>
										</a>
							

										

<a
		
		class='relative flex h-auto group'
		href='/collections/le-linge-de-lit'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
											<div class='relative span-w-7-wide text-white'>
											

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='30vw' srcset='//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=87&v=1791294148&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=144&v=1791294148&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=288&v=1791294148&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=577&v=1791294148&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=865&v=1791294148&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=1081&v=1791294148&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=1730&v=1791294148&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=2163&v=1791294148&width=2400 2400w' width='435' height='392'>
<img src="//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&amp;height=392&amp;v=1791294148&amp;width=435" alt="" srcset="//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&amp;height=317&amp;v=1791294148&amp;width=352 352w, //caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&amp;height=392&amp;v=1791294148&amp;width=435 435w" width="435" height="392" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>
<div class='absolute inset-0 flex flex-col items-start justify-end px-17 py-19'>
<span
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right group-hover:after:scale-x-0 group-focus-visible:after:scale-x-0'
		
		
		
		
		
		
		
		
		
		
		

	>Linge de lit</span></div>
											</div>
										</a>
							
</div>
				</div>
			</nav>

			
			<div class='flex items-center gap-14 uppercase lg:gap-12'><ul class='mr-12 flex items-center gap-24 text-12 lg-max:hidden'>
						
							<li class='flex items-center'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
		href='/pages/store-locator'
		
		
		
		
		
		
	>Nos boutiques</a>
							</li>
						
							<li class='flex items-center'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
		href='/pages/a-propos'
		
		
		
		
		
		
	>A propos</a>
							</li>
						
					</ul>
				
				
				
<button
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left tracking-tight lg-max:hidden'
		
		
		
		
		
			x-data
			@click.passive='$store.global.isLocalizationModalVisible=true'
		
		
		
		
		
		
aria-label="Ouvrir les paramètres de lieu et de langue"
		

	>FR € - FR <svg class='w-10 mb-2 ml-8 h-auto inline-block align-middle' width='18' height='11' viewbox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M-5.44324e-07 1.71136L1.32308 0.429687L9 7.86634L16.6769 0.429687L18 1.71136L9 10.4297L-5.44324e-07 1.71136Z" fill="currentColor"/>
</svg>
</button>

				<button
					x-data
					@click='$store.global.isSearchVisible=!$store.global.isSearchVisible'
					aria-label='Ouvrir la recherche de produits'
					aria-controls='search-dialog'
					:aria-expanded='$store.global.isSearchVisible.toString()'
					class='lg-max:hidden'
				>
					<svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9789 10.6887C17.3244 13.6451 15.0917 16.3852 11.8871 16.727C8.68262 17.0688 5.87239 14.8666 5.52694 11.9102C5.18149 8.95377 7.41422 6.21365 10.6187 5.87184C13.8232 5.53003 16.6335 7.73225 16.9789 10.6887ZM15.6905 16.1751C14.6896 17.0082 13.4223 17.5689 12.0032 17.7202C8.29165 18.1161 4.94694 15.5623 4.53258 12.0162C4.11823 8.47011 6.79113 5.27449 10.5027 4.8786C14.2142 4.48271 17.5589 7.03647 17.9733 10.5826C18.1884 12.4238 17.5713 14.1705 16.4087 15.4799L19.5095 18.475L18.7827 19.1619L15.6905 16.1751Z" fill="currentColor"/>
</svg>

				</button>
				
<a
		
		class='relative block'
		href='/account/login'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
			data-taxi-nocache
		
		
			aria-label='Compte'
		
	><svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6522 7.60002C14.6522 8.95274 13.5049 10.1143 12.0081 10.1143C10.5113 10.1143 9.36407 8.95274 9.36407 7.60002C9.36407 6.2473 10.5113 5.08569 12.0081 5.08569C13.5049 5.08569 14.6522 6.2473 14.6522 7.60002ZM15.7379 7.60002C15.7379 9.58826 14.068 11.2 12.0081 11.2C9.94825 11.2 8.27838 9.58826 8.27838 7.60002C8.27838 5.61178 9.94825 4 12.0081 4C14.068 4 15.7379 5.61178 15.7379 7.60002ZM8.15988 13.8855H15.84C16.303 13.8855 16.7151 14.1791 16.8662 14.6168L17.853 17.4741C18.0965 18.1792 17.5727 18.9142 16.8268 18.9142H7.17313C6.42716 18.9142 5.90341 18.1792 6.14691 17.4741L7.13366 14.6168C7.2848 14.1791 7.69687 13.8855 8.15988 13.8855ZM6.10744 14.2624C6.40972 13.3871 7.23385 12.7998 8.15988 12.7998H15.84C16.766 12.7998 17.5902 13.3871 17.8924 14.2624L18.8792 17.1197C19.3662 18.5299 18.3187 19.9998 16.8268 19.9998H7.17313C5.68119 19.9998 4.63368 18.5299 5.12069 17.1197L6.10744 14.2624Z" fill="currentColor"/>
</svg>
</a>

				
				<button
					x-data
					@click='$store.global.isMinicartVisible=true'
					aria-label='Ouvrir le panier, 0 articles, &lt;span class=&quot;money&quot;&gt;0,00€&lt;/span&gt;'
					class='relative block'
					data-ajax-cart-section
				><svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>

					<span class='sr-only' aria-live='polite'>0 articles dans le panier</span>
				</button>
			</div>

			
			<div
				x-ref='mobileNav'
				x-cloak
				x-show='isMobileNavOpen'
				x-transition:enter='transition-transform ease-expo-out duration-700 transform-gpu'
				x-transition:enter-start='-translate-x-full'
				x-transition:enter-end='translate-x-0'
				x-transition:leave='transition-transform ease-quart-inout duration-700 transform-gpu'
				x-transition:leave-start='translate-x-0'
				x-transition:leave-end='-translate-x-full'
				class='fixed inset-0 top-header overflow-y-scroll bg-cream lg:hidden'
				x-trap.inert='isMobileNavOpen'
				aria-modal='true'
				role='dialog'
				aria-label='Navigation'
			>
				<div class='flex min-h-full flex-col'>
					<div class='grid-container flex flex-col'>
						
						<div
							class='-mx-10 mt-20 flex gap-10 overflow-x-auto overflow-y-clip pb-20 scrollbar-hide'
							role='region'
							aria-label='Liens en vedette'
						>
											

<a
		
		class='relative first:ml-10 last:mr-10 no-hover-focus-hidden'
		href='/collections/luminaires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
											<div class='relative span-w-5-wide lg:text-white'>
												

<picture class='block'><source media='(max-width: 1023px)' sizes='41vw' srcset='//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=64&v=1791294089&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=129&v=1791294089&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=214&v=1791294089&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=429&v=1791294089&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?crop=center&height=857&v=1791294089&width=640 640w' width='156' height='209'>

<img src="//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?v=1791294089" alt="" srcset="//caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?v=1791294089&amp;width=352 352w, //caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?v=1791294089&amp;width=832 832w, //caravane.com/cdn/shop/files/APPLIQUELASO_3_3.png?v=1791294089&amp;width=1200 1200w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>
<p class="mt-8 text-14">Luminaires</p>
											</div>
											</a>
								

											

<a
		
		class='relative first:ml-10 last:mr-10 no-hover-focus-hidden'
		href='/collections/le-linge-de-lit'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
											<div class='relative span-w-5-wide lg:text-white'>
												

<picture class='block'><source media='(max-width: 1023px)' sizes='41vw' srcset='//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=64&v=1791294148&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=129&v=1791294148&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=214&v=1791294148&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=429&v=1791294148&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?crop=center&height=857&v=1791294148&width=640 640w' width='156' height='209'>

<img src="//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?v=1791294148" alt="" srcset="//caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?v=1791294148&amp;width=352 352w, //caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?v=1791294148&amp;width=832 832w, //caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?v=1791294148&amp;width=1200 1200w, //caravane.com/cdn/shop/files/CRVN_20260916_SHOPS-095_HD_53ce1f2b-94e7-4f3b-ab94-c9626cfd332a.jpg?v=1791294148&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>
<p class="mt-8 text-14">Linge de lit</p>
											</div>
											</a>
								


</div>
						<ul class='flex flex-col'>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-0'
			name=''
			aria-controls='header-mobile-links-cards-0-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-0'
			
		>
			<span class='text-15 font-serif font-extrabold'>Nouveautés</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-0-content'
			aria-labelledby='header-mobile-links-cards-0'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/nouveautes'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Nouveautés</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/intermede'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Intermède</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/nouveautes'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								<li class='relative border-b border-stroke-light/10'>
										
										
										
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left text-15 font-serif normal-case flex py-22 font-extrabold'
		href='/collections/best-sellers/New'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Best-sellers</a>
										<svg class='absolute-center-y right-0 w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>

									</li>
								
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-2'
			name=''
			aria-controls='header-mobile-links-cards-2-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-2'
			
		>
			<span class='text-15 font-serif font-normal'>Coussins & plaids</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-2-content'
			aria-labelledby='header-mobile-links-cards-2'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/housses-de-coussin'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Coussins</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/plaids'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Plaids</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/sofa-covers'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Sofa covers</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/petits-coussins'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Petits coussins</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/coussins-dexterieur'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Coussins d'extérieur</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/coussins-et-plaids'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-3'
			name=''
			aria-controls='header-mobile-links-cards-3-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-3'
			
		>
			<span class='text-15 font-serif font-normal'>Luminaires</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-3-content'
			aria-labelledby='header-mobile-links-cards-3'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/appliques'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Appliques</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/suspensions'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Suspensions</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/lampes-a-poser'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Lampes à poser</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/lampadaires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Lampadaires</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/abat-jour'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Abat-jours</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/electrifications'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Electrifications</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/luminaires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-4'
			name=''
			aria-controls='header-mobile-links-cards-4-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-4'
			
		>
			<span class='text-15 font-serif font-normal'>Linge de lit</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-4-content'
			aria-labelledby='header-mobile-links-cards-4'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/parures-de-lit'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Parures de lit</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/linge-de-lit'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Housses de couette, taies & draps</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/courtepointes-et-couvre-lits'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Courtepointes & couvre-lits</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/couettes-en-soie'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Couettes en soie</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/le-linge-de-lit'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-5'
			name=''
			aria-controls='header-mobile-links-cards-5-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-5'
			
		>
			<span class='text-15 font-serif font-normal'>Tapis & rideaux</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-5-content'
			aria-labelledby='header-mobile-links-cards-5'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tapis'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tapis </a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/rideaux-voilages'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Rideaux & voilages</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tringles-et-accessoires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tringles & accessoires</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/tapis-rideaux'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-6'
			name=''
			aria-controls='header-mobile-links-cards-6-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-6'
			
		>
			<span class='text-15 font-serif font-normal'>Art de la table</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-6-content'
			aria-labelledby='header-mobile-links-cards-6'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/linge-de-table'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Linge de table</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/les-sets-de-table'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Sets de table</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/vaisselles'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Vaisselle</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/couverts'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Couverts</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/verrerie'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Verrerie</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/plateaux'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Plateaux</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/accessoires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Accessoires</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/art-de-la-table'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-7'
			name=''
			aria-controls='header-mobile-links-cards-7-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-7'
			
		>
			<span class='text-15 font-serif font-normal'>Décoration</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-7-content'
			aria-labelledby='header-mobile-links-cards-7'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/miroirs-decoration-murale'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Miroirs & patères</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/petits-objets-decoratifs/Test'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Objets décoratifs</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/corbeilles-et-paniers'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Corbeilles & paniers</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/bougies-senteurs-et-bougeoirs'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Bougies, senteurs & bougeoirs</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/papier-peint-peinture'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Peintures & papiers peints</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/decoration'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-8'
			name=''
			aria-controls='header-mobile-links-cards-8-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-8'
			
		>
			<span class='text-15 font-serif font-normal'>Mobilier</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-8-content'
			aria-labelledby='header-mobile-links-cards-8'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tables'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tables & tables basses</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tables-dappoint'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tables d'appoint et chevets</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/bancs-et-tabourets'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Chaises, bancs & tabourets</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/lits-et-tetes-de-lits'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Têtes de lits</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/bibliotheques-et-etageres'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Bibliothèques & étagères</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/bureaux-chevets-et-consoles'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Bureaux consoles</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/mobilier'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-9'
			name=''
			aria-controls='header-mobile-links-cards-9-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-9'
			
		>
			<span class='text-15 font-serif font-normal'>Canapés & fauteuils</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-9-content'
			aria-labelledby='header-mobile-links-cards-9'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg-max:h-32'
			type='checkbox'
			id='header-mobile-level3-9-0'
			name=''
			aria-controls='header-mobile-level3-9-0-content'
			
			
			
			

			
			

			
		>
		<label
			class='lg-max:h-32 !py-0 pr-30 h-full !pointer-events-auto text-brown-dark pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-level3-9-0'
			
		>
			<span class='font-normal normal-case text-14 text-brown-dark'>Canapés & fauteuils disponibles en ligne</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-level3-9-0-content'
			aria-labelledby='header-mobile-level3-9-0'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<li class='mt-12'>
															<ul>
																
																	<li>
																		
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/canapes-disponibles-en-ligne'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Canapés & divans</a>
																	</li>
																
																	<li>
																		
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/fauteuils-disponibles-en-ligne'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Fauteuils</a>
																	</li>
																
																<li>
																	
																	
<a
		
		class='relative flex py-8'
		href='/collections/canapes-fauteuils-disponibles-en-ligne'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
																		
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
																	</a>
																</li>
															</ul>
														</li>
				</div>
			</div>
		</article>
	</div>
</div>

												
											
												

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg-max:h-32'
			type='checkbox'
			id='header-mobile-level3-9-1'
			name=''
			aria-controls='header-mobile-level3-9-1-content'
			
			
			
			

			
			

			
		>
		<label
			class='lg-max:h-32 !py-0 pr-30 h-full !pointer-events-auto text-brown-dark pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-level3-9-1'
			
		>
			<span class='font-normal normal-case text-14 text-brown-dark'>Canapés, fauteuils & poufs sur mesure</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-level3-9-1-content'
			aria-labelledby='header-mobile-level3-9-1'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<li class='mt-12'>
															<ul>
																
																	<li>
																		
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/canapes-sur-mesure'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Canapés & méridiennes</a>
																	</li>
																
																	<li>
																		
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/fauteuils-et-poufs-sur-devis'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Fauteuils & poufs</a>
																	</li>
																
																<li>
																	
																	
<a
		
		class='relative flex py-8'
		href='/collections/canapes-fauteuils-poufs-sur-devis'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
																		
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
																	</a>
																</li>
															</ul>
														</li>
				</div>
			</div>
		</article>
	</div>
</div>

												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/echantillon-de-tissus'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Echantillons de tissus</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/canapes'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-10'
			name=''
			aria-controls='header-mobile-links-cards-10-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-10'
			
		>
			<span class='text-15 font-serif font-normal'>Mode & accessoires</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-10-content'
			aria-labelledby='header-mobile-links-cards-10'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/sacs-et-pochettes'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Sacs & pochettes</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/mode'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Mode</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/mode-et-accessoires'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								
									<li class='border-b border-stroke-light/10'>
										
										

<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
			type='checkbox'
			id='header-mobile-links-cards-11'
			name=''
			aria-controls='header-mobile-links-cards-11-content'
			
			
			
			

			
			

			
		>
		<label
			class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
			for='header-mobile-links-cards-11'
			
		>
			<span class='text-15 font-serif font-normal'>Tissus au mètre</span>
					<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>

</label>
		<article
			id='header-mobile-links-cards-11-content'
			aria-labelledby='header-mobile-links-cards-11'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all'
			
		>
			<div class='min-h-0'>
				<div
					class='min-h-0'>
					<ul class='mt-4 pb-24 lg:pb-0'>
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tissus-en-coton'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tissus en coton</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tissus-en-lin'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tissus en lin</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tissus-en-chanvre'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tissus en chanvre</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tissus-en-velours'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tissus en velours</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/tissus-dexterieur'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Tissus d'extérieur</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/collections/echantillon-de-tissus'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Echantillons de tissus</a>
													</li>
												
											
												
<li>
														
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
		href='/pages/guide-tissu'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Guide tissu</a>
													</li>
												
											
											<li>
												
												
												
												
<a
		
		class='relative flex py-8'
		href='/collections/tissu-au-metre'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>
													
<div
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Voir tout</div>
												</a>
											</li>
										</ul>
				</div>
			</div>
		</article>
	</div>
</div>

									</li>
							
								<li class='relative border-b border-stroke-light/10'>
										
										
										
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left text-15 font-serif normal-case flex py-22 font-normal'
		href='/products/gift-card'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Carte cadeau </a>
										<svg class='absolute-center-y right-0 w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>

									</li>
								
							
						</ul>
					</div>
					<ul class='grid-container my-48 flex flex-col items-center gap-16'>
						
							
								<li class='flex items-center'>
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case'
		href='/collections/nouveautes'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Nouveautés</a>
								</li>
							
								<li class='flex items-center'>
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case'
		href='/collections/canapes'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Canapés</a>
								</li>
							
						
						
							
								<li class='flex items-center'>
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case'
		href='/pages/store-locator'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>Nos boutiques</a>
								</li>
							
								<li class='flex items-center'>
									
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case'
		href='/pages/a-propos'
		
		
			x-data
			@click.passive='closeMobileNav'
		
		
		
		
		
	>A propos</a>
								</li>
							
						
						<li class='mt-12'>
							
							
							
							
<button
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 font-normal normal-case'
		
		
		
		
		
			x-data
			@click.passive='closeMobileNav(); $store.global.isLocalizationModalVisible=true'
		
		
		
		
		
		
aria-label="Ouvrir les paramètres de lieu et de langue"
		

	>
								<span>FR € - FR <svg class='w-10 mb-2 ml-8 h-auto inline-block align-middle' width='18' height='11' viewbox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M-5.44324e-07 1.71136L1.32308 0.429687L9 7.86634L16.6769 0.429687L18 1.71136L9 10.4297L-5.44324e-07 1.71136Z" fill="currentColor"/>
</svg>
</span>
							</button>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>


</header><aside id="shopify-section-sections--25518791819589__search" class="shopify-section shopify-section-group-header-group"><div
	id='search-dialog'
	x-data='predictiveSearch({ predictiveUrl: "/search/suggest" })'
	x-show='$store.global.isSearchVisible'
	x-cloak
	class='offset-with-banner fixed inset-x-0 bottom-0 top-0 z-11 lg:bottom-auto'
	role='dialog'
	aria-modal='true'
	aria-labelledby='search-dialog-heading'
	x-trap.noautofocus='$store.global.isSearchVisible'
	@keydown.escape.window='$store.global.isSearchVisible=false'
>
	<h2 id='search-dialog-heading' class='sr-only'>Que recherchez-vous ?</h2><template x-teleport='body'>
		<div
			aria-hidden='true'
			x-cloak
			class='fixed inset-0 z-0 block bg-brown-dark/15 motion-reduce:transition-none'
			@click='$store.global.isSearchVisible=false'
			x-show='$store.global.isSearchVisible'
			x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
		></div>
	</template><div
		x-ref='panel'
		class='absolute inset-0 flex h-full flex-col bg-cream pt-header motion-reduce:!transform-none motion-reduce:!transition-none lg:relative lg:h-auto'
		x-show='$store.global.isSearchVisible'
		x-transition:enter='transition-transform ease-expo-out duration-700 transform-gpu'
		x-transition:enter-start='-translate-x-full lg:!translate-x-0 lg:-translate-y-full'
		x-transition:enter-end='translate-x-0 lg:translate-y-0'
		x-transition:leave='transition-transform ease-quart-inout duration-700 transform-gpu'
		x-transition:leave-start='translate-x-0 lg:translate-y-0'
		x-transition:leave-end='-translate-x-full lg:!translate-x-0 lg:-translate-y-full'
	><div class='flex items-stretch border border-transparent border-b-stroke-light/15 bg-cream transition-colors duration-300 ease-expo-out has-[input:focus]:border-black'>
			
			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white aspect-square h-full h-50 lg:w-56 border-r border-stroke-light !bg-cream active:!bg-brown-light hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black lg:hidden'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
@click="$store.global.isSearchVisible=false" aria-label="Fermer la recherche"
		

	><svg class='w-16 h-16 rotate-180' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</button>

			<form
				class='relative flex h-50 min-w-0 flex-1 items-center px-16 lg:h-56 lg:px-24'
				action='/search'
				method='get'
				role='search'
			>
				<input type='hidden' name='type' value='product,collection'>
				<input type='hidden' name='options[prefix]' value='none'>
				<input type='hidden' name='limit' value='9'>

				<label for='search' class='sr-only'>Que recherchez-vous ?</label>
				<input
					id='search'
					name='q'
					type='search'
					autocomplete='off'
					placeholder='Tapez ici...'
					value=''
					class='h-full w-full appearance-none !border-none bg-transparent !pl-0 !pr-12 font-sans text-16 text-brown-dark placeholder:text-13 placeholder:text-brown-text focus-visible:outline-none focus-visible:ring-0'
					@input.debounce.80ms='handleInputChange'
					x-ref='input'
				>

				
				
<button
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left sr-only focus-visible:not-sr-only focus-visible:!relative focus-visible:mr-12 shrink-0 text-brown-dark outline-black outline-offset-2'
		
			type='submit'
		
		
		
		
		
		
		
		
		
		
		

	>Lancer la recherche</button>

				
				
<button
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 !text-11 tracking-normal !font-normal text-brown-text hover:text-brown-dark focus-visible:text-brown-dark shrink-0 items-center lg-max:hidden outline-black outline-offset-2'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClickReset'
		
		
		
		
		
		
x-show="query.length > 0" x-cloak
		

	>Effacer</button>
			</form>
			
			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white aspect-square h-full w-50 lg:w-56 border-l lg:border-none border-stroke-light !bg-cream active:!bg-brown-light hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
@click="$store.global.device !== 'desktop' && query.length > 0 ? handleClickReset() : $store.global.isSearchVisible = false" :aria-label="$store.global.device !== 'desktop' && query.length > 0 ? 'Effacer le champ de recherche' : 'Fermer la recherche'"
		

	><svg class='w-16 h-16 lg:w-18 lg:h-18' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
		</div><div
			class='max-h-[calc(100svh-var(--headerHeight)-3.125rem)] flex-1 overflow-y-auto overscroll-contain bg-cream scrollbar-hide lg:max-h-[calc(100svh-var(--headerHeight)-3.5rem)] lg:flex-none'
			data-lenis-prevent
		><div class='sr-only' role='status' aria-live='polite' aria-atomic='true' x-text='srStatus'></div>
<section
				x-ref='predictiveSearchResults'
				:aria-busy='loading.toString()'
				class='grid grid-cols-2 justify-start py-16 gutter-gap-1 margin-px-1 lg:grid-cols-5 lg:py-24'
			>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false,swipeIndex:0}'
	class='group span-w-6 lg:span-w-4-wider lg:!w-full'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>

Nouveauté
</div>

<a
				@focus.passive='isHovered = true'
				href='/products/applique-hektor-laiton'
			>
		<div
			
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx">*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=64&v=1790777701&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=128&v=1790777701&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=213&v=1790777701&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=425&v=1790777701&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=851&v=1790777701&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=127&v=1790777701&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=212&v=1790777701&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=423&v=1790777701&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=847&v=1790777701&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=1270&v=1790777701&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=1587&v=1790777701&width=1200 1200w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=2540&v=1790777701&width=1920 1920w,//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&height=3175&v=1790777701&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&amp;height=209&amp;v=1790777701&amp;width=158" alt="Applique Hektor" srcset="//caravane.com/cdn/shop/files/APPLIQUE_HEKTOR_1.png?crop=center&amp;height=209&amp;v=1790777701&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=64&v=1788855558&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=128&v=1788855558&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=213&v=1788855558&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=425&v=1788855558&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=851&v=1788855558&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=127&v=1788855558&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=212&v=1788855558&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=423&v=1788855558&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=847&v=1788855558&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=1270&v=1788855558&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&height=1587&v=1788855558&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&amp;height=209&amp;v=1788855558&amp;width=158" alt="Applique Hektor" srcset="//caravane.com/cdn/shop/files/APPLIQUEHEKTOR_2.png?crop=center&amp;height=209&amp;v=1788855558&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:58731086086469,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
		<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
		</div>
	
<a href='/products/applique-hektor-laiton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Applique Hektor
						
					</h2>


	
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start lg:hidden'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">280€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Laiton
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13'>
			
			<span>
				
					<span><span class="money">280€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>


<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false,swipeIndex:0}'
	class='group span-w-6 lg:span-w-4-wider lg:!w-full'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/tapislohdi-laine'
			>
		<div
			
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx">*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=64&v=1776689472&width=48 48w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=128&v=1776689472&width=96 96w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=213&v=1776689472&width=160 160w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=425&v=1776689472&width=320 320w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=851&v=1776689472&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=127&v=1776689472&width=96 96w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=212&v=1776689472&width=160 160w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=423&v=1776689472&width=320 320w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=847&v=1776689472&width=640 640w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=1270&v=1776689472&width=960 960w,//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&height=1587&v=1776689472&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&amp;height=209&amp;v=1776689472&amp;width=158" alt="Tapis Lohdi" srcset="//caravane.com/cdn/shop/files/TAPISLODHI170x240_f1bfe94f-7d39-49ce-8d75-5a9a824d749a.png?crop=center&amp;height=209&amp;v=1776689472&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=64&v=1776501656&width=48 48w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=128&v=1776501656&width=96 96w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=213&v=1776501656&width=160 160w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=425&v=1776501656&width=320 320w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=851&v=1776501656&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=127&v=1776501656&width=96 96w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=212&v=1776501656&width=160 160w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=423&v=1776501656&width=320 320w,//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&height=847&v=1776501656&width=640 640w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&amp;height=209&amp;v=1776501656&amp;width=158" alt="Grand Tapis Lohdi en laine avec ses motifs colorés floraux. " srcset="//caravane.com/cdn/shop/files/Tapis-Lohdi-Laine.jpg?crop=center&amp;height=209&amp;v=1776501656&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:48381010575685,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
		<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
		</div>
	
<a href='/products/tapislohdi-laine'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Tapis Lohdi
						
					</h2>


	
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start lg:hidden'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">580€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Laine 
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13'>
			
			<span>
				
					<span><span class="money">580€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>


<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false,swipeIndex:0}'
	class='group span-w-6 lg:span-w-4-wider lg:!w-full'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/loveseat-holi-samba-120-coton-lin-viscose'
			>
		<div
			
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx">*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=64&v=1791373570&width=48 48w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=128&v=1791373570&width=96 96w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=213&v=1791373570&width=160 160w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=425&v=1791373570&width=320 320w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=851&v=1791373570&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=127&v=1791373570&width=96 96w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=212&v=1791373570&width=160 160w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=423&v=1791373570&width=320 320w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=847&v=1791373570&width=640 640w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=1270&v=1791373570&width=960 960w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=1587&v=1791373570&width=1200 1200w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=2540&v=1791373570&width=1920 1920w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&height=3175&v=1791373570&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&amp;height=209&amp;v=1791373570&amp;width=158" alt="Loveseat Holi - Tissu Samba" srcset="//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_2.jpg?crop=center&amp;height=209&amp;v=1791373570&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=64&v=1791373569&width=48 48w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=128&v=1791373569&width=96 96w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=213&v=1791373569&width=160 160w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=425&v=1791373569&width=320 320w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=851&v=1791373569&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=127&v=1791373569&width=96 96w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=212&v=1791373569&width=160 160w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=423&v=1791373569&width=320 320w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=847&v=1791373569&width=640 640w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=1270&v=1791373569&width=960 960w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=1587&v=1791373569&width=1200 1200w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=2540&v=1791373569&width=1920 1920w,//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&height=3175&v=1791373569&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&amp;height=209&amp;v=1791373569&amp;width=158" alt="Loveseat Holi - Tissu Samba" srcset="//caravane.com/cdn/shop/files/LOVESEAT_SAMBA_Naturel_70_1.jpg?crop=center&amp;height=209&amp;v=1791373569&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:59461702156613,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
		<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
		</div>
	
<a href='/products/loveseat-holi-samba-120-coton-lin-viscose'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Loveseat Holi - Tissu Samba
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden ring-1 ring-brown-dark/15 relative border-2 border-cream'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=48&v=1790869481&width=48 48w,//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=96&v=1790869481&width=96 96w,//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=160&v=1790869481&width=160 160w,//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=320&v=1790869481&width=320 320w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=96&v=1790869481&width=96 96w,//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=160&v=1790869481&width=160 160w,//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&height=320&v=1790869481&width=320 320w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&amp;height=24&amp;v=1790869481&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/IVOIRE_f55ee495-0630-4f39-8429-2b403381f245.png?crop=center&amp;height=24&amp;v=1790869481&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden relative border-2 border-cream -ml-4'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=48&v=1790869300&width=48 48w,//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=96&v=1790869300&width=96 96w,//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=160&v=1790869300&width=160 160w,//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=320&v=1790869300&width=320 320w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=96&v=1790869300&width=96 96w,//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=160&v=1790869300&width=160 160w,//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&height=320&v=1790869300&width=320 320w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&amp;height=24&amp;v=1790869300&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/GALET_c8b2ce03-ff73-4ae3-bb50-74ab1f832b81.png?crop=center&amp;height=24&amp;v=1790869300&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden ring-1 ring-brown-dark/15 relative border-2 border-cream -ml-4'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=48&v=1790870088&width=48 48w,//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=96&v=1790870088&width=96 96w,//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=160&v=1790870088&width=160 160w,//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=320&v=1790870088&width=320 320w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=96&v=1790870088&width=96 96w,//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=160&v=1790870088&width=160 160w,//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&height=320&v=1790870088&width=320 320w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&amp;height=24&amp;v=1790870088&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/NATUREL_f4a6ef8e-8cd7-4401-a5c8-099d2c0bf16a.png?crop=center&amp;height=24&amp;v=1790870088&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			
			
				<span class='ml-6 text-11/small text-brown-text'>+15</span>
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start lg:hidden'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">2.450€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Coton, viscose et lin - 1 à 2 places - 120 cm
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13'>
			
			<span>
				
					<span><span class="money">2.450€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>


<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false,swipeIndex:0}'
	class='group span-w-6 lg:span-w-4-wider lg:!w-full'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/papiliocp-coton'
			>
		<div
			
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx">*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=64&v=1765979796&width=48 48w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=128&v=1765979796&width=96 96w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=213&v=1765979796&width=160 160w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=425&v=1765979796&width=320 320w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=851&v=1765979796&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=127&v=1765979796&width=96 96w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=212&v=1765979796&width=160 160w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=423&v=1765979796&width=320 320w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=847&v=1765979796&width=640 640w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=1270&v=1765979796&width=960 960w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=1587&v=1765979796&width=1200 1200w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=2540&v=1765979796&width=1920 1920w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&height=3175&v=1765979796&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&amp;height=209&amp;v=1765979796&amp;width=158" alt="Couvre pied Papilio en coton imprimé à motifs végétaux" srcset="//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime.jpg?crop=center&amp;height=209&amp;v=1765979796&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=64&v=1765979796&width=48 48w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=128&v=1765979796&width=96 96w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=213&v=1765979796&width=160 160w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=425&v=1765979796&width=320 320w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=851&v=1765979796&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=127&v=1765979796&width=96 96w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=212&v=1765979796&width=160 160w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=423&v=1765979796&width=320 320w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=847&v=1765979796&width=640 640w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=1270&v=1765979796&width=960 960w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=1587&v=1765979796&width=1200 1200w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=2540&v=1765979796&width=1920 1920w,//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&height=3175&v=1765979796&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&amp;height=209&amp;v=1765979796&amp;width=158" alt="Ensemble de linge de lit avec le couvre lit Papilio à motifs imprimés" srcset="//caravane.com/cdn/shop/files/MG_9771.jpg?crop=center&amp;height=209&amp;v=1765979796&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:53707315904837,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
		<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
		</div>
	
<a href='/products/papiliocp-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Couvre-pied Papilio
						
					</h2>


	
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start lg:hidden'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">285€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Coton imprimé
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13'>
			
			<span>
				
					<span><span class="money">285€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>


<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false,swipeIndex:0}'
	class='group span-w-6 lg:span-w-4-wider lg:!w-full'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>

Nouveaux coloris
</div>

<a
				@focus.passive='isHovered = true'
				href='/products/housse-coussin-velours-lave'
			>
		<div
			
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx">*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=64&v=1775750349&width=48 48w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=128&v=1775750349&width=96 96w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=213&v=1775750349&width=160 160w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=425&v=1775750349&width=320 320w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=851&v=1775750349&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=127&v=1775750349&width=96 96w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=212&v=1775750349&width=160 160w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=423&v=1775750349&width=320 320w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=847&v=1775750349&width=640 640w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=1270&v=1775750349&width=960 960w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=1587&v=1775750349&width=1200 1200w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=2540&v=1775750349&width=1920 1920w,//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&height=3175&v=1775750349&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&amp;height=209&amp;v=1775750349&amp;width=158" alt="Housse de coussin Velours lavé" srcset="//caravane.com/cdn/shop/files/VELOURSHCSVNEW_MOUSSE.jpg?crop=center&amp;height=209&amp;v=1775750349&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=64&v=1785838193&width=48 48w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=128&v=1785838193&width=96 96w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=213&v=1785838193&width=160 160w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=425&v=1785838193&width=320 320w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=851&v=1785838193&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=127&v=1785838193&width=96 96w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=212&v=1785838193&width=160 160w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=423&v=1785838193&width=320 320w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=847&v=1785838193&width=640 640w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=1270&v=1785838193&width=960 960w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=1587&v=1785838193&width=1200 1200w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=2540&v=1785838193&width=1920 1920w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&height=3175&v=1785838193&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&amp;height=209&amp;v=1785838193&amp;width=158" alt="Housse de coussin Velours lavé" srcset="//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531917_72c83d9a-9884-4a4f-a8cc-9bcf0458be50.jpg?crop=center&amp;height=209&amp;v=1785838193&amp;width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:57640951415109,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
		<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
			<span
				class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
				:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
			></span>
		</div>
	
<a href='/products/housse-coussin-velours-lave'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Housse de coussin Velours lavé
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden relative border-2 border-cream'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=48&v=1781532099&width=48 48w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=96&v=1781532099&width=96 96w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=160&v=1781532099&width=160 160w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=320&v=1781532099&width=320 320w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=96&v=1781532099&width=96 96w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=160&v=1781532099&width=160 160w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&height=320&v=1781532099&width=320 320w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&amp;height=24&amp;v=1781532099&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.01.22.png?crop=center&amp;height=24&amp;v=1781532099&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream -ml-4'
		style='background-color: #b18471'
	></span>


			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden relative border-2 border-cream -ml-4'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&height=48&v=1781532633&width=48 48w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&height=96&v=1781532633&width=96 96w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&height=160&v=1781532633&width=160 160w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&height=96&v=1781532633&width=96 96w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&height=160&v=1781532633&width=160 160w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&amp;height=24&amp;v=1781532633&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/Capture_d_ecran_2026-06-15_a_16.10.25.png?crop=center&amp;height=24&amp;v=1781532633&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			
			
				<span class='ml-6 text-11/small text-brown-text'>+8</span>
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start lg:hidden'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">70€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Velours de coton
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13'>
			
			<span>
				
					<span><span class="money">70€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>

</section>
		</div>
	</div>
</div>


</aside><div id="shopify-section-sections--25518791819589__couch-configurator" class="shopify-section shopify-section-group-header-group">




</div><section id="shopify-section-sections--25518791819589__couch-configurator-popin" class="shopify-section shopify-section-group-header-group fixed z-10 bottom-20 inset-x-0 flex justify-center pointer-events-none">




</section>
<!-- END sections: header-group -->
			

			<main id='app' tabindex='-1' class='relative'>
				<div
					class='relative'
					>

					
						<header id="shopify-section-template--23467447746885__slice_fullscreen_media_XM3bPB" class="shopify-section group relative z-0 min-h-viewportMin">


	

	
	

		

<picture class='block absolute inset-0 lg-max:hidden'>
<source media='(min-width: 1024px)' sizes='100vw' srcset='//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&height=57&v=1791367493&width=96 96w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&height=94&v=1791367493&width=160 160w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&height=189&v=1791367493&width=320 320w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&height=378&v=1791367493&width=640 640w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&height=567&v=1791367493&width=960 960w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&height=708&v=1791367493&width=1200 1200w' width='1440' height='850'>
<img src="//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&amp;height=850&amp;v=1791367493&amp;width=1440" alt="" srcset="//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&amp;height=207&amp;v=1791367493&amp;width=352 352w, //caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&amp;height=491&amp;v=1791367493&amp;width=832 832w, //caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&amp;height=708&amp;v=1791367493&amp;width=1200 1200w, //caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3477.png?crop=center&amp;height=850&amp;v=1791367493&amp;width=1440 1440w" width="1440" height="850" loading="eager" class="h-full object-cover bg-white w-full" fetchpriority="high">

</picture>

	


	
	

		

<picture class='block absolute inset-0 lg:hidden'><source media='(max-width: 1023px)' sizes='110vw' srcset='//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?crop=center&height=81&v=1791367987&width=48 48w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?crop=center&height=162&v=1791367987&width=96 96w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?crop=center&height=271&v=1791367987&width=160 160w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?crop=center&height=541&v=1791367987&width=320 320w,//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?crop=center&height=1082&v=1791367987&width=640 640w' width='414' height='700'>

<img src="//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?v=1791367987" alt="" srcset="//caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?v=1791367987&amp;width=352 352w, //caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?v=1791367987&amp;width=832 832w, //caravane.com/cdn/shop/files/magnific__jaimerais-que-tu-me-fasses-exactement-le-mme-visue__3479.png?v=1791367987&amp;width=1200 1200w" loading="eager" class="h-full object-cover bg-white w-full" fetchpriority="high">

</picture>

	




<a
		href='/pages/canapes-fauteuils-holi'
		class='focus-visible:outline-inset absolute inset-0 z-1 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-white'
		aria-label='Découvrez la sélection'
	></a><div
	
	class='grid-container absolute inset-0 z-2 flex justify-center pointer-events-none items-end'
>
	<div class='mb-48 flex flex-col items-center justify-center gap-15 text-center text-white lg:mb-60 lg:gap-16'><p class='text-12/none font-bold uppercase'>
				
					Holi se réinvente
				
			</p><h1 class='font-serif text-35/none span-w-9 lg:text-50/none lg:span-w-8'>
				Nouveaux tissus, nouvelles envies
			</h1>
<a
		
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white lg-max:mt-15 pointer-events-auto'
		href='/pages/canapes-fauteuils-holi'
		
tabindex="-1"
		
		
		
		
		
	>Découvrez la sélection</a></div>

	
</div>


</header><section id="shopify-section-template--23467447746885__slice_fullscreen_media_diptych_h7UApA" class="shopify-section relative z-0">
<div class='relative flex h-full w-full flex-col lg:flex-row'><a
			class='group relative aspect-[4/5] w-full overflow-hidden focus-visible:!outline-none lg:aspect-auto lg:h-viewportMin lg:w-1/2'
			
				href='/collections/housses-de-coussin'
				aria-label='Housses de coussin'
			
			
		>
			


<picture class='block absolute inset-0'><source media='(max-width: 1023px)' sizes='110vw' srcset='//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=81&v=1791548386&width=48 48w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=162&v=1791548386&width=96 96w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=271&v=1791548386&width=160 160w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=541&v=1791548386&width=320 320w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=1082&v=1791548386&width=640 640w' width='414' height='700'>
<source media='(min-width: 1024px)' sizes='50vw' srcset='//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=113&v=1791548386&width=96 96w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=189&v=1791548386&width=160 160w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=378&v=1791548386&width=320 320w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=756&v=1791548386&width=640 640w,//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&height=1133&v=1791548386&width=960 960w' width='720' height='850'>
<img src="//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&amp;height=850&amp;v=1791548386&amp;width=720" alt="" srcset="//caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&amp;height=415&amp;v=1791548386&amp;width=352 352w, //caravane.com/cdn/shop/files/Coussin-Maya-en-lin_3f97a99b-9283-4cf9-9eae-05dddb43f6e4.jpg?crop=center&amp;height=850&amp;v=1791548386&amp;width=720 720w" width="720" height="850" loading="lazy" class="h-full object-cover bg-white w-full" fetchpriority="auto">

</picture>

<div
					class='pointer-events-none absolute inset-0 z-1 bg-black'
					style='opacity: 0.3'
					aria-hidden='true'
				></div>
			<div class='outline-inset grid-container relative z-3 flex h-full w-full group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:-outline-offset-8 group-focus-visible:outline-white items-center justify-center text-center'>
				<div class='flex flex-col gap-16 lg:mb-60 lg:gap-16 text-white items-center'><h2 class='font-serif text-35/none lg:text-50'>Housses de coussin</h2><p class='text-12 font-bold uppercase'>Coussin Luni</p>
<div
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white'
		
		
		
		
		
		
		
		
		
		
tabindex="-1" role="presentation">Je découvre la collection</div></div>
			</div>
		</a><a
			class='group relative aspect-[4/5] w-full overflow-hidden focus-visible:!outline-none lg:aspect-auto lg:h-viewportMin lg:w-1/2'
			
				href='/collections/plaids'
				aria-label='Plaids'
			
			
		>
			


<picture class='block absolute inset-0'><source media='(max-width: 1023px)' sizes='110vw' srcset='//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=81&v=1791548319&width=48 48w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=162&v=1791548319&width=96 96w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=271&v=1791548319&width=160 160w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=541&v=1791548319&width=320 320w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=1082&v=1791548319&width=640 640w' width='414' height='700'>
<source media='(min-width: 1024px)' sizes='50vw' srcset='//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=113&v=1791548319&width=96 96w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=189&v=1791548319&width=160 160w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=378&v=1791548319&width=320 320w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=756&v=1791548319&width=640 640w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=1133&v=1791548319&width=960 960w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=1417&v=1791548319&width=1200 1200w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=2267&v=1791548319&width=1920 1920w,//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&height=2833&v=1791548319&width=2400 2400w' width='720' height='850'>
<img src="//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&amp;height=850&amp;v=1791548319&amp;width=720" alt="" srcset="//caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&amp;height=415&amp;v=1791548319&amp;width=352 352w, //caravane.com/cdn/shop/files/Plaid_Lena_1.jpg?crop=center&amp;height=850&amp;v=1791548319&amp;width=720 720w" width="720" height="850" loading="lazy" class="h-full object-cover bg-white w-full" fetchpriority="auto">

</picture>

<div
					class='pointer-events-none absolute inset-0 z-1 bg-black'
					style='opacity: 0.3'
					aria-hidden='true'
				></div>
			<div class='outline-inset grid-container relative z-3 flex h-full w-full group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:-outline-offset-8 group-focus-visible:outline-white items-center justify-center text-center'>
				<div class='flex flex-col gap-16 lg:mb-60 lg:gap-16 text-white items-center'><h2 class='font-serif text-35/none lg:text-50'>Plaids</h2><p class='text-12 font-bold uppercase'>Plaid Lena</p>
<div
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white'
		
		
		
		
		
		
		
		
		
		
tabindex="-1" role="presentation">Je découvre la collection</div></div>
			</div>
		</a></div>


</section><div id="shopify-section-template--23467447746885__1758889490df34a085" class="shopify-section">

</div><div id="shopify-section-template--23467447746885__slice_trends_carousel_hh3UKB" class="shopify-section">

<div
	class='bg-opacity-10 bg-[size:100px] bg-repeat py-24 bg-blend-overlay lg:py-140'
	style='background-color: #e0d5c4; color: #69522e; background-image: url("//caravane.com/cdn/shop/t/23/assets/grain.png?v=152901902305687839381726844477")'
>
	<div class='lg:grid-container lg:span-px-2'>
		<header class='lg-max:grid-container'>
			
				<p class='mb-8 text-10 font-bold uppercase lg:text-12'>Découvrez</p>
			

			
				<div class='mb-24 flex items-end justify-between'>
					<h2 class='font-serif text-22/small lg:text-50 lg-max:span-w-7'>Nos best-sellers</h2>
					
						
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right lg:hidden -mt-2'
		href='/collections/best-sellers'
		
		
		
		
		
		
	>voir tout</a>
					
				</div>
			
		</header>

		<div class='relative lg:bg-cream lg:gutter-p-1 lg-max:pr-0'>
			

			




<div
	x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:4})'
	
	
		class='lg:mb-48 lg-max:touch-pan-y'
	>
	

	<ul
		x-ref='wrapper'
		@touchstart='handleTouchStart'
		@scroll.passive='handleScroll'
		class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari flex flex-row gap-0 lg:items-stretch lg-max:margin-pr-1 lg:gutter-gap-1'
	>
		
<li class='h-auto lg-max:margin-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/tapisbayana-laine'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=60&v=1778142568&width=48 48w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=120&v=1778142568&width=96 96w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=200&v=1778142568&width=160 160w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=399&v=1778142568&width=320 320w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=798&v=1778142568&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=120&v=1778142568&width=96 96w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=200&v=1778142568&width=160 160w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=399&v=1778142568&width=320 320w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=799&v=1778142568&width=640 640w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=1198&v=1778142568&width=960 960w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&amp;height=403&amp;v=1778142568&amp;width=323" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&amp;height=403&amp;v=1778142568&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=60&v=1773141657&width=48 48w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=120&v=1773141657&width=96 96w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=200&v=1773141657&width=160 160w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=399&v=1773141657&width=320 320w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=798&v=1773141657&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=120&v=1773141657&width=96 96w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=200&v=1773141657&width=160 160w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=399&v=1773141657&width=320 320w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=799&v=1773141657&width=640 640w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=1198&v=1773141657&width=960 960w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=1497&v=1773141657&width=1200 1200w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=2396&v=1773141657&width=1920 1920w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&amp;height=403&amp;v=1773141657&amp;width=323" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&amp;height=403&amp;v=1773141657&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	
		











<div
	x-data='modal({ shouldScrollLock: true })'
	
	class=''
	id=''
	
	
	:id="$id('product-card-modal')"

>
	
	

	
		
	
	
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>
		<span>Ajouter au panier</span>
		<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
	</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	
	
<div
		x-data='productCardModal({ productId: 6606815559798, productHandle: "tapisbayana-laine", variantId: 39437927612534, isAvailable: false, variantQuantities: "39437927612534:0:1,46660693590341:6:1,39437927645302:5:1,46660693623109:5:1", price: 99000, compareAtPrice: 0 })'
		class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'
		data-product-card-modal
		data-only-in-store=''
		data-stock-only-in-store='Produit disponible uniquement en magasin'>
		
		

		

<picture class='block w-full lg:span-w-7 lg:aspect-[4/5] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='27vw' srcset='//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=120&v=1778142568&width=96 96w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=200&v=1778142568&width=160 160w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=400&v=1778142568&width=320 320w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=799&v=1778142568&width=640 640w,//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&height=1199&v=1778142568&width=960 960w' width='394' height='492'>
<img src="//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&amp;height=492&amp;v=1778142568&amp;width=394" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&amp;height=439&amp;v=1778142568&amp;width=352 352w, //caravane.com/cdn/shop/files/image_5_d659f107-aee5-44e5-90a0-8c4ee0181af5.png?crop=center&amp;height=492&amp;v=1778142568&amp;width=394 394w" width="394" height="492" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">

</picture>

	
<div class='flex flex-1 flex-col'>
			<header class='absolute right-0 top-0 lg:relative'>
				
				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square hover:text-white h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='modal.showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer la fenêtre d’ajout rapide de Tapis Bayana'
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			</header>

			
			<div
				class='my-auto flex flex-col items-start gap-y-24 p-24 pt-0 text-left span-w-12 lg:span-w-7-wide'
			>
				<h3 class='font-serif text-35/none tracking-tighter'>Tapis Bayana</h3>
				<p class='tracking-none block text-14'>
					<span x-ref='price' x-text="price">99000</span>
					<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
				</p>

				<ajax-cart-product-form class="w-full">
					<form method="post" action="/cart/add" id="product_form_6606815559798" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
						<input type="hidden" name="id" :value="variantId">
						
						
						
						
						

						
						

						

						
							
							
							
							
								
								<fieldset class='text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Dimensions</span>
									</legend>

									<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
										

											
											

											

											<li>
												

















<label
	for='6606815559798-1-0'
	class='relative block'
	
>
	<input
		id='6606815559798-1-0'
		type='radio'
		value='170x240 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
													checked
													x-init="formContent['dimensions'] = '170x240 cm'"
												
												
													
													data-main-option-value="Neige"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '170x240 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '170x240 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>170x240 cm</span>
		
	</span>
</label>

											</li>
											
											

											

											<li>
												

















<label
	for='6606815559798-1-1'
	class='relative block'
	
>
	<input
		id='6606815559798-1-1'
		type='radio'
		value='200x300 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
												
													
													data-main-option-value="Neige"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '200x300 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '200x300 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>200x300 cm</span>
		
	</span>
</label>

											</li></ul>
								</fieldset>
							
						
							
							
							
							
								
								
								
								<fieldset class='relative text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Couleur:</span>
										<span class="text-brown-dark" x-text="formContent['couleur']"></span>
									</legend>
									<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='39437927612534'
											aria-label='Neige'
											class='color-dots-item relative block'
											:class="{'hidden': 0 > 7 && !showMoreColors}"
											title="Neige"
											>
											<input
												type='radio'
												name='Couleur'
												value='Neige'
												id='39437927612534'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Neige"
												x-model="formContent['couleur']"
												
													checked
													x-init="formContent['couleur'] = 'Neige'"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f9f4f4') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full ring-1 ring-brown-dark/15'
		style='background-color: #f9f4f4'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='46660693590341'
											aria-label='Tabac'
											class='color-dots-item relative block'
											:class="{'hidden': 1 > 7 && !showMoreColors}"
											title="Tabac"
											>
											<input
												type='radio'
												name='Couleur'
												value='Tabac'
												id='46660693590341'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Tabac"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#a77e48') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #a77e48'
	></span>


										</span>
										</label>
									
									
								</div>
							</fieldset>
							
						

						<div class="mt-10 grid w-full grid-cols-[auto_1fr] items-center gap-10">
							
							




<div
	class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select col-start-1 row-start-1'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
		
								x-cloak	x-show="ctaState !== 'unavailable'"
							
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
			
								:id="$id('product-card-modal-quantity-select')"
								:disabled="!isAvailable"
							
		
		
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
									<option value="1" :disabled="1 > maxQuantity">1</option>
									<option value="2" :disabled="2 > maxQuantity">2</option>
									<option value="3" :disabled="3 > maxQuantity">3</option>
									<option value="4" :disabled="4 > maxQuantity">4</option>
									<option value="5" :disabled="5 > maxQuantity">5</option>
									<option value="6" :disabled="6 > maxQuantity">6</option>
									<option value="7" :disabled="7 > maxQuantity">7</option>
									<option value="8" :disabled="8 > maxQuantity">8</option>
									<option value="9" :disabled="9 > maxQuantity">9</option>
									<option value="10" :disabled="10 > maxQuantity">10</option>
									<option value="11" :disabled="11 > maxQuantity">11</option>
									<option value="12" :disabled="12 > maxQuantity">12</option>
	</select>
	<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
		
			<span class='mr-10 w-full' x-text='value'>
				
			</span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full col-start-2 row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		

								:disabled="ctaState !== 'available'"
								x-show="ctaState !== 'unavailable'"
								x-on:liquid-ajax-cart:queue-end.document='if (loading) { loading = false; if (!atcError && modal) modal.showModal = false; }'
							
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>
								<span x-show="ctaState === 'available'">Ajouter au panier</span>
								<span x-cloak x-show="ctaState === 'no-stock'">Rupture de stock</span>
							</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>

							
							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-colors duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] outline-brown-dark bg-brown-dark/15 text-brown-dark hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream w-full col-span-full row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='openCardOos'
		
		
		
		
		
		

								x-cloak
								x-show="ctaState === 'unavailable'"
							
		

	>
								<svg
	viewbox='0 0 16 16'
	fill='none'
	xmlns='http://www.w3.org/2000/svg'
	class='h-16 w-16 mr-6 shrink-0'
	aria-hidden='true'
>
	<path d="M12.8812 9.0698L11.5853 4.68081C11.1157 3.09095 9.65656 2 7.99975 2C6.34295 2 4.88379 3.09093 4.41422 4.68081L3.11827 9.0698C2.71553 9.99172 3.39074 11.0244 4.39663 11.0244H11.6034C12.6092 11.0244 13.2845 9.99217 12.8817 9.0698H12.8812Z" fill="currentColor"/>
	<path d="M9.73193 11.6775H6.2677C6.13934 11.6775 6.0544 11.8174 6.11978 11.9277C6.50057 12.5698 7.20011 13 7.99891 13C8.79913 13 9.49862 12.5698 9.87951 11.9277C9.94488 11.8174 9.85994 11.6775 9.73159 11.6775H9.73193Z" fill="currentColor"/>
</svg>

								<span>Créer une alerte</span>
							</button>
							<p
								x-text="stockLabel"
								role="status"
								aria-live="polite"
								aria-atomic="true"
								class="pdp-stock-message col-span-full row-start-2 w-full text-center text-12 leading-none text-brown-text empty:hidden"
							></p>
							<p
								x-text="atcError"
								role="alert"
								aria-live="assertive"
								aria-atomic="true"
								class="pdp-atc-error col-span-full row-start-2 w-full text-balance text-center text-12 leading-none tracking-normal text-red empty:hidden"
							></p>
						</div>


						
						
<a
		
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
		href='/products/tapisbayana-laine'
		
		
		
		
		
		
	>Voir la fiche produit</a>
					<input type="hidden" name="product-id" value="6606815559798" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
				</ajax-cart-product-form>
			</div>
		</div>
	</div>

		</div>
	</div>
	
		</template>
	
</div>



	
</div>

		
	</div>
	
<a href='/products/tapisbayana-laine'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Tapis Bayana
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full ring-1 ring-brown-dark/15 relative border-2 border-cream'
		style='background-color: #f9f4f4'
	></span>


			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream -ml-4'
		style='background-color: #a77e48'
	></span>


			
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">990€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Laine et coton
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">990€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/khadir-coton'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=60&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=120&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=200&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=399&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=798&v=1770225636&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=120&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=200&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=399&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=799&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1198&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1497&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=2396&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=2994&v=1770225636&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&amp;height=403&amp;v=1770225636&amp;width=323" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&amp;height=403&amp;v=1770225636&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=60&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=120&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=200&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=399&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=798&v=1770225636&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=120&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=200&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=399&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=799&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=1198&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=1497&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=2396&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=2994&v=1770225636&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&amp;height=403&amp;v=1770225636&amp;width=323" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&amp;height=403&amp;v=1770225636&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:22536559296630,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
<a href='/products/khadir-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Rideau Khadi
						
					</h2>


	
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">150€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Khadi de coton
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">150€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/housse-de-coussin-gareth-lin-polyamide'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=60&v=1786096155&width=48 48w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=120&v=1786096155&width=96 96w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=200&v=1786096155&width=160 160w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=399&v=1786096155&width=320 320w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=798&v=1786096155&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=120&v=1786096155&width=96 96w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=200&v=1786096155&width=160 160w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=399&v=1786096155&width=320 320w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=799&v=1786096155&width=640 640w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=1198&v=1786096155&width=960 960w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&amp;height=403&amp;v=1786096155&amp;width=323" alt="Housse de coussin Gareth" srcset="//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&amp;height=403&amp;v=1786096155&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=60&v=1786105357&width=48 48w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=120&v=1786105357&width=96 96w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=200&v=1786105357&width=160 160w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=399&v=1786105357&width=320 320w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=798&v=1786105357&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=120&v=1786105357&width=96 96w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=200&v=1786105357&width=160 160w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=399&v=1786105357&width=320 320w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=799&v=1786105357&width=640 640w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=1198&v=1786105357&width=960 960w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=1497&v=1786105357&width=1200 1200w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=2396&v=1786105357&width=1920 1920w,//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&height=2994&v=1786105357&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&amp;height=403&amp;v=1786105357&amp;width=323" alt="Housse de coussin Gareth" srcset="//caravane.com/cdn/shop/files/COUSSIN-GARETH-LICHEN.jpg?crop=center&amp;height=403&amp;v=1786105357&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	
		











<div
	x-data='modal({ shouldScrollLock: true })'
	
	class=''
	id=''
	
	
	:id="$id('product-card-modal')"

>
	
	

	
		
	
	
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>
		<span>Ajouter au panier</span>
		<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
	</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	
	
<div
		x-data='productCardModal({ productId: 14995488670021, productHandle: "housse-de-coussin-gareth-lin-polyamide", variantId: 59024717054277, isAvailable: true, variantQuantities: "59024717054277:35:1,54426913964357:17:1,54434164965701:19:1,54426913833285:28:1,54434165031237:13:1,54426913898821:27:1,54426914029893:34:1,59024717087045:25:1,54426913997125:27:1,54434164998469:29:1,54426913866053:10:1,54434165064005:9:1,54426913931589:14:1,54426914062661:14:1", price: 11000, compareAtPrice: 0 })'
		class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'
		data-product-card-modal
		data-only-in-store=''
		data-stock-only-in-store='Produit disponible uniquement en magasin'>
		
		

		

<picture class='block w-full lg:span-w-7 lg:aspect-[4/5] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='27vw' srcset='//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=120&v=1786096155&width=96 96w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=200&v=1786096155&width=160 160w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=400&v=1786096155&width=320 320w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=799&v=1786096155&width=640 640w,//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&height=1199&v=1786096155&width=960 960w' width='394' height='492'>
<img src="//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&amp;height=492&amp;v=1786096155&amp;width=394" alt="Housse de coussin Gareth" srcset="//caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&amp;height=439&amp;v=1786096155&amp;width=352 352w, //caravane.com/cdn/shop/files/COUSSINGARETHLICHEN.png?crop=center&amp;height=492&amp;v=1786096155&amp;width=394 394w" width="394" height="492" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">

</picture>

	
<div class='flex flex-1 flex-col'>
			<header class='absolute right-0 top-0 lg:relative'>
				
				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square hover:text-white h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='modal.showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer la fenêtre d’ajout rapide de Housse de coussin Gareth'
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			</header>

			
			<div
				class='my-auto flex flex-col items-start gap-y-24 p-24 pt-0 text-left span-w-12 lg:span-w-7-wide'
			>
				<h3 class='font-serif text-35/none tracking-tighter'>Housse de coussin Gareth</h3>
				<p class='tracking-none block text-14'>
					<span x-ref='price' x-text="price">11000</span>
					<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
				</p>

				<ajax-cart-product-form class="w-full">
					<form method="post" action="/cart/add" id="product_form_14995488670021" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
						<input type="hidden" name="id" :value="variantId">
						
						
						
						
						

						
						

						

						
							
							
							
							
								
								<fieldset class='text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Dimensions</span>
									</legend>

									<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
										

											
											

											

											<li>
												

















<label
	for='14995488670021-1-0'
	class='relative block'
	
>
	<input
		id='14995488670021-1-0'
		type='radio'
		value='40x55 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
													checked
													x-init="formContent['dimensions'] = '40x55 cm'"
												
												
													
													data-main-option-value="Lichen"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '40x55 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '40x55 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>40x55 cm</span>
		
	</span>
</label>

											</li>
											
											

											

											<li>
												

















<label
	for='14995488670021-1-1'
	class='relative block'
	
>
	<input
		id='14995488670021-1-1'
		type='radio'
		value='50x70 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
												
													
													data-main-option-value="Lichen"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '50x70 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '50x70 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>50x70 cm</span>
		
	</span>
</label>

											</li></ul>
								</fieldset>
							
						
							
							
							
							
								
								
								
								<fieldset class='relative text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Couleur:</span>
										<span class="text-brown-dark" x-text="formContent['couleur']"></span>
									</legend>
									<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='59024717054277-555e31'
											aria-label='Lichen'
											class='color-dots-item relative block'
											:class="{'hidden': 0 > 7 && !showMoreColors}"
											title="Lichen"
											>
											<input
												type='radio'
												name='Couleur'
												value='Lichen'
												id='59024717054277-555e31'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Lichen"
												x-model="formContent['couleur']"
												
													checked
													x-init="formContent['couleur'] = 'Lichen'"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#555e31') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #555e31'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='54426913964357-6d793e'
											aria-label='Pesto'
											class='color-dots-item relative block'
											:class="{'hidden': 1 > 7 && !showMoreColors}"
											title="Pesto"
											>
											<input
												type='radio'
												name='Couleur'
												value='Pesto'
												id='54426913964357-6d793e'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Pesto"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#6D793E') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #6D793E'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='54434164965701-795e0b'
											aria-label='Havane'
											class='color-dots-item relative block'
											:class="{'hidden': 2 > 7 && !showMoreColors}"
											title="Havane"
											>
											<input
												type='radio'
												name='Couleur'
												value='Havane'
												id='54434164965701-795e0b'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Havane"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#795E0B') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #795E0B'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='54426913833285-c4ae8f'
											aria-label='Avoine'
											class='color-dots-item relative block'
											:class="{'hidden': 3 > 7 && !showMoreColors}"
											title="Avoine"
											>
											<input
												type='radio'
												name='Couleur'
												value='Avoine'
												id='54426913833285-c4ae8f'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Avoine"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#c4ae8f') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #c4ae8f'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='54434165031237-f7f4e1'
											aria-label='Ivoire'
											class='color-dots-item relative block'
											:class="{'hidden': 4 > 7 && !showMoreColors}"
											title="Ivoire"
											>
											<input
												type='radio'
												name='Couleur'
												value='Ivoire'
												id='54434165031237-f7f4e1'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Ivoire"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f7f4e1') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #f7f4e1'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='54426913898821-c99f18'
											aria-label='Mordore'
											class='color-dots-item relative block'
											:class="{'hidden': 5 > 7 && !showMoreColors}"
											title="Mordore"
											>
											<input
												type='radio'
												name='Couleur'
												value='Mordore'
												id='54426913898821-c99f18'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Mordore"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#C99F18') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #C99F18'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='54426914029893-842424'
											aria-label='Rooibos'
											class='color-dots-item relative block'
											:class="{'hidden': 6 > 7 && !showMoreColors}"
											title="Rooibos"
											>
											<input
												type='radio'
												name='Couleur'
												value='Rooibos'
												id='54426914029893-842424'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Rooibos"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#842424') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #842424'
	></span>


										</span>
										</label>
									
									
								</div>
							</fieldset>
							
						

						<div class="mt-10 grid w-full grid-cols-[auto_1fr] items-center gap-10">
							
							




<div
	class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select col-start-1 row-start-1'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
		
								x-cloak	x-show="ctaState !== 'unavailable'"
							
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
			
								:id="$id('product-card-modal-quantity-select')"
								:disabled="!isAvailable"
							
		
		
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
									<option value="1" :disabled="1 > maxQuantity">1</option>
									<option value="2" :disabled="2 > maxQuantity">2</option>
									<option value="3" :disabled="3 > maxQuantity">3</option>
									<option value="4" :disabled="4 > maxQuantity">4</option>
									<option value="5" :disabled="5 > maxQuantity">5</option>
									<option value="6" :disabled="6 > maxQuantity">6</option>
									<option value="7" :disabled="7 > maxQuantity">7</option>
									<option value="8" :disabled="8 > maxQuantity">8</option>
									<option value="9" :disabled="9 > maxQuantity">9</option>
									<option value="10" :disabled="10 > maxQuantity">10</option>
									<option value="11" :disabled="11 > maxQuantity">11</option>
									<option value="12" :disabled="12 > maxQuantity">12</option>
	</select>
	<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
		
			<span class='mr-10 w-full' x-text='value'>
				
			</span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full col-start-2 row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		

								:disabled="ctaState !== 'available'"
								x-show="ctaState !== 'unavailable'"
								x-on:liquid-ajax-cart:queue-end.document='if (loading) { loading = false; if (!atcError && modal) modal.showModal = false; }'
							
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>
								<span x-show="ctaState === 'available'">Ajouter au panier</span>
								<span x-cloak x-show="ctaState === 'no-stock'">Rupture de stock</span>
							</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>

							
							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-colors duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] outline-brown-dark bg-brown-dark/15 text-brown-dark hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream w-full col-span-full row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='openCardOos'
		
		
		
		
		
		

								x-cloak
								x-show="ctaState === 'unavailable'"
							
		

	>
								<svg
	viewbox='0 0 16 16'
	fill='none'
	xmlns='http://www.w3.org/2000/svg'
	class='h-16 w-16 mr-6 shrink-0'
	aria-hidden='true'
>
	<path d="M12.8812 9.0698L11.5853 4.68081C11.1157 3.09095 9.65656 2 7.99975 2C6.34295 2 4.88379 3.09093 4.41422 4.68081L3.11827 9.0698C2.71553 9.99172 3.39074 11.0244 4.39663 11.0244H11.6034C12.6092 11.0244 13.2845 9.99217 12.8817 9.0698H12.8812Z" fill="currentColor"/>
	<path d="M9.73193 11.6775H6.2677C6.13934 11.6775 6.0544 11.8174 6.11978 11.9277C6.50057 12.5698 7.20011 13 7.99891 13C8.79913 13 9.49862 12.5698 9.87951 11.9277C9.94488 11.8174 9.85994 11.6775 9.73159 11.6775H9.73193Z" fill="currentColor"/>
</svg>

								<span>Créer une alerte</span>
							</button>
							<p
								x-text="stockLabel"
								role="status"
								aria-live="polite"
								aria-atomic="true"
								class="pdp-stock-message col-span-full row-start-2 w-full text-center text-12 leading-none text-brown-text empty:hidden"
							></p>
							<p
								x-text="atcError"
								role="alert"
								aria-live="assertive"
								aria-atomic="true"
								class="pdp-atc-error col-span-full row-start-2 w-full text-balance text-center text-12 leading-none tracking-normal text-red empty:hidden"
							></p>
						</div>


						
						
<a
		
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
		href='/products/housse-de-coussin-gareth-lin-polyamide'
		
		
		
		
		
		
	>Voir la fiche produit</a>
					<input type="hidden" name="product-id" value="14995488670021" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
				</ajax-cart-product-form>
			</div>
		</div>
	</div>

		</div>
	</div>
	
		</template>
	
</div>



	
</div>

		
	</div>
	
<a href='/products/housse-de-coussin-gareth-lin-polyamide'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Housse de coussin Gareth
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream'
		style='background-color: #555e31'
	></span>


			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream -ml-4'
		style='background-color: #6D793E'
	></span>


			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream -ml-4'
		style='background-color: #795E0B'
	></span>


			
			
				<span class='ml-6 text-11/small text-brown-text'>+4</span>
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">110€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Lin
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">110€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/ionapnepal-papier-nepalais'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=60&v=1788857540&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=120&v=1788857540&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=200&v=1788857540&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=399&v=1788857540&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=798&v=1788857540&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=120&v=1788857540&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=200&v=1788857540&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=399&v=1788857540&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=799&v=1788857540&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=1198&v=1788857540&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=1497&v=1788857540&width=1200 1200w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&amp;height=403&amp;v=1788857540&amp;width=323" alt="Applique Ion Népal" srcset="//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&amp;height=403&amp;v=1788857540&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=60&v=1788857602&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=120&v=1788857602&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=200&v=1788857602&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=399&v=1788857602&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=798&v=1788857602&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=120&v=1788857602&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=200&v=1788857602&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=399&v=1788857602&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=799&v=1788857602&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=1198&v=1788857602&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&height=1497&v=1788857602&width=1200 1200w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&amp;height=403&amp;v=1788857602&amp;width=323" alt="Applique Ion Népal" srcset="//caravane.com/cdn/shop/files/APPLIQUEIONNEPAL.png?crop=center&amp;height=403&amp;v=1788857602&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	
		











<div
	x-data='modal({ shouldScrollLock: true })'
	
	class=''
	id=''
	
	
	:id="$id('product-card-modal')"

>
	
	

	
		
	
	
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>
		<span>Ajouter au panier</span>
		<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
	</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	
	
<div
		x-data='productCardModal({ productId: 8584238334277, productHandle: "ionapnepal-papier-nepalais", variantId: 59204713644357, isAvailable: true, variantQuantities: "59204713644357:72:1,46793211871557:31:1", price: 27500, compareAtPrice: 0 })'
		class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'
		data-product-card-modal
		data-only-in-store=''
		data-stock-only-in-store='Produit disponible uniquement en magasin'>
		
		

		

<picture class='block w-full lg:span-w-7 lg:aspect-[4/5] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='27vw' srcset='//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=120&v=1788857540&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=200&v=1788857540&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=400&v=1788857540&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=799&v=1788857540&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=1199&v=1788857540&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&height=1498&v=1788857540&width=1200 1200w' width='394' height='492'>
<img src="//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&amp;height=492&amp;v=1788857540&amp;width=394" alt="Applique Ion Népal" srcset="//caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&amp;height=439&amp;v=1788857540&amp;width=352 352w, //caravane.com/cdn/shop/files/APPLIQUE_ION_NEPAL_2.png?crop=center&amp;height=492&amp;v=1788857540&amp;width=394 394w" width="394" height="492" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">

</picture>

	
<div class='flex flex-1 flex-col'>
			<header class='absolute right-0 top-0 lg:relative'>
				
				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square hover:text-white h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='modal.showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer la fenêtre d’ajout rapide de Applique Ion Népal'
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			</header>

			
			<div
				class='my-auto flex flex-col items-start gap-y-24 p-24 pt-0 text-left span-w-12 lg:span-w-7-wide'
			>
				<h3 class='font-serif text-35/none tracking-tighter'>Applique Ion Népal</h3>
				<p class='tracking-none block text-14'>
					<span x-ref='price' x-text="price">27500</span>
					<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
				</p>

				<ajax-cart-product-form class="w-full">
					<form method="post" action="/cart/add" id="product_form_8584238334277" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
						<input type="hidden" name="id" :value="variantId">
						
						
						
						
						

						
						

						

						
							
							
							
							
								
								<fieldset class='text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Dimensions</span>
									</legend>

									<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
										

											
											

											

											<li>
												

















<label
	for='8584238334277-1-0'
	class='relative block'
	
>
	<input
		id='8584238334277-1-0'
		type='radio'
		value='21x25x15 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
													checked
													x-init="formContent['dimensions'] = '21x25x15 cm'"
												
												
													
													data-main-option-value="Charcoal"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '21x25x15 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '21x25x15 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>21x25x15 cm</span>
		
	</span>
</label>

											</li></ul>
								</fieldset>
							
						
							
							
							
							
								
								
								
								<fieldset class='relative text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Couleur:</span>
										<span class="text-brown-dark" x-text="formContent['couleur']"></span>
									</legend>
									<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='59204713644357-2a2323'
											aria-label='Charcoal'
											class='color-dots-item relative block'
											:class="{'hidden': 0 > 7 && !showMoreColors}"
											title="Charcoal"
											>
											<input
												type='radio'
												name='Couleur'
												value='Charcoal'
												id='59204713644357-2a2323'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Charcoal"
												x-model="formContent['couleur']"
												
													checked
													x-init="formContent['couleur'] = 'Charcoal'"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#2A2323') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full ring-1 ring-brown-dark/15'
		style='background-color: #2A2323'
	></span>


										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='46793211871557-c3763c'
											aria-label='Tabac'
											class='color-dots-item relative block'
											:class="{'hidden': 1 > 7 && !showMoreColors}"
											title="Tabac"
											>
											<input
												type='radio'
												name='Couleur'
												value='Tabac'
												id='46793211871557-c3763c'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Tabac"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#c3763c') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #c3763c'
	></span>


										</span>
										</label>
									
									
								</div>
							</fieldset>
							
						

						<div class="mt-10 grid w-full grid-cols-[auto_1fr] items-center gap-10">
							
							




<div
	class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select col-start-1 row-start-1'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
		
								x-cloak	x-show="ctaState !== 'unavailable'"
							
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
			
								:id="$id('product-card-modal-quantity-select')"
								:disabled="!isAvailable"
							
		
		
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
									<option value="1" :disabled="1 > maxQuantity">1</option>
									<option value="2" :disabled="2 > maxQuantity">2</option>
									<option value="3" :disabled="3 > maxQuantity">3</option>
									<option value="4" :disabled="4 > maxQuantity">4</option>
									<option value="5" :disabled="5 > maxQuantity">5</option>
									<option value="6" :disabled="6 > maxQuantity">6</option>
									<option value="7" :disabled="7 > maxQuantity">7</option>
									<option value="8" :disabled="8 > maxQuantity">8</option>
									<option value="9" :disabled="9 > maxQuantity">9</option>
									<option value="10" :disabled="10 > maxQuantity">10</option>
									<option value="11" :disabled="11 > maxQuantity">11</option>
									<option value="12" :disabled="12 > maxQuantity">12</option>
	</select>
	<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
		
			<span class='mr-10 w-full' x-text='value'>
				
			</span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full col-start-2 row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		

								:disabled="ctaState !== 'available'"
								x-show="ctaState !== 'unavailable'"
								x-on:liquid-ajax-cart:queue-end.document='if (loading) { loading = false; if (!atcError && modal) modal.showModal = false; }'
							
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>
								<span x-show="ctaState === 'available'">Ajouter au panier</span>
								<span x-cloak x-show="ctaState === 'no-stock'">Rupture de stock</span>
							</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>

							
							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-colors duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] outline-brown-dark bg-brown-dark/15 text-brown-dark hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream w-full col-span-full row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='openCardOos'
		
		
		
		
		
		

								x-cloak
								x-show="ctaState === 'unavailable'"
							
		

	>
								<svg
	viewbox='0 0 16 16'
	fill='none'
	xmlns='http://www.w3.org/2000/svg'
	class='h-16 w-16 mr-6 shrink-0'
	aria-hidden='true'
>
	<path d="M12.8812 9.0698L11.5853 4.68081C11.1157 3.09095 9.65656 2 7.99975 2C6.34295 2 4.88379 3.09093 4.41422 4.68081L3.11827 9.0698C2.71553 9.99172 3.39074 11.0244 4.39663 11.0244H11.6034C12.6092 11.0244 13.2845 9.99217 12.8817 9.0698H12.8812Z" fill="currentColor"/>
	<path d="M9.73193 11.6775H6.2677C6.13934 11.6775 6.0544 11.8174 6.11978 11.9277C6.50057 12.5698 7.20011 13 7.99891 13C8.79913 13 9.49862 12.5698 9.87951 11.9277C9.94488 11.8174 9.85994 11.6775 9.73159 11.6775H9.73193Z" fill="currentColor"/>
</svg>

								<span>Créer une alerte</span>
							</button>
							<p
								x-text="stockLabel"
								role="status"
								aria-live="polite"
								aria-atomic="true"
								class="pdp-stock-message col-span-full row-start-2 w-full text-center text-12 leading-none text-brown-text empty:hidden"
							></p>
							<p
								x-text="atcError"
								role="alert"
								aria-live="assertive"
								aria-atomic="true"
								class="pdp-atc-error col-span-full row-start-2 w-full text-balance text-center text-12 leading-none tracking-normal text-red empty:hidden"
							></p>
						</div>


						
						
<a
		
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
		href='/products/ionapnepal-papier-nepalais'
		
		
		
		
		
		
	>Voir la fiche produit</a>
					<input type="hidden" name="product-id" value="8584238334277" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
				</ajax-cart-product-form>
			</div>
		</div>
	</div>

		</div>
	</div>
	
		</template>
	
</div>



	
</div>

		
	</div>
	
<a href='/products/ionapnepal-papier-nepalais'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Applique Ion Népal
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full ring-1 ring-brown-dark/15 relative border-2 border-cream'
		style='background-color: #2A2323'
	></span>


			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream -ml-4'
		style='background-color: #c3763c'
	></span>


			
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">275€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Papier népalais et biais de coton
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">275€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>

Nouveaux coloris
</div>

<a
				@focus.passive='isHovered = true'
				href='/products/panier-tonka-noir'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=60&v=1783432195&width=48 48w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=120&v=1783432195&width=96 96w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=200&v=1783432195&width=160 160w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=399&v=1783432195&width=320 320w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=798&v=1783432195&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=120&v=1783432195&width=96 96w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=200&v=1783432195&width=160 160w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=399&v=1783432195&width=320 320w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=799&v=1783432195&width=640 640w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=1198&v=1783432195&width=960 960w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=1497&v=1783432195&width=1200 1200w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=2396&v=1783432195&width=1920 1920w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=2994&v=1783432195&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&amp;height=403&amp;v=1783432195&amp;width=323" alt="Panier Tonka" srcset="//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&amp;height=403&amp;v=1783432195&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=60&v=1776776523&width=48 48w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=120&v=1776776523&width=96 96w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=200&v=1776776523&width=160 160w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=399&v=1776776523&width=320 320w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=798&v=1776776523&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=120&v=1776776523&width=96 96w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=200&v=1776776523&width=160 160w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=399&v=1776776523&width=320 320w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=799&v=1776776523&width=640 640w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=1198&v=1776776523&width=960 960w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=1497&v=1776776523&width=1200 1200w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=2396&v=1776776523&width=1920 1920w,//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&height=2994&v=1776776523&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&amp;height=403&amp;v=1776776523&amp;width=323" alt="Panier Tonka" srcset="//caravane.com/cdn/shop/files/MG_7182.jpg?crop=center&amp;height=403&amp;v=1776776523&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	
		











<div
	x-data='modal({ shouldScrollLock: true })'
	
	class=''
	id=''
	
	
	:id="$id('product-card-modal')"

>
	
	

	
		
	
	
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>
		<span>Ajouter au panier</span>
		<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
	</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	
	
<div
		x-data='productCardModal({ productId: 16001091305797, productHandle: "panier-tonka-noir", variantId: 58490807320901, isAvailable: false, variantQuantities: "58490807320901:0:1,58490807386437:20:1", price: 7500, compareAtPrice: 0 })'
		class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'
		data-product-card-modal
		data-only-in-store=''
		data-stock-only-in-store='Produit disponible uniquement en magasin'>
		
		

		

<picture class='block w-full lg:span-w-7 lg:aspect-[4/5] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='27vw' srcset='//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=120&v=1783432195&width=96 96w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=200&v=1783432195&width=160 160w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=400&v=1783432195&width=320 320w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=799&v=1783432195&width=640 640w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=1199&v=1783432195&width=960 960w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=1498&v=1783432195&width=1200 1200w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=2398&v=1783432195&width=1920 1920w,//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&height=2997&v=1783432195&width=2400 2400w' width='394' height='492'>
<img src="//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&amp;height=492&amp;v=1783432195&amp;width=394" alt="Panier Tonka" srcset="//caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&amp;height=439&amp;v=1783432195&amp;width=352 352w, //caravane.com/cdn/shop/files/DSCF8928.jpg?crop=center&amp;height=492&amp;v=1783432195&amp;width=394 394w" width="394" height="492" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">

</picture>

	
<div class='flex flex-1 flex-col'>
			<header class='absolute right-0 top-0 lg:relative'>
				
				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square hover:text-white h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='modal.showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer la fenêtre d’ajout rapide de Panier Tonka'
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			</header>

			
			<div
				class='my-auto flex flex-col items-start gap-y-24 p-24 pt-0 text-left span-w-12 lg:span-w-7-wide'
			>
				<h3 class='font-serif text-35/none tracking-tighter'>Panier Tonka</h3>
				<p class='tracking-none block text-14'>
					<span x-ref='price' x-text="price">7500</span>
					<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
				</p>

				<ajax-cart-product-form class="w-full">
					<form method="post" action="/cart/add" id="product_form_16001091305797" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
						<input type="hidden" name="id" :value="variantId">
						
						
						
						
						

						
						

						
							
							
							
							<fieldset
								class='relative text-left'
								
									
									
									x-init="formContent['couleur'] = 'Charcoal naturel'"
								
							>
								<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
									<span>Couleur:</span>
									<span class='text-brown-dark'>Charcoal</span>
								</legend>
								<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
									
										
										
										




	
	
		
		
			
			
			
			
				
				
					
					
			
				
				
	

	
	
		
		
			
			
			
			
				
				
					
					
			
		
	
		
		
	
	
		
		













	
	
	
	
	
	
	

	

	<div class='color-dots-item'>
		
			<a
				href='/products/panier-tonka?variant=57731951100229'
				class='relative block h-24 w-24 rounded-full leading-small tracking-tight outline-offset-2 transition-transform pointer-cursor hover:scale-105 focus-visible:ring-2 focus-visible:ring-brown-dark focus-visible:ring-offset-2 active:scale-95'
				data-product-variation-item='true'
				data-product-variation-display='swatch'
				data-base-url='/products/panier-tonka'
				data-preview-theme-id=''
				data-option-handles='[&quot;dimensions&quot;,&quot;couleur&quot;]'
				data-variants='[{&quot;id&quot;:57731951067461,&quot;available&quot;:true,&quot;options&quot;:[&quot;26x26 cm&quot;,&quot;Laurier naturel&quot;]},{&quot;id&quot;:57731951100229,&quot;available&quot;:true,&quot;options&quot;:[&quot;45x50 cm&quot;,&quot;Laurier naturel&quot;]}]'
				data-item-label='Laurier'
				data-sold-out-label='Laurier - Bientôt disponible'
				aria-label='Laurier'
				title='Laurier'
			>
		
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #66734A'
	></span>


	</a>
		
	</div>


									
										
										
										




	
	
		
		
			
			
			
			
				
				
					
					
			
				
				
	

	
	
		
		
			
			
			
			
				
				
					
					
			
		
	
		
		
	
	
		
		













	
	
	
	
	
	
	

	

	<div class='color-dots-item'>
		
			<span
				class='relative block h-24 w-24 rounded-full leading-small tracking-tight outline-offset-2 transition-transform outline outline-1 outline-brown-dark'
				aria-current='page'
				data-product-variation-item='true'
				data-product-variation-active='true'
				data-product-variation-display='swatch'
				data-base-url='/products/panier-tonka-noir'
				data-preview-theme-id=''
				data-option-handles='[&quot;dimensions&quot;,&quot;couleur&quot;]'
				data-variants='[{&quot;id&quot;:58490807320901,&quot;available&quot;:false,&quot;options&quot;:[&quot;26x26 cm&quot;,&quot;Charcoal naturel&quot;]},{&quot;id&quot;:58490807386437,&quot;available&quot;:true,&quot;options&quot;:[&quot;45x50 cm&quot;,&quot;Charcoal naturel&quot;]}]'
				data-item-label='Charcoal'
				data-sold-out-label='Charcoal - Bientôt disponible'
				aria-label='Charcoal'
				title='Charcoal'
			>
		
	<span
		class='inline-block aspect-square h-24 w-24 rounded-full'
		style='background-color: #000000'
	></span>


	</span>
		
	</div>


									
								</div>
							</fieldset>
						

						
							
							
							
							
								
								<fieldset class='text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Dimensions</span>
									</legend>

									<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
										

											
											

											

											<li>
												

















<label
	for='16001091305797-1-0'
	class='relative block'
	
>
	<input
		id='16001091305797-1-0'
		type='radio'
		value='26x26 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
													checked
													x-init="formContent['dimensions'] = '26x26 cm'"
												
												
													
													data-main-option-value="Charcoal naturel"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '26x26 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '26x26 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>26x26 cm</span>
		
	</span>
</label>

											</li>
											
											

											

											<li>
												

















<label
	for='16001091305797-1-1'
	class='relative block'
	
>
	<input
		id='16001091305797-1-1'
		type='radio'
		value='45x50 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
												
													
													data-main-option-value="Charcoal naturel"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '45x50 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '45x50 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>45x50 cm</span>
		
	</span>
</label>

											</li></ul>
								</fieldset>
							
						
							
							
							
							
							
						

						<div class="mt-10 grid w-full grid-cols-[auto_1fr] items-center gap-10">
							
							




<div
	class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select col-start-1 row-start-1'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
		
								x-cloak	x-show="ctaState !== 'unavailable'"
							
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
			
								:id="$id('product-card-modal-quantity-select')"
								:disabled="!isAvailable"
							
		
		
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
									<option value="1" :disabled="1 > maxQuantity">1</option>
									<option value="2" :disabled="2 > maxQuantity">2</option>
									<option value="3" :disabled="3 > maxQuantity">3</option>
									<option value="4" :disabled="4 > maxQuantity">4</option>
									<option value="5" :disabled="5 > maxQuantity">5</option>
									<option value="6" :disabled="6 > maxQuantity">6</option>
									<option value="7" :disabled="7 > maxQuantity">7</option>
									<option value="8" :disabled="8 > maxQuantity">8</option>
									<option value="9" :disabled="9 > maxQuantity">9</option>
									<option value="10" :disabled="10 > maxQuantity">10</option>
									<option value="11" :disabled="11 > maxQuantity">11</option>
									<option value="12" :disabled="12 > maxQuantity">12</option>
	</select>
	<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
		
			<span class='mr-10 w-full' x-text='value'>
				
			</span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full col-start-2 row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		

								:disabled="ctaState !== 'available'"
								x-show="ctaState !== 'unavailable'"
								x-on:liquid-ajax-cart:queue-end.document='if (loading) { loading = false; if (!atcError && modal) modal.showModal = false; }'
							
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>
								<span x-show="ctaState === 'available'">Ajouter au panier</span>
								<span x-cloak x-show="ctaState === 'no-stock'">Rupture de stock</span>
							</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>

							
							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-colors duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] outline-brown-dark bg-brown-dark/15 text-brown-dark hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream w-full col-span-full row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='openCardOos'
		
		
		
		
		
		

								x-cloak
								x-show="ctaState === 'unavailable'"
							
		

	>
								<svg
	viewbox='0 0 16 16'
	fill='none'
	xmlns='http://www.w3.org/2000/svg'
	class='h-16 w-16 mr-6 shrink-0'
	aria-hidden='true'
>
	<path d="M12.8812 9.0698L11.5853 4.68081C11.1157 3.09095 9.65656 2 7.99975 2C6.34295 2 4.88379 3.09093 4.41422 4.68081L3.11827 9.0698C2.71553 9.99172 3.39074 11.0244 4.39663 11.0244H11.6034C12.6092 11.0244 13.2845 9.99217 12.8817 9.0698H12.8812Z" fill="currentColor"/>
	<path d="M9.73193 11.6775H6.2677C6.13934 11.6775 6.0544 11.8174 6.11978 11.9277C6.50057 12.5698 7.20011 13 7.99891 13C8.79913 13 9.49862 12.5698 9.87951 11.9277C9.94488 11.8174 9.85994 11.6775 9.73159 11.6775H9.73193Z" fill="currentColor"/>
</svg>

								<span>Créer une alerte</span>
							</button>
							<p
								x-text="stockLabel"
								role="status"
								aria-live="polite"
								aria-atomic="true"
								class="pdp-stock-message col-span-full row-start-2 w-full text-center text-12 leading-none text-brown-text empty:hidden"
							></p>
							<p
								x-text="atcError"
								role="alert"
								aria-live="assertive"
								aria-atomic="true"
								class="pdp-atc-error col-span-full row-start-2 w-full text-balance text-center text-12 leading-none tracking-normal text-red empty:hidden"
							></p>
						</div>


						
						
<a
		
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
		href='/products/panier-tonka-noir'
		
		
		
		
		
		
	>Voir la fiche produit</a>
					<input type="hidden" name="product-id" value="16001091305797" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
				</ajax-cart-product-form>
			</div>
		</div>
	</div>

		</div>
	</div>
	
		</template>
	
</div>



	
</div>

		
	</div>
	
<a href='/products/panier-tonka-noir'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Panier Tonka
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream'
		style='background-color: #66734A'
	></span>


			

	<span
		class='inline-block aspect-square h-12 w-12 rounded-full relative border-2 border-cream -ml-4'
		style='background-color: #000000'
	></span>


			
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">175€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Jonc de mer et coton 
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">175€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/banc-barma-en-bois-et-coton'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=60&v=1776096944&width=48 48w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=120&v=1776096944&width=96 96w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=200&v=1776096944&width=160 160w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=399&v=1776096944&width=320 320w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=798&v=1776096944&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=120&v=1776096944&width=96 96w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=200&v=1776096944&width=160 160w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=399&v=1776096944&width=320 320w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=799&v=1776096944&width=640 640w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=1198&v=1776096944&width=960 960w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=1497&v=1776096944&width=1200 1200w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=403&amp;v=1776096944&amp;width=323" alt="Tabouret Barma" srcset="//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=403&amp;v=1776096944&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=60&v=1773850106&width=48 48w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=120&v=1773850106&width=96 96w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=200&v=1773850106&width=160 160w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=399&v=1773850106&width=320 320w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=798&v=1773850106&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=120&v=1773850106&width=96 96w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=200&v=1773850106&width=160 160w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=399&v=1773850106&width=320 320w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=799&v=1773850106&width=640 640w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=1198&v=1773850106&width=960 960w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=1497&v=1773850106&width=1200 1200w,//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&height=2396&v=1773850106&width=1920 1920w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&amp;height=403&amp;v=1773850106&amp;width=323" alt="Banc Barma" srcset="//caravane.com/cdn/shop/files/TABOURETBARMA_5f2c3b7e-6015-4d41-bef9-f5d93e9d4d12.png?crop=center&amp;height=403&amp;v=1773850106&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	
		











<div
	x-data='modal({ shouldScrollLock: true })'
	
	class=''
	id=''
	
	
	:id="$id('product-card-modal')"

>
	
	

	
		
	
	
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>
		<span>Ajouter au panier</span>
		<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
	</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	
	
<div
		x-data='productCardModal({ productId: 8827270005061, productHandle: "banc-barma-en-bois-et-coton", variantId: 50090328490309, isAvailable: true, variantQuantities: "50090328490309:46:1,50089441329477:61:1", price: 38000, compareAtPrice: 0 })'
		class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'
		data-product-card-modal
		data-only-in-store=''
		data-stock-only-in-store='Produit disponible uniquement en magasin'>
		
		

		

<picture class='block w-full lg:span-w-7 lg:aspect-[4/5] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='27vw' srcset='//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=120&v=1776096944&width=96 96w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=200&v=1776096944&width=160 160w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=400&v=1776096944&width=320 320w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=799&v=1776096944&width=640 640w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=1199&v=1776096944&width=960 960w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=1498&v=1776096944&width=1200 1200w' width='394' height='492'>
<img src="//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=492&amp;v=1776096944&amp;width=394" alt="Tabouret Barma" srcset="//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=439&amp;v=1776096944&amp;width=352 352w, //caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=492&amp;v=1776096944&amp;width=394 394w" width="394" height="492" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">

</picture>

	
<div class='flex flex-1 flex-col'>
			<header class='absolute right-0 top-0 lg:relative'>
				
				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square hover:text-white h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='modal.showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer la fenêtre d’ajout rapide de Banc Barma'
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			</header>

			
			<div
				class='my-auto flex flex-col items-start gap-y-24 p-24 pt-0 text-left span-w-12 lg:span-w-7-wide'
			>
				<h3 class='font-serif text-35/none tracking-tighter'>Banc Barma</h3>
				<p class='tracking-none block text-14'>
					<span x-ref='price' x-text="price">38000</span>
					<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
				</p>

				<ajax-cart-product-form class="w-full">
					<form method="post" action="/cart/add" id="product_form_8827270005061" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
						<input type="hidden" name="id" :value="variantId">
						
						
						
						
						

						
						

						

						
							
							
							
							
								
								<fieldset class='text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Dimensions</span>
									</legend>

									<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
										

											
											

											

											<li>
												

















<label
	for='8827270005061-1-0'
	class='relative block'
	
>
	<input
		id='8827270005061-1-0'
		type='radio'
		value='59x46 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
													checked
													x-init="formContent['dimensions'] = '59x46 cm'"
												
												
													
													data-main-option-value="Lichen"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '59x46 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '59x46 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>59x46 cm</span>
		
	</span>
</label>

											</li>
											
											

											

											<li>
												

















<label
	for='8827270005061-1-1'
	class='relative block'
	
>
	<input
		id='8827270005061-1-1'
		type='radio'
		value='115x46 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
												
													
													data-main-option-value="Lichen"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '115x46 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '115x46 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>115x46 cm</span>
		
	</span>
</label>

											</li></ul>
								</fieldset>
							
						
							
							
							
							
								
								
								
								<fieldset class='relative text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Couleur:</span>
										<span class="text-brown-dark" x-text="formContent['couleur']"></span>
									</legend>
									<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='50090328490309'
											aria-label='Lichen'
											class='color-dots-item relative block'
											:class="{'hidden': 0 > 7 && !showMoreColors}"
											title="Lichen"
											>
											<input
												type='radio'
												name='Couleur'
												value='Lichen'
												id='50090328490309'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Lichen"
												x-model="formContent['couleur']"
												
													checked
													x-init="formContent['couleur'] = 'Lichen'"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#0824A0') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	
	
	
	

<picture class='block w-24 aspect-square rounded-full overflow-hidden'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&height=48&v=1783350188&width=48 48w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&height=96&v=1783350188&width=96 96w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&height=160&v=1783350188&width=160 160w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&height=96&v=1783350188&width=96 96w,//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&height=160&v=1783350188&width=160 160w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&amp;height=24&amp;v=1783350188&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/Capture_d_ecran_2026-07-06_a_17.02.51.png?crop=center&amp;height=24&amp;v=1783350188&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



										</span>
										</label>
									
									
								</div>
							</fieldset>
							
						

						<div class="mt-10 grid w-full grid-cols-[auto_1fr] items-center gap-10">
							
							




<div
	class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select col-start-1 row-start-1'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
		
								x-cloak	x-show="ctaState !== 'unavailable'"
							
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
			
								:id="$id('product-card-modal-quantity-select')"
								:disabled="!isAvailable"
							
		
		
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
									<option value="1" :disabled="1 > maxQuantity">1</option>
									<option value="2" :disabled="2 > maxQuantity">2</option>
									<option value="3" :disabled="3 > maxQuantity">3</option>
									<option value="4" :disabled="4 > maxQuantity">4</option>
									<option value="5" :disabled="5 > maxQuantity">5</option>
									<option value="6" :disabled="6 > maxQuantity">6</option>
									<option value="7" :disabled="7 > maxQuantity">7</option>
									<option value="8" :disabled="8 > maxQuantity">8</option>
									<option value="9" :disabled="9 > maxQuantity">9</option>
									<option value="10" :disabled="10 > maxQuantity">10</option>
									<option value="11" :disabled="11 > maxQuantity">11</option>
									<option value="12" :disabled="12 > maxQuantity">12</option>
	</select>
	<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
		
			<span class='mr-10 w-full' x-text='value'>
				
			</span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full col-start-2 row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		

								:disabled="ctaState !== 'available'"
								x-show="ctaState !== 'unavailable'"
								x-on:liquid-ajax-cart:queue-end.document='if (loading) { loading = false; if (!atcError && modal) modal.showModal = false; }'
							
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>
								<span x-show="ctaState === 'available'">Ajouter au panier</span>
								<span x-cloak x-show="ctaState === 'no-stock'">Rupture de stock</span>
							</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>

							
							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-colors duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] outline-brown-dark bg-brown-dark/15 text-brown-dark hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream w-full col-span-full row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='openCardOos'
		
		
		
		
		
		

								x-cloak
								x-show="ctaState === 'unavailable'"
							
		

	>
								<svg
	viewbox='0 0 16 16'
	fill='none'
	xmlns='http://www.w3.org/2000/svg'
	class='h-16 w-16 mr-6 shrink-0'
	aria-hidden='true'
>
	<path d="M12.8812 9.0698L11.5853 4.68081C11.1157 3.09095 9.65656 2 7.99975 2C6.34295 2 4.88379 3.09093 4.41422 4.68081L3.11827 9.0698C2.71553 9.99172 3.39074 11.0244 4.39663 11.0244H11.6034C12.6092 11.0244 13.2845 9.99217 12.8817 9.0698H12.8812Z" fill="currentColor"/>
	<path d="M9.73193 11.6775H6.2677C6.13934 11.6775 6.0544 11.8174 6.11978 11.9277C6.50057 12.5698 7.20011 13 7.99891 13C8.79913 13 9.49862 12.5698 9.87951 11.9277C9.94488 11.8174 9.85994 11.6775 9.73159 11.6775H9.73193Z" fill="currentColor"/>
</svg>

								<span>Créer une alerte</span>
							</button>
							<p
								x-text="stockLabel"
								role="status"
								aria-live="polite"
								aria-atomic="true"
								class="pdp-stock-message col-span-full row-start-2 w-full text-center text-12 leading-none text-brown-text empty:hidden"
							></p>
							<p
								x-text="atcError"
								role="alert"
								aria-live="assertive"
								aria-atomic="true"
								class="pdp-atc-error col-span-full row-start-2 w-full text-balance text-center text-12 leading-none tracking-normal text-red empty:hidden"
							></p>
						</div>


						
						
<a
		
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
		href='/products/banc-barma-en-bois-et-coton'
		
		
		
		
		
		
	>Voir la fiche produit</a>
					<input type="hidden" name="product-id" value="8827270005061" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
				</ajax-cart-product-form>
			</div>
		</div>
	</div>

		</div>
	</div>
	
		</template>
	
</div>



	
</div>

		
	</div>
	
<a href='/products/banc-barma-en-bois-et-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Banc Barma
						
					</h2>


	
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">380€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Bois et coton tressé
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">380€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/sofa-cover-velours-coton'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=60&v=1767351823&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=120&v=1767351823&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=200&v=1767351823&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=399&v=1767351823&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=798&v=1767351823&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=120&v=1767351823&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=200&v=1767351823&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=399&v=1767351823&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=799&v=1767351823&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=1198&v=1767351823&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=1497&v=1767351823&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=2396&v=1767351823&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=2994&v=1767351823&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&amp;height=403&amp;v=1767351823&amp;width=323" alt="Sofa cover en velours et coton" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&amp;height=403&amp;v=1767351823&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=60&v=1767351823&width=48 48w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=120&v=1767351823&width=96 96w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=200&v=1767351823&width=160 160w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=399&v=1767351823&width=320 320w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=798&v=1767351823&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=120&v=1767351823&width=96 96w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=200&v=1767351823&width=160 160w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=399&v=1767351823&width=320 320w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=799&v=1767351823&width=640 640w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=1198&v=1767351823&width=960 960w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=1497&v=1767351823&width=1200 1200w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=2396&v=1767351823&width=1920 1920w,//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&height=2994&v=1767351823&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&amp;height=403&amp;v=1767351823&amp;width=323" alt="Sofa cover en velours et coton" srcset="//caravane.com/cdn/shop/files/yVen_EmA.jpg?crop=center&amp;height=403&amp;v=1767351823&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	
		











<div
	x-data='modal({ shouldScrollLock: true })'
	
	class=''
	id=''
	
	
	:id="$id('product-card-modal')"

>
	
	

	
		
	
	
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>
		<span>Ajouter au panier</span>
		<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
	</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	
	
<div
		x-data='productCardModal({ productId: 4574103371894, productHandle: "sofa-cover-velours-coton", variantId: 59394618818885, isAvailable: true, variantQuantities: "59394618818885:2:1,59394618851653:0:1,59394618917189:7:1,59394618949957:2:1", price: 22500, compareAtPrice: 0 })'
		class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'
		data-product-card-modal
		data-only-in-store=''
		data-stock-only-in-store='Produit disponible uniquement en magasin'>
		
		

		

<picture class='block w-full lg:span-w-7 lg:aspect-[4/5] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='27vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=120&v=1767351823&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=200&v=1767351823&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=400&v=1767351823&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=799&v=1767351823&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=1199&v=1767351823&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=1498&v=1767351823&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=2398&v=1767351823&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&height=2997&v=1767351823&width=2400 2400w' width='394' height='492'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&amp;height=492&amp;v=1767351823&amp;width=394" alt="Sofa cover en velours et coton" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&amp;height=439&amp;v=1767351823&amp;width=352 352w, //caravane.com/cdn/shop/files/Dimensions2667x4000_57.jpg?crop=center&amp;height=492&amp;v=1767351823&amp;width=394 394w" width="394" height="492" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">

</picture>

	
<div class='flex flex-1 flex-col'>
			<header class='absolute right-0 top-0 lg:relative'>
				
				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square hover:text-white h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='modal.showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer la fenêtre d’ajout rapide de Sofa cover en velours et coton'
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			</header>

			
			<div
				class='my-auto flex flex-col items-start gap-y-24 p-24 pt-0 text-left span-w-12 lg:span-w-7-wide'
			>
				<h3 class='font-serif text-35/none tracking-tighter'>Sofa cover en velours et coton</h3>
				<p class='tracking-none block text-14'>
					<span x-ref='price' x-text="price">22500</span>
					<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
				</p>

				<ajax-cart-product-form class="w-full">
					<form method="post" action="/cart/add" id="product_form_4574103371894" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
						<input type="hidden" name="id" :value="variantId">
						
						
						
						
						

						
						

						

						
							
							
							
							
								
								<fieldset class='text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Dimensions</span>
									</legend>

									<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
										

											
											

											

											<li>
												

















<label
	for='4574103371894-1-0'
	class='relative block'
	
>
	<input
		id='4574103371894-1-0'
		type='radio'
		value='85x185 cm'
		name='dimensions'
		class='peer absolute inset-0 cursor-pointer appearance-none'
		
		
		

												
													checked
													x-init="formContent['dimensions'] = '85x185 cm'"
												
												
													
													data-main-option-value="Letho vl dune"
													data-option-position="1"
												
												x-model="formContent['dimensions']"
												:checked="formContent['dimensions'] === '85x185 cm'"
											
	>
	<span
		

												:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '85x185 cm', }"
											
		class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1  peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light  border-brown-dark/10'
	><span class='mt-2 text-11 font-normal  leading-none tracking-tight'>85x185 cm</span>
		
	</span>
</label>

											</li></ul>
								</fieldset>
							
						
							
							
							
							
								
								
								
								<fieldset class='relative text-left'>
									<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
										<span class="">Couleur:</span>
										<span class="text-brown-dark" x-text="formContent['couleur']"></span>
									</legend>
									<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='59394618818885'
											aria-label='Letho vl dune'
											class='color-dots-item relative block'
											:class="{'hidden': 0 > 7 && !showMoreColors}"
											title="Letho vl dune"
											>
											<input
												type='radio'
												name='Couleur'
												value='Letho vl dune'
												id='59394618818885'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Letho vl dune"
												x-model="formContent['couleur']"
												
													checked
													x-init="formContent['couleur'] = 'Letho vl dune'"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#ecc856') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	
	
	
	

<picture class='block w-24 aspect-square rounded-full overflow-hidden'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=48&v=1778146412&width=48 48w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=96&v=1778146412&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=160&v=1778146412&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=320&v=1778146412&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=640&v=1778146412&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=96&v=1778146412&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=160&v=1778146412&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=320&v=1778146412&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=640&v=1778146412&width=640 640w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=960&v=1778146412&width=960 960w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=1200&v=1778146412&width=1200 1200w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=1920&v=1778146412&width=1920 1920w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&amp;height=24&amp;v=1778146412&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&amp;height=24&amp;v=1778146412&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='59394618851653'
											aria-label='Letho vl glacier'
											class='color-dots-item relative block'
											:class="{'hidden': 1 > 7 && !showMoreColors}"
											title="Letho vl glacier"
											>
											<input
												type='radio'
												name='Couleur'
												value='Letho vl glacier'
												id='59394618851653'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Letho vl glacier"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#2C8618') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
											
	
	
	
	

<picture class='block w-24 aspect-square rounded-full overflow-hidden'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=48&v=1727693904&width=48 48w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=96&v=1727693904&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=160&v=1727693904&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=320&v=1727693904&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=640&v=1727693904&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=96&v=1727693904&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=160&v=1727693904&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=320&v=1727693904&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=640&v=1727693904&width=640 640w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=960&v=1727693904&width=960 960w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=1200&v=1727693904&width=1200 1200w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=1920&v=1727693904&width=1920 1920w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&amp;height=24&amp;v=1727693904&amp;width=24" alt="Echantillon Letho" srcset="//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&amp;height=24&amp;v=1727693904&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='59394618917189'
											aria-label='Tulipan vl carbone'
											class='color-dots-item relative block'
											:class="{'hidden': 2 > 7 && !showMoreColors}"
											title="Tulipan vl carbone"
											>
											<input
												type='radio'
												name='Couleur'
												value='Tulipan vl carbone'
												id='59394618917189'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Tulipan vl carbone"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#000000') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	
	
	
	

<picture class='block w-24 aspect-square rounded-full overflow-hidden'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=48&v=1779713992&width=48 48w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=96&v=1779713992&width=96 96w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=160&v=1779713992&width=160 160w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=320&v=1779713992&width=320 320w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=640&v=1779713992&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=96&v=1779713992&width=96 96w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=160&v=1779713992&width=160 160w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=320&v=1779713992&width=320 320w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=640&v=1779713992&width=640 640w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=960&v=1779713992&width=960 960w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&amp;height=24&amp;v=1779713992&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&amp;height=24&amp;v=1779713992&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



										</span>
										</label>
									
										
										
										
										
										
										
										
										
										
										
										<label
											for='59394618949957'
											aria-label='Tulipan vl laurier'
											class='color-dots-item relative block'
											:class="{'hidden': 3 > 7 && !showMoreColors}"
											title="Tulipan vl laurier"
											>
											<input
												type='radio'
												name='Couleur'
												value='Tulipan vl laurier'
												id='59394618949957'
												class='peer absolute inset-0 cursor-pointer appearance-none'
												data-color-value="Tulipan vl laurier"
												x-model="formContent['couleur']"
												
											>
											
											
											<span
												:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#2C8618') }"
												class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
											
	
	
	
	

<picture class='block w-24 aspect-square rounded-full overflow-hidden'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=48&v=1753100547&width=48 48w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=96&v=1753100547&width=96 96w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=160&v=1753100547&width=160 160w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=320&v=1753100547&width=320 320w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=640&v=1753100547&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=96&v=1753100547&width=96 96w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=160&v=1753100547&width=160 160w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=320&v=1753100547&width=320 320w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=640&v=1753100547&width=640 640w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=960&v=1753100547&width=960 960w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=1200&v=1753100547&width=1200 1200w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=1920&v=1753100547&width=1920 1920w,//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&height=2400&v=1753100547&width=2400 2400w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&amp;height=24&amp;v=1753100547&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/Tulipan_003_1d34cde3-7c01-4227-9e04-ed023f63a2c7_vert.jpg?crop=center&amp;height=24&amp;v=1753100547&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



										</span>
										</label>
									
									
								</div>
							</fieldset>
							
						

						<div class="mt-10 grid w-full grid-cols-[auto_1fr] items-center gap-10">
							
							




<div
	class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select col-start-1 row-start-1'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
		
								x-cloak	x-show="ctaState !== 'unavailable'"
							
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
			
								:id="$id('product-card-modal-quantity-select')"
								:disabled="!isAvailable"
							
		
		
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
									<option value="1" :disabled="1 > maxQuantity">1</option>
									<option value="2" :disabled="2 > maxQuantity">2</option>
									<option value="3" :disabled="3 > maxQuantity">3</option>
									<option value="4" :disabled="4 > maxQuantity">4</option>
									<option value="5" :disabled="5 > maxQuantity">5</option>
									<option value="6" :disabled="6 > maxQuantity">6</option>
									<option value="7" :disabled="7 > maxQuantity">7</option>
									<option value="8" :disabled="8 > maxQuantity">8</option>
									<option value="9" :disabled="9 > maxQuantity">9</option>
									<option value="10" :disabled="10 > maxQuantity">10</option>
									<option value="11" :disabled="11 > maxQuantity">11</option>
									<option value="12" :disabled="12 > maxQuantity">12</option>
	</select>
	<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
		
			<span class='mr-10 w-full' x-text='value'>
				
			</span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full col-start-2 row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		

								:disabled="ctaState !== 'available'"
								x-show="ctaState !== 'unavailable'"
								x-on:liquid-ajax-cart:queue-end.document='if (loading) { loading = false; if (!atcError && modal) modal.showModal = false; }'
							
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>
								<span x-show="ctaState === 'available'">Ajouter au panier</span>
								<span x-cloak x-show="ctaState === 'no-stock'">Rupture de stock</span>
							</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>

							
							
							
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-colors duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] outline-brown-dark bg-brown-dark/15 text-brown-dark hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream w-full col-span-full row-start-1'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='openCardOos'
		
		
		
		
		
		

								x-cloak
								x-show="ctaState === 'unavailable'"
							
		

	>
								<svg
	viewbox='0 0 16 16'
	fill='none'
	xmlns='http://www.w3.org/2000/svg'
	class='h-16 w-16 mr-6 shrink-0'
	aria-hidden='true'
>
	<path d="M12.8812 9.0698L11.5853 4.68081C11.1157 3.09095 9.65656 2 7.99975 2C6.34295 2 4.88379 3.09093 4.41422 4.68081L3.11827 9.0698C2.71553 9.99172 3.39074 11.0244 4.39663 11.0244H11.6034C12.6092 11.0244 13.2845 9.99217 12.8817 9.0698H12.8812Z" fill="currentColor"/>
	<path d="M9.73193 11.6775H6.2677C6.13934 11.6775 6.0544 11.8174 6.11978 11.9277C6.50057 12.5698 7.20011 13 7.99891 13C8.79913 13 9.49862 12.5698 9.87951 11.9277C9.94488 11.8174 9.85994 11.6775 9.73159 11.6775H9.73193Z" fill="currentColor"/>
</svg>

								<span>Créer une alerte</span>
							</button>
							<p
								x-text="stockLabel"
								role="status"
								aria-live="polite"
								aria-atomic="true"
								class="pdp-stock-message col-span-full row-start-2 w-full text-center text-12 leading-none text-brown-text empty:hidden"
							>Dernières pièces disponibles</p>
							<p
								x-text="atcError"
								role="alert"
								aria-live="assertive"
								aria-atomic="true"
								class="pdp-atc-error col-span-full row-start-2 w-full text-balance text-center text-12 leading-none tracking-normal text-red empty:hidden"
							></p>
						</div>


						
						
<a
		
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
		href='/products/sofa-cover-velours-coton'
		
		
		
		
		
		
	>Voir la fiche produit</a>
					<input type="hidden" name="product-id" value="4574103371894" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
				</ajax-cart-product-form>
			</div>
		</div>
	</div>

		</div>
	</div>
	
		</template>
	
</div>



	
</div>

		
	</div>
	
<a href='/products/sofa-cover-velours-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Sofa cover en velours et coton
						
					</h2>


	
	
		
		
		
		<div
			class='inline-flex flex-row items-center gap-0'
			aria-hidden='true'
		>
			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden relative border-2 border-cream'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=48&v=1778146412&width=48 48w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=96&v=1778146412&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=160&v=1778146412&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=320&v=1778146412&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=640&v=1778146412&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=96&v=1778146412&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=160&v=1778146412&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=320&v=1778146412&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=640&v=1778146412&width=640 640w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=960&v=1778146412&width=960 960w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=1200&v=1778146412&width=1200 1200w,//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&height=1920&v=1778146412&width=1920 1920w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&amp;height=24&amp;v=1778146412&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/Letho_tissus_curcuma_pd_92157b41-41ba-42a4-8ba7-5931514065e9.jpg?crop=center&amp;height=24&amp;v=1778146412&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden relative border-2 border-cream -ml-4'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=48&v=1727693904&width=48 48w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=96&v=1727693904&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=160&v=1727693904&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=320&v=1727693904&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=640&v=1727693904&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=96&v=1727693904&width=96 96w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=160&v=1727693904&width=160 160w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=320&v=1727693904&width=320 320w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=640&v=1727693904&width=640 640w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=960&v=1727693904&width=960 960w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=1200&v=1727693904&width=1200 1200w,//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&height=1920&v=1727693904&width=1920 1920w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&amp;height=24&amp;v=1727693904&amp;width=24" alt="Echantillon Letho" srcset="//caravane.com/cdn/shop/files/Letho_tissus_olive_pd_7fd53da5-b628-4d66-b9f9-bab786938c2a.jpg?crop=center&amp;height=24&amp;v=1727693904&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			

	
	
	
	

<picture class='block w-12 aspect-square rounded-full overflow-hidden relative border-2 border-cream -ml-4'><source media='(max-width: 1023px)' sizes='6vw' srcset='//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=48&v=1779713992&width=48 48w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=96&v=1779713992&width=96 96w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=160&v=1779713992&width=160 160w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=320&v=1779713992&width=320 320w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=640&v=1779713992&width=640 640w' width='24' height='24'>
<source media='(min-width: 1024px)' sizes='1vw' srcset='//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=96&v=1779713992&width=96 96w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=160&v=1779713992&width=160 160w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=320&v=1779713992&width=320 320w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=640&v=1779713992&width=640 640w,//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&height=960&v=1779713992&width=960 960w' width='24' height='24'>
<img src="//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&amp;height=24&amp;v=1779713992&amp;width=24" alt="" srcset="//caravane.com/cdn/shop/files/tulipan_989333b2-dbf1-4757-87f2-fe11f0305062.png?crop=center&amp;height=24&amp;v=1779713992&amp;width=24 24w" width="24" height="24" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>



			
			
				<span class='ml-6 text-11/small text-brown-text'>+1</span>
			
		</div>
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">225€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Velours lavé et coton
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">225€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
	@mouseenter.passive='isHovered = true'
	@mouseleave.passive='isHovered = false'
	x-data='{isActive:false,isHovered:false}'
	class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
	<div
		class='relative overflow-clip shrink-0'
		@focusin.passive='if($event.target.matches(":focus-visible")){isActive = true;}'
		@focusout.passive='isActive = false; setTimeout(() => {isHovered = false;},50);'
	><a
				@focus.passive='isHovered = true'
				href='/products/miroir-dristi-acier'>
		<div
			
				class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
			
		>
			
				
		

<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=60&v=1767779804&width=48 48w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=120&v=1767779804&width=96 96w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=200&v=1767779804&width=160 160w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=399&v=1767779804&width=320 320w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=798&v=1767779804&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=120&v=1767779804&width=96 96w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=200&v=1767779804&width=160 160w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=399&v=1767779804&width=320 320w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=799&v=1767779804&width=640 640w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=1198&v=1767779804&width=960 960w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=1497&v=1767779804&width=1200 1200w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=2396&v=1767779804&width=1920 1920w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&height=2994&v=1767779804&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&amp;height=403&amp;v=1767779804&amp;width=323" alt="Miroir rectangulaire en acier brossé" srcset="//caravane.com/cdn/shop/files/Caravane_Canapeetlits_73_454c47e8-c9f7-4828-b602-fef7f0c12270.jpg?crop=center&amp;height=403&amp;v=1767779804&amp;width=323 323w" width="323" height="403" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">

</picture>

	

			
			
			


				
				
				
		

<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full' 
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=60&v=1767779804&width=48 48w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=120&v=1767779804&width=96 96w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=200&v=1767779804&width=160 160w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=399&v=1767779804&width=320 320w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=798&v=1767779804&width=640 640w' width='174' height='217'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=120&v=1767779804&width=96 96w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=200&v=1767779804&width=160 160w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=399&v=1767779804&width=320 320w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=799&v=1767779804&width=640 640w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=1198&v=1767779804&width=960 960w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=1497&v=1767779804&width=1200 1200w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=2396&v=1767779804&width=1920 1920w,//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&height=2994&v=1767779804&width=2400 2400w' width='323' height='403'>
<img src="//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&amp;height=403&amp;v=1767779804&amp;width=323" alt="Miroir rectangulaire en acier brossé" srcset="//caravane.com/cdn/shop/files/cr4PPHFQ.jpg?crop=center&amp;height=403&amp;v=1767779804&amp;width=323 323w" width="323" height="403" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div></a>
		
			






<div
	class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
	
		x-cloak
		x-show="isHovered||isActive"
		x-transition:enter="transition-transform duration-200 ease-expo-out"
		x-transition:enter-start="translate-y-[calc(100%+15px)]"
		x-transition:enter-end="translate-y-0"
		x-transition:leave="transition-transform duration-400 ease-quart-inout"
		x-transition:leave-start="translate-y-0"
		x-transition:leave-end="translate-y-[calc(100%+15px)]"
	
>
	

	

		

		
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:16892497920118,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
		
			<span>Ajouter au panier</span>
			<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
		
	</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
	
</div>

		
	</div>
	
<a href='/products/miroir-dristi-acier'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'>
			
			
			
			<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
						Miroir Dristi
						
					</h2>


	
	


			</div>
			<div
				class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
			>
				
				
					<span class='inline-flex flex-row items-center'>
						
							<span><span class="money">255€</span></span>
							
						
					</span>
				
			</div>
		</div><p class='text-13 leading-small tracking-tight text-brown-text'>
				Acier brossé
			</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
			
			<span>
				
					<span><span class="money">255€</span></span>
					
				
			</span>
		</div>
	</div>
	
</a>
	
</article>
</li>
	</ul>

	

	
		
		<nav
			class='flex items-center gutter-gap-1 lg:gap-10 lg-max:hidden absolute bottom-24 right-24 text-brown-dark'
			:class="{ '!hidden': !enabled }"
		>
			
			<button
				x-ref='prevButton'
				@click.passive='handlePrev'
				class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
				aria-label='Page précédente'
				type='button'
			>
				
						<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>

				
			</button>
			<button
				x-ref='nextButton'
				@click.passive='handleNext'
				class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
				aria-label='Page suivante'
				type='button'
			>
				
						<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				
			</button>
		</nav>
	

	
</div>


			
				
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right lg-max:hidden !text-brown-dark'
		href='/collections/best-sellers'
		
		
		
		
		
		
	>voir tout</a>
			
		</div>
	</div>
</div>


</div><div id="shopify-section-template--23467447746885__slice_shop_the_room_Kzgn6n" class="shopify-section relative isolate z-0 overflow-x-clip bg-cream text-brown-dark"><div
	aria-labelledby='slice-shop-the-room-template--23467447746885__slice_shop_the_room_Kzgn6n-title'
	class='grid-container relative my-48 lg:my-120 lg-max:min-h-screen'
>
	
		<div class='flex flex-row items-end justify-between gutter-gap-1 lg:items-center lg:border-t lg:border-stroke-light lg:pt-32'>
			
				<h2 id='slice-shop-the-room-template--23467447746885__slice_shop_the_room_Kzgn6n-title' class='font-serif text-32 leading-none span-w-8 lg:text-50 lg:span-w-16'>Shop the Look</h2>
			
			
				
<a
		
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light shrink-0'
		href='/pages/shop-the-look'
		
		
		
		
		
		
	>voir tous nos Shop the look</a>
			
		</div>
	

	
	

	<div class='mt-24 grid gap-y-24 gutter-gap-1 lg:gap-y-0 grid-cols-1 lg:grid-cols-[1fr_auto]'>
		
			
			

<article
	
		x-data='{ isOpen: false, wasOpen: false }'
		x-effect='if(isOpen){wasOpen=true}; if(!isOpen){setTimeout(()=>{wasOpen=false},700)}'
	
	class='relative group span-w-12 lg:span-w-15 h-fit lg-max:col-span-1'
>
	

	
		<button
			type='button'
			@click='isOpen=true'
			class='flex w-full flex-col outline-offset-2 outline-black focus-visible:outline-2'
		>
	

	<div class='relative flex-shrink-0 overflow-clip'>
			

<picture class='block user-select-none overflow-clip w-full aspect-square'><source media='(max-width: 1023px)' sizes='94vw' srcset='//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=48&v=1791375920&width=48 48w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=96&v=1791375920&width=96 96w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=160&v=1791375920&width=160 160w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=320&v=1791375920&width=320 320w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=640&v=1791375920&width=640 640w' width='355' height='355'>
<source media='(min-width: 1024px)' sizes='60vw' srcset='//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=96&v=1791375920&width=96 96w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=160&v=1791375920&width=160 160w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=320&v=1791375920&width=320 320w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=640&v=1791375920&width=640 640w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=960&v=1791375920&width=960 960w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=1200&v=1791375920&width=1200 1200w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=1920&v=1791375920&width=1920 1920w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=2400&v=1791375920&width=2400 2400w' width='868' height='868'>
<img src="//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&amp;height=868&amp;v=1791375920&amp;width=868" alt="Douceur d’automne" srcset="//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&amp;height=352&amp;v=1791375920&amp;width=352 352w, //caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&amp;height=832&amp;v=1791375920&amp;width=832 832w, //caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&amp;height=868&amp;v=1791375920&amp;width=868 868w" width="868" height="868" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

		
		
		

		
		
			
			
			

			<div
				class='bg-cream absolute pt-8 lg:p-8 lg:pl-16 lg:bottom-10 lg:left-10 lg:right-10 z-2 flex flex-row justify-between items-center gutter-gap-1 lg-max:w-fit lg:opacity-0 lg:pointer-events-none lg:translate-y-100 lg:transform-gpu lg:transition-[transform,opacity] lg:duration-400 lg:ease-quart-inout lg:will-change-[transform,opacity] lg:group-hover:ease-expo-out lg:group-hover:opacity-100 lg:group-hover:pointer-events-auto lg:group-hover:duration-200 lg:group-hover:translate-y-0 lg:group-has-[:focus-visible]:opacity-100 lg:group-has-[:focus-visible]:pointer-events-auto lg:group-has-[:focus-visible]:translate-y-0'
				:class="{'lg:!translate-y-0 lg:!opacity-100 lg:!pointer-events-auto': isOpen, 'lg:!duration-700': wasOpen }"
			>
				
				
<div
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 lg-max:hidden outline-offset-2 outline-black focus-visible:outline-2'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Acheter le look</div>

				
				
					<ul class='-ml-8 flex flex-row items-center justify-between gap-8 lg-max:hidden'>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=96&v=1775832505&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=160&v=1775832505&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=320&v=1775832505&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=640&v=1775832505&width=640 640w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=960&v=1775832505&width=960 960w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1200&v=1775832505&width=1200 1200w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1920&v=1775832505&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&amp;height=60&amp;v=1775832505&amp;width=60" alt="Suspension Bell noir" srcset="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&amp;height=60&amp;v=1775832505&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=96&v=1773142378&width=96 96w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=160&v=1773142378&width=160 160w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=320&v=1773142378&width=320 320w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=640&v=1773142378&width=640 640w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=960&v=1773142378&width=960 960w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=1200&v=1773142378&width=1200 1200w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=1920&v=1773142378&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&amp;height=60&amp;v=1773142378&amp;width=60" alt="Tapis Duoba" srcset="//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&amp;height=60&amp;v=1773142378&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=96&v=1777547263&width=96 96w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=160&v=1777547263&width=160 160w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=320&v=1777547263&width=320 320w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=640&v=1777547263&width=640 640w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=960&v=1777547263&width=960 960w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=1200&v=1777547263&width=1200 1200w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=1920&v=1777547263&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&amp;height=60&amp;v=1777547263&amp;width=60" alt="Housse de coussin Dolce" srcset="//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&amp;height=60&amp;v=1777547263&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=96&v=1777392002&width=96 96w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=160&v=1777392002&width=160 160w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=320&v=1777392002&width=320 320w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=640&v=1777392002&width=640 640w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=960&v=1777392002&width=960 960w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=1200&v=1777392002&width=1200 1200w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=1920&v=1777392002&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&amp;height=60&amp;v=1777392002&amp;width=60" alt="Housse de coussin en coton brodé inspirée de l&#39;art du suzani couleur Canelle" srcset="//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&amp;height=60&amp;v=1777392002&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=96&v=1778582158&width=96 96w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=160&v=1778582158&width=160 160w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=320&v=1778582158&width=320 320w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=640&v=1778582158&width=640 640w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=960&v=1778582158&width=960 960w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=1200&v=1778582158&width=1200 1200w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=1920&v=1778582158&width=1920 1920w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=2400&v=1778582158&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&amp;height=60&amp;v=1778582158&amp;width=60" alt="Plaid Tweedy" srcset="//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&amp;height=60&amp;v=1778582158&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=96&v=1767967416&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=160&v=1767967416&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=320&v=1767967416&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=640&v=1767967416&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=960&v=1767967416&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=1200&v=1767967416&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=1920&v=1767967416&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=2400&v=1767967416&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&amp;height=60&amp;v=1767967416&amp;width=60" alt="Canapé Victor" srcset="//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&amp;height=60&amp;v=1767967416&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
						
</ul>
				

				
				
					<ul class='flex flex-row items-center justify-between gutter-gap-1 lg:hidden'>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=48&v=1775832505&width=48 48w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=96&v=1775832505&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=160&v=1775832505&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=320&v=1775832505&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=640&v=1775832505&width=640 640w' width='61' height='61'>

<img src="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?v=1775832505" alt="Suspension Bell noir" srcset="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?v=1775832505&amp;width=352 352w, //caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?v=1775832505&amp;width=832 832w, //caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?v=1775832505&amp;width=1200 1200w, //caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?v=1775832505&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=48&v=1773142378&width=48 48w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=96&v=1773142378&width=96 96w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=160&v=1773142378&width=160 160w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=320&v=1773142378&width=320 320w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=640&v=1773142378&width=640 640w' width='61' height='61'>

<img src="//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?v=1773142378" alt="Tapis Duoba" srcset="//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?v=1773142378&amp;width=352 352w, //caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?v=1773142378&amp;width=832 832w, //caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?v=1773142378&amp;width=1200 1200w, //caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?v=1773142378&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/DOLCECITRINE.png?crop=center&height=48&v=1777547263&width=48 48w,//caravane.com/cdn/shop/files/DOLCECITRINE.png?crop=center&height=96&v=1777547263&width=96 96w,//caravane.com/cdn/shop/files/DOLCECITRINE.png?crop=center&height=160&v=1777547263&width=160 160w,//caravane.com/cdn/shop/files/DOLCECITRINE.png?crop=center&height=320&v=1777547263&width=320 320w,//caravane.com/cdn/shop/files/DOLCECITRINE.png?crop=center&height=640&v=1777547263&width=640 640w' width='61' height='61'>

<img src="//caravane.com/cdn/shop/files/DOLCECITRINE.png?v=1777547263" alt="Housse de coussin Dolce" srcset="//caravane.com/cdn/shop/files/DOLCECITRINE.png?v=1777547263&amp;width=352 352w, //caravane.com/cdn/shop/files/DOLCECITRINE.png?v=1777547263&amp;width=832 832w, //caravane.com/cdn/shop/files/DOLCECITRINE.png?v=1777547263&amp;width=1200 1200w, //caravane.com/cdn/shop/files/DOLCECITRINE.png?v=1777547263&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
						
<li class='grid aspect-square place-content-center border border-brown-light text-brown-text span-w-2-wide'>
								<span class='text-12'>+3</span>
							</li></ul>
				
			</div>
		
	</div>
	
	
	
	
		<div>
	
	<div class='flex flex-col pt-8 lg:pt-10 lg-max:gap-4 lg-max:span-max-w-8'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'><h2 class='text-left font-serif text-15/slim tracking-tight text-brown-dark'>Douceur d’automne</h2><div class='text-right text-12/small text-neutral-80 lg-max:hidden'>
				6

					Articles
</div>
		</div>
			<p class='line-clamp-3 text-left text-11/tight tracking-tight text-brown-text lg:text-12/tight'>Quand les teintes se réchauffent et que les matières se font plus enveloppantes, la maison devient un refuge. Velours, broderies et nuances terreuses composent un décor chaleureux, où il fait bon s’attarder.</p><div class='text-left text-12/small text-neutral-80 lg:hidden'>
			6

				Articles
</div>
	</div>
	
		</div>
	
	
	

	
		</button>
	

	
	
		














	<template x-teleport='body'>

<aside
	class='fixed inset-0 isolate z-100 box-content'
	x-data='slideout({ openOnHash: "", hash: "" })'
	x-show='$parent.isOpen'
	x-transition:enter='transition-[visibility] duration-700'
	x-transition:enter-start='invisible'
	x-transition:enter-end='visible'
	x-transition:leave='transition-[visibility] duration-700'
	x-transition:leave-start='visible'
	x-transition:leave-end='invisible'
	x-cloak
	
	aria-modal='true'
	role='dialog'
	x-trap='$parent.isOpen'
	@toggle='$parent.isOpen = $event.detail'
	x-effect='handleEffect($parent.isOpen)'
>
	<div
		x-show='$parent.isOpen'
		@click='$parent.isOpen = false'
		class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
		x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
		x-transition:enter-start='opacity-0'
		x-transition:enter-end='opacity-100'
		x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
		x-transition:leave-start='opacity-100'
		x-transition:leave-end='opacity-0'
		x-cloak
	></div>
	<div
		class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12 lg-max:left-0 !px-0 lg:!span-w-8-wider'
		x-show='$parent.isOpen'
		
		x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu'
		x-transition:enter-start='translate-x-full'
		x-transition:enter-end='translate-x-0'
		x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu'
		x-transition:leave-start='translate-x-0'
		x-transition:leave-end='translate-x-full'
		
	>
		<header class='flex h-56 lg:h-48 items-center z-2 lg:!h-56 bg-cream child-h2:uppercase child-h2:tracking-snug margin-pl-1 border-b border-stroke-light'>
			
<h2 class='text-12 font-black'>
						SUR CETTE PHOTO<span class="text-brown-text ml-4">(6)</span>
					</h2>

				

				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto aspect-square h-full w-56 border-l border-stroke-light !bg-cream active:!bg-brown-light/80 hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
@click="$parent.isOpen=false"
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			
		</header>
		<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide bg-cream' data-lenis-prevent>
			

	
		

<picture class='block w-full h-full object-cover aspect-square lg:hidden'><source media='(max-width: 1023px)' sizes='100vw' srcset='//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=44&v=1791375920&width=48 48w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=88&v=1791375920&width=96 96w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=147&v=1791375920&width=160 160w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=294&v=1791375920&width=320 320w,//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?crop=center&height=587&v=1791375920&width=640 640w' width='375' height='344'>

<img src="//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?v=1791375920" alt="Douceur d’automne" srcset="//caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?v=1791375920&amp;width=352 352w, //caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?v=1791375920&amp;width=832 832w, //caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?v=1791375920&amp;width=1200 1200w, //caravane.com/cdn/shop/collections/CRVN_20260916_SHOPS-099_HD_0577e16e-d794-4129-aad4-1cb660f96302.jpg?v=1791375920&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
	<div class="relative text-brown-dark lg-max:grid-container lg:margin-px-1">
		
			


<article
	x-data='slideoutProductCard({productId: 2486525558902, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "bell-abat-jour", isAvailable: true, variantId: 21968042295414 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/bell-abat-jour'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=64&v=1775832505&width=48 48w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=127&v=1775832505&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=212&v=1775832505&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=424&v=1775832505&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=847&v=1775832505&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=127&v=1775832505&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=212&v=1775832505&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=424&v=1775832505&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=847&v=1775832505&width=640 640w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1271&v=1775832505&width=960 960w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1589&v=1775832505&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&amp;height=188&amp;v=1775832505&amp;width=142" alt="Suspension Bell noir" srcset="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&amp;height=188&amp;v=1775832505&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-2486525558902'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/bell-abat-jour'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Suspension Bell</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">225,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "60 cm___21968042295414", label: "" }'
	x-init='value=$refs.select.value || "60 cm___21968042295414"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Hauteur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Hauteur'
		
		
			value='60 cm___21968042295414'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Hauteur
			</option>
					
						
						<option
							data-label="60 cm"
							
							value="60 cm___21968042295414">60 cm</option>
					
						
						<option
							data-label="90 cm"
							
							value="90 cm___21968042328182">90 cm</option>
					
						
						<option
							data-label="120 cm"
							
							value="120 cm___21968042262646">120 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Hauteur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Noir___21968042295414", label: "" }'
	x-init='value=$refs.select.value || "Noir___21968042295414"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Noir___21968042295414'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Noir"
							
							value="Noir___21968042295414">Noir</option>
					
						
						<option
							data-label="Naturel"
							
								disabled
							
							value="Naturel___39662502346870">Naturel</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-2486525558902'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 1858206761078, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "duoba", isAvailable: true, variantId: 17096476590198 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/duoba'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=64&v=1773142378&width=48 48w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=127&v=1773142378&width=96 96w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=212&v=1773142378&width=160 160w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=424&v=1773142378&width=320 320w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=847&v=1773142378&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=127&v=1773142378&width=96 96w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=212&v=1773142378&width=160 160w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=424&v=1773142378&width=320 320w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=847&v=1773142378&width=640 640w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=1271&v=1773142378&width=960 960w,//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&height=1589&v=1773142378&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&amp;height=188&amp;v=1773142378&amp;width=142" alt="Tapis Duoba" srcset="//caravane.com/cdn/shop/files/TAPISDUOBANOIR170x240.png?crop=center&amp;height=188&amp;v=1773142378&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-1858206761078'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/duoba'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Tapis Duoba</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">390,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "170x240 cm___17096476590198", label: "" }'
	x-init='value=$refs.select.value || "170x240 cm___17096476590198"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='170x240 cm___17096476590198'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="170x240 cm"
							
							value="170x240 cm___17096476590198">170x240 cm</option>
					
						
						<option
							data-label="200x300 cm"
							
							value="200x300 cm___17096476655734">200x300 cm</option>
					
						
						<option
							data-label="300x400 cm"
							
							value="300x400 cm___57819098382661">300x400 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Noir___17096476590198", label: "" }'
	x-init='value=$refs.select.value || "Noir___17096476590198"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Noir___17096476590198'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Noir"
							
							value="Noir___17096476590198">Noir</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-1858206761078'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 14805523104069, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "housse-coussin-velours-coton-dolce", isAvailable: true, variantId: 56083188777285 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/housse-coussin-velours-coton-dolce'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=64&v=1777547263&width=48 48w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=127&v=1777547263&width=96 96w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=212&v=1777547263&width=160 160w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=424&v=1777547263&width=320 320w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=847&v=1777547263&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=127&v=1777547263&width=96 96w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=212&v=1777547263&width=160 160w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=424&v=1777547263&width=320 320w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=847&v=1777547263&width=640 640w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=1271&v=1777547263&width=960 960w,//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&height=1589&v=1777547263&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&amp;height=188&amp;v=1777547263&amp;width=142" alt="Housse de coussin Dolce" srcset="//caravane.com/cdn/shop/files/DOLCEANTHRACITE.png?crop=center&amp;height=188&amp;v=1777547263&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-14805523104069'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/housse-coussin-velours-coton-dolce'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Housse de coussin Dolce</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">90,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "40x55 cm___56083188777285", label: "" }'
	x-init='value=$refs.select.value || "40x55 cm___56083188777285"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='40x55 cm___56083188777285'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="40x55 cm"
							
							value="40x55 cm___56083188777285">40x55 cm</option>
					
						
						<option
							data-label="50x70 cm"
							
							value="50x70 cm___56083188810053">50x70 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Anthracite___56083188777285", label: "" }'
	x-init='value=$refs.select.value || "Anthracite___56083188777285"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Anthracite___56083188777285'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Anthracite"
							
							value="Anthracite___56083188777285">Anthracite</option>
					
						
						<option
							data-label="Brique"
							
							value="Brique___53709146128709">Brique</option>
					
						
						<option
							data-label="Citrine"
							
							value="Citrine___53709146194245">Citrine</option>
					
						
						<option
							data-label="Fumee"
							
							value="Fumee___56083188908357">Fumee</option>
					
						
						<option
							data-label="Laurier"
							
							value="Laurier___53709146390853">Laurier</option>
					
						
						<option
							data-label="Mordore"
							
							value="Mordore___53709146456389">Mordore</option>
					
						
						<option
							data-label="Noisette"
							
							value="Noisette___53709146521925">Noisette</option>
					
						
						<option
							data-label="Nuit"
							
							value="Nuit___53709146587461">Nuit</option>
					
						
						<option
							data-label="Paon"
							
							value="Paon___53709146652997">Paon</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-14805523104069'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 14904521326917, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "housse-de-coussin-anor-coton", isAvailable: true, variantId: 54083484582213 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/housse-de-coussin-anor-coton'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=64&v=1777392002&width=48 48w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=127&v=1777392002&width=96 96w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=212&v=1777392002&width=160 160w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=424&v=1777392002&width=320 320w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=847&v=1777392002&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=127&v=1777392002&width=96 96w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=212&v=1777392002&width=160 160w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=424&v=1777392002&width=320 320w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=847&v=1777392002&width=640 640w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=1271&v=1777392002&width=960 960w,//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&height=1589&v=1777392002&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&amp;height=188&amp;v=1777392002&amp;width=142" alt="Housse de coussin en coton brodé inspirée de l&#39;art du suzani couleur Canelle" srcset="//caravane.com/cdn/shop/files/COUSSINANORCANELLE.png?crop=center&amp;height=188&amp;v=1777392002&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-14904521326917'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/housse-de-coussin-anor-coton'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Housse de coussin Anor</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">100,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "40x55 cm___54083484582213", label: "" }'
	x-init='value=$refs.select.value || "40x55 cm___54083484582213"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='40x55 cm___54083484582213'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="40x55 cm"
							
							value="40x55 cm___54083484582213">40x55 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Cannelle___54083484582213", label: "" }'
	x-init='value=$refs.select.value || "Cannelle___54083484582213"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Cannelle___54083484582213'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Cannelle"
							
							value="Cannelle___54083484582213">Cannelle</option>
					
						
						<option
							data-label="Cypres"
							
							value="Cypres___54083484614981">Cypres</option>
					
						
						<option
							data-label="Reglisse"
							
							value="Reglisse___54083484647749">Reglisse</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-14904521326917'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 15779031843141, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "plaid-tweedy-laine", isAvailable: true, variantId: 57547367907653 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/plaid-tweedy-laine'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=64&v=1778582158&width=48 48w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=127&v=1778582158&width=96 96w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=212&v=1778582158&width=160 160w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=424&v=1778582158&width=320 320w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=847&v=1778582158&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=127&v=1778582158&width=96 96w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=212&v=1778582158&width=160 160w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=424&v=1778582158&width=320 320w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=847&v=1778582158&width=640 640w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=1271&v=1778582158&width=960 960w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=1589&v=1778582158&width=1200 1200w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=2542&v=1778582158&width=1920 1920w,//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&height=3177&v=1778582158&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&amp;height=188&amp;v=1778582158&amp;width=142" alt="Plaid Tweedy" srcset="//caravane.com/cdn/shop/files/TWEEDYP-PAON_2.jpg?crop=center&amp;height=188&amp;v=1778582158&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-15779031843141'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/plaid-tweedy-laine'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Plaid Tweedy</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">175,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "140x200 cm___57547367907653", label: "" }'
	x-init='value=$refs.select.value || "140x200 cm___57547367907653"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='140x200 cm___57547367907653'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="140x200 cm"
							
							value="140x200 cm___57547367907653">140x200 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Paon___57547367907653", label: "" }'
	x-init='value=$refs.select.value || "Paon___57547367907653"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Paon___57547367907653'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Paon"
							
							value="Paon___57547367907653">Paon</option>
					
						
						<option
							data-label="Rouille"
							
							value="Rouille___57547367940421">Rouille</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-15779031843141'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 1858342092918, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "victor", isAvailable: false, variantId: 50193383063877 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/victor'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=64&v=1767967416&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=127&v=1767967416&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=212&v=1767967416&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=424&v=1767967416&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=847&v=1767967416&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=127&v=1767967416&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=212&v=1767967416&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=424&v=1767967416&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=847&v=1767967416&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=1271&v=1767967416&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=1589&v=1767967416&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=2542&v=1767967416&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&height=3177&v=1767967416&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&amp;height=188&amp;v=1767967416&amp;width=142" alt="Canapé Victor" srcset="//caravane.com/cdn/shop/files/CRVN_20230515_RUE_JACOB-002_HD_5aa6878d-28ca-481d-aefd-847ce55b3c74.jpg?crop=center&amp;height=188&amp;v=1767967416&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-1858342092918'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/victor'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Canapé Victor</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">3.700,00€</span></span>
			</p>
		</div>

		

		

		

		

		
			
<a
		
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		href='/products/victor#configurator'
		
		
		
		
		
		
	>
			
				<span>Personnaliser mon canapé</span>
			
		</a>
		
	</div>

	
		
<a
		
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		href='/products/victor#configurator'
		
		
		
		
		
		
	>
			
				<span>Personnaliser mon canapé</span>
			
		</a>
	
</article>

		
	</div>
	
		</main><footer class='bg-cream py-20 margin-px-1 -margin-mx-1 w-full !mx-0 !px-20 border-t border-stroke-light !py-24' >
				
	
		
<a
		
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black w-full'
		href='/collections/douceur-d-automne'
		
		
			x-data
			@click.passive='isOpen=false'
		
		
		
		
		
	>Découvrir la collection</a>
	
			</footer>
	</div>
</aside>

	</template>



	
</article>

			
		
			
			

<article
	
		x-data='{ isOpen: false, wasOpen: false }'
		x-effect='if(isOpen){wasOpen=true}; if(!isOpen){setTimeout(()=>{wasOpen=false},700)}'
	
	class='relative group span-w-12 lg:span-w-9 h-fit lg-max:col-span-1 lg-max:!span-w-12'
>
	

	
		<button
			type='button'
			@click='isOpen=true'
			class='flex w-full flex-col outline-offset-2 outline-black focus-visible:outline-2'
		>
	

	<div class='relative flex-shrink-0 overflow-clip'>
			

<picture class='block user-select-none overflow-clip w-full aspect-[4/5]'><source media='(max-width: 1023px)' sizes='94vw' srcset='//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=60&v=1758883289&width=48 48w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=120&v=1758883289&width=96 96w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=200&v=1758883289&width=160 160w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=399&v=1758883289&width=320 320w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=799&v=1758883289&width=640 640w' width='355' height='443'>
<source media='(min-width: 1024px)' sizes='35vw' srcset='//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=120&v=1758883289&width=96 96w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=200&v=1758883289&width=160 160w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=400&v=1758883289&width=320 320w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=800&v=1758883289&width=640 640w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=1200&v=1758883289&width=960 960w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=1500&v=1758883289&width=1200 1200w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=2400&v=1758883289&width=1920 1920w' width='512' height='640'>
<img src="//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&amp;height=640&amp;v=1758883289&amp;width=512" alt="Douceur naturelle en voile de coton bio" srcset="//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&amp;height=440&amp;v=1758883289&amp;width=352 352w, //caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&amp;height=640&amp;v=1758883289&amp;width=512 512w" width="512" height="640" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

		
		
		

		
		
			
			
			

			<div
				class='bg-cream absolute pt-8 lg:p-8 lg:pl-16 lg:bottom-10 lg:left-10 lg:right-10 z-2 flex flex-row justify-between items-center gutter-gap-1 lg-max:w-fit lg:opacity-0 lg:pointer-events-none lg:translate-y-100 lg:transform-gpu lg:transition-[transform,opacity] lg:duration-400 lg:ease-quart-inout lg:will-change-[transform,opacity] lg:group-hover:ease-expo-out lg:group-hover:opacity-100 lg:group-hover:pointer-events-auto lg:group-hover:duration-200 lg:group-hover:translate-y-0 lg:group-has-[:focus-visible]:opacity-100 lg:group-has-[:focus-visible]:pointer-events-auto lg:group-has-[:focus-visible]:translate-y-0'
				:class="{'lg:!translate-y-0 lg:!opacity-100 lg:!pointer-events-auto': isOpen, 'lg:!duration-700': wasOpen }"
			>
				
				
<div
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 lg-max:hidden outline-offset-2 outline-black focus-visible:outline-2'
		
		
		
		
		
		
		
		
		
		
		

			role='button'
			tabindex='0'
		
	>Acheter le look</div>

				
				
					<ul class='-ml-8 flex flex-row items-center justify-between gap-8 lg-max:hidden'>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=96&v=1777989675&width=96 96w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=160&v=1777989675&width=160 160w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=320&v=1777989675&width=320 320w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=640&v=1777989675&width=640 640w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=960&v=1777989675&width=960 960w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=1200&v=1777989675&width=1200 1200w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=1920&v=1777989675&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&amp;height=60&amp;v=1777989675&amp;width=60" alt="Housse de couette Paisley bio" srcset="//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&amp;height=60&amp;v=1777989675&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=96&v=1769166609&width=96 96w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=160&v=1769166609&width=160 160w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=320&v=1769166609&width=320 320w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=640&v=1769166609&width=640 640w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=960&v=1769166609&width=960 960w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=1200&v=1769166609&width=1200 1200w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=1920&v=1769166609&width=1920 1920w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=2400&v=1769166609&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&amp;height=60&amp;v=1769166609&amp;width=60" alt="Table de chevet Elior" srcset="//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&amp;height=60&amp;v=1769166609&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=96&v=1778062631&width=96 96w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=160&v=1778062631&width=160 160w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=320&v=1778062631&width=320 320w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=640&v=1778062631&width=640 640w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=960&v=1778062631&width=960 960w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=1200&v=1778062631&width=1200 1200w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=1920&v=1778062631&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&amp;height=60&amp;v=1778062631&amp;width=60" alt="Courtepointe Selena" srcset="//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&amp;height=60&amp;v=1778062631&amp;width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
						
<li class='grid h-60 w-60 place-content-center border border-brown-light text-brown-text'>
								<span class='text-12'>+5</span>
							</li></ul>
				

				
				
					<ul class='flex flex-row items-center justify-between gutter-gap-1 lg:hidden'>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=48&v=1777989675&width=48 48w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=96&v=1777989675&width=96 96w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=160&v=1777989675&width=160 160w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=320&v=1777989675&width=320 320w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=640&v=1777989675&width=640 640w' width='61' height='61'>

<img src="//caravane.com/cdn/shop/files/paisleycamel.png?v=1777989675" alt="Housse de couette Paisley bio" srcset="//caravane.com/cdn/shop/files/paisleycamel.png?v=1777989675&amp;width=352 352w, //caravane.com/cdn/shop/files/paisleycamel.png?v=1777989675&amp;width=832 832w, //caravane.com/cdn/shop/files/paisleycamel.png?v=1777989675&amp;width=1200 1200w, //caravane.com/cdn/shop/files/paisleycamel.png?v=1777989675&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=48&v=1769166609&width=48 48w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=96&v=1769166609&width=96 96w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=160&v=1769166609&width=160 160w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=320&v=1769166609&width=320 320w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=640&v=1769166609&width=640 640w' width='61' height='61'>

<img src="//caravane.com/cdn/shop/files/j37MkN8g.jpg?v=1769166609" alt="Table de chevet Elior" srcset="//caravane.com/cdn/shop/files/j37MkN8g.jpg?v=1769166609&amp;width=352 352w, //caravane.com/cdn/shop/files/j37MkN8g.jpg?v=1769166609&amp;width=832 832w, //caravane.com/cdn/shop/files/j37MkN8g.jpg?v=1769166609&amp;width=1200 1200w, //caravane.com/cdn/shop/files/j37MkN8g.jpg?v=1769166609&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
							<li class='flex flex-row items-center justify-between'>
								<div
									
									class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
								>
									

		

<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/CPselenatabac.png?crop=center&height=48&v=1778062558&width=48 48w,//caravane.com/cdn/shop/files/CPselenatabac.png?crop=center&height=96&v=1778062558&width=96 96w,//caravane.com/cdn/shop/files/CPselenatabac.png?crop=center&height=160&v=1778062558&width=160 160w,//caravane.com/cdn/shop/files/CPselenatabac.png?crop=center&height=320&v=1778062558&width=320 320w,//caravane.com/cdn/shop/files/CPselenatabac.png?crop=center&height=640&v=1778062558&width=640 640w' width='61' height='61'>

<img src="//caravane.com/cdn/shop/files/CPselenatabac.png?v=1778062558" alt="Courtepointe Selena" srcset="//caravane.com/cdn/shop/files/CPselenatabac.png?v=1778062558&amp;width=352 352w, //caravane.com/cdn/shop/files/CPselenatabac.png?v=1778062558&amp;width=832 832w, //caravane.com/cdn/shop/files/CPselenatabac.png?v=1778062558&amp;width=1200 1200w, //caravane.com/cdn/shop/files/CPselenatabac.png?v=1778062558&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
</div>
							</li>
						
						
<li class='grid aspect-square place-content-center border border-brown-light text-brown-text span-w-2-wide'>
								<span class='text-12'>+5</span>
							</li></ul>
				
			</div>
		
	</div>
	
	
	
	
		<div>
	
	<div class='flex flex-col pt-8 lg:pt-10 lg-max:gap-4 lg-max:span-max-w-8'>
		<div class='flex justify-between  flex-row items-center gutter-gap-1'><h2 class='text-left font-serif text-15/slim tracking-tight text-brown-dark'>Douceur naturelle en voile de coton bio</h2><div class='text-right text-12/small text-neutral-80 lg-max:hidden'>
				8

					Articles
</div>
		</div>
			<p class='line-clamp-3 text-left text-11/tight tracking-tight text-brown-text lg:text-12/tight'>Notre iconique motif Paisley se décline maintenant en parure de lit en voile de coton biologique, automnale et pleine de douceur.</p><div class='text-left text-12/small text-neutral-80 lg:hidden'>
			8

				Articles
</div>
	</div>
	
		</div>
	
	
	

	
		</button>
	

	
	
		














	<template x-teleport='body'>

<aside
	class='fixed inset-0 isolate z-100 box-content'
	x-data='slideout({ openOnHash: "", hash: "" })'
	x-show='$parent.isOpen'
	x-transition:enter='transition-[visibility] duration-700'
	x-transition:enter-start='invisible'
	x-transition:enter-end='visible'
	x-transition:leave='transition-[visibility] duration-700'
	x-transition:leave-start='visible'
	x-transition:leave-end='invisible'
	x-cloak
	
	aria-modal='true'
	role='dialog'
	x-trap='$parent.isOpen'
	@toggle='$parent.isOpen = $event.detail'
	x-effect='handleEffect($parent.isOpen)'
>
	<div
		x-show='$parent.isOpen'
		@click='$parent.isOpen = false'
		class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
		x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
		x-transition:enter-start='opacity-0'
		x-transition:enter-end='opacity-100'
		x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
		x-transition:leave-start='opacity-100'
		x-transition:leave-end='opacity-0'
		x-cloak
	></div>
	<div
		class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12  right-0 lg:left-0 lg-max:left-0 !px-0 lg:!span-w-8-wider'
		x-show='$parent.isOpen'
		
		x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu right-0 lg:left-0 '
		x-transition:enter-start='translate-x-full lg:-translate-x-full'
		x-transition:enter-end='translate-x-0'
		x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu right-0 lg:left-0 '
		x-transition:leave-start='translate-x-0'
		x-transition:leave-end='translate-x-full lg:-translate-x-full'
		
	>
		<header class='flex h-56 lg:h-48 items-center z-2 lg:!h-56 bg-cream child-h2:uppercase child-h2:tracking-snug margin-pl-1 border-b border-stroke-light'>
			
<h2 class='text-12 font-black'>
						SUR CETTE PHOTO<span class="text-brown-text ml-4">(8)</span>
					</h2>

				

				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto aspect-square h-full w-56 border-l border-stroke-light !bg-cream active:!bg-brown-light/80 hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
@click="$parent.isOpen=false"
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			
		</header>
		<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide bg-cream' data-lenis-prevent>
			

	
		

<picture class='block w-full h-full object-cover aspect-square lg:hidden'><source media='(max-width: 1023px)' sizes='100vw' srcset='//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=44&v=1758883289&width=48 48w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=88&v=1758883289&width=96 96w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=147&v=1758883289&width=160 160w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=294&v=1758883289&width=320 320w,//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?crop=center&height=587&v=1758883289&width=640 640w' width='375' height='344'>

<img src="//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?v=1758883289" alt="Douceur naturelle en voile de coton bio" srcset="//caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?v=1758883289&amp;width=352 352w, //caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?v=1758883289&amp;width=832 832w, //caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?v=1758883289&amp;width=1200 1200w, //caravane.com/cdn/shop/collections/MG_7430_a6ade13c-eb7d-42ea-8b82-8af6899b3774.jpg?v=1758883289&amp;width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">

</picture>

	
	<div class="relative text-brown-dark lg-max:grid-container lg:margin-px-1">
		
			


<article
	x-data='slideoutProductCard({productId: 15015923319109, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "paisleyhc-100-coton", isAvailable: true, variantId: 55681066107205 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/paisleyhc-100-coton'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=64&v=1777989675&width=48 48w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=127&v=1777989675&width=96 96w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=212&v=1777989675&width=160 160w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=424&v=1777989675&width=320 320w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=847&v=1777989675&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=127&v=1777989675&width=96 96w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=212&v=1777989675&width=160 160w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=424&v=1777989675&width=320 320w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=847&v=1777989675&width=640 640w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=1271&v=1777989675&width=960 960w,//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&height=1589&v=1777989675&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&amp;height=188&amp;v=1777989675&amp;width=142" alt="Housse de couette Paisley bio" srcset="//caravane.com/cdn/shop/files/paisleycamel.png?crop=center&amp;height=188&amp;v=1777989675&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-15015923319109'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/paisleyhc-100-coton'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Housse de couette Paisley bio</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">175,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "140x200 cm___55681066107205", label: "" }'
	x-init='value=$refs.select.value || "140x200 cm___55681066107205"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='140x200 cm___55681066107205'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="140x200 cm"
							
							value="140x200 cm___55681066107205">140x200 cm</option>
					
						
						<option
							data-label="220x240 cm"
							
							value="220x240 cm___55681066139973">220x240 cm</option>
					
						
						<option
							data-label="240x260 cm"
							
							value="240x260 cm___55681066172741">240x260 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Camel bio___55681066107205", label: "" }'
	x-init='value=$refs.select.value || "Camel bio___55681066107205"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Camel bio___55681066107205'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Camel bio"
							
							value="Camel bio___55681066107205">Camel bio</option>
					
						
						<option
							data-label="Lac bio"
							
							value="Lac bio___55681066205509">Lac bio</option>
					
						
						<option
							data-label="Olive bio"
							
							value="Olive bio___55681066303813">Olive bio</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-15015923319109'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 2615793221750, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "eliorche-bois-de-manguier", isAvailable: true, variantId: 56185636487493 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/eliorche-bois-de-manguier'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=64&v=1769166609&width=48 48w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=127&v=1769166609&width=96 96w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=212&v=1769166609&width=160 160w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=424&v=1769166609&width=320 320w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=847&v=1769166609&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=127&v=1769166609&width=96 96w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=212&v=1769166609&width=160 160w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=424&v=1769166609&width=320 320w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=847&v=1769166609&width=640 640w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=1271&v=1769166609&width=960 960w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=1589&v=1769166609&width=1200 1200w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=2542&v=1769166609&width=1920 1920w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=3177&v=1769166609&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&amp;height=188&amp;v=1769166609&amp;width=142" alt="Table de chevet Elior" srcset="//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&amp;height=188&amp;v=1769166609&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-2615793221750'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/eliorche-bois-de-manguier'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Table de chevet Elior</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">450,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "45x45x50 cm___56185636487493", label: "" }'
	x-init='value=$refs.select.value || "45x45x50 cm___56185636487493"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='45x45x50 cm___56185636487493'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="45x45x50 cm"
							
							value="45x45x50 cm___56185636487493">45x45x50 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Noir___56185636487493", label: "" }'
	x-init='value=$refs.select.value || "Noir___56185636487493"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Noir___56185636487493'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Noir"
							
							value="Noir___56185636487493">Noir</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-2615793221750'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 6580084441206, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "courtepointe-selena-lin-lave", isAvailable: true, variantId: 39548967780470 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/courtepointe-selena-lin-lave'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=64&v=1778062631&width=48 48w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=127&v=1778062631&width=96 96w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=212&v=1778062631&width=160 160w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=424&v=1778062631&width=320 320w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=847&v=1778062631&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=127&v=1778062631&width=96 96w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=212&v=1778062631&width=160 160w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=424&v=1778062631&width=320 320w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=847&v=1778062631&width=640 640w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=1271&v=1778062631&width=960 960w,//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&height=1589&v=1778062631&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&amp;height=188&amp;v=1778062631&amp;width=142" alt="Courtepointe Selena" srcset="//caravane.com/cdn/shop/files/CPselenacurcuma.png?crop=center&amp;height=188&amp;v=1778062631&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-6580084441206'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/courtepointe-selena-lin-lave'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Courtepointe Selena</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">355,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "110x180 cm___39548967780470", label: "" }'
	x-init='value=$refs.select.value || "110x180 cm___39548967780470"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='110x180 cm___39548967780470'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="110x180 cm"
							
							value="110x180 cm___39548967780470">110x180 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Aube___39390545150070", label: "" }'
	x-init='value=$refs.select.value || "Aube___39390545150070"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Aube___39390545150070'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Aube"
							
								disabled
							
							value="Aube___39390545150070">Aube</option>
					
						
						<option
							data-label="Cobalt"
							
								disabled
							
							value="Cobalt___39390545215606">Cobalt</option>
					
						
						<option
							data-label="Curcuma"
							
							value="Curcuma___39548967780470">Curcuma</option>
					
						
						<option
							data-label="Paon"
							
							value="Paon___54614104965445">Paon</option>
					
						
						<option
							data-label="Tabac"
							
								disabled
							
							value="Tabac___54614104998213">Tabac</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-6580084441206'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 6828522733686, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "albac-coton", isAvailable: true, variantId: 54954628776261 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/albac-coton'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=64&v=1777995423&width=48 48w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=127&v=1777995423&width=96 96w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=212&v=1777995423&width=160 160w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=424&v=1777995423&width=320 320w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=847&v=1777995423&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=127&v=1777995423&width=96 96w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=212&v=1777995423&width=160 160w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=424&v=1777995423&width=320 320w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=847&v=1777995423&width=640 640w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=1271&v=1777995423&width=960 960w,//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&height=1589&v=1777995423&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&amp;height=188&amp;v=1777995423&amp;width=142" alt="Couvre-lit Alba" srcset="//caravane.com/cdn/shop/files/couvrelitalbalaurier.png?crop=center&amp;height=188&amp;v=1777995423&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-6828522733686'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/albac-coton'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Couvre-lit Alba</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">275,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "170x260 cm___54954628776261", label: "" }'
	x-init='value=$refs.select.value || "170x260 cm___54954628776261"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='170x260 cm___54954628776261'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="170x260 cm"
							
							value="170x260 cm___54954628776261">170x260 cm</option>
					
						
						<option
							data-label="240x260 cm"
							
							value="240x260 cm___54954628809029">240x260 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Laurier___54954628776261", label: "" }'
	x-init='value=$refs.select.value || "Laurier___54954628776261"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Laurier___54954628776261'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Laurier"
							
							value="Laurier___54954628776261">Laurier</option>
					
						
						<option
							data-label="Neige"
							
							value="Neige___54954628841797">Neige</option>
					
						
						<option
							data-label="Petrole"
							
							value="Petrole___55681355874629">Petrole</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-6828522733686'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 1857241448566, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "selena-drap-housse", isAvailable: true, variantId: 39509164753014 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/selena-drap-housse'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=64&v=1741949332&width=48 48w,//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=127&v=1741949332&width=96 96w,//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=212&v=1741949332&width=160 160w,//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=424&v=1741949332&width=320 320w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=127&v=1741949332&width=96 96w,//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=212&v=1741949332&width=160 160w,//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&height=424&v=1741949332&width=320 320w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&amp;height=188&amp;v=1741949332&amp;width=142" alt="Drap housse Selena" srcset="//caravane.com/cdn/shop/files/selena_Drap_Cobalt_pd.jpg?crop=center&amp;height=188&amp;v=1741949332&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-1857241448566'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/selena-drap-housse'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Drap housse Selena</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">125,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "90x200 cm___39509164753014", label: "" }'
	x-init='value=$refs.select.value || "90x200 cm___39509164753014"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='90x200 cm___39509164753014'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="90x200 cm"
							
							value="90x200 cm___39509164753014">90x200 cm</option>
					
						
						<option
							data-label="140x200 cm"
							
							value="140x200 cm___39509164818550">140x200 cm</option>
					
						
						<option
							data-label="160x200 cm"
							
								disabled
							
							value="160x200 cm___39509164916854">160x200 cm</option>
					
						
						<option
							data-label="180x200 cm"
							
								disabled
							
							value="180x200 cm___39509164949622">180x200 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Agave___39509164064886", label: "" }'
	x-init='value=$refs.select.value || "Agave___39509164064886"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Agave___39509164064886'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Agave"
							
								disabled
							
							value="Agave___39509164064886">Agave</option>
					
						
						<option
							data-label="Aube"
							
								disabled
							
							value="Aube___39509163737206">Aube</option>
					
						
						<option
							data-label="Blanc casse"
							
								disabled
							
							value="Blanc casse___17072323788918">Blanc casse</option>
					
						
						<option
							data-label="Camelia"
							
								disabled
							
							value="Camelia___39723003314294">Camelia</option>
					
						
						<option
							data-label="Ciment"
							
								disabled
							
							value="Ciment___17072323985526">Ciment</option>
					
						
						<option
							data-label="Cobalt"
							
							value="Cobalt___39509164753014">Cobalt</option>
					
						
						<option
							data-label="Curcuma"
							
							value="Curcuma___39640528683126">Curcuma</option>
					
						
						<option
							data-label="Horizon"
							
								disabled
							
							value="Horizon___19701912764534">Horizon</option>
					
						
						<option
							data-label="Laurier"
							
								disabled
							
							value="Laurier___54342231163205">Laurier</option>
					
						
						<option
							data-label="Neige"
							
							value="Neige___17072322805878">Neige</option>
					
						
						<option
							data-label="Sepia"
							
								disabled
							
							value="Sepia___54342231032133">Sepia</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-1857241448566'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 6549753757814, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "set-de-taie-doreiller-paisley", isAvailable: true, variantId: 59438686699845 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/set-de-taie-doreiller-paisley'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=64&v=1777994264&width=48 48w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=127&v=1777994264&width=96 96w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=212&v=1777994264&width=160 160w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=424&v=1777994264&width=320 320w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=847&v=1777994264&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=127&v=1777994264&width=96 96w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=212&v=1777994264&width=160 160w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=424&v=1777994264&width=320 320w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=847&v=1777994264&width=640 640w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=1271&v=1777994264&width=960 960w,//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&height=1589&v=1777994264&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&amp;height=188&amp;v=1777994264&amp;width=142" alt="Set de 2 taies d&#39;oreiller Paisley" srcset="//caravane.com/cdn/shop/files/setpaisleycamel.png?crop=center&amp;height=188&amp;v=1777994264&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-6549753757814'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/set-de-taie-doreiller-paisley'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Set de 2 taies d'oreiller Paisley</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">60,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "50x70 cm___59438686699845", label: "" }'
	x-init='value=$refs.select.value || "50x70 cm___59438686699845"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Dimensions'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Dimensions'
		
		
			value='50x70 cm___59438686699845'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Dimensions
			</option>
					
						
						<option
							data-label="50x70 cm"
							
							value="50x70 cm___59438686699845">50x70 cm</option>
					
						
						<option
							data-label="65x65 cm"
							
							value="65x65 cm___59438686798149">65x65 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Dimensions:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Camel bio___59438686699845", label: "" }'
	x-init='value=$refs.select.value || "Camel bio___59438686699845"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Camel bio___59438686699845'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Camel bio"
							
							value="Camel bio___59438686699845">Camel bio</option>
					
						
						<option
							data-label="Lac bio"
							
							value="Lac bio___59438686732613">Lac bio</option>
					
						
						<option
							data-label="Olive bio"
							
							value="Olive bio___59438686765381">Olive bio</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-6549753757814'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 4554383425654, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "tete-de-lit-holi-2", isAvailable: true, variantId: 32236967067766 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/tete-de-lit-holi-2'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=64&v=1764865264&width=48 48w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=127&v=1764865264&width=96 96w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=212&v=1764865264&width=160 160w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=424&v=1764865264&width=320 320w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=847&v=1764865264&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=127&v=1764865264&width=96 96w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=212&v=1764865264&width=160 160w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=424&v=1764865264&width=320 320w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=847&v=1764865264&width=640 640w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=1271&v=1764865264&width=960 960w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=1589&v=1764865264&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=2542&v=1764865264&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&height=3177&v=1764865264&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&amp;height=188&amp;v=1764865264&amp;width=142" alt="Tête de lit et cache sommier Holi" srcset="//caravane.com/cdn/shop/files/Shoot49_Alpin_01.jpg?crop=center&amp;height=188&amp;v=1764865264&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-4554383425654'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/tete-de-lit-holi-2'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Tête de lit et cache sommier Holi</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">1.350,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "ALPIN___32236967067766", label: "" }'
	x-init='value=$refs.select.value || "ALPIN___32236967067766"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='ALPIN___32236967067766'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="ALPIN"
							
							value="ALPIN___32236967067766">ALPIN</option>
					
						
						<option
							data-label="AMARANTE"
							
							value="AMARANTE___32236967493750">AMARANTE</option>
					
						
						<option
							data-label="ARCTIQUE"
							
							value="ARCTIQUE___32236967657590">ARCTIQUE</option>
					
						
						<option
							data-label="ARDOISE"
							
							value="ARDOISE___32236967723126">ARDOISE</option>
					
						
						<option
							data-label="AUBE"
							
							value="AUBE___32236968018038">AUBE</option>
					
						
						<option
							data-label="AURORE"
							
							value="AURORE___32236968476790">AURORE</option>
					
						
						<option
							data-label="AVOINE"
							
							value="AVOINE___32236968771702">AVOINE</option>
					
						
						<option
							data-label="BLANC CASSE"
							
							value="BLANC CASSE___32236968837238">BLANC CASSE</option>
					
						
						<option
							data-label="BOURGOGNE"
							
							value="BOURGOGNE___32236968902774">BOURGOGNE</option>
					
						
						<option
							data-label="BRUME"
							
							value="BRUME___32236968968310">BRUME</option>
					
						
						<option
							data-label="CAMOMILLE"
							
							value="CAMOMILLE___32236969066614">CAMOMILLE</option>
					
						
						<option
							data-label="CANARI"
							
							value="CANARI___32236969099382">CANARI</option>
					
						
						<option
							data-label="CAPUCINE"
							
							value="CAPUCINE___32236969427062">CAPUCINE</option>
					
						
						<option
							data-label="CELADON"
							
							value="CELADON___31963888484470">CELADON</option>
					
						
						<option
							data-label="CELESTE"
							
							value="CELESTE___31963888517238">CELESTE</option>
					
						
						<option
							data-label="CIEL DE JOUR"
							
							value="CIEL DE JOUR___31963888550006">CIEL DE JOUR</option>
					
						
						<option
							data-label="CIMENT"
							
							value="CIMENT___31963888582774">CIMENT</option>
					
						
						<option
							data-label="CINABRE"
							
							value="CINABRE___31963888615542">CINABRE</option>
					
						
						<option
							data-label="COBALT"
							
							value="COBALT___31963888648310">COBALT</option>
					
						
						<option
							data-label="CUMULUS"
							
							value="CUMULUS___31963888681078">CUMULUS</option>
					
						
						<option
							data-label="ENCRE"
							
							value="ENCRE___31963888910454">ENCRE</option>
					
						
						<option
							data-label="GALET"
							
							value="GALET___31963888975990">GALET</option>
					
						
						<option
							data-label="GAZELLE"
							
							value="GAZELLE___32236982599798">GAZELLE</option>
					
						
						<option
							data-label="GLACE"
							
							value="GLACE___32236982960246">GLACE</option>
					
						
						<option
							data-label="LAURIER"
							
							value="LAURIER___32236983222390">LAURIER</option>
					
						
						<option
							data-label="MENTHE"
							
							value="MENTHE___32236983386230">MENTHE</option>
					
						
						<option
							data-label="METHYLENE"
							
							value="METHYLENE___32236983484534">METHYLENE</option>
					
						
						<option
							data-label="MIMOSA"
							
							value="MIMOSA___32236983582838">MIMOSA</option>
					
						
						<option
							data-label="NEBULEUSE"
							
							value="NEBULEUSE___32236985155702">NEBULEUSE</option>
					
						
						<option
							data-label="NIMES"
							
							value="NIMES___32236985188470">NIMES</option>
					
						
						<option
							data-label="OPALINE"
							
							value="OPALINE___32236985254006">OPALINE</option>
					
						
						<option
							data-label="ORAGE"
							
							value="ORAGE___32236988596342">ORAGE</option>
					
						
						<option
							data-label="PEA SOUP"
							
							value="PEA SOUP___32236989448310">PEA SOUP</option>
					
						
						<option
							data-label="PETALE"
							
							value="PETALE___32236989972598">PETALE</option>
					
						
						<option
							data-label="PLUME"
							
							value="PLUME___32236990169206">PLUME</option>
					
						
						<option
							data-label="ROOIBOS"
							
							value="ROOIBOS___32236990201974">ROOIBOS</option>
					
						
						<option
							data-label="SOUFFLE"
							
							value="SOUFFLE___32236990562422">SOUFFLE</option>
					
						
						<option
							data-label="VRAI BEIGE"
							
							value="VRAI BEIGE___32236991021174">VRAI BEIGE</option>
					
						
						<option
							data-label="CANYON"
							
							value="CANYON___39608780619894">CANYON</option>
					
						
						<option
							data-label="CAMELIA"
							
							value="CAMELIA___39609346424950">CAMELIA</option>
					
						
						<option
							data-label="ABRICOT"
							
							value="ABRICOT___39609347014774">ABRICOT</option>
					
						
						<option
							data-label="CURCUMA"
							
							value="CURCUMA___39609347211382">CURCUMA</option>
					
						
						<option
							data-label="AGAVE"
							
							value="AGAVE___39609347801206">AGAVE</option>
					
						
						<option
							data-label="RIVAGE"
							
							value="RIVAGE___39609349111926">RIVAGE</option>
					
						
						<option
							data-label="MIEL"
							
							value="MIEL___39609349439606">MIEL</option>
					
						
						<option
							data-label="TABAC"
							
							value="TABAC___39609350127734">TABAC</option>
					
						
						<option
							data-label="NOISETTE"
							
							value="NOISETTE___39609350652022">NOISETTE</option>
					
						
						<option
							data-label="MOUSSE"
							
							value="MOUSSE___39609350848630">MOUSSE</option>
					
						
						<option
							data-label="LICHEN"
							
							value="LICHEN___39609351831670">LICHEN</option>
					
						
						<option
							data-label="CHROME"
							
							value="CHROME___39609352585334">CHROME</option>
					
						
						<option
							data-label="BISCUIT"
							
							value="BISCUIT___39613559570550">BISCUIT</option>
					
						
						<option
							data-label="DRAGEE"
							
							value="DRAGEE___39613561602166">DRAGEE</option>
					
						
						<option
							data-label="HORIZON"
							
							value="HORIZON___39613562781814">HORIZON</option>
					
						
						<option
							data-label="PAVE"
							
							value="PAVE___39613564321910">PAVE</option>
					
						
						<option
							data-label="PETROLE"
							
							value="PETROLE___39613565436022">PETROLE</option>
					
						
						<option
							data-label="QUARTZ"
							
							value="QUARTZ___39613567271030">QUARTZ</option>
					
						
						<option
							data-label="TERRACOTTA"
							
							value="TERRACOTTA___39613568843894">TERRACOTTA</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "160x200 cm___32236967067766", label: "" }'
	x-init='value=$refs.select.value || "160x200 cm___32236967067766"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Taille'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Taille'
		
		
			value='160x200 cm___32236967067766'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Taille
			</option>
					
						
						<option
							data-label="160x200 cm"
							
							value="160x200 cm___32236967067766">160x200 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Taille:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-4554383425654'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
			


<article
	x-data='slideoutProductCard({productId: 1849802915958, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "cosmos", isAvailable: true, variantId: 16892316123254 })'
	class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
	
	
<a
		
		class='relative'
		href='/products/cosmos'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>
		
		

<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=64&v=1770975042&width=48 48w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=127&v=1770975042&width=96 96w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=212&v=1770975042&width=160 160w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=424&v=1770975042&width=320 320w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=847&v=1770975042&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=127&v=1770975042&width=96 96w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=212&v=1770975042&width=160 160w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=424&v=1770975042&width=320 320w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=847&v=1770975042&width=640 640w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=1271&v=1770975042&width=960 960w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=1589&v=1770975042&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&amp;height=188&amp;v=1770975042&amp;width=142" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&amp;height=188&amp;v=1770975042&amp;width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	</a>
	<div
		class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
		id='slideout-product-card-1849802915958'
	>
		<div class='lg:col-span-2'>
			<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
				
<a
		
		class='relative'
		href='/products/cosmos'
		
		
			x-data
			@click.passive='closePanel'
		
		
		
		
		
	>Suspension Cosmos</a>
			</h3>
			<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
				<span x-show='price' x-text='price'></span>
				<span x-show='!price'><span class="money">60,00€</span></span>
			</p>
		</div>

		
			
				
				

				

				
				




<div
	class='relative inline-block w-full lg:col-span-2'
	x-data='{ value: "30 cm___16892316123254", label: "" }'
	x-init='value=$refs.select.value || "30 cm___16892316123254"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Diamètre'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Diamètre'
		
		
			value='30 cm___16892316123254'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Diamètre
			</option>
					
						
						<option
							data-label="30 cm"
							
							value="30 cm___16892316123254">30 cm</option>
					
						
						<option
							data-label="40 cm"
							
							value="40 cm___16892316221558">40 cm</option>
					
						
						<option
							data-label="55 cm"
							
							value="55 cm___16892316287094">55 cm</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Diamètre:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				
				

				

				
				




<div
	class='relative inline-block w-full lg:span-w-3-wider'
	x-data='{ value: "Doré___16892316123254", label: "" }'
	x-init='value=$refs.select.value || "Doré___16892316123254"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
		x-ref='select'
		
			
					x-init='variants.push($data)'
				
		
		
		
		
			name='Couleur'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Couleur'
		
		
			value='Doré___16892316123254'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Couleur
			</option>
					
						
						<option
							data-label="Doré"
							
							value="Doré___16892316123254">Doré</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Couleur:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		

		

			




<div
	class='relative inline-block w-full lg:w-full lg:col-start-2'
	x-data='{ value: "1", label: "" }'
	x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
		x-ref='select'
		
		
		
			id='slideout-quantity-select-1849802915958'
		
		
			name='quantity'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Quantité'
		
		
			value='1'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Quantité
			</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
		
			<span class='mr-4 text-brown-text'>Quantité:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>


		

		

		
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
		
	</div>

	
		
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='handleClick'
		
		
		
		
		
		
:disabled="!isAvailable"
		

	>
			
				<span x-show="isAvailable">Ajouter au panier</span>
				<span x-show="!isAvailable">Bientôt disponible</span>
			
		</button>
	
</article>

		
	</div>
	
		</main><footer class='bg-cream py-20 margin-px-1 -margin-mx-1 w-full !mx-0 !px-20 border-t border-stroke-light !py-24' >
				
	
		
<a
		
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black w-full'
		href='/collections/douceur-naturelle-en-voile-de-coton-bio'
		
		
			x-data
			@click.passive='isOpen=false'
		
		
		
		
		
	>Découvrir la collection</a>
	
			</footer>
	</div>
</aside>

	</template>



	
</article>

			
		
	</div>
</div>


</div><section id="shopify-section-template--23467447746885__slice_article_slideshow_ArQfCw" class="shopify-section relative isolate z-0 overflow-x-clip bg-cream text-brown-dark my-48">
	<div class='grid-container'>
		<h2 class='mx-auto whitespace-pre-wrap text-center font-serif text-40 leading-none span-w-10 lg:text-70 lg:span-w-12'>Nos dernières actualités</h2>
	</div>









<div
	x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:-1})'
	
	
		class='mt-24 lg:mt-48 relative lg-max:touch-pan-y'
	>
	

	<div
		x-ref='wrapper'
		@touchstart='handleTouchStart'
		@scroll.passive='handleScroll'
		class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari flex flex-row gap-0'
	>
		

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/holi' @keydown.tab.passive='scrollToOnFocus($event,0)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=48&v=1777026475&width=48 48w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=96&v=1777026475&width=96 96w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=160&v=1777026475&width=160 160w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=320&v=1777026475&width=320 320w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=640&v=1777026475&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=71&v=1777026475&width=96 96w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=119&v=1777026475&width=160 160w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=237&v=1777026475&width=320 320w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=475&v=1777026475&width=640 640w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=712&v=1777026475&width=960 960w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=890&v=1777026475&width=1200 1200w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=1425&v=1777026475&width=1920 1920w,//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&height=1781&v=1777026475&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&amp;height=512&amp;v=1777026475&amp;width=690" alt="Incontournable Holi" srcset="//caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&amp;height=261&amp;v=1777026475&amp;width=352 352w, //caravane.com/cdn/shop/articles/CRVN_20250905_SHOP-009_HD_93f5c34f-551d-41f2-bae6-f9818b81116c.jpg?crop=center&amp;height=512&amp;v=1777026475&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Savoir-faire

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Incontournable Holi</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/le-velours-lave' @keydown.tab.passive='scrollToOnFocus($event,1)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=48&v=1776163040&width=48 48w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=96&v=1776163040&width=96 96w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=160&v=1776163040&width=160 160w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=320&v=1776163040&width=320 320w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=640&v=1776163040&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=71&v=1776163040&width=96 96w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=119&v=1776163040&width=160 160w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=237&v=1776163040&width=320 320w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=475&v=1776163040&width=640 640w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=712&v=1776163040&width=960 960w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=890&v=1776163040&width=1200 1200w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=1425&v=1776163040&width=1920 1920w,//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&height=1781&v=1776163040&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&amp;height=512&amp;v=1776163040&amp;width=690" alt="Le velours lavé" srcset="//caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&amp;height=261&amp;v=1776163040&amp;width=352 352w, //caravane.com/cdn/shop/articles/JAD5560_956e6b13-9c6c-426c-b773-c3841769311c.jpg?crop=center&amp;height=512&amp;v=1776163040&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Matières

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Le velours lavé</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/caravane-chez-vous' @keydown.tab.passive='scrollToOnFocus($event,2)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=48&v=1789374106&width=48 48w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=96&v=1789374106&width=96 96w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=160&v=1789374106&width=160 160w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=320&v=1789374106&width=320 320w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=640&v=1789374106&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=71&v=1789374106&width=96 96w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=119&v=1789374106&width=160 160w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=237&v=1789374106&width=320 320w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=475&v=1789374106&width=640 640w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=712&v=1789374106&width=960 960w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=890&v=1789374106&width=1200 1200w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&amp;height=512&amp;v=1789374106&amp;width=690" alt="Caravane chez vous" srcset="//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&amp;height=261&amp;v=1789374106&amp;width=352 352w, //caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&amp;height=512&amp;v=1789374106&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Actualités

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Caravane chez vous</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/carnet/intermede' @keydown.tab.passive='scrollToOnFocus($event,3)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=48&v=1789375393&width=48 48w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=96&v=1789375393&width=96 96w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=160&v=1789375393&width=160 160w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=320&v=1789375393&width=320 320w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=640&v=1789375393&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=71&v=1789375393&width=96 96w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=119&v=1789375393&width=160 160w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=237&v=1789375393&width=320 320w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=475&v=1789375393&width=640 640w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=712&v=1789375393&width=960 960w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=890&v=1789375393&width=1200 1200w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=1425&v=1789375393&width=1920 1920w,//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&height=1781&v=1789375393&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&amp;height=512&amp;v=1789375393&amp;width=690" alt="Intermède" srcset="//caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&amp;height=261&amp;v=1789375393&amp;width=352 352w, //caravane.com/cdn/shop/articles/20260716_Caravane_Intermede37306_c134fcef-8172-43cd-bbe4-c3d5edc71b76.jpg?crop=center&amp;height=512&amp;v=1789375393&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Actualités

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Intermède</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/notre-selection-de-coussins-pour-des-nuits-enchantees' @keydown.tab.passive='scrollToOnFocus($event,4)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=48&v=1774604342&width=48 48w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=96&v=1774604342&width=96 96w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=160&v=1774604342&width=160 160w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=320&v=1774604342&width=320 320w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=640&v=1774604342&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=71&v=1774604342&width=96 96w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=119&v=1774604342&width=160 160w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=237&v=1774604342&width=320 320w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=475&v=1774604342&width=640 640w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=712&v=1774604342&width=960 960w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=890&v=1774604342&width=1200 1200w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=1425&v=1774604342&width=1920 1920w,//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&height=1781&v=1774604342&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&amp;height=512&amp;v=1774604342&amp;width=690" alt="Nos courtepointes pour des nuits enchantées" srcset="//caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&amp;height=261&amp;v=1774604342&amp;width=352 352w, //caravane.com/cdn/shop/articles/MG_7430_f7c27217-ead9-4e73-a5f3-9dadbe707079.jpg?crop=center&amp;height=512&amp;v=1774604342&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Conseils

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Nos courtepointes pour des nuits enchantées</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/caravane-x-ressource' @keydown.tab.passive='scrollToOnFocus($event,5)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=48&v=1775207129&width=48 48w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=96&v=1775207129&width=96 96w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=160&v=1775207129&width=160 160w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=320&v=1775207129&width=320 320w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=640&v=1775207129&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=71&v=1775207129&width=96 96w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=119&v=1775207129&width=160 160w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=237&v=1775207129&width=320 320w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=475&v=1775207129&width=640 640w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=712&v=1775207129&width=960 960w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&amp;height=512&amp;v=1775207129&amp;width=690" alt="Caravane x Ressource" srcset="//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&amp;height=261&amp;v=1775207129&amp;width=352 352w, //caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&amp;height=512&amp;v=1775207129&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Collaboration

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Caravane x Ressource</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/nos-tapis-faits-main' @keydown.tab.passive='scrollToOnFocus($event,6)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=48&v=1777452968&width=48 48w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=96&v=1777452968&width=96 96w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=160&v=1777452968&width=160 160w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=320&v=1777452968&width=320 320w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=640&v=1777452968&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=71&v=1777452968&width=96 96w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=119&v=1777452968&width=160 160w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=237&v=1777452968&width=320 320w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=475&v=1777452968&width=640 640w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=712&v=1777452968&width=960 960w,//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&height=890&v=1777452968&width=1200 1200w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&amp;height=512&amp;v=1777452968&amp;width=690" alt="Nos tapis faits main : l’excellence du geste, la perfection de la pièce" srcset="//caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&amp;height=261&amp;v=1777452968&amp;width=352 352w, //caravane.com/cdn/shop/articles/Tapis_1.png?crop=center&amp;height=512&amp;v=1777452968&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Savoir-faire

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Nos tapis faits main : l’excellence du geste, la perfection de la pièce</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/prenez-rendez-vous-en-boutique' @keydown.tab.passive='scrollToOnFocus($event,7)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=48&v=1754469236&width=48 48w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=96&v=1754469236&width=96 96w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=160&v=1754469236&width=160 160w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=320&v=1754469236&width=320 320w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=640&v=1754469236&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=71&v=1754469236&width=96 96w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=119&v=1754469236&width=160 160w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=237&v=1754469236&width=320 320w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=475&v=1754469236&width=640 640w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=712&v=1754469236&width=960 960w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=890&v=1754469236&width=1200 1200w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=1425&v=1754469236&width=1920 1920w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=1781&v=1754469236&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&amp;height=512&amp;v=1754469236&amp;width=690" alt="Prenez rendez-vous en boutique" srcset="//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&amp;height=261&amp;v=1754469236&amp;width=352 352w, //caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&amp;height=512&amp;v=1754469236&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Actualités

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Prenez rendez-vous en boutique</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/la-selection-dappliques-par-caravane' @keydown.tab.passive='scrollToOnFocus($event,8)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=48&v=1739550604&width=48 48w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=96&v=1739550604&width=96 96w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=160&v=1739550604&width=160 160w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=320&v=1739550604&width=320 320w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=640&v=1739550604&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=71&v=1739550604&width=96 96w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=119&v=1739550604&width=160 160w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=237&v=1739550604&width=320 320w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=475&v=1739550604&width=640 640w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=712&v=1739550604&width=960 960w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=890&v=1739550604&width=1200 1200w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=1425&v=1739550604&width=1920 1920w,//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&height=1781&v=1739550604&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&amp;height=512&amp;v=1739550604&amp;width=690" alt="Nos appliques murales" srcset="//caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&amp;height=261&amp;v=1739550604&amp;width=352 352w, //caravane.com/cdn/shop/articles/CRVN_20220912_SHOP_JACOB-007_HD_f21e4753-829d-466d-be8c-491b2fa65c7c.jpg?crop=center&amp;height=512&amp;v=1739550604&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Inspiration

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Nos appliques murales</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/caravane-x-ressource' @keydown.tab.passive='scrollToOnFocus($event,9)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=48&v=1775207129&width=48 48w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=96&v=1775207129&width=96 96w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=160&v=1775207129&width=160 160w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=320&v=1775207129&width=320 320w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=640&v=1775207129&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=71&v=1775207129&width=96 96w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=119&v=1775207129&width=160 160w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=237&v=1775207129&width=320 320w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=475&v=1775207129&width=640 640w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=712&v=1775207129&width=960 960w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&amp;height=512&amp;v=1775207129&amp;width=690" alt="Caravane x Ressource" srcset="//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&amp;height=261&amp;v=1775207129&amp;width=352 352w, //caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&amp;height=512&amp;v=1775207129&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Collaboration

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Caravane x Ressource</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/carnet/la-collection-rose-des-sables' @keydown.tab.passive='scrollToOnFocus($event,10)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=48&v=1780393272&width=48 48w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=96&v=1780393272&width=96 96w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=160&v=1780393272&width=160 160w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=320&v=1780393272&width=320 320w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=640&v=1780393272&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=71&v=1780393272&width=96 96w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=119&v=1780393272&width=160 160w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=237&v=1780393272&width=320 320w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=475&v=1780393272&width=640 640w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=712&v=1780393272&width=960 960w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=890&v=1780393272&width=1200 1200w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=1425&v=1780393272&width=1920 1920w,//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&height=1781&v=1780393272&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&amp;height=512&amp;v=1780393272&amp;width=690" alt="La collection rose des sables" srcset="//caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&amp;height=261&amp;v=1780393272&amp;width=352 352w, //caravane.com/cdn/shop/articles/20260423_Caravane_JadeDeshayes35765_0f2ae527-6e25-48dd-a2ce-e89e2a9df7eb.jpg?crop=center&amp;height=512&amp;v=1780393272&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Collection

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>La collection rose des sables</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='' @keydown.tab.passive='scrollToOnFocus($event,11)'><div
		class='relative flex-shrink-0'
	>
		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				


			</p></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='' @keydown.tab.passive='scrollToOnFocus($event,12)'><div
		class='relative flex-shrink-0'
	>
		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				


			</p></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/prenez-rendez-vous-en-boutique' @keydown.tab.passive='scrollToOnFocus($event,13)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=48&v=1754469236&width=48 48w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=96&v=1754469236&width=96 96w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=160&v=1754469236&width=160 160w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=320&v=1754469236&width=320 320w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=640&v=1754469236&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=71&v=1754469236&width=96 96w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=119&v=1754469236&width=160 160w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=237&v=1754469236&width=320 320w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=475&v=1754469236&width=640 640w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=712&v=1754469236&width=960 960w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=890&v=1754469236&width=1200 1200w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=1425&v=1754469236&width=1920 1920w,//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&height=1781&v=1754469236&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&amp;height=512&amp;v=1754469236&amp;width=690" alt="Prenez rendez-vous en boutique" srcset="//caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&amp;height=261&amp;v=1754469236&amp;width=352 352w, //caravane.com/cdn/shop/articles/caravane-2019-aixenprovence-boutique-modif-24_b971c2fc-55b5-49d5-a9e0-8dc34ba549dc.jpg?crop=center&amp;height=512&amp;v=1754469236&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Actualités

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Prenez rendez-vous en boutique</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/lart-du-tressage' @keydown.tab.passive='scrollToOnFocus($event,14)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=48&v=1746027814&width=48 48w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=96&v=1746027814&width=96 96w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=160&v=1746027814&width=160 160w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=320&v=1746027814&width=320 320w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=640&v=1746027814&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=71&v=1746027814&width=96 96w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=119&v=1746027814&width=160 160w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=237&v=1746027814&width=320 320w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=475&v=1746027814&width=640 640w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=712&v=1746027814&width=960 960w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=890&v=1746027814&width=1200 1200w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=1425&v=1746027814&width=1920 1920w,//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&height=1781&v=1746027814&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&amp;height=512&amp;v=1746027814&amp;width=690" alt="L&#39;art du tressage" srcset="//caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&amp;height=261&amp;v=1746027814&amp;width=352 352w, //caravane.com/cdn/shop/articles/DSC06567_da5f5b27-b6eb-414e-8224-cab2592a4f01.jpg?crop=center&amp;height=512&amp;v=1746027814&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Savoir-faire

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>L'art du tressage</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/suzani-lart-du-fil-et-de-la-tradition' @keydown.tab.passive='scrollToOnFocus($event,15)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=48&v=1739805911&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=96&v=1739805911&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=160&v=1739805911&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=320&v=1739805911&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=640&v=1739805911&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=71&v=1739805911&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=119&v=1739805911&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=237&v=1739805911&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=475&v=1739805911&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=712&v=1739805911&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=890&v=1739805911&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=1425&v=1739805911&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&height=1781&v=1739805911&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&amp;height=512&amp;v=1739805911&amp;width=690" alt="" srcset="//caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&amp;height=261&amp;v=1739805911&amp;width=352 352w, //caravane.com/cdn/shop/files/CRVN_20240318_PIECES_UNIQUES-067_HD.jpg?crop=center&amp;height=512&amp;v=1739805911&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Savoir-faire

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Suzani et Kantha : l'art du fil et de la tradition</h2></div></a></article>

<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/caravane-chez-vous' @keydown.tab.passive='scrollToOnFocus($event,16)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=48&v=1789374106&width=48 48w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=96&v=1789374106&width=96 96w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=160&v=1789374106&width=160 160w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=320&v=1789374106&width=320 320w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=640&v=1789374106&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=71&v=1789374106&width=96 96w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=119&v=1789374106&width=160 160w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=237&v=1789374106&width=320 320w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=475&v=1789374106&width=640 640w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=712&v=1789374106&width=960 960w,//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&height=890&v=1789374106&width=1200 1200w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&amp;height=512&amp;v=1789374106&amp;width=690" alt="Caravane chez vous" srcset="//caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&amp;height=261&amp;v=1789374106&amp;width=352 352w, //caravane.com/cdn/shop/articles/image_4_OK.png?crop=center&amp;height=512&amp;v=1789374106&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Actualités

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Caravane chez vous</h2></div></a></article>

<article class='group margin-px-1 !span-w-6-wider lg:!span-w-12-wider'><a href='/blogs/carnet/johanna-gaudeau-x-caravane' @keydown.tab.passive='scrollToOnFocus($event,17)'><div
		class='relative flex-shrink-0'
	>
		
			

<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=48&v=1779867718&width=48 48w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=96&v=1779867718&width=96 96w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=160&v=1779867718&width=160 160w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=320&v=1779867718&width=320 320w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=640&v=1779867718&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=71&v=1779867718&width=96 96w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=119&v=1779867718&width=160 160w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=237&v=1779867718&width=320 320w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=475&v=1779867718&width=640 640w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=712&v=1779867718&width=960 960w,//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&height=890&v=1779867718&width=1200 1200w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&amp;height=512&amp;v=1779867718&amp;width=690" alt="Johanna Gaudeau x Caravane" srcset="//caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&amp;height=261&amp;v=1779867718&amp;width=352 352w, //caravane.com/cdn/shop/articles/VISUELS_TABLEAUX_3_5f1c6179-dc14-4244-8de3-c3281d2bb7a4.png?crop=center&amp;height=512&amp;v=1779867718&amp;width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">

</picture>

		

		<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
			

			

			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
		

	>
				<span>Lire l&#39;article</span>
				<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
			</button>
		</div>
	</div>
	<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
				
Collaboration

			</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Johanna Gaudeau x Caravane</h2></div></a></article>

	</div>

	
		
		<div
			x-ref='dots'
			class='slideshow-dots lg:hidden !mt-48 [&_button]:w-6 [&_button]:h-6 lg:[&_button]:w-8 lg:[&_button]:h-8 [&_button]:!rounded-none [&_button:not(.is-active)]:border-brown-light'
			role='group'
		>
			

				<button
					class='slideshow-dot is-active'
					aria-label='Diapositive 1'
					aria-current='true'
					@click='handleNavChange(0)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 2'
					aria-current='false'
					@click='handleNavChange(1)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 3'
					aria-current='false'
					@click='handleNavChange(2)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 4'
					aria-current='false'
					@click='handleNavChange(3)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 5'
					aria-current='false'
					@click='handleNavChange(4)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 6'
					aria-current='false'
					@click='handleNavChange(5)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 7'
					aria-current='false'
					@click='handleNavChange(6)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 8'
					aria-current='false'
					@click='handleNavChange(7)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 9'
					aria-current='false'
					@click='handleNavChange(8)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 10'
					aria-current='false'
					@click='handleNavChange(9)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 11'
					aria-current='false'
					@click='handleNavChange(10)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 12'
					aria-current='false'
					@click='handleNavChange(11)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 13'
					aria-current='false'
					@click='handleNavChange(12)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 14'
					aria-current='false'
					@click='handleNavChange(13)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 15'
					aria-current='false'
					@click='handleNavChange(14)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 16'
					aria-current='false'
					@click='handleNavChange(15)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 17'
					aria-current='false'
					@click='handleNavChange(16)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 18'
					aria-current='false'
					@click='handleNavChange(17)'
					type='button'
				></button>
			
		</div>
	

	
		
		<nav
			class='flex items-center gutter-gap-1 lg:gap-10 lg-max:hidden absolute lg-max:-bottom-44 lg:-top-68 h-20 lg-max:left-1/2 lg-max:-translate-x-1/2 lg:margin-right-1'
			:class="{ '!hidden': !enabled }"
		>
			
			<button
				x-ref='prevButton'
				@click.passive='handlePrev'
				class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
				aria-label='Page précédente'
				type='button'
			>
				
						<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>

				
			</button>
			<button
				x-ref='nextButton'
				@click.passive='handleNext'
				class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
				aria-label='Page suivante'
				type='button'
			>
				
						<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				
			</button>
		</nav>
	

	
</div>



</section><div id="shopify-section-template--23467447746885__header_theme_CrVnHt" class="shopify-section">

<style>
	:root {
	  --header-solid-bg: #FFFDF7;
	  --header-solid-text: #3F2400;
	  --header-solid-border: rgba(63, 36, 0, 0.15);
	  --header-bg-color: transparent;
	  --header-text-color: #ffffff;
	  --header-border-color: rgba(255, 253, 247, 0.20);
	  --header-spacer-display: none;
	  --header-is-transparent: 1;
	  
	  --viewportHeightMin: var(--screenHeightMin);
	  --viewportHeightMax: var(--screenHeightMax);
	  
	}
</style>


</div>
					
				</div>
				
			</main>
			<footer id="shopify-section-footer" class="shopify-section bg-cream text-brown-dark overflow-x-clip">


<div class='border-t border-stroke-light'>
	<div class='flex lg:span-px-2-wider lg:margin-mx-1'>
		
<div class='flex w-full flex-row items-start overflow-hidden pt-24 text-brown-text lg:justify-between lg:py-40 lg-max:hidden'>
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
	<path d="M0.500583 2.63546H15.4997V2.02717C15.4997 0.68028 14.7828 0 13.3551 0H2.64519C1.21778 0 0.500291 0.68028 0.500291 2.02745L0.500583 2.63546ZM0.500583 8.97925C0.500583 10.3264 1.21749 11 2.64519 11H13.3551C14.7825 11 15.5 10.3264 15.5 8.97925V4.12019H0.5L0.500583 8.97925ZM2.78187 7.38347V6.17358C2.78187 5.80749 3.04823 5.54576 3.45127 5.54576H5.12464C5.52769 5.54576 5.79405 5.80749 5.79405 6.17358V7.38347C5.79405 7.75625 5.52769 8.01129 5.12464 8.01129H3.45098C3.04794 8.01129 2.78187 7.75625 2.78187 7.38347Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Paiement en 3x sans frais</p>
						
						<p class='text-14 text-brown-text'>Avec Alma*, Apple Pay, Mastercard, Visa, Paypal.</p>
					</div>
				
			
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewbox='0 0 19 19' fill='none'>
	<path d="M1.07617 15.626V14.0945H4.90491V12.563H1.84192V11.0315H4.90491V9.5H2.64595V7.96851H4.90491V5.70955L3.4117 2.49341L4.79005 1.84253L6.58955 5.67126H15.4722L13.979 2.49341L15.3574 1.84253L17.1569 5.67126V15.626H1.07617ZM9.49939 10.2657H12.5624C12.7793 10.2657 12.9612 10.1924 13.108 10.0456C13.2547 9.89883 13.3281 9.71696 13.3281 9.5C13.3281 9.28304 13.2547 9.10117 13.108 8.95441C12.9612 8.80764 12.7793 8.73425 12.5624 8.73425H9.49939C9.28243 8.73425 9.10056 8.80764 8.95379 8.95441C8.80703 9.10117 8.73364 9.28304 8.73364 9.5C8.73364 9.71696 8.80703 9.89883 8.95379 10.0456C9.10056 10.1924 9.28243 10.2657 9.49939 10.2657ZM6.4364 14.0945H15.6254V7.20276H6.4364V14.0945Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Livraison rapide et gratuite*</p>
						
						<p class='text-14 text-brown-text'>Dès 150€ en France et au UK, 350€ en Suisse et 250€ en Belgique.</p>
					</div>
				
			
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
	<path d="M3.63636 11C3.0303 11 2.51515 10.7995 2.09091 10.3984C1.66667 9.9974 1.45455 9.51042 1.45455 8.9375H0V1.375C0 0.996875 0.142546 0.673292 0.427636 0.40425C0.712727 0.135208 1.05503 0.000458333 1.45455 0H11.6364V2.75H13.8182L16 5.5V8.9375H14.5455C14.5455 9.51042 14.3333 9.9974 13.9091 10.3984C13.4848 10.7995 12.9697 11 12.3636 11C11.7576 11 11.2424 10.7995 10.8182 10.3984C10.3939 9.9974 10.1818 9.51042 10.1818 8.9375H5.81818C5.81818 9.51042 5.60606 9.9974 5.18182 10.3984C4.75758 10.7995 4.24242 11 3.63636 11ZM3.63636 9.625C3.84242 9.625 4.01527 9.559 4.15491 9.427C4.29455 9.295 4.36412 9.13183 4.36364 8.9375C4.36364 8.74271 4.29382 8.57954 4.15418 8.448C4.01455 8.31646 3.84194 8.25046 3.63636 8.25C3.4303 8.25 3.2577 8.316 3.11855 8.448C2.97939 8.58 2.90958 8.74317 2.90909 8.9375C2.90909 9.13229 2.97891 9.29569 3.11855 9.42769C3.25818 9.55969 3.43079 9.62546 3.63636 9.625ZM12.3636 9.625C12.5697 9.625 12.7425 9.559 12.8822 9.427C13.0218 9.295 13.0914 9.13183 13.0909 8.9375C13.0909 8.74271 13.0211 8.57954 12.8815 8.448C12.7418 8.31646 12.5692 8.25046 12.3636 8.25C12.1576 8.25 11.985 8.316 11.8458 8.448C11.7067 8.58 11.6368 8.74317 11.6364 8.9375C11.6364 9.13229 11.7062 9.29569 11.8458 9.42769C11.9855 9.55969 12.1581 9.62546 12.3636 9.625ZM11.6364 6.1875H14.7273L13.0909 4.125H11.6364V6.1875Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Retours sous 14 jours</p>
						
						<p class='text-14 text-brown-text'>Dès réception de votre commande.</p>
					</div>
				
			
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewbox='0 0 14 11' fill='none'>
	<path d="M1.4 11C1.015 11 0.685533 10.8655 0.4116 10.5964C0.137667 10.3274 0.000466667 10.0036 0 9.625V1.375C0 0.996875 0.1372 0.673292 0.4116 0.40425C0.686 0.135208 1.01547 0.000458333 1.4 0H12.6C12.985 0 13.3147 0.13475 13.5891 0.40425C13.8635 0.67375 14.0005 0.997333 14 1.375V9.625C14 10.0031 13.863 10.3269 13.5891 10.5964C13.3152 10.8659 12.9855 11.0005 12.6 11H1.4ZM7 6.1875L12.6 2.75V1.375L7 4.8125L1.4 1.375V2.75L7 6.1875Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Contactez-nous</p>
						
						<p class='text-14 text-brown-text'>Disponible par mail du lundi au vendredi et en boutique.</p>
					</div>
				
			
				
			
</div>
			
			
			




<div
	x-data='slideshow({groupBy:1,autoPlayInterval:7000,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:-1})'
	
		x-init="child=$data"
	
	
		class='w-full lg:span-w-10 relative py-24 lg:py-60 hidden lg-max:block lg-max:touch-pan-y'
	>
	

	<div
		x-ref='wrapper'
		@touchstart='handleTouchStart'
		@scroll.passive='handleScroll'
		class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari gap-0'
	>
		
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
	<path d="M0.500583 2.63546H15.4997V2.02717C15.4997 0.68028 14.7828 0 13.3551 0H2.64519C1.21778 0 0.500291 0.68028 0.500291 2.02745L0.500583 2.63546ZM0.500583 8.97925C0.500583 10.3264 1.21749 11 2.64519 11H13.3551C14.7825 11 15.5 10.3264 15.5 8.97925V4.12019H0.5L0.500583 8.97925ZM2.78187 7.38347V6.17358C2.78187 5.80749 3.04823 5.54576 3.45127 5.54576H5.12464C5.52769 5.54576 5.79405 5.80749 5.79405 6.17358V7.38347C5.79405 7.75625 5.52769 8.01129 5.12464 8.01129H3.45098C3.04794 8.01129 2.78187 7.75625 2.78187 7.38347Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Paiement en 3x sans frais</p>
						
						<p class='text-14 text-brown-text'>Avec Alma*, Apple Pay, Mastercard, Visa, Paypal.</p>
					</div>
				
			
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewbox='0 0 19 19' fill='none'>
	<path d="M1.07617 15.626V14.0945H4.90491V12.563H1.84192V11.0315H4.90491V9.5H2.64595V7.96851H4.90491V5.70955L3.4117 2.49341L4.79005 1.84253L6.58955 5.67126H15.4722L13.979 2.49341L15.3574 1.84253L17.1569 5.67126V15.626H1.07617ZM9.49939 10.2657H12.5624C12.7793 10.2657 12.9612 10.1924 13.108 10.0456C13.2547 9.89883 13.3281 9.71696 13.3281 9.5C13.3281 9.28304 13.2547 9.10117 13.108 8.95441C12.9612 8.80764 12.7793 8.73425 12.5624 8.73425H9.49939C9.28243 8.73425 9.10056 8.80764 8.95379 8.95441C8.80703 9.10117 8.73364 9.28304 8.73364 9.5C8.73364 9.71696 8.80703 9.89883 8.95379 10.0456C9.10056 10.1924 9.28243 10.2657 9.49939 10.2657ZM6.4364 14.0945H15.6254V7.20276H6.4364V14.0945Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Livraison rapide et gratuite*</p>
						
						<p class='text-14 text-brown-text'>Dès 150€ en France et au UK, 350€ en Suisse et 250€ en Belgique.</p>
					</div>
				
			
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
	<path d="M3.63636 11C3.0303 11 2.51515 10.7995 2.09091 10.3984C1.66667 9.9974 1.45455 9.51042 1.45455 8.9375H0V1.375C0 0.996875 0.142546 0.673292 0.427636 0.40425C0.712727 0.135208 1.05503 0.000458333 1.45455 0H11.6364V2.75H13.8182L16 5.5V8.9375H14.5455C14.5455 9.51042 14.3333 9.9974 13.9091 10.3984C13.4848 10.7995 12.9697 11 12.3636 11C11.7576 11 11.2424 10.7995 10.8182 10.3984C10.3939 9.9974 10.1818 9.51042 10.1818 8.9375H5.81818C5.81818 9.51042 5.60606 9.9974 5.18182 10.3984C4.75758 10.7995 4.24242 11 3.63636 11ZM3.63636 9.625C3.84242 9.625 4.01527 9.559 4.15491 9.427C4.29455 9.295 4.36412 9.13183 4.36364 8.9375C4.36364 8.74271 4.29382 8.57954 4.15418 8.448C4.01455 8.31646 3.84194 8.25046 3.63636 8.25C3.4303 8.25 3.2577 8.316 3.11855 8.448C2.97939 8.58 2.90958 8.74317 2.90909 8.9375C2.90909 9.13229 2.97891 9.29569 3.11855 9.42769C3.25818 9.55969 3.43079 9.62546 3.63636 9.625ZM12.3636 9.625C12.5697 9.625 12.7425 9.559 12.8822 9.427C13.0218 9.295 13.0914 9.13183 13.0909 8.9375C13.0909 8.74271 13.0211 8.57954 12.8815 8.448C12.7418 8.31646 12.5692 8.25046 12.3636 8.25C12.1576 8.25 11.985 8.316 11.8458 8.448C11.7067 8.58 11.6368 8.74317 11.6364 8.9375C11.6364 9.13229 11.7062 9.29569 11.8458 9.42769C11.9855 9.55969 12.1581 9.62546 12.3636 9.625ZM11.6364 6.1875H14.7273L13.0909 4.125H11.6364V6.1875Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Retours sous 14 jours</p>
						
						<p class='text-14 text-brown-text'>Dès réception de votre commande.</p>
					</div>
				
			
				
					
					<div class='flex w-full flex-col items-center justify-start gap-15 text-center span-px-2 lg:gap-16 lg:px-0 lg:span-w-4'>
						<div class='flex h-20 items-center justify-center child-svg:text-brown-dark'>
							
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewbox='0 0 14 11' fill='none'>
	<path d="M1.4 11C1.015 11 0.685533 10.8655 0.4116 10.5964C0.137667 10.3274 0.000466667 10.0036 0 9.625V1.375C0 0.996875 0.1372 0.673292 0.4116 0.40425C0.686 0.135208 1.01547 0.000458333 1.4 0H12.6C12.985 0 13.3147 0.13475 13.5891 0.40425C13.8635 0.67375 14.0005 0.997333 14 1.375V9.625C14 10.0031 13.863 10.3269 13.5891 10.5964C13.3152 10.8659 12.9855 11.0005 12.6 11H1.4ZM7 6.1875L12.6 2.75V1.375L7 4.8125L1.4 1.375V2.75L7 6.1875Z" fill="currentColor"/>
</svg>

						</div>
						
							<p class='font-serif text-18 text-brown-text'>Contactez-nous</p>
						
						<p class='text-14 text-brown-text'>Disponible par mail du lundi au vendredi et en boutique.</p>
					</div>
				
			
				
			

	</div>

	
		
		<div
			x-ref='dots'
			class='slideshow-dots [&_button]:w-6 [&_button]:h-6 lg:[&_button]:w-8 lg:[&_button]:h-8 [&_button]:!rounded-none [&_button:not(.is-active)]:border-brown-light'
			role='group'
		>
			

				<button
					class='slideshow-dot is-active'
					aria-label='Diapositive 1'
					aria-current='true'
					@click='handleNavChange(0)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 2'
					aria-current='false'
					@click='handleNavChange(1)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 3'
					aria-current='false'
					@click='handleNavChange(2)'
					type='button'
				></button>
			
				<button
					class='slideshow-dot'
					aria-label='Diapositive 4'
					aria-current='false'
					@click='handleNavChange(3)'
					type='button'
				></button>
			
		</div>
	

	

	
</div>

</div>
</div>


<div class='border-t border-stroke-light lg:border-b'>
	<div class='flex flex-col lg:flex-row lg:items-start lg:justify-between lg:py-60 lg:span-px-1-wide lg:margin-mx-1'>
		
		<div class='w-full py-40 lg:py-0 lg:span-w-6 lg-max:margin-px-1'>
			<div class='flex flex-col gap-24'>
				<h2 class='text-center font-serif text-22 tracking-tight text-brown-dark lg:text-left'>
					Des idées qui embellissent votre intérieur
				</h2>

				<form method="post" action="/contact#newsletterFooterForm" id="newsletterFooterForm" accept-charset="UTF-8" class="relative flex flex-col gap-12" data-type="ajax" x-ref="form" data-only-newsletter="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
					
					

					<div class='relative w-full'>
<div
	
	class='relative text-12/none w-full'
>
	<input
		placeholder=' '
		id='newsletter_footer_email'
		name='contact[email]'
		aria-label='Votre adresse e-mail*'
		class='peer block w-full rounded-none h-40 px-20 py-18 appearance-none placeholder-current focus-visible:outline-none focus-visible:ring-0 duration-300 ease-quart-out transition-colors text-brown-dark aria-[invalid]:text-red aria-[invalid]:border-red bg-transparent border border-stroke-light focus:border-brown-dark !pr-44'><label for='newsletter_footer_email' class='bg-cream pointer-events-none order-first duration-300 ease-quart-out absolute left-0 top-0 ml-20 px-4 transform-[transform,top] -translate-y-1/2 z-2 origin-left peer-focus:top-0 peer-placeholder-shown:top-1/2 text-brown-dark peer-aria-[invalid]:text-red'>Votre adresse e-mail*</label>
</div>
<input hidden type='checkbox' value='true' name='customer[accepts_marketing]' checked>
						<input type='hidden' name='contact[tags]' value='newsletter'>

						
						
						
<button
		class='relative !absolute right-12 top-1/2 -translate-y-1/2 flex h-32 w-32 items-center justify-center !bg-transparent !text-brown-dark transition-colors duration-200 ease-quart-out hover:!text-brown-text focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-brown-dark'
		
			type='submit'
		
		
		
		
		
		
		
		
		
		
aria-label='Confirmer'
		

	><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
	<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</button>
					</div>

					<p x-ref='error' class='tracking-none hidden text-12 text-red'>
						Quelque chose s&#39;est mal passé. Veuillez réessayer
					</p>

					<div class='w-full text-brown-text'>
						

<label
	
	class='relative inline-flex items-center gap-8 cursor-pointer select-none text-left text-12/narrow font-light'
	
		for='acceptsPrivacyPolicy'
	
	
>
	<input
		type='checkbox'
		
			id='acceptsPrivacyPolicy'
		
		name='contact[privacy_policy]'
		value=''>
	
	<i aria-hidden class='relative flex items-center justify-center shrink-0 w-16 h-16 border border-brown-light transition-[background-color,border-color] duration-300 ease-quart-out text-transparent peer-focus-visible:border-brown-dark peer-checked:border-brown-dark bg-transparent peer-checked:text-brown-dark peer-focus:outline peer-focus-visible:outline outline-brown-dark outline-1 outline-offset-1 peer-validation:border-red peer-validation:text-transparent'>
		<svg class='w-15 h-15 m-auto' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewbox='0 0 15 16' fill='none'>
	<path d="M6.22461 12L3 8.55804L3.74711 7.76573L6.22461 10.3711L12.2529 4L13 4.81446L6.22461 12Z" fill="currentColor"/>
</svg>

	</i>
	<div class='text-brown-text leading-tight [&_a]:!text-brown-dark [&_a]:underline [&_strong]:font-bold text-11 tracking-tight'>
							
							<span x-data='{text: "J&#39;accepte de recevoir par email les actualités de Caravane : &lt;strong&gt;ventes privées, nouvelles collections et inspirations.&lt;/strong&gt; J&#39;accepte &lt;a href=&#39;/pages/politique-de-confidentialite-cookies&#39; title=&#39;Politique de confidentialité &amp; Cookies&#39;&gt;la politique de confidentialité&lt;/a&gt;"}' x-html="text"></span>
						</div>
</label>
</div></form>
			</div>
		</div>

		
		<div class='flex flex-col justify-between lg:flex-row lg:gutter-gap-1 lg-max:margin-px-1'>
					
				
					
				
					
				
					
				
					
						
							

							

							

							<nav role='navigation' class='flex flex-col gap-20 lg:span-w-3-wider'>
								
								
								
<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative lg-max:border-b border-stroke-light'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
			type='checkbox'
			id='footer-navigation-accordion-0-aide'
			name=''
			aria-controls='footer-navigation-accordion-0-aide-content'
			
			
			
			:checked='selected === "footer-navigation-accordion-0-aide"'
				@change='handleChange'

				@click='handleClick'


			
			

			
				:disabled="$store.global.device === 'desktop'"
			
		>
		<label
			class='lg:pt-0 lg:pb-24 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 child-svg:p-3 child-svg:w-16 child-svg:h-16 child-svg:rotate-90 peer-checked:child-svg:rotate-[270deg]'
			for='footer-navigation-accordion-0-aide'
			
		>
			<span class='text-14 normal-case font-normal'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !normal-case !font-normal !text-13'
		href='/pages/faq'
		
		
		
		
		
		
	>Aide</a>
							</span>
					<svg class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				</label>
		<article
			id='footer-navigation-accordion-0-aide-content'
			aria-labelledby='footer-navigation-accordion-0-aide'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr] lg:!visible'
			:inert="selected !== 'footer-navigation-accordion-0-aide' && $store.global.device !== 'desktop'"
		>
			<div class='min-h-0'>
				<div
					class='min-h-0 flex text-brown-text'>
					
								<ul class='flex flex-col gap-0 text-11 lg:span-w-3-wider lg-max:w-full lg-max:pb-14'>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/account'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Mon compte</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/faq'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Foire aux questions</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/livraison-retours'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Livraison </span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/retours-remboursements'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Retours et remboursements</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/contact'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Contact</span></a></li>
									
										<li class='flex'>

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative text-left py-6 w-full group'
		href='https://caravane.com/pages/store-locator?book=now&utm_source=website&utm_medium=footer&utm_campaign=rdv_store_locator'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Rendez-vous en boutique</span></a></li>
									
								</ul>
							
				</div>
			</div>
		</article>
	</div>
</div>

							</nav>
						
							

							

							

							<nav role='navigation' class='flex flex-col gap-20 lg:span-w-3-wider'>
								
								
								
<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative lg-max:border-b border-stroke-light'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
			type='checkbox'
			id='footer-navigation-accordion-1-a-propos'
			name=''
			aria-controls='footer-navigation-accordion-1-a-propos-content'
			
			
			
			:checked='selected === "footer-navigation-accordion-1-a-propos"'
				@change='handleChange'

				@click='handleClick'


			
			

			
				:disabled="$store.global.device === 'desktop'"
			
		>
		<label
			class='lg:pt-0 lg:pb-24 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 child-svg:p-3 child-svg:w-16 child-svg:h-16 child-svg:rotate-90 peer-checked:child-svg:rotate-[270deg]'
			for='footer-navigation-accordion-1-a-propos'
			
		>
			<span class='text-14 normal-case font-normal'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !normal-case !font-normal !text-13'
		href='/pages/a-propos'
		
		
		
		
		
		
	>A propos</a>
							</span>
					<svg class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				</label>
		<article
			id='footer-navigation-accordion-1-a-propos-content'
			aria-labelledby='footer-navigation-accordion-1-a-propos'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr] lg:!visible'
			:inert="selected !== 'footer-navigation-accordion-1-a-propos' && $store.global.device !== 'desktop'"
		>
			<div class='min-h-0'>
				<div
					class='min-h-0 flex text-brown-text'>
					
								<ul class='flex flex-col gap-0 text-11 lg:span-w-3-wider lg-max:w-full lg-max:pb-14'>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/shop-the-look'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Shop the look</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/blogs/news'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Le journal</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/store-locator'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Nos boutiques</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/a-propos'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>L'histoire Caravane</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/rse'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Nos valeurs et engagements</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/caravane-chez-vous'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Caravane chez vous</span></a></li>
									
								</ul>
							
				</div>
			</div>
		</article>
	</div>
</div>

							</nav>
						
							

							

							

							<nav role='navigation' class='flex flex-col gap-20 lg:span-w-3-wider'>
								
								
								
<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative lg-max:border-b border-stroke-light'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
			type='checkbox'
			id='footer-navigation-accordion-2-legal'
			name=''
			aria-controls='footer-navigation-accordion-2-legal-content'
			
			
			
			:checked='selected === "footer-navigation-accordion-2-legal"'
				@change='handleChange'

				@click='handleClick'


			
			

			
				:disabled="$store.global.device === 'desktop'"
			
		>
		<label
			class='lg:pt-0 lg:pb-24 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 child-svg:p-3 child-svg:w-16 child-svg:h-16 child-svg:rotate-90 peer-checked:child-svg:rotate-[270deg]'
			for='footer-navigation-accordion-2-legal'
			
		>
			<span class='text-14 normal-case font-normal'>
								
<a
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !normal-case !font-normal !text-13'
		href='/pages/conditions-generales-de-ventes'
		
		
		
		
		
		
	>Légal</a>
							</span>
					<svg class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				</label>
		<article
			id='footer-navigation-accordion-2-legal-content'
			aria-labelledby='footer-navigation-accordion-2-legal'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr] lg:!visible'
			:inert="selected !== 'footer-navigation-accordion-2-legal' && $store.global.device !== 'desktop'"
		>
			<div class='min-h-0'>
				<div
					class='min-h-0 flex text-brown-text'>
					
								<ul class='flex flex-col gap-0 text-11 lg:span-w-3-wider lg-max:w-full lg-max:pb-14'>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/conditions-generales-de-ventes'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Conditions Générales de Ventes</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/privacy-policy'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Mentions légales</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/politique-de-confidentialite-cookies'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Politique de confidentialité et cookies</span></a></li>
									
										<li class='flex'>

<button
		class='relative text-left py-6 w-full group'
		
		
		
		
		
			x-data
			@click.passive='window.privacyBanner?.showPreferences()'
		
		
		
		
		
		
		

	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Paramètres des cookies</span></button></li>
									
								</ul>
							
				</div>
			</div>
		</article>
	</div>
</div>

							</nav>
						
							

							

							

							<nav role='navigation' class='flex flex-col gap-20 lg:span-w-3-wider'>
								
								
								
<div
	class='accordion grid grid-rows-[1fr]'
	
	
>
	<div class='relative lg-max:border-b border-stroke-light'>
		<input
			data-type='accordion'
			class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
			type='checkbox'
			id='footer-navigation-accordion-3-professionnels'
			name=''
			aria-controls='footer-navigation-accordion-3-professionnels-content'
			
			
			
			:checked='selected === "footer-navigation-accordion-3-professionnels"'
				@change='handleChange'

				@click='handleClick'


			
			

			
				:disabled="$store.global.device === 'desktop'"
			
		>
		<label
			class='lg:pt-0 lg:pb-24 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 child-svg:p-3 child-svg:w-16 child-svg:h-16 child-svg:rotate-90 peer-checked:child-svg:rotate-[270deg]'
			for='footer-navigation-accordion-3-professionnels'
			
		>
			<span class='text-14 normal-case font-normal'>
								
<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !normal-case !font-normal !text-13'
		href='https://caravane.com/pages/espace-pro'
		
		
		
		
		
		
	>Professionnels </a>
							</span>
					<svg class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				</label>
		<article
			id='footer-navigation-accordion-3-professionnels-content'
			aria-labelledby='footer-navigation-accordion-3-professionnels'
			role='region'
			class='grid grid-rows-[0fr] invisible peer-checked:visible overflow-hidden transition-[grid-template-rows,visibility] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr] lg:!visible'
			:inert="selected !== 'footer-navigation-accordion-3-professionnels' && $store.global.device !== 'desktop'"
		>
			<div class='min-h-0'>
				<div
					class='min-h-0 flex text-brown-text'>
					
								<ul class='flex flex-col gap-0 text-11 lg:span-w-3-wider lg-max:w-full lg-max:pb-14'>
									
										<li class='flex'>

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative text-left py-6 w-full group'
		href='https://caravane.com/pages/store-locator#resellers'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Nos revendeurs</span></a></li>
									
										<li class='flex'>

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative text-left py-6 w-full group'
		href='https://caravane.myjoolan.com/login'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Espace revendeurs</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/revendeurs'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Espace documentaire</span></a></li>
									
										<li class='flex'>

<a
		
		class='relative text-left py-6 w-full group'
		href='/pages/espace-pro'
		
		
			x-data
			@click.passive=''
		
		
		
		
		
	>

<span
		class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal !text-12 w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark group-hover:bg-[length:100%_1px] group-hover:duration-300'
		
		
		
		
		
		
		
		
		
		
		

	>Les avantages professionnels</span></a></li>
									
								</ul>
							
				</div>
			</div>
		</article>
	</div>
</div>

							</nav>
						
					
				
</div>
	</div>
</div>


<div class='grid grid-cols-2 px-12 py-12 gutter-gap-1 lg:hidden'>
	
		<form method="post" action="/localization" id="countrySelector_m" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
			

			
			
			
			

			



<div
	class='relative inline-block w-full'
	x-data='{ value: "FR", label: "" }'
	x-init='value=$refs.select.value || "FR"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; this.countrySelector_m.submit() }'
		x-ref='select'
		
		
		
		
			name='country_code'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Pays'
		
		
			value='FR'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Pays
			</option>
				
					<option
						
						value="AF">
						Afghanistan - €
					</option>
				
					<option
						
						value="ZA">
						Afrique du sud - €
					</option>
				
					<option
						
						value="AL">
						Albanie - €
					</option>
				
					<option
						
						value="DZ">
						Algérie - €
					</option>
				
					<option
						
						value="DE">
						Allemagne - €
					</option>
				
					<option
						
						value="AD">
						Andorre - €
					</option>
				
					<option
						
						value="AO">
						Angola - €
					</option>
				
					<option
						
						value="AI">
						Anguilla - $
					</option>
				
					<option
						
						value="AG">
						Antigua-et-barbuda - $
					</option>
				
					<option
						
						value="SA">
						Arabie saoudite - €
					</option>
				
					<option
						
						value="AR">
						Argentine - €
					</option>
				
					<option
						
						value="AM">
						Arménie - €
					</option>
				
					<option
						
						value="AW">
						Aruba - $
					</option>
				
					<option
						
						value="AU">
						Australie - €
					</option>
				
					<option
						
						value="AT">
						Autriche - €
					</option>
				
					<option
						
						value="AZ">
						Azerbaïdjan - €
					</option>
				
					<option
						
						value="BS">
						Bahamas - $
					</option>
				
					<option
						
						value="BH">
						Bahreïn - €
					</option>
				
					<option
						
						value="BD">
						Bangladesh - €
					</option>
				
					<option
						
						value="BB">
						Barbade - $
					</option>
				
					<option
						
						value="BE">
						Belgique - €
					</option>
				
					<option
						
						value="BZ">
						Belize - $
					</option>
				
					<option
						
						value="BJ">
						Bénin - €
					</option>
				
					<option
						
						value="BM">
						Bermudes - $
					</option>
				
					<option
						
						value="BT">
						Bhoutan - €
					</option>
				
					<option
						
						value="BY">
						Biélorussie - €
					</option>
				
					<option
						
						value="BO">
						Bolivie - €
					</option>
				
					<option
						
						value="BA">
						Bosnie-herzégovine - €
					</option>
				
					<option
						
						value="BW">
						Botswana - €
					</option>
				
					<option
						
						value="BR">
						Brésil - €
					</option>
				
					<option
						
						value="BN">
						Brunei - €
					</option>
				
					<option
						
						value="BG">
						Bulgarie - €
					</option>
				
					<option
						
						value="BF">
						Burkina faso - €
					</option>
				
					<option
						
						value="BI">
						Burundi - €
					</option>
				
					<option
						
						value="KH">
						Cambodge - €
					</option>
				
					<option
						
						value="CM">
						Cameroun - €
					</option>
				
					<option
						
						value="CA">
						Canada - $
					</option>
				
					<option
						
						value="CV">
						Cap-vert - €
					</option>
				
					<option
						
						value="CL">
						Chili - €
					</option>
				
					<option
						
						value="CN">
						Chine - €
					</option>
				
					<option
						
						value="CY">
						Chypre - €
					</option>
				
					<option
						
						value="CO">
						Colombie - €
					</option>
				
					<option
						
						value="KM">
						Comores - €
					</option>
				
					<option
						
						value="CG">
						Congo-brazzaville - €
					</option>
				
					<option
						
						value="CD">
						Congo-kinshasa - €
					</option>
				
					<option
						
						value="KR">
						Corée du sud - €
					</option>
				
					<option
						
						value="CR">
						Costa rica - $
					</option>
				
					<option
						
						value="CI">
						Côte d’ivoire - €
					</option>
				
					<option
						
						value="HR">
						Croatie - €
					</option>
				
					<option
						
						value="CW">
						Curaçao - $
					</option>
				
					<option
						
						value="DK">
						Danemark - kr.
					</option>
				
					<option
						
						value="DJ">
						Djibouti - €
					</option>
				
					<option
						
						value="DM">
						Dominique - $
					</option>
				
					<option
						
						value="EG">
						Égypte - €
					</option>
				
					<option
						
						value="AE">
						Émirats arabes unis - €
					</option>
				
					<option
						
						value="EC">
						Équateur - €
					</option>
				
					<option
						
						value="ER">
						Érythrée - €
					</option>
				
					<option
						
						value="ES">
						Espagne - €
					</option>
				
					<option
						
						value="EE">
						Estonie - €
					</option>
				
					<option
						
						value="SZ">
						Eswatini - €
					</option>
				
					<option
						
						value="VA">
						État de la cité du vatican - €
					</option>
				
					<option
						
						value="US">
						États-unis - $
					</option>
				
					<option
						
						value="ET">
						Éthiopie - €
					</option>
				
					<option
						
						value="FJ">
						Fidji - €
					</option>
				
					<option
						
						value="FI">
						Finlande - €
					</option>
				
					<option
						
							selected
						
						value="FR">
						France - €
					</option>
				
					<option
						
						value="GA">
						Gabon - €
					</option>
				
					<option
						
						value="GM">
						Gambie - €
					</option>
				
					<option
						
						value="GE">
						Géorgie - €
					</option>
				
					<option
						
						value="GS">
						Géorgie du sud-et-les îles sandwich du sud - €
					</option>
				
					<option
						
						value="GH">
						Ghana - €
					</option>
				
					<option
						
						value="GI">
						Gibraltar - €
					</option>
				
					<option
						
						value="GR">
						Grèce - €
					</option>
				
					<option
						
						value="GD">
						Grenade - $
					</option>
				
					<option
						
						value="GL">
						Groenland - $
					</option>
				
					<option
						
						value="GP">
						Guadeloupe - $
					</option>
				
					<option
						
						value="GT">
						Guatemala - $
					</option>
				
					<option
						
						value="GG">
						Guernesey - €
					</option>
				
					<option
						
						value="GN">
						Guinée - €
					</option>
				
					<option
						
						value="GQ">
						Guinée équatoriale - €
					</option>
				
					<option
						
						value="GW">
						Guinée-bissau - €
					</option>
				
					<option
						
						value="GY">
						Guyana - €
					</option>
				
					<option
						
						value="GF">
						Guyane française - €
					</option>
				
					<option
						
						value="HT">
						Haïti - $
					</option>
				
					<option
						
						value="HN">
						Honduras - $
					</option>
				
					<option
						
						value="HU">
						Hongrie - €
					</option>
				
					<option
						
						value="CX">
						Île christmas - €
					</option>
				
					<option
						
						value="NF">
						Île norfolk - €
					</option>
				
					<option
						
						value="IM">
						Île de man - €
					</option>
				
					<option
						
						value="AC">
						Île de l’ascension - €
					</option>
				
					<option
						
						value="AX">
						Îles åland - €
					</option>
				
					<option
						
						value="KY">
						Îles caïmans - $
					</option>
				
					<option
						
						value="CC">
						Îles cocos - €
					</option>
				
					<option
						
						value="CK">
						Îles cook - €
					</option>
				
					<option
						
						value="FO">
						Îles féroé - €
					</option>
				
					<option
						
						value="FK">
						Îles malouines - €
					</option>
				
					<option
						
						value="PN">
						Îles pitcairn - €
					</option>
				
					<option
						
						value="SB">
						Îles salomon - €
					</option>
				
					<option
						
						value="TC">
						Îles turques-et-caïques - $
					</option>
				
					<option
						
						value="VG">
						Îles vierges britanniques - $
					</option>
				
					<option
						
						value="UM">
						Îles mineures éloignées des états-unis - €
					</option>
				
					<option
						
						value="IN">
						Inde - €
					</option>
				
					<option
						
						value="ID">
						Indonésie - €
					</option>
				
					<option
						
						value="IQ">
						Irak - €
					</option>
				
					<option
						
						value="IE">
						Irlande - €
					</option>
				
					<option
						
						value="IS">
						Islande - €
					</option>
				
					<option
						
						value="IL">
						Israël - €
					</option>
				
					<option
						
						value="IT">
						Italie - €
					</option>
				
					<option
						
						value="JM">
						Jamaïque - $
					</option>
				
					<option
						
						value="JP">
						Japon - €
					</option>
				
					<option
						
						value="JE">
						Jersey - €
					</option>
				
					<option
						
						value="JO">
						Jordanie - €
					</option>
				
					<option
						
						value="KZ">
						Kazakhstan - €
					</option>
				
					<option
						
						value="KE">
						Kenya - €
					</option>
				
					<option
						
						value="KG">
						Kirghizstan - €
					</option>
				
					<option
						
						value="KI">
						Kiribati - €
					</option>
				
					<option
						
						value="XK">
						Kosovo - €
					</option>
				
					<option
						
						value="KW">
						Koweït - €
					</option>
				
					<option
						
						value="RE">
						La réunion - €
					</option>
				
					<option
						
						value="LA">
						Laos - €
					</option>
				
					<option
						
						value="LS">
						Lesotho - €
					</option>
				
					<option
						
						value="LV">
						Lettonie - €
					</option>
				
					<option
						
						value="LB">
						Liban - €
					</option>
				
					<option
						
						value="LR">
						Liberia - €
					</option>
				
					<option
						
						value="LY">
						Libye - €
					</option>
				
					<option
						
						value="LI">
						Liechtenstein - €
					</option>
				
					<option
						
						value="LT">
						Lituanie - €
					</option>
				
					<option
						
						value="LU">
						Luxembourg - €
					</option>
				
					<option
						
						value="MK">
						Macédoine du nord - €
					</option>
				
					<option
						
						value="MG">
						Madagascar - €
					</option>
				
					<option
						
						value="MY">
						Malaisie - €
					</option>
				
					<option
						
						value="MW">
						Malawi - €
					</option>
				
					<option
						
						value="MV">
						Maldives - €
					</option>
				
					<option
						
						value="ML">
						Mali - €
					</option>
				
					<option
						
						value="MT">
						Malte - €
					</option>
				
					<option
						
						value="MA">
						Maroc - €
					</option>
				
					<option
						
						value="MQ">
						Martinique - $
					</option>
				
					<option
						
						value="MU">
						Maurice - €
					</option>
				
					<option
						
						value="MR">
						Mauritanie - €
					</option>
				
					<option
						
						value="YT">
						Mayotte - €
					</option>
				
					<option
						
						value="MX">
						Mexique - $
					</option>
				
					<option
						
						value="MD">
						Moldavie - €
					</option>
				
					<option
						
						value="MC">
						Monaco - €
					</option>
				
					<option
						
						value="MN">
						Mongolie - €
					</option>
				
					<option
						
						value="ME">
						Monténégro - €
					</option>
				
					<option
						
						value="MS">
						Montserrat - $
					</option>
				
					<option
						
						value="MZ">
						Mozambique - €
					</option>
				
					<option
						
						value="MM">
						Myanmar (birmanie) - €
					</option>
				
					<option
						
						value="NA">
						Namibie - €
					</option>
				
					<option
						
						value="NR">
						Nauru - €
					</option>
				
					<option
						
						value="NP">
						Népal - €
					</option>
				
					<option
						
						value="NI">
						Nicaragua - $
					</option>
				
					<option
						
						value="NE">
						Niger - €
					</option>
				
					<option
						
						value="NG">
						Nigeria - €
					</option>
				
					<option
						
						value="NU">
						Niue - €
					</option>
				
					<option
						
						value="NO">
						Norvège - €
					</option>
				
					<option
						
						value="NC">
						Nouvelle-calédonie - €
					</option>
				
					<option
						
						value="NZ">
						Nouvelle-zélande - €
					</option>
				
					<option
						
						value="OM">
						Oman - €
					</option>
				
					<option
						
						value="UG">
						Ouganda - €
					</option>
				
					<option
						
						value="UZ">
						Ouzbékistan - €
					</option>
				
					<option
						
						value="PK">
						Pakistan - €
					</option>
				
					<option
						
						value="PA">
						Panama - $
					</option>
				
					<option
						
						value="PG">
						Papouasie-nouvelle-guinée - €
					</option>
				
					<option
						
						value="PY">
						Paraguay - €
					</option>
				
					<option
						
						value="NL">
						Pays-bas - €
					</option>
				
					<option
						
						value="BQ">
						Pays-bas caribéens - $
					</option>
				
					<option
						
						value="PE">
						Pérou - €
					</option>
				
					<option
						
						value="PH">
						Philippines - €
					</option>
				
					<option
						
						value="PL">
						Pologne - €
					</option>
				
					<option
						
						value="PF">
						Polynésie française - €
					</option>
				
					<option
						
						value="PT">
						Portugal - €
					</option>
				
					<option
						
						value="QA">
						Qatar - €
					</option>
				
					<option
						
						value="HK">
						R.a.s. chinoise de hong kong - €
					</option>
				
					<option
						
						value="MO">
						R.a.s. chinoise de macao - €
					</option>
				
					<option
						
						value="CF">
						République centrafricaine - €
					</option>
				
					<option
						
						value="DO">
						République dominicaine - $
					</option>
				
					<option
						
						value="RO">
						Roumanie - €
					</option>
				
					<option
						
						value="GB">
						Royaume-uni - £
					</option>
				
					<option
						
						value="RU">
						Russie - €
					</option>
				
					<option
						
						value="RW">
						Rwanda - €
					</option>
				
					<option
						
						value="EH">
						Sahara occidental - €
					</option>
				
					<option
						
						value="BL">
						Saint-barthélemy - $
					</option>
				
					<option
						
						value="KN">
						Saint-christophe-et-niévès - $
					</option>
				
					<option
						
						value="SM">
						Saint-marin - €
					</option>
				
					<option
						
						value="MF">
						Saint-martin - $
					</option>
				
					<option
						
						value="SX">
						Saint-martin (partie néerlandaise) - $
					</option>
				
					<option
						
						value="PM">
						Saint-pierre-et-miquelon - $
					</option>
				
					<option
						
						value="VC">
						Saint-vincent-et-les grenadines - $
					</option>
				
					<option
						
						value="SH">
						Sainte-hélène - €
					</option>
				
					<option
						
						value="LC">
						Sainte-lucie - $
					</option>
				
					<option
						
						value="SV">
						Salvador - $
					</option>
				
					<option
						
						value="WS">
						Samoa - €
					</option>
				
					<option
						
						value="ST">
						Sao tomé-et-principe - €
					</option>
				
					<option
						
						value="SN">
						Sénégal - €
					</option>
				
					<option
						
						value="RS">
						Serbie - €
					</option>
				
					<option
						
						value="SC">
						Seychelles - €
					</option>
				
					<option
						
						value="SL">
						Sierra leone - €
					</option>
				
					<option
						
						value="SG">
						Singapour - €
					</option>
				
					<option
						
						value="SK">
						Slovaquie - €
					</option>
				
					<option
						
						value="SI">
						Slovénie - €
					</option>
				
					<option
						
						value="SO">
						Somalie - €
					</option>
				
					<option
						
						value="SD">
						Soudan - €
					</option>
				
					<option
						
						value="SS">
						Soudan du sud - €
					</option>
				
					<option
						
						value="LK">
						Sri lanka - €
					</option>
				
					<option
						
						value="SE">
						Suède - kr
					</option>
				
					<option
						
						value="CH">
						Suisse - CHF
					</option>
				
					<option
						
						value="SR">
						Suriname - €
					</option>
				
					<option
						
						value="SJ">
						Svalbard et jan mayen - €
					</option>
				
					<option
						
						value="TJ">
						Tadjikistan - €
					</option>
				
					<option
						
						value="TW">
						Taïwan - €
					</option>
				
					<option
						
						value="TZ">
						Tanzanie - €
					</option>
				
					<option
						
						value="TD">
						Tchad - €
					</option>
				
					<option
						
						value="CZ">
						Tchéquie - €
					</option>
				
					<option
						
						value="TF">
						Terres australes françaises - €
					</option>
				
					<option
						
						value="IO">
						Territoire britannique de l’océan indien - €
					</option>
				
					<option
						
						value="PS">
						Territoires palestiniens - €
					</option>
				
					<option
						
						value="TH">
						Thaïlande - €
					</option>
				
					<option
						
						value="TL">
						Timor oriental - €
					</option>
				
					<option
						
						value="TG">
						Togo - €
					</option>
				
					<option
						
						value="TK">
						Tokelau - €
					</option>
				
					<option
						
						value="TO">
						Tonga - €
					</option>
				
					<option
						
						value="TT">
						Trinité-et-tobago - $
					</option>
				
					<option
						
						value="TA">
						Tristan da cunha - €
					</option>
				
					<option
						
						value="TN">
						Tunisie - €
					</option>
				
					<option
						
						value="TM">
						Turkménistan - €
					</option>
				
					<option
						
						value="TR">
						Turquie - €
					</option>
				
					<option
						
						value="TV">
						Tuvalu - €
					</option>
				
					<option
						
						value="UA">
						Ukraine - €
					</option>
				
					<option
						
						value="UY">
						Uruguay - €
					</option>
				
					<option
						
						value="VU">
						Vanuatu - €
					</option>
				
					<option
						
						value="VE">
						Venezuela - €
					</option>
				
					<option
						
						value="VN">
						Viêt nam - €
					</option>
				
					<option
						
						value="WF">
						Wallis-et-futuna - €
					</option>
				
					<option
						
						value="YE">
						Yémen - €
					</option>
				
					<option
						
						value="ZM">
						Zambie - €
					</option>
				
					<option
						
						value="ZW">
						Zimbabwe - €
					</option>
				
			
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Pays:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

		</form>
	

	
		<div class='w-full' x-data='localizationForm' @language-change='handleLanguageChange'>
			<form method="post" action="/localization" id="languageSelector_m" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
				

				

				



<div
	class='relative inline-block w-full'
	x-data='{ value: "fr", label: "" }'
	x-init='value=$refs.select.value || "fr"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $dispatch("language-change", {event: e, value: value}) }'
		x-ref='select'
		
		
		
		
			name='language_code'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Langue'
		
		
			value='fr'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Langue
			</option>
					
						<option
							
								selected
							
							value="fr">
							Français
						</option>
					
						<option
							
							value="en">
							English
						</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Langue:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

				<input type='hidden' name='locale_code' value='fr'>
			</form>
		</div>
	
</div>


<div class='flex flex-col items-center gap-16 px-12 py-24 lg:gap-32 lg:pb-20 lg:pt-60'>
	<div class='text-brown-dark span-w-8-wider lg:span-w-10'><svg class='w-full h-auto' xmlns='http://www.w3.org/2000/svg' width='355' height='51' viewbox='0 0 355 51' fill='none'>
	<path fill-rule="evenodd" clip-rule="evenodd" d="M127.868 14.7564C127.868 22.1017 122.751 26.9511 115.858 30.0507L121.41 40.2917C123.073 43.2872 124.791 46.2514 126.563 49.1826L118.406 49.9932L109.572 31.7333H109.561L107.884 28.206L110.272 25.2713C116.521 24.9359 119.945 20.7489 119.945 15.8353C119.945 11.5226 117.002 8.69403 111.246 8.69403C109.306 8.69403 108.567 8.76111 107.029 8.89527C106.763 10.1754 106.563 11.6567 106.427 12.6685L104.622 25.3327H104.633L103.42 34.0672L102.615 39.7522C102.282 42.3795 101.61 47.5671 101.543 49.4509H93.7723C94.5775 46.2199 95.9129 37.5945 96.5153 33.2175L98.592 18.3284C99.1945 14.0157 100.263 5.32325 100.397 2.08941C102.806 2.15649 108.167 1.75401 111.246 1.75401C122.688 1.75401 127.868 7.8164 127.868 14.7564ZM0 29.6063C0 14.8095 8.52602 0.758988 24.8312 0.758988C29.8619 0.758988 35.4311 2.58413 38.7849 5.28691L36.1002 11.4024C33.2823 8.90086 28.2766 7.51733 24.3176 7.51733C13.3818 7.51733 7.18507 18.1216 7.18507 28.4576C7.18507 37.9131 12.696 44.2103 20.7473 44.2103C25.9112 44.2103 30.6559 41.4823 34.4122 38.6482L33.0852 46.4938C28.9302 49.1503 24.1173 50.5778 19.1953 50.6136C7.11844 50.6164 0 42.3739 0 29.6063ZM215.269 1.97482H223.334L204.538 36.5631C202.096 40.9827 199.769 45.4655 197.559 50.0071L195.732 50.4823L186.34 15.8912C185.135 11.6344 183.658 6.16454 182.314 2.0419L189.977 1.50246L198.525 35.378L209.297 13.999L215.269 1.97482ZM304.341 18.1188C304.979 13.8005 306.126 5.09405 306.284 1.85184C308.969 1.87699 311.465 1.82948 313.814 1.57793C313.328 3.73568 312.481 8.92881 312.053 11.5645L307.392 39.9646C307.037 42.5305 306.254 47.9276 306.107 49.8869L303.405 50.404L281.203 17.0483L277.863 39.3805C277.439 42.2845 276.864 47.1422 276.644 49.0988L269.185 49.0373C269.884 45.8006 271.358 37.7063 272.136 32.7815L274.748 16.794C275.387 12.4729 276.664 4.37853 276.825 1.13632L278.99 0.613647L301.914 35.8168L304.341 18.1188ZM244.492 0.893149L254.959 35.5485C256.32 40.1938 257.773 44.8111 259.318 49.3978L251.525 49.9401L247.202 33.3516C244.639 24.1812 242.76 22.3616 240.414 22.6356C237.715 22.9514 236.144 26.1181 236.144 26.1181C231.119 35.42 224.511 47.6621 223.614 49.4006H215.685L235.68 14.8067C238.967 9.06577 241.047 5.28132 242.926 1.43259L244.492 0.893149ZM331.185 42.673C333.062 42.687 335.277 42.7736 337.223 42.7904C342.387 42.8323 346.08 42.796 350.439 42.6982C349.817 45.0572 349.395 47.2149 348.839 49.9792C344.814 49.6773 340.522 49.5711 335.694 49.532C330.66 49.4901 326.654 49.5264 322.359 49.7612C323.189 46.5245 324.602 37.7538 325.241 33.4355L327.076 21.3191C328.792 21.3666 330.743 21.4393 334.183 21.5036L334.175 21.5511L339.017 21.5707H339.022L349.136 21.6098C348.653 23.5635 348.295 25.9253 347.943 28.3542L333.181 28.097L331.551 38.7572C331.41 39.769 331.193 41.5243 331.185 42.6702V42.673ZM342.118 2.095C346.413 2.12863 350.709 2.05128 355 1.86302C354.307 4.23321 353.75 6.6419 353.334 9.07695C349.642 8.97912 346.693 8.88689 342.199 8.85055H342.01L341.399 8.84496C339.988 8.83256 338.576 8.83536 337.165 8.85335C333.67 8.87012 330.782 8.90925 328.795 8.92322C329.153 5.9661 329.452 3.18786 329.527 1.6506C333.684 1.88817 337.021 2.05028 342.118 2.095ZM162.591 0.893149L173.058 35.5485C174.419 40.1936 175.873 44.8109 177.417 49.3978L169.621 49.9401L164.812 31.4902C163.771 26.6129 160.806 25.9924 160.806 25.9924C155.412 24.743 151.977 30.5874 150.756 32.5802C146.558 40.3504 142.433 48.0087 141.711 49.3978H133.784L153.777 14.8123C157.066 9.06856 159.143 5.28412 161.025 1.43538L162.591 0.893149ZM69.6852 0.893149L80.1518 35.5513C81.5131 40.1965 82.9663 44.8138 84.5106 49.4006L76.7175 49.9428L71.909 31.493C70.6319 26.065 67.9972 25.6011 67.9972 25.6011C62.8499 24.1672 59.2352 30.0591 57.847 32.583C53.652 40.3531 49.5264 48.0115 48.8046 49.4006H40.8783L60.8759 14.8123C64.1603 9.06856 66.2425 5.28412 68.1193 1.43538L69.6852 0.893149Z" fill="currentColor"/>
</svg>
</div>

	
		<ul class='flex items-center gap-32 text-brown-dark'>
			
				<li>
					

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative flex h-26 w-26 items-center justify-center transition-colors duration-200 ease-quart-out hover:text-brown-text'
		href='https://www.instagram.com/caravane_paris'
		
		
		
		
		
		
			aria-label='Instagram'
		
	>

<svg class='' width='19' height='18' viewbox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M9.90774 5.99872C8.25515 5.99872 6.90652 7.34738 6.90652 9C6.90652 10.6526 8.25515 12.0013 9.90774 12.0013C11.5603 12.0013 12.909 10.6526 12.909 9C12.909 7.34738 11.5603 5.99872 9.90774 5.99872ZM18.9092 9C18.9092 7.75716 18.9204 6.52558 18.8506 5.28499C18.7808 3.84402 18.4521 2.56515 17.3984 1.51144C16.3425 0.455477 15.0659 0.129006 13.6249 0.0592092C12.3821 -0.0105879 11.1506 0.000669702 9.90999 0.000669702C8.66717 0.000669702 7.43561 -0.0105879 6.19505 0.0592092C4.7541 0.129006 3.47526 0.457728 2.42157 1.51144C1.36562 2.5674 1.03916 3.84402 0.969364 5.28499C0.899569 6.52783 0.910826 7.75941 0.910826 9C0.910826 10.2406 0.899569 11.4744 0.969364 12.715C1.03916 14.156 1.36788 15.4348 2.42157 16.4886C3.47751 17.5445 4.7541 17.871 6.19505 17.9408C7.43786 18.0106 8.66942 17.9993 9.90999 17.9993C11.1528 17.9993 12.3844 18.0106 13.6249 17.9408C15.0659 17.871 16.3447 17.5423 17.3984 16.4886C18.4544 15.4326 18.7808 14.156 18.8506 12.715C18.9227 11.4744 18.9092 10.2428 18.9092 9V9ZM9.90774 13.6179C7.35231 13.6179 5.28995 11.5555 5.28995 9C5.28995 6.44452 7.35231 4.38213 9.90774 4.38213C12.4632 4.38213 14.5255 6.44452 14.5255 9C14.5255 11.5555 12.4632 13.6179 9.90774 13.6179ZM14.7146 5.27148C14.118 5.27148 13.6362 4.78966 13.6362 4.193C13.6362 3.59635 14.118 3.11452 14.7146 3.11452C15.3113 3.11452 15.7931 3.59635 15.7931 4.193C15.7933 4.33468 15.7655 4.475 15.7114 4.60593C15.6572 4.73686 15.5778 4.85582 15.4776 4.956C15.3774 5.05618 15.2585 5.13561 15.1276 5.18975C14.9966 5.24388 14.8563 5.27166 14.7146 5.27148V5.27148Z" fill="currentColor"/>
</svg>
</a></li>
			
				<li>
					

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative flex h-26 w-26 items-center justify-center transition-colors duration-200 ease-quart-out hover:text-brown-text'
		href='https://fr.pinterest.com/caravaneparis/'
		
		
		
		
		
		
			aria-label='Pinterest'
		
	>

<svg class='' width='19' height='18' viewbox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M7.15241 17.586C8.01641 17.847 8.88941 18 9.81641 18C12.2034 18 14.4925 17.0518 16.1804 15.364C17.8682 13.6761 18.8164 11.3869 18.8164 9C18.8164 7.8181 18.5836 6.64778 18.1313 5.55585C17.679 4.46392 17.0161 3.47177 16.1804 2.63604C15.3446 1.80031 14.3525 1.13738 13.2606 0.685084C12.1686 0.232792 10.9983 0 9.81641 0C8.63451 0 7.46419 0.232792 6.37225 0.685084C5.28032 1.13738 4.28817 1.80031 3.45245 2.63604C1.76462 4.32387 0.816406 6.61305 0.816406 9C0.816406 12.825 3.21941 16.11 6.61241 17.406C6.53141 16.704 6.45041 15.543 6.61241 14.742L7.64741 10.296C7.64741 10.296 7.38641 9.774 7.38641 8.946C7.38641 7.704 8.16041 6.777 9.04241 6.777C9.81641 6.777 10.1764 7.344 10.1764 8.073C10.1764 8.847 9.66341 9.954 9.40241 11.016C9.24941 11.898 9.87041 12.672 10.7704 12.672C12.3724 12.672 13.6144 10.962 13.6144 8.55C13.6144 6.39 12.0664 4.914 9.84341 4.914C7.30541 4.914 5.81141 6.804 5.81141 8.793C5.81141 9.567 6.06341 10.35 6.47741 10.863C6.55841 10.917 6.55841 10.989 6.53141 11.124L6.27041 12.105C6.27041 12.258 6.17141 12.312 6.01841 12.204C4.86641 11.7 4.20041 10.062 4.20041 8.739C4.20041 5.895 6.21641 3.312 10.1044 3.312C13.2004 3.312 15.6124 5.535 15.6124 8.487C15.6124 11.583 13.6954 14.067 10.9504 14.067C10.0774 14.067 9.22241 13.599 8.91641 13.05L8.31341 15.183C8.10641 15.957 7.53941 16.992 7.15241 17.613V17.586Z" fill="currentColor"/>
</svg>
</a></li>
			
				<li>
					

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative flex h-26 w-26 items-center justify-center transition-colors duration-200 ease-quart-out hover:text-brown-text'
		href='https://www.facebook.com/caravaneparis'
		
		
		
		
		
		
			aria-label='Facebook'
		
	>

<svg class='' width='18' height='18' viewbox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M3.28669 0C1.46601 0 0 1.46601 0 3.28669V14.7133C0 16.534 1.46601 18 3.28669 18H9.47983V10.9631H7.61908V8.42962H9.47983V6.26512C9.47983 4.56457 10.5792 3.00319 13.1119 3.00319C14.1373 3.00319 14.8956 3.10163 14.8956 3.10163L14.8359 5.46751C14.8359 5.46751 14.0626 5.4602 13.2187 5.4602C12.3054 5.4602 12.159 5.881 12.159 6.57958V8.42963H14.9085L14.7887 10.9631H12.159V18H14.7133C16.534 18 18 16.534 18 14.7133V3.2867C18 1.46603 16.534 1.8e-05 14.7133 1.8e-05H3.28667L3.28669 0Z" fill="currentColor"/>
</svg>
</a></li>
			
				<li>
					

<a
		
			target='_blank'
			rel='noopener noreferrer'
		
		class='relative flex h-26 w-26 items-center justify-center transition-colors duration-200 ease-quart-out hover:text-brown-text'
		href='https://www.linkedin.com/company/maison-caravane'
		
		
		
		
		
		
			aria-label='Linkedin'
		
	>

<svg class='' width='18' height='18' viewbox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'>
	<path d="M22.7857 0.5H2.20893C1.26607 0.5 0.5 1.27679 0.5 2.23036V22.7696C0.5 23.7232 1.26607 24.5 2.20893 24.5H22.7857C23.7286 24.5 24.5 23.7232 24.5 22.7696V2.23036C24.5 1.27679 23.7286 0.5 22.7857 0.5ZM7.75357 21.0714H4.19643V9.61786H7.75893V21.0714H7.75357ZM5.975 8.05357C4.83393 8.05357 3.9125 7.12679 3.9125 5.99107C3.9125 4.85536 4.83393 3.92857 5.975 3.92857C7.11071 3.92857 8.0375 4.85536 8.0375 5.99107C8.0375 7.13214 7.11607 8.05357 5.975 8.05357ZM21.0875 21.0714H17.5304V15.5C17.5304 14.1714 17.5036 12.4625 15.6821 12.4625C13.8286 12.4625 13.5446 13.9089 13.5446 15.4036V21.0714H9.9875V9.61786H13.4V11.1821H13.4482C13.925 10.2821 15.0875 9.33393 16.8179 9.33393C20.4179 9.33393 21.0875 11.7071 21.0875 14.7929V21.0714Z" fill="currentColor"/>
</svg>
</a></li>
			
		</ul>
	
</div>


<div class='flex flex-col-reverse items-center justify-between gap-12 px-12 pb-20 text-11 text-brown-text lg:flex-row lg:gap-20 lg:pt-20 lg:margin-px-1'>
	<div class='flex items-center gap-12'>
		<p class='uppercase tracking-tight'>© Caravane 2026</p>
		<p>Website by <a href='https://numbered.com' target='_blank' rel='noopener noreferrer'>numbered.com</a></p>
	</div>

	<div class='hidden lg:grid lg:grid-cols-2 lg:gap-12 lg:span-w-7'>
		
			<form method="post" action="/localization" id="countrySelector" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
				

				
				
				
				

				



<div
	class='relative inline-block w-full'
	x-data='{ value: "FR", label: "" }'
	x-init='value=$refs.select.value || "FR"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; this.countrySelector.submit() }'
		x-ref='select'
		
		
		
		
			name='country_code'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Pays'
		
		
			value='FR'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Pays
			</option>
					
						<option
							
							value="AF">
							Afghanistan - €
						</option>
					
						<option
							
							value="ZA">
							Afrique du sud - €
						</option>
					
						<option
							
							value="AL">
							Albanie - €
						</option>
					
						<option
							
							value="DZ">
							Algérie - €
						</option>
					
						<option
							
							value="DE">
							Allemagne - €
						</option>
					
						<option
							
							value="AD">
							Andorre - €
						</option>
					
						<option
							
							value="AO">
							Angola - €
						</option>
					
						<option
							
							value="AI">
							Anguilla - $
						</option>
					
						<option
							
							value="AG">
							Antigua-et-barbuda - $
						</option>
					
						<option
							
							value="SA">
							Arabie saoudite - €
						</option>
					
						<option
							
							value="AR">
							Argentine - €
						</option>
					
						<option
							
							value="AM">
							Arménie - €
						</option>
					
						<option
							
							value="AW">
							Aruba - $
						</option>
					
						<option
							
							value="AU">
							Australie - €
						</option>
					
						<option
							
							value="AT">
							Autriche - €
						</option>
					
						<option
							
							value="AZ">
							Azerbaïdjan - €
						</option>
					
						<option
							
							value="BS">
							Bahamas - $
						</option>
					
						<option
							
							value="BH">
							Bahreïn - €
						</option>
					
						<option
							
							value="BD">
							Bangladesh - €
						</option>
					
						<option
							
							value="BB">
							Barbade - $
						</option>
					
						<option
							
							value="BE">
							Belgique - €
						</option>
					
						<option
							
							value="BZ">
							Belize - $
						</option>
					
						<option
							
							value="BJ">
							Bénin - €
						</option>
					
						<option
							
							value="BM">
							Bermudes - $
						</option>
					
						<option
							
							value="BT">
							Bhoutan - €
						</option>
					
						<option
							
							value="BY">
							Biélorussie - €
						</option>
					
						<option
							
							value="BO">
							Bolivie - €
						</option>
					
						<option
							
							value="BA">
							Bosnie-herzégovine - €
						</option>
					
						<option
							
							value="BW">
							Botswana - €
						</option>
					
						<option
							
							value="BR">
							Brésil - €
						</option>
					
						<option
							
							value="BN">
							Brunei - €
						</option>
					
						<option
							
							value="BG">
							Bulgarie - €
						</option>
					
						<option
							
							value="BF">
							Burkina faso - €
						</option>
					
						<option
							
							value="BI">
							Burundi - €
						</option>
					
						<option
							
							value="KH">
							Cambodge - €
						</option>
					
						<option
							
							value="CM">
							Cameroun - €
						</option>
					
						<option
							
							value="CA">
							Canada - $
						</option>
					
						<option
							
							value="CV">
							Cap-vert - €
						</option>
					
						<option
							
							value="CL">
							Chili - €
						</option>
					
						<option
							
							value="CN">
							Chine - €
						</option>
					
						<option
							
							value="CY">
							Chypre - €
						</option>
					
						<option
							
							value="CO">
							Colombie - €
						</option>
					
						<option
							
							value="KM">
							Comores - €
						</option>
					
						<option
							
							value="CG">
							Congo-brazzaville - €
						</option>
					
						<option
							
							value="CD">
							Congo-kinshasa - €
						</option>
					
						<option
							
							value="KR">
							Corée du sud - €
						</option>
					
						<option
							
							value="CR">
							Costa rica - $
						</option>
					
						<option
							
							value="CI">
							Côte d’ivoire - €
						</option>
					
						<option
							
							value="HR">
							Croatie - €
						</option>
					
						<option
							
							value="CW">
							Curaçao - $
						</option>
					
						<option
							
							value="DK">
							Danemark - kr.
						</option>
					
						<option
							
							value="DJ">
							Djibouti - €
						</option>
					
						<option
							
							value="DM">
							Dominique - $
						</option>
					
						<option
							
							value="EG">
							Égypte - €
						</option>
					
						<option
							
							value="AE">
							Émirats arabes unis - €
						</option>
					
						<option
							
							value="EC">
							Équateur - €
						</option>
					
						<option
							
							value="ER">
							Érythrée - €
						</option>
					
						<option
							
							value="ES">
							Espagne - €
						</option>
					
						<option
							
							value="EE">
							Estonie - €
						</option>
					
						<option
							
							value="SZ">
							Eswatini - €
						</option>
					
						<option
							
							value="VA">
							État de la cité du vatican - €
						</option>
					
						<option
							
							value="US">
							États-unis - $
						</option>
					
						<option
							
							value="ET">
							Éthiopie - €
						</option>
					
						<option
							
							value="FJ">
							Fidji - €
						</option>
					
						<option
							
							value="FI">
							Finlande - €
						</option>
					
						<option
							
								selected
							
							value="FR">
							France - €
						</option>
					
						<option
							
							value="GA">
							Gabon - €
						</option>
					
						<option
							
							value="GM">
							Gambie - €
						</option>
					
						<option
							
							value="GE">
							Géorgie - €
						</option>
					
						<option
							
							value="GS">
							Géorgie du sud-et-les îles sandwich du sud - €
						</option>
					
						<option
							
							value="GH">
							Ghana - €
						</option>
					
						<option
							
							value="GI">
							Gibraltar - €
						</option>
					
						<option
							
							value="GR">
							Grèce - €
						</option>
					
						<option
							
							value="GD">
							Grenade - $
						</option>
					
						<option
							
							value="GL">
							Groenland - $
						</option>
					
						<option
							
							value="GP">
							Guadeloupe - $
						</option>
					
						<option
							
							value="GT">
							Guatemala - $
						</option>
					
						<option
							
							value="GG">
							Guernesey - €
						</option>
					
						<option
							
							value="GN">
							Guinée - €
						</option>
					
						<option
							
							value="GQ">
							Guinée équatoriale - €
						</option>
					
						<option
							
							value="GW">
							Guinée-bissau - €
						</option>
					
						<option
							
							value="GY">
							Guyana - €
						</option>
					
						<option
							
							value="GF">
							Guyane française - €
						</option>
					
						<option
							
							value="HT">
							Haïti - $
						</option>
					
						<option
							
							value="HN">
							Honduras - $
						</option>
					
						<option
							
							value="HU">
							Hongrie - €
						</option>
					
						<option
							
							value="CX">
							Île christmas - €
						</option>
					
						<option
							
							value="NF">
							Île norfolk - €
						</option>
					
						<option
							
							value="IM">
							Île de man - €
						</option>
					
						<option
							
							value="AC">
							Île de l’ascension - €
						</option>
					
						<option
							
							value="AX">
							Îles åland - €
						</option>
					
						<option
							
							value="KY">
							Îles caïmans - $
						</option>
					
						<option
							
							value="CC">
							Îles cocos - €
						</option>
					
						<option
							
							value="CK">
							Îles cook - €
						</option>
					
						<option
							
							value="FO">
							Îles féroé - €
						</option>
					
						<option
							
							value="FK">
							Îles malouines - €
						</option>
					
						<option
							
							value="PN">
							Îles pitcairn - €
						</option>
					
						<option
							
							value="SB">
							Îles salomon - €
						</option>
					
						<option
							
							value="TC">
							Îles turques-et-caïques - $
						</option>
					
						<option
							
							value="VG">
							Îles vierges britanniques - $
						</option>
					
						<option
							
							value="UM">
							Îles mineures éloignées des états-unis - €
						</option>
					
						<option
							
							value="IN">
							Inde - €
						</option>
					
						<option
							
							value="ID">
							Indonésie - €
						</option>
					
						<option
							
							value="IQ">
							Irak - €
						</option>
					
						<option
							
							value="IE">
							Irlande - €
						</option>
					
						<option
							
							value="IS">
							Islande - €
						</option>
					
						<option
							
							value="IL">
							Israël - €
						</option>
					
						<option
							
							value="IT">
							Italie - €
						</option>
					
						<option
							
							value="JM">
							Jamaïque - $
						</option>
					
						<option
							
							value="JP">
							Japon - €
						</option>
					
						<option
							
							value="JE">
							Jersey - €
						</option>
					
						<option
							
							value="JO">
							Jordanie - €
						</option>
					
						<option
							
							value="KZ">
							Kazakhstan - €
						</option>
					
						<option
							
							value="KE">
							Kenya - €
						</option>
					
						<option
							
							value="KG">
							Kirghizstan - €
						</option>
					
						<option
							
							value="KI">
							Kiribati - €
						</option>
					
						<option
							
							value="XK">
							Kosovo - €
						</option>
					
						<option
							
							value="KW">
							Koweït - €
						</option>
					
						<option
							
							value="RE">
							La réunion - €
						</option>
					
						<option
							
							value="LA">
							Laos - €
						</option>
					
						<option
							
							value="LS">
							Lesotho - €
						</option>
					
						<option
							
							value="LV">
							Lettonie - €
						</option>
					
						<option
							
							value="LB">
							Liban - €
						</option>
					
						<option
							
							value="LR">
							Liberia - €
						</option>
					
						<option
							
							value="LY">
							Libye - €
						</option>
					
						<option
							
							value="LI">
							Liechtenstein - €
						</option>
					
						<option
							
							value="LT">
							Lituanie - €
						</option>
					
						<option
							
							value="LU">
							Luxembourg - €
						</option>
					
						<option
							
							value="MK">
							Macédoine du nord - €
						</option>
					
						<option
							
							value="MG">
							Madagascar - €
						</option>
					
						<option
							
							value="MY">
							Malaisie - €
						</option>
					
						<option
							
							value="MW">
							Malawi - €
						</option>
					
						<option
							
							value="MV">
							Maldives - €
						</option>
					
						<option
							
							value="ML">
							Mali - €
						</option>
					
						<option
							
							value="MT">
							Malte - €
						</option>
					
						<option
							
							value="MA">
							Maroc - €
						</option>
					
						<option
							
							value="MQ">
							Martinique - $
						</option>
					
						<option
							
							value="MU">
							Maurice - €
						</option>
					
						<option
							
							value="MR">
							Mauritanie - €
						</option>
					
						<option
							
							value="YT">
							Mayotte - €
						</option>
					
						<option
							
							value="MX">
							Mexique - $
						</option>
					
						<option
							
							value="MD">
							Moldavie - €
						</option>
					
						<option
							
							value="MC">
							Monaco - €
						</option>
					
						<option
							
							value="MN">
							Mongolie - €
						</option>
					
						<option
							
							value="ME">
							Monténégro - €
						</option>
					
						<option
							
							value="MS">
							Montserrat - $
						</option>
					
						<option
							
							value="MZ">
							Mozambique - €
						</option>
					
						<option
							
							value="MM">
							Myanmar (birmanie) - €
						</option>
					
						<option
							
							value="NA">
							Namibie - €
						</option>
					
						<option
							
							value="NR">
							Nauru - €
						</option>
					
						<option
							
							value="NP">
							Népal - €
						</option>
					
						<option
							
							value="NI">
							Nicaragua - $
						</option>
					
						<option
							
							value="NE">
							Niger - €
						</option>
					
						<option
							
							value="NG">
							Nigeria - €
						</option>
					
						<option
							
							value="NU">
							Niue - €
						</option>
					
						<option
							
							value="NO">
							Norvège - €
						</option>
					
						<option
							
							value="NC">
							Nouvelle-calédonie - €
						</option>
					
						<option
							
							value="NZ">
							Nouvelle-zélande - €
						</option>
					
						<option
							
							value="OM">
							Oman - €
						</option>
					
						<option
							
							value="UG">
							Ouganda - €
						</option>
					
						<option
							
							value="UZ">
							Ouzbékistan - €
						</option>
					
						<option
							
							value="PK">
							Pakistan - €
						</option>
					
						<option
							
							value="PA">
							Panama - $
						</option>
					
						<option
							
							value="PG">
							Papouasie-nouvelle-guinée - €
						</option>
					
						<option
							
							value="PY">
							Paraguay - €
						</option>
					
						<option
							
							value="NL">
							Pays-bas - €
						</option>
					
						<option
							
							value="BQ">
							Pays-bas caribéens - $
						</option>
					
						<option
							
							value="PE">
							Pérou - €
						</option>
					
						<option
							
							value="PH">
							Philippines - €
						</option>
					
						<option
							
							value="PL">
							Pologne - €
						</option>
					
						<option
							
							value="PF">
							Polynésie française - €
						</option>
					
						<option
							
							value="PT">
							Portugal - €
						</option>
					
						<option
							
							value="QA">
							Qatar - €
						</option>
					
						<option
							
							value="HK">
							R.a.s. chinoise de hong kong - €
						</option>
					
						<option
							
							value="MO">
							R.a.s. chinoise de macao - €
						</option>
					
						<option
							
							value="CF">
							République centrafricaine - €
						</option>
					
						<option
							
							value="DO">
							République dominicaine - $
						</option>
					
						<option
							
							value="RO">
							Roumanie - €
						</option>
					
						<option
							
							value="GB">
							Royaume-uni - £
						</option>
					
						<option
							
							value="RU">
							Russie - €
						</option>
					
						<option
							
							value="RW">
							Rwanda - €
						</option>
					
						<option
							
							value="EH">
							Sahara occidental - €
						</option>
					
						<option
							
							value="BL">
							Saint-barthélemy - $
						</option>
					
						<option
							
							value="KN">
							Saint-christophe-et-niévès - $
						</option>
					
						<option
							
							value="SM">
							Saint-marin - €
						</option>
					
						<option
							
							value="MF">
							Saint-martin - $
						</option>
					
						<option
							
							value="SX">
							Saint-martin (partie néerlandaise) - $
						</option>
					
						<option
							
							value="PM">
							Saint-pierre-et-miquelon - $
						</option>
					
						<option
							
							value="VC">
							Saint-vincent-et-les grenadines - $
						</option>
					
						<option
							
							value="SH">
							Sainte-hélène - €
						</option>
					
						<option
							
							value="LC">
							Sainte-lucie - $
						</option>
					
						<option
							
							value="SV">
							Salvador - $
						</option>
					
						<option
							
							value="WS">
							Samoa - €
						</option>
					
						<option
							
							value="ST">
							Sao tomé-et-principe - €
						</option>
					
						<option
							
							value="SN">
							Sénégal - €
						</option>
					
						<option
							
							value="RS">
							Serbie - €
						</option>
					
						<option
							
							value="SC">
							Seychelles - €
						</option>
					
						<option
							
							value="SL">
							Sierra leone - €
						</option>
					
						<option
							
							value="SG">
							Singapour - €
						</option>
					
						<option
							
							value="SK">
							Slovaquie - €
						</option>
					
						<option
							
							value="SI">
							Slovénie - €
						</option>
					
						<option
							
							value="SO">
							Somalie - €
						</option>
					
						<option
							
							value="SD">
							Soudan - €
						</option>
					
						<option
							
							value="SS">
							Soudan du sud - €
						</option>
					
						<option
							
							value="LK">
							Sri lanka - €
						</option>
					
						<option
							
							value="SE">
							Suède - kr
						</option>
					
						<option
							
							value="CH">
							Suisse - CHF
						</option>
					
						<option
							
							value="SR">
							Suriname - €
						</option>
					
						<option
							
							value="SJ">
							Svalbard et jan mayen - €
						</option>
					
						<option
							
							value="TJ">
							Tadjikistan - €
						</option>
					
						<option
							
							value="TW">
							Taïwan - €
						</option>
					
						<option
							
							value="TZ">
							Tanzanie - €
						</option>
					
						<option
							
							value="TD">
							Tchad - €
						</option>
					
						<option
							
							value="CZ">
							Tchéquie - €
						</option>
					
						<option
							
							value="TF">
							Terres australes françaises - €
						</option>
					
						<option
							
							value="IO">
							Territoire britannique de l’océan indien - €
						</option>
					
						<option
							
							value="PS">
							Territoires palestiniens - €
						</option>
					
						<option
							
							value="TH">
							Thaïlande - €
						</option>
					
						<option
							
							value="TL">
							Timor oriental - €
						</option>
					
						<option
							
							value="TG">
							Togo - €
						</option>
					
						<option
							
							value="TK">
							Tokelau - €
						</option>
					
						<option
							
							value="TO">
							Tonga - €
						</option>
					
						<option
							
							value="TT">
							Trinité-et-tobago - $
						</option>
					
						<option
							
							value="TA">
							Tristan da cunha - €
						</option>
					
						<option
							
							value="TN">
							Tunisie - €
						</option>
					
						<option
							
							value="TM">
							Turkménistan - €
						</option>
					
						<option
							
							value="TR">
							Turquie - €
						</option>
					
						<option
							
							value="TV">
							Tuvalu - €
						</option>
					
						<option
							
							value="UA">
							Ukraine - €
						</option>
					
						<option
							
							value="UY">
							Uruguay - €
						</option>
					
						<option
							
							value="VU">
							Vanuatu - €
						</option>
					
						<option
							
							value="VE">
							Venezuela - €
						</option>
					
						<option
							
							value="VN">
							Viêt nam - €
						</option>
					
						<option
							
							value="WF">
							Wallis-et-futuna - €
						</option>
					
						<option
							
							value="YE">
							Yémen - €
						</option>
					
						<option
							
							value="ZM">
							Zambie - €
						</option>
					
						<option
							
							value="ZW">
							Zimbabwe - €
						</option>
					
				
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Pays:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

			</form>
		

		
			<div x-data='localizationForm' @language-change='handleLanguageChange'>
				<form method="post" action="/localization" id="languageSelector" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
					

					

					



<div
	class='relative inline-block w-full'
	x-data='{ value: "fr", label: "" }'
	x-init='value=$refs.select.value || "fr"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $dispatch("language-change", {event: e, value: value}) }'
		x-ref='select'
		
		
		
		
			name='language_code'
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Langue'
		
		
			value='fr'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Langue
			</option>
						
							<option
								
									selected
								
								value="fr">
								Français
							</option>
						
							<option
								
								value="en">
								English
							</option>
						
					
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Langue:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

					<input type='hidden' name='locale_code' value='fr'>
				</form>
			</div>
		
	</div>
</div>


</footer>
			<div id="shopify-section-newsletter-modal" class="shopify-section relative isolate">




</div>
			<div id="shopify-section-localization-modal" class="shopify-section">



<div x-data='localizationModal'>
	
	
	





<div
	x-data='modal({ shouldScrollLock: false })'
	
		x-init='$parent.modal=$data;'
	
	class=''
	id='localizationModal'
	
>
	
	

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
			aria-label='Sélectionner votre pays et votre langue'
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
					aria-label='Fermer la sélection de lieu et de langue'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
	<div class='relative flex flex-col items-center gap-24 bg-cream px-24 py-60 span-w-12 lg:p-60 lg:span-w-10'>

		<h2 class='text-center font-serif text-22 tracking-tight text-brown-dark lg:text-40'>
			Confirmez votre emplacement
		</h2>

		<form method="post" action="/localization" id="modalLocalizationForm" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
			<ul class='mb-12 flex flex-col gap-12 span-w-10 lg:flex-row lg:span-w-8'>
				
					<li class='lg:flex-1'>
						

						
						
						



<div
	class='relative inline-block w-full'
	x-data='{ value: "FR", label: "" }'
	x-init='value=$refs.select.value || "FR"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text;  }'
		x-ref='select'
		
			data-role="country"
		
		
		
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Sélectionner votre pays et votre devise'
		
		
			value='FR'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Pays
			</option>
							
								<option
									value='AF'
									
								>
									Afghanistan - €
								</option>
							
								<option
									value='ZA'
									
								>
									Afrique du sud - €
								</option>
							
								<option
									value='AL'
									
								>
									Albanie - €
								</option>
							
								<option
									value='DZ'
									
								>
									Algérie - €
								</option>
							
								<option
									value='DE'
									
								>
									Allemagne - €
								</option>
							
								<option
									value='AD'
									
								>
									Andorre - €
								</option>
							
								<option
									value='AO'
									
								>
									Angola - €
								</option>
							
								<option
									value='AI'
									
								>
									Anguilla - $
								</option>
							
								<option
									value='AG'
									
								>
									Antigua-et-barbuda - $
								</option>
							
								<option
									value='SA'
									
								>
									Arabie saoudite - €
								</option>
							
								<option
									value='AR'
									
								>
									Argentine - €
								</option>
							
								<option
									value='AM'
									
								>
									Arménie - €
								</option>
							
								<option
									value='AW'
									
								>
									Aruba - $
								</option>
							
								<option
									value='AU'
									
								>
									Australie - €
								</option>
							
								<option
									value='AT'
									
								>
									Autriche - €
								</option>
							
								<option
									value='AZ'
									
								>
									Azerbaïdjan - €
								</option>
							
								<option
									value='BS'
									
								>
									Bahamas - $
								</option>
							
								<option
									value='BH'
									
								>
									Bahreïn - €
								</option>
							
								<option
									value='BD'
									
								>
									Bangladesh - €
								</option>
							
								<option
									value='BB'
									
								>
									Barbade - $
								</option>
							
								<option
									value='BE'
									
								>
									Belgique - €
								</option>
							
								<option
									value='BZ'
									
								>
									Belize - $
								</option>
							
								<option
									value='BJ'
									
								>
									Bénin - €
								</option>
							
								<option
									value='BM'
									
								>
									Bermudes - $
								</option>
							
								<option
									value='BT'
									
								>
									Bhoutan - €
								</option>
							
								<option
									value='BY'
									
								>
									Biélorussie - €
								</option>
							
								<option
									value='BO'
									
								>
									Bolivie - €
								</option>
							
								<option
									value='BA'
									
								>
									Bosnie-herzégovine - €
								</option>
							
								<option
									value='BW'
									
								>
									Botswana - €
								</option>
							
								<option
									value='BR'
									
								>
									Brésil - €
								</option>
							
								<option
									value='BN'
									
								>
									Brunei - €
								</option>
							
								<option
									value='BG'
									
								>
									Bulgarie - €
								</option>
							
								<option
									value='BF'
									
								>
									Burkina faso - €
								</option>
							
								<option
									value='BI'
									
								>
									Burundi - €
								</option>
							
								<option
									value='KH'
									
								>
									Cambodge - €
								</option>
							
								<option
									value='CM'
									
								>
									Cameroun - €
								</option>
							
								<option
									value='CA'
									
								>
									Canada - $
								</option>
							
								<option
									value='CV'
									
								>
									Cap-vert - €
								</option>
							
								<option
									value='CL'
									
								>
									Chili - €
								</option>
							
								<option
									value='CN'
									
								>
									Chine - €
								</option>
							
								<option
									value='CY'
									
								>
									Chypre - €
								</option>
							
								<option
									value='CO'
									
								>
									Colombie - €
								</option>
							
								<option
									value='KM'
									
								>
									Comores - €
								</option>
							
								<option
									value='CG'
									
								>
									Congo-brazzaville - €
								</option>
							
								<option
									value='CD'
									
								>
									Congo-kinshasa - €
								</option>
							
								<option
									value='KR'
									
								>
									Corée du sud - €
								</option>
							
								<option
									value='CR'
									
								>
									Costa rica - $
								</option>
							
								<option
									value='CI'
									
								>
									Côte d’ivoire - €
								</option>
							
								<option
									value='HR'
									
								>
									Croatie - €
								</option>
							
								<option
									value='CW'
									
								>
									Curaçao - $
								</option>
							
								<option
									value='DK'
									
								>
									Danemark - kr.
								</option>
							
								<option
									value='DJ'
									
								>
									Djibouti - €
								</option>
							
								<option
									value='DM'
									
								>
									Dominique - $
								</option>
							
								<option
									value='EG'
									
								>
									Égypte - €
								</option>
							
								<option
									value='AE'
									
								>
									Émirats arabes unis - €
								</option>
							
								<option
									value='EC'
									
								>
									Équateur - €
								</option>
							
								<option
									value='ER'
									
								>
									Érythrée - €
								</option>
							
								<option
									value='ES'
									
								>
									Espagne - €
								</option>
							
								<option
									value='EE'
									
								>
									Estonie - €
								</option>
							
								<option
									value='SZ'
									
								>
									Eswatini - €
								</option>
							
								<option
									value='VA'
									
								>
									État de la cité du vatican - €
								</option>
							
								<option
									value='US'
									
								>
									États-unis - $
								</option>
							
								<option
									value='ET'
									
								>
									Éthiopie - €
								</option>
							
								<option
									value='FJ'
									
								>
									Fidji - €
								</option>
							
								<option
									value='FI'
									
								>
									Finlande - €
								</option>
							
								<option
									value='FR'
									selected
								>
									France - €
								</option>
							
								<option
									value='GA'
									
								>
									Gabon - €
								</option>
							
								<option
									value='GM'
									
								>
									Gambie - €
								</option>
							
								<option
									value='GE'
									
								>
									Géorgie - €
								</option>
							
								<option
									value='GS'
									
								>
									Géorgie du sud-et-les îles sandwich du sud - €
								</option>
							
								<option
									value='GH'
									
								>
									Ghana - €
								</option>
							
								<option
									value='GI'
									
								>
									Gibraltar - €
								</option>
							
								<option
									value='GR'
									
								>
									Grèce - €
								</option>
							
								<option
									value='GD'
									
								>
									Grenade - $
								</option>
							
								<option
									value='GL'
									
								>
									Groenland - $
								</option>
							
								<option
									value='GP'
									
								>
									Guadeloupe - $
								</option>
							
								<option
									value='GT'
									
								>
									Guatemala - $
								</option>
							
								<option
									value='GG'
									
								>
									Guernesey - €
								</option>
							
								<option
									value='GN'
									
								>
									Guinée - €
								</option>
							
								<option
									value='GQ'
									
								>
									Guinée équatoriale - €
								</option>
							
								<option
									value='GW'
									
								>
									Guinée-bissau - €
								</option>
							
								<option
									value='GY'
									
								>
									Guyana - €
								</option>
							
								<option
									value='GF'
									
								>
									Guyane française - €
								</option>
							
								<option
									value='HT'
									
								>
									Haïti - $
								</option>
							
								<option
									value='HN'
									
								>
									Honduras - $
								</option>
							
								<option
									value='HU'
									
								>
									Hongrie - €
								</option>
							
								<option
									value='CX'
									
								>
									Île christmas - €
								</option>
							
								<option
									value='NF'
									
								>
									Île norfolk - €
								</option>
							
								<option
									value='IM'
									
								>
									Île de man - €
								</option>
							
								<option
									value='AC'
									
								>
									Île de l’ascension - €
								</option>
							
								<option
									value='AX'
									
								>
									Îles åland - €
								</option>
							
								<option
									value='KY'
									
								>
									Îles caïmans - $
								</option>
							
								<option
									value='CC'
									
								>
									Îles cocos - €
								</option>
							
								<option
									value='CK'
									
								>
									Îles cook - €
								</option>
							
								<option
									value='FO'
									
								>
									Îles féroé - €
								</option>
							
								<option
									value='FK'
									
								>
									Îles malouines - €
								</option>
							
								<option
									value='PN'
									
								>
									Îles pitcairn - €
								</option>
							
								<option
									value='SB'
									
								>
									Îles salomon - €
								</option>
							
								<option
									value='TC'
									
								>
									Îles turques-et-caïques - $
								</option>
							
								<option
									value='VG'
									
								>
									Îles vierges britanniques - $
								</option>
							
								<option
									value='UM'
									
								>
									Îles mineures éloignées des états-unis - €
								</option>
							
								<option
									value='IN'
									
								>
									Inde - €
								</option>
							
								<option
									value='ID'
									
								>
									Indonésie - €
								</option>
							
								<option
									value='IQ'
									
								>
									Irak - €
								</option>
							
								<option
									value='IE'
									
								>
									Irlande - €
								</option>
							
								<option
									value='IS'
									
								>
									Islande - €
								</option>
							
								<option
									value='IL'
									
								>
									Israël - €
								</option>
							
								<option
									value='IT'
									
								>
									Italie - €
								</option>
							
								<option
									value='JM'
									
								>
									Jamaïque - $
								</option>
							
								<option
									value='JP'
									
								>
									Japon - €
								</option>
							
								<option
									value='JE'
									
								>
									Jersey - €
								</option>
							
								<option
									value='JO'
									
								>
									Jordanie - €
								</option>
							
								<option
									value='KZ'
									
								>
									Kazakhstan - €
								</option>
							
								<option
									value='KE'
									
								>
									Kenya - €
								</option>
							
								<option
									value='KG'
									
								>
									Kirghizstan - €
								</option>
							
								<option
									value='KI'
									
								>
									Kiribati - €
								</option>
							
								<option
									value='XK'
									
								>
									Kosovo - €
								</option>
							
								<option
									value='KW'
									
								>
									Koweït - €
								</option>
							
								<option
									value='RE'
									
								>
									La réunion - €
								</option>
							
								<option
									value='LA'
									
								>
									Laos - €
								</option>
							
								<option
									value='LS'
									
								>
									Lesotho - €
								</option>
							
								<option
									value='LV'
									
								>
									Lettonie - €
								</option>
							
								<option
									value='LB'
									
								>
									Liban - €
								</option>
							
								<option
									value='LR'
									
								>
									Liberia - €
								</option>
							
								<option
									value='LY'
									
								>
									Libye - €
								</option>
							
								<option
									value='LI'
									
								>
									Liechtenstein - €
								</option>
							
								<option
									value='LT'
									
								>
									Lituanie - €
								</option>
							
								<option
									value='LU'
									
								>
									Luxembourg - €
								</option>
							
								<option
									value='MK'
									
								>
									Macédoine du nord - €
								</option>
							
								<option
									value='MG'
									
								>
									Madagascar - €
								</option>
							
								<option
									value='MY'
									
								>
									Malaisie - €
								</option>
							
								<option
									value='MW'
									
								>
									Malawi - €
								</option>
							
								<option
									value='MV'
									
								>
									Maldives - €
								</option>
							
								<option
									value='ML'
									
								>
									Mali - €
								</option>
							
								<option
									value='MT'
									
								>
									Malte - €
								</option>
							
								<option
									value='MA'
									
								>
									Maroc - €
								</option>
							
								<option
									value='MQ'
									
								>
									Martinique - $
								</option>
							
								<option
									value='MU'
									
								>
									Maurice - €
								</option>
							
								<option
									value='MR'
									
								>
									Mauritanie - €
								</option>
							
								<option
									value='YT'
									
								>
									Mayotte - €
								</option>
							
								<option
									value='MX'
									
								>
									Mexique - $
								</option>
							
								<option
									value='MD'
									
								>
									Moldavie - €
								</option>
							
								<option
									value='MC'
									
								>
									Monaco - €
								</option>
							
								<option
									value='MN'
									
								>
									Mongolie - €
								</option>
							
								<option
									value='ME'
									
								>
									Monténégro - €
								</option>
							
								<option
									value='MS'
									
								>
									Montserrat - $
								</option>
							
								<option
									value='MZ'
									
								>
									Mozambique - €
								</option>
							
								<option
									value='MM'
									
								>
									Myanmar (birmanie) - €
								</option>
							
								<option
									value='NA'
									
								>
									Namibie - €
								</option>
							
								<option
									value='NR'
									
								>
									Nauru - €
								</option>
							
								<option
									value='NP'
									
								>
									Népal - €
								</option>
							
								<option
									value='NI'
									
								>
									Nicaragua - $
								</option>
							
								<option
									value='NE'
									
								>
									Niger - €
								</option>
							
								<option
									value='NG'
									
								>
									Nigeria - €
								</option>
							
								<option
									value='NU'
									
								>
									Niue - €
								</option>
							
								<option
									value='NO'
									
								>
									Norvège - €
								</option>
							
								<option
									value='NC'
									
								>
									Nouvelle-calédonie - €
								</option>
							
								<option
									value='NZ'
									
								>
									Nouvelle-zélande - €
								</option>
							
								<option
									value='OM'
									
								>
									Oman - €
								</option>
							
								<option
									value='UG'
									
								>
									Ouganda - €
								</option>
							
								<option
									value='UZ'
									
								>
									Ouzbékistan - €
								</option>
							
								<option
									value='PK'
									
								>
									Pakistan - €
								</option>
							
								<option
									value='PA'
									
								>
									Panama - $
								</option>
							
								<option
									value='PG'
									
								>
									Papouasie-nouvelle-guinée - €
								</option>
							
								<option
									value='PY'
									
								>
									Paraguay - €
								</option>
							
								<option
									value='NL'
									
								>
									Pays-bas - €
								</option>
							
								<option
									value='BQ'
									
								>
									Pays-bas caribéens - $
								</option>
							
								<option
									value='PE'
									
								>
									Pérou - €
								</option>
							
								<option
									value='PH'
									
								>
									Philippines - €
								</option>
							
								<option
									value='PL'
									
								>
									Pologne - €
								</option>
							
								<option
									value='PF'
									
								>
									Polynésie française - €
								</option>
							
								<option
									value='PT'
									
								>
									Portugal - €
								</option>
							
								<option
									value='QA'
									
								>
									Qatar - €
								</option>
							
								<option
									value='HK'
									
								>
									R.a.s. chinoise de hong kong - €
								</option>
							
								<option
									value='MO'
									
								>
									R.a.s. chinoise de macao - €
								</option>
							
								<option
									value='CF'
									
								>
									République centrafricaine - €
								</option>
							
								<option
									value='DO'
									
								>
									République dominicaine - $
								</option>
							
								<option
									value='RO'
									
								>
									Roumanie - €
								</option>
							
								<option
									value='GB'
									
								>
									Royaume-uni - £
								</option>
							
								<option
									value='RU'
									
								>
									Russie - €
								</option>
							
								<option
									value='RW'
									
								>
									Rwanda - €
								</option>
							
								<option
									value='EH'
									
								>
									Sahara occidental - €
								</option>
							
								<option
									value='BL'
									
								>
									Saint-barthélemy - $
								</option>
							
								<option
									value='KN'
									
								>
									Saint-christophe-et-niévès - $
								</option>
							
								<option
									value='SM'
									
								>
									Saint-marin - €
								</option>
							
								<option
									value='MF'
									
								>
									Saint-martin - $
								</option>
							
								<option
									value='SX'
									
								>
									Saint-martin (partie néerlandaise) - $
								</option>
							
								<option
									value='PM'
									
								>
									Saint-pierre-et-miquelon - $
								</option>
							
								<option
									value='VC'
									
								>
									Saint-vincent-et-les grenadines - $
								</option>
							
								<option
									value='SH'
									
								>
									Sainte-hélène - €
								</option>
							
								<option
									value='LC'
									
								>
									Sainte-lucie - $
								</option>
							
								<option
									value='SV'
									
								>
									Salvador - $
								</option>
							
								<option
									value='WS'
									
								>
									Samoa - €
								</option>
							
								<option
									value='ST'
									
								>
									Sao tomé-et-principe - €
								</option>
							
								<option
									value='SN'
									
								>
									Sénégal - €
								</option>
							
								<option
									value='RS'
									
								>
									Serbie - €
								</option>
							
								<option
									value='SC'
									
								>
									Seychelles - €
								</option>
							
								<option
									value='SL'
									
								>
									Sierra leone - €
								</option>
							
								<option
									value='SG'
									
								>
									Singapour - €
								</option>
							
								<option
									value='SK'
									
								>
									Slovaquie - €
								</option>
							
								<option
									value='SI'
									
								>
									Slovénie - €
								</option>
							
								<option
									value='SO'
									
								>
									Somalie - €
								</option>
							
								<option
									value='SD'
									
								>
									Soudan - €
								</option>
							
								<option
									value='SS'
									
								>
									Soudan du sud - €
								</option>
							
								<option
									value='LK'
									
								>
									Sri lanka - €
								</option>
							
								<option
									value='SE'
									
								>
									Suède - kr
								</option>
							
								<option
									value='CH'
									
								>
									Suisse - CHF
								</option>
							
								<option
									value='SR'
									
								>
									Suriname - €
								</option>
							
								<option
									value='SJ'
									
								>
									Svalbard et jan mayen - €
								</option>
							
								<option
									value='TJ'
									
								>
									Tadjikistan - €
								</option>
							
								<option
									value='TW'
									
								>
									Taïwan - €
								</option>
							
								<option
									value='TZ'
									
								>
									Tanzanie - €
								</option>
							
								<option
									value='TD'
									
								>
									Tchad - €
								</option>
							
								<option
									value='CZ'
									
								>
									Tchéquie - €
								</option>
							
								<option
									value='TF'
									
								>
									Terres australes françaises - €
								</option>
							
								<option
									value='IO'
									
								>
									Territoire britannique de l’océan indien - €
								</option>
							
								<option
									value='PS'
									
								>
									Territoires palestiniens - €
								</option>
							
								<option
									value='TH'
									
								>
									Thaïlande - €
								</option>
							
								<option
									value='TL'
									
								>
									Timor oriental - €
								</option>
							
								<option
									value='TG'
									
								>
									Togo - €
								</option>
							
								<option
									value='TK'
									
								>
									Tokelau - €
								</option>
							
								<option
									value='TO'
									
								>
									Tonga - €
								</option>
							
								<option
									value='TT'
									
								>
									Trinité-et-tobago - $
								</option>
							
								<option
									value='TA'
									
								>
									Tristan da cunha - €
								</option>
							
								<option
									value='TN'
									
								>
									Tunisie - €
								</option>
							
								<option
									value='TM'
									
								>
									Turkménistan - €
								</option>
							
								<option
									value='TR'
									
								>
									Turquie - €
								</option>
							
								<option
									value='TV'
									
								>
									Tuvalu - €
								</option>
							
								<option
									value='UA'
									
								>
									Ukraine - €
								</option>
							
								<option
									value='UY'
									
								>
									Uruguay - €
								</option>
							
								<option
									value='VU'
									
								>
									Vanuatu - €
								</option>
							
								<option
									value='VE'
									
								>
									Venezuela - €
								</option>
							
								<option
									value='VN'
									
								>
									Viêt nam - €
								</option>
							
								<option
									value='WF'
									
								>
									Wallis-et-futuna - €
								</option>
							
								<option
									value='YE'
									
								>
									Yémen - €
								</option>
							
								<option
									value='ZM'
									
								>
									Zambie - €
								</option>
							
								<option
									value='ZW'
									
								>
									Zimbabwe - €
								</option>
							
						
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Pays:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

					</li>
				
				
					<li class='lg:flex-1'>
						

						
						
						
						



<div
	class='relative inline-block w-full'
	x-data='{ value: "fr", label: "" }'
	x-init='value=$refs.select.value || "fr"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
	
>
	<select
		@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text;  }'
		x-ref='select'
		
			data-role="language" data-initial="fr"
		
		
		
		
		
		class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
		
			aria-label='Sélectionner votre langue préférée'
		
		
			value='fr'
		
		:value='value'
	><option
				value=''
				
					disabled
				
			>
				Langue
			</option>
							
								<option
									value='fr'
									selected
								>
									Français
								</option>
							
								<option
									value='en'
									
								>
									English
								</option>
							
						
	</select>
	<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
		
			<span class='mr-4 text-brown-text'>Langue:</span>
			<span class='w-full' x-text='label'></span>
		
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
	<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>

	</span>
</div>

					</li>
				
			</ul>

			<input type='hidden' name='country_code' value='FR'>
			<input type='hidden' name='locale_code' value='fr'>

			
			
<button
		class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-stroke-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light w-full lg-max:h-40'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='submit()'
		
		
		
		
		
		
		

	>Sélectionner</button>
		</form>
		<button @click='close()' aria-label='Fermer la sélection de lieu et de langue' class='group absolute right-0 top-0 grid h-48 w-48 place-content-center'>
			<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

		</button>
	</div>

		</div>
	</div>
	
		</template>
	
</div>

</div>
</div>
			<section id="shopify-section-minicart" class="shopify-section">















<form
	class='fixed inset-0 isolate z-100 box-content z-101'
	x-data='slideout({ openOnHash: "", hash: "" })'
	x-show='$store.global.isMinicartVisible'
	x-transition:enter='transition-[visibility] duration-700'
	x-transition:enter-start='invisible'
	x-transition:enter-end='visible'
	x-transition:leave='transition-[visibility] duration-700'
	x-transition:leave-start='visible'
	x-transition:leave-end='invisible'
	x-cloak
	action="/cart" enctype="multipart/form-data" method="POST" novalidate
	aria-modal='true'
	role='dialog'
	x-trap='$store.global.isMinicartVisible'
	@toggle='$store.global.isMinicartVisible = $event.detail'
	x-effect='handleEffect($store.global.isMinicartVisible)'
>
	<div
		x-show='$store.global.isMinicartVisible'
		@click='$store.global.isMinicartVisible = false'
		class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
		x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
		x-transition:enter-start='opacity-0'
		x-transition:enter-end='opacity-100'
		x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
		x-transition:leave-start='opacity-100'
		x-transition:leave-end='opacity-0'
		x-cloak
	></div>
	<div
		class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12 lg-max:left-0 !px-0 lg:!span-w-10-wider'
		x-show='$store.global.isMinicartVisible'
		
		x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu'
		x-transition:enter-start='translate-x-full'
		x-transition:enter-end='translate-x-0'
		x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu'
		x-transition:leave-start='translate-x-0'
		x-transition:leave-end='translate-x-full'
		
			x-init="$watch('$store.global.isMinicartVisible', v => { if(!v) $store.shippingEstimator.open = false })"
		
	>
		<header class='flex h-56 lg:h-48 items-center z-2 lg-max:!h-47 bg-cream child-h2:uppercase child-h2:tracking-snug margin-pl-1 border-b border-stroke-light'>
			
<h2 class='text-12 font-black'>
						
	<span data-ajax-cart-section class="overflow-clip">
		<span>Mon panier</span>
		<span>
			<span>(</span>
			<span data-ajax-cart-bind="item_count">0</span>
			<span>)</span>
		</span>
	</span>

					</h2>

				

				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto aspect-square h-full w-56 border-l border-stroke-light !bg-cream active:!bg-brown-light/80 hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
@click="$store.global.isMinicartVisible=false"
		

	>
					<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

				</button>
			
		</header>
		<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide !bg-cream z-1' data-lenis-prevent>
			<section data-ajax-cart-section class='flex flex-col gap-0 h-full'>
	
<div class='z-1 flex h-full flex-col bg-cream'>
			<div class='my-auto flex items-center justify-center px-20'>
				<p class='text-center font-serif text-32 leading-none text-brown-dark lg:text-40'>Votre panier est vide</p>
			</div><div class="w-full py-24 !margin-px-1">
					<p class='text-12 font-bold uppercase leading-none tracking-snug'>Sélectionnés pour vous</p>




<div
	x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:3,displayChildrenCountDesktop:3})'
	
	
		class='relative w-full mt-20 lg-max:touch-pan-y'
	>
	

	<div
		x-ref='wrapper'
		@touchstart='handleTouchStart'
		@scroll.passive='handleScroll'
		class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari w-full overflow-y-clip gutter-gap-1'
	>
		
<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/option-kit-emballage-cadeau'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=64&v=1731058175&width=48 48w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=128&v=1731058175&width=96 96w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=214&v=1731058175&width=160 160w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=427&v=1731058175&width=320 320w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=855&v=1731058175&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=128&v=1731058175&width=96 96w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=214&v=1731058175&width=160 160w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=427&v=1731058175&width=320 320w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=855&v=1731058175&width=640 640w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=1282&v=1731058175&width=960 960w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=1603&v=1731058175&width=1200 1200w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=2564&v=1731058175&width=1920 1920w,//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&height=3205&v=1731058175&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&amp;height=211&amp;v=1731058175&amp;width=158" alt="Kit Emballage Cadeau" srcset="//caravane.com/cdn/shop/files/MG_9465.jpg?crop=center&amp;height=211&amp;v=1731058175&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Kit Emballage Cadeau</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Ajoutez un kit d’emballage cadeau à votre panier : papiers de soie bleu (75x100 cm) et blanc, une bobine de fil rouge. Commandez-en autant que souhaité !</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">3€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/housse-de-coussin-orion'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=64&v=1776258099&width=48 48w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=128&v=1776258099&width=96 96w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=214&v=1776258099&width=160 160w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=427&v=1776258099&width=320 320w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=855&v=1776258099&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=128&v=1776258099&width=96 96w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=214&v=1776258099&width=160 160w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=427&v=1776258099&width=320 320w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=855&v=1776258099&width=640 640w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=1282&v=1776258099&width=960 960w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=1603&v=1776258099&width=1200 1200w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=2564&v=1776258099&width=1920 1920w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=3205&v=1776258099&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&amp;height=211&amp;v=1776258099&amp;width=158" alt="House de coussin Orion en velours lavé couleur Mousse" srcset="//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&amp;height=211&amp;v=1776258099&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Housse de coussin Orion</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Velours lavé</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">75€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/cosmos'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=64&v=1771517948&width=48 48w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=128&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=214&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=427&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=855&v=1771517948&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=128&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=214&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=427&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=855&v=1771517948&width=640 640w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1282&v=1771517948&width=960 960w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1603&v=1771517948&width=1200 1200w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=2564&v=1771517948&width=1920 1920w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=3205&v=1771517948&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&amp;height=211&amp;v=1771517948&amp;width=158" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&amp;height=211&amp;v=1771517948&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Suspension Cosmos</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Métal doré</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">60€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/tapisherringo-lin-et-jute'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=64&v=1776761530&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=128&v=1776761530&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=214&v=1776761530&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=427&v=1776761530&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=855&v=1776761530&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=128&v=1776761530&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=214&v=1776761530&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=427&v=1776761530&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=855&v=1776761530&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=1282&v=1776761530&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=1603&v=1776761530&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=2564&v=1776761530&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&height=3205&v=1776761530&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&amp;height=211&amp;v=1776761530&amp;width=158" alt="Tapis Herringo" srcset="//caravane.com/cdn/shop/files/CRVN_20250905_SHOP-003_HD_bccbce9a-6275-46ae-8e9b-cbc52cd45acc.jpg?crop=center&amp;height=211&amp;v=1776761530&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Tapis Herringo</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Jute et lin </p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">430€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/housse-de-coussin-tallino-velours-de-lin'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=64&v=1770225314&width=48 48w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=128&v=1770225314&width=96 96w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=214&v=1770225314&width=160 160w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=427&v=1770225314&width=320 320w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=855&v=1770225314&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=128&v=1770225314&width=96 96w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=214&v=1770225314&width=160 160w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=427&v=1770225314&width=320 320w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=855&v=1770225314&width=640 640w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=1282&v=1770225314&width=960 960w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=1603&v=1770225314&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=2564&v=1770225314&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=3205&v=1770225314&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&amp;height=211&amp;v=1770225314&amp;width=158" alt="Housse de coussin Tallino" srcset="//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&amp;height=211&amp;v=1770225314&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Housse de coussin Tallino</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Velours de lin</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">125€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/miroir-ame-laiton'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=64&v=1783071261&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=128&v=1783071261&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=214&v=1783071261&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=427&v=1783071261&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=855&v=1783071261&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=128&v=1783071261&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=214&v=1783071261&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=427&v=1783071261&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=855&v=1783071261&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=1282&v=1783071261&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=1603&v=1783071261&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=2564&v=1783071261&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=3205&v=1783071261&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&amp;height=211&amp;v=1783071261&amp;width=158" alt="Miroir Ame" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&amp;height=211&amp;v=1783071261&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Miroir Ame</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Laiton serti main</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">150€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/banc-barma-en-bois-et-coton'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=64&v=1776096944&width=48 48w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=128&v=1776096944&width=96 96w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=214&v=1776096944&width=160 160w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=427&v=1776096944&width=320 320w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=855&v=1776096944&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=128&v=1776096944&width=96 96w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=214&v=1776096944&width=160 160w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=427&v=1776096944&width=320 320w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=855&v=1776096944&width=640 640w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=1282&v=1776096944&width=960 960w,//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&height=1603&v=1776096944&width=1200 1200w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=211&amp;v=1776096944&amp;width=158" alt="Tabouret Barma" srcset="//caravane.com/cdn/shop/files/BARMA_banc2_a7eb6e38-aeba-432e-9b82-b9669ca97336.jpg?crop=center&amp;height=211&amp;v=1776096944&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Banc Barma</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Bois et coton tressé</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">380€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/cleoplat-terre'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=64&v=1777984950&width=48 48w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=128&v=1777984950&width=96 96w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=214&v=1777984950&width=160 160w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=427&v=1777984950&width=320 320w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=855&v=1777984950&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=128&v=1777984950&width=96 96w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=214&v=1777984950&width=160 160w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=427&v=1777984950&width=320 320w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=855&v=1777984950&width=640 640w,//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&height=1282&v=1777984950&width=960 960w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&amp;height=211&amp;v=1777984950&amp;width=158" alt="Plat Cleo" srcset="//caravane.com/cdn/shop/files/039d75fa-1b91-4151-9419-7b3f89c1be45.png?crop=center&amp;height=211&amp;v=1777984950&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Plat Cleo</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Céramique</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">145€</span>
				</p>
			
		</div>
	</a>

	
</article>

<article
	class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
	x-data='{loading:false}'
	x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
	<a
		href='/products/khadir-coton'
		class='flex h-full w-full flex-col gap-8 text-left'>
		<div class='relative w-full'>
			
				
		

<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=64&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=128&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=214&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=427&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=855&v=1770225636&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=128&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=214&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=427&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=855&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1282&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1603&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=2564&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=3205&v=1770225636&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&amp;height=211&amp;v=1770225636&amp;width=158" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&amp;height=211&amp;v=1770225636&amp;width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">

</picture>

	

			
		</div>

		<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Rideau Khadi</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Khadi de coton</p>
				<p class='text-13 leading-small tracking-tight text-brown-dark'>
					<span class="money">150€</span>
				</p>
			
		</div>
	</a>

	
</article>


	</div>

	

	
		
		<nav
			class='flex items-center gutter-gap-1 lg:gap-10 absolute -top-42 lg:-top-42 [&_svg]:h-14 [&_svg]:w-14 h-20 right-0'
			:class="{ '!hidden': !enabled }"
		>
			
			<button
				x-ref='prevButton'
				@click.passive='handlePrev'
				class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
				aria-label='Page précédente'
				type='button'
			>
				
						<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>

				
			</button>
			<button
				x-ref='nextButton'
				@click.passive='handleNext'
				class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
				aria-label='Page suivante'
				type='button'
			>
				
						<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
	<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>

				
			</button>
		</nav>
	

	
</div>

				</div></div>
	
</section>
		</main><footer class='bg-cream py-20 margin-px-1 -margin-mx-1 !mx-0 !bg-cream border-t border-stroke-light flex flex-col !py-16 hidden' data-ajax-cart-section>
				
			</footer><div
		x-show='$store.shippingEstimator.open'
		@click='$store.shippingEstimator.open = false'
		class='absolute inset-0 z-101 bg-black/40'
		x-transition:enter='transition-opacity ease-expo-out duration-300'
		x-transition:enter-start='opacity-0'
		x-transition:enter-end='opacity-100'
		x-transition:leave='transition-opacity ease-quart-inout duration-200'
		x-transition:leave-start='opacity-100'
		x-transition:leave-end='opacity-0'
		x-cloak
	></div>
	







<aside
	x-data='shippingEstimator("FR", { empty: "Veuillez entrer un code postal", short: "Code postal trop court", noRates: "Aucun tarif disponible pour cette adresse", error: "Erreur lors du calcul des frais" })'
	x-show='$store.shippingEstimator.open'
	x-cloak
	x-transition:enter='transition ease-expo-out duration-300'
	x-transition:enter-start='translate-y-full'
	x-transition:enter-end='translate-y-0'
	x-transition:leave='transition ease-quart-inout duration-200'
	x-transition:leave-start='translate-y-0'
	x-transition:leave-end='translate-y-full'
	class='fixed inset-x-0 bottom-0 z-[102] border-t border-stroke-light bg-cream lg:left-auto lg:right-0 lg:span-w-10-wider'
>
	<header class='flex items-center justify-between border-b border-stroke-light margin-pl-1'>
		<h3 class='text-12 font-bold uppercase tracking-snug'>Frais de livraison estimés</h3>
		
		
<button
		class='relative !w-62 !h-56 !px-0 border-stroke-light border-l flex justify-center items-center'
		
			type='button'
		
		
		
		
		
		
		
		
		
		
@click='$store.shippingEstimator.open=false'
		

	>
			<svg class='size-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

		</button>
	</header>

	<fieldset class='py-16 margin-px-1'><div x-show="status === 'success' && !isFreeShipping && cheapestRate" x-cloak class='mb-16 flex items-baseline justify-between text-13'>
			<span class='text-brown-text'>À partir de :</span>
			<span class='text-14 text-brown-dark' x-text="cheapestRate ? formatPrice(cheapestRate.price) + ' (' + cheapestRate.name + ')' : ''"></span>
		</div>
		<div x-show="status === 'success' && isFreeShipping" x-cloak class='mb-16 flex items-baseline justify-between text-13'>
			<span class='text-brown-text'>À partir de :</span>
			<span class='text-14 text-brown-dark'>Vous bénéficiez de la livraison gratuite</span>
		</div>

		<div class='flex flex-row items-end gap-12'>
			<div class='relative flex-none text-12/none span-w-7 lg:span-w-6-wide'>
				<label for='shipping-country' class='mb-4 block text-12 text-brown-text'>Pays</label>
				<select
					id='shipping-country'
					x-model='country'
					class='w-full appearance-none border border-stroke-light bg-cream px-16 py-12 text-12 text-brown-dark lg-max:!h-46 lg-max:!text-16'
				>
					
						<option value='AF'>Afghanistan</option>
					
						<option value='ZA'>Afrique du Sud</option>
					
						<option value='AL'>Albanie</option>
					
						<option value='DZ'>Algérie</option>
					
						<option value='DE'>Allemagne</option>
					
						<option value='AD'>Andorre</option>
					
						<option value='AO'>Angola</option>
					
						<option value='AI'>Anguilla</option>
					
						<option value='AG'>Antigua-et-Barbuda</option>
					
						<option value='SA'>Arabie saoudite</option>
					
						<option value='AR'>Argentine</option>
					
						<option value='AM'>Arménie</option>
					
						<option value='AW'>Aruba</option>
					
						<option value='AU'>Australie</option>
					
						<option value='AT'>Autriche</option>
					
						<option value='AZ'>Azerbaïdjan</option>
					
						<option value='BS'>Bahamas</option>
					
						<option value='BH'>Bahreïn</option>
					
						<option value='BD'>Bangladesh</option>
					
						<option value='BB'>Barbade</option>
					
						<option value='BE'>Belgique</option>
					
						<option value='BZ'>Belize</option>
					
						<option value='BJ'>Bénin</option>
					
						<option value='BM'>Bermudes</option>
					
						<option value='BT'>Bhoutan</option>
					
						<option value='BY'>Biélorussie</option>
					
						<option value='BO'>Bolivie</option>
					
						<option value='BA'>Bosnie-Herzégovine</option>
					
						<option value='BW'>Botswana</option>
					
						<option value='BR'>Brésil</option>
					
						<option value='BN'>Brunei</option>
					
						<option value='BG'>Bulgarie</option>
					
						<option value='BF'>Burkina Faso</option>
					
						<option value='BI'>Burundi</option>
					
						<option value='KH'>Cambodge</option>
					
						<option value='CM'>Cameroun</option>
					
						<option value='CA'>Canada</option>
					
						<option value='CV'>Cap-Vert</option>
					
						<option value='CL'>Chili</option>
					
						<option value='CN'>Chine</option>
					
						<option value='CY'>Chypre</option>
					
						<option value='CO'>Colombie</option>
					
						<option value='KM'>Comores</option>
					
						<option value='CG'>Congo-Brazzaville</option>
					
						<option value='CD'>Congo-Kinshasa</option>
					
						<option value='KR'>Corée du Sud</option>
					
						<option value='CR'>Costa Rica</option>
					
						<option value='CI'>Côte d’Ivoire</option>
					
						<option value='HR'>Croatie</option>
					
						<option value='CW'>Curaçao</option>
					
						<option value='DK'>Danemark</option>
					
						<option value='DJ'>Djibouti</option>
					
						<option value='DM'>Dominique</option>
					
						<option value='EG'>Égypte</option>
					
						<option value='AE'>Émirats arabes unis</option>
					
						<option value='EC'>Équateur</option>
					
						<option value='ER'>Érythrée</option>
					
						<option value='ES'>Espagne</option>
					
						<option value='EE'>Estonie</option>
					
						<option value='SZ'>Eswatini</option>
					
						<option value='VA'>État de la Cité du Vatican</option>
					
						<option value='US'>États-Unis</option>
					
						<option value='ET'>Éthiopie</option>
					
						<option value='FJ'>Fidji</option>
					
						<option value='FI'>Finlande</option>
					
						<option value='FR'>France</option>
					
						<option value='GA'>Gabon</option>
					
						<option value='GM'>Gambie</option>
					
						<option value='GE'>Géorgie</option>
					
						<option value='GS'>Géorgie du Sud-et-les Îles Sandwich du Sud</option>
					
						<option value='GH'>Ghana</option>
					
						<option value='GI'>Gibraltar</option>
					
						<option value='GR'>Grèce</option>
					
						<option value='GD'>Grenade</option>
					
						<option value='GL'>Groenland</option>
					
						<option value='GP'>Guadeloupe</option>
					
						<option value='GT'>Guatemala</option>
					
						<option value='GG'>Guernesey</option>
					
						<option value='GN'>Guinée</option>
					
						<option value='GQ'>Guinée équatoriale</option>
					
						<option value='GW'>Guinée-Bissau</option>
					
						<option value='GY'>Guyana</option>
					
						<option value='GF'>Guyane française</option>
					
						<option value='HT'>Haïti</option>
					
						<option value='HN'>Honduras</option>
					
						<option value='HU'>Hongrie</option>
					
						<option value='CX'>Île Christmas</option>
					
						<option value='NF'>Île Norfolk</option>
					
						<option value='IM'>Île de Man</option>
					
						<option value='AC'>Île de l’Ascension</option>
					
						<option value='AX'>Îles Åland</option>
					
						<option value='KY'>Îles Caïmans</option>
					
						<option value='CC'>Îles Cocos</option>
					
						<option value='CK'>Îles Cook</option>
					
						<option value='FO'>Îles Féroé</option>
					
						<option value='FK'>Îles Malouines</option>
					
						<option value='PN'>Îles Pitcairn</option>
					
						<option value='SB'>Îles Salomon</option>
					
						<option value='TC'>Îles Turques-et-Caïques</option>
					
						<option value='VG'>Îles Vierges britanniques</option>
					
						<option value='UM'>Îles mineures éloignées des États-Unis</option>
					
						<option value='IN'>Inde</option>
					
						<option value='ID'>Indonésie</option>
					
						<option value='IQ'>Irak</option>
					
						<option value='IE'>Irlande</option>
					
						<option value='IS'>Islande</option>
					
						<option value='IL'>Israël</option>
					
						<option value='IT'>Italie</option>
					
						<option value='JM'>Jamaïque</option>
					
						<option value='JP'>Japon</option>
					
						<option value='JE'>Jersey</option>
					
						<option value='JO'>Jordanie</option>
					
						<option value='KZ'>Kazakhstan</option>
					
						<option value='KE'>Kenya</option>
					
						<option value='KG'>Kirghizstan</option>
					
						<option value='KI'>Kiribati</option>
					
						<option value='XK'>Kosovo</option>
					
						<option value='KW'>Koweït</option>
					
						<option value='RE'>La Réunion</option>
					
						<option value='LA'>Laos</option>
					
						<option value='LS'>Lesotho</option>
					
						<option value='LV'>Lettonie</option>
					
						<option value='LB'>Liban</option>
					
						<option value='LR'>Liberia</option>
					
						<option value='LY'>Libye</option>
					
						<option value='LI'>Liechtenstein</option>
					
						<option value='LT'>Lituanie</option>
					
						<option value='LU'>Luxembourg</option>
					
						<option value='MK'>Macédoine du Nord</option>
					
						<option value='MG'>Madagascar</option>
					
						<option value='MY'>Malaisie</option>
					
						<option value='MW'>Malawi</option>
					
						<option value='MV'>Maldives</option>
					
						<option value='ML'>Mali</option>
					
						<option value='MT'>Malte</option>
					
						<option value='MA'>Maroc</option>
					
						<option value='MQ'>Martinique</option>
					
						<option value='MU'>Maurice</option>
					
						<option value='MR'>Mauritanie</option>
					
						<option value='YT'>Mayotte</option>
					
						<option value='MX'>Mexique</option>
					
						<option value='MD'>Moldavie</option>
					
						<option value='MC'>Monaco</option>
					
						<option value='MN'>Mongolie</option>
					
						<option value='ME'>Monténégro</option>
					
						<option value='MS'>Montserrat</option>
					
						<option value='MZ'>Mozambique</option>
					
						<option value='MM'>Myanmar (Birmanie)</option>
					
						<option value='NA'>Namibie</option>
					
						<option value='NR'>Nauru</option>
					
						<option value='NP'>Népal</option>
					
						<option value='NI'>Nicaragua</option>
					
						<option value='NE'>Niger</option>
					
						<option value='NG'>Nigeria</option>
					
						<option value='NU'>Niue</option>
					
						<option value='NO'>Norvège</option>
					
						<option value='NC'>Nouvelle-Calédonie</option>
					
						<option value='NZ'>Nouvelle-Zélande</option>
					
						<option value='OM'>Oman</option>
					
						<option value='UG'>Ouganda</option>
					
						<option value='UZ'>Ouzbékistan</option>
					
						<option value='PK'>Pakistan</option>
					
						<option value='PA'>Panama</option>
					
						<option value='PG'>Papouasie-Nouvelle-Guinée</option>
					
						<option value='PY'>Paraguay</option>
					
						<option value='NL'>Pays-Bas</option>
					
						<option value='BQ'>Pays-Bas caribéens</option>
					
						<option value='PE'>Pérou</option>
					
						<option value='PH'>Philippines</option>
					
						<option value='PL'>Pologne</option>
					
						<option value='PF'>Polynésie française</option>
					
						<option value='PT'>Portugal</option>
					
						<option value='QA'>Qatar</option>
					
						<option value='HK'>R.A.S. chinoise de Hong Kong</option>
					
						<option value='MO'>R.A.S. chinoise de Macao</option>
					
						<option value='CF'>République centrafricaine</option>
					
						<option value='DO'>République dominicaine</option>
					
						<option value='RO'>Roumanie</option>
					
						<option value='GB'>Royaume-Uni</option>
					
						<option value='RU'>Russie</option>
					
						<option value='RW'>Rwanda</option>
					
						<option value='EH'>Sahara occidental</option>
					
						<option value='BL'>Saint-Barthélemy</option>
					
						<option value='KN'>Saint-Christophe-et-Niévès</option>
					
						<option value='SM'>Saint-Marin</option>
					
						<option value='MF'>Saint-Martin</option>
					
						<option value='SX'>Saint-Martin (partie néerlandaise)</option>
					
						<option value='PM'>Saint-Pierre-et-Miquelon</option>
					
						<option value='VC'>Saint-Vincent-et-les Grenadines</option>
					
						<option value='SH'>Sainte-Hélène</option>
					
						<option value='LC'>Sainte-Lucie</option>
					
						<option value='SV'>Salvador</option>
					
						<option value='WS'>Samoa</option>
					
						<option value='ST'>Sao Tomé-et-Principe</option>
					
						<option value='SN'>Sénégal</option>
					
						<option value='RS'>Serbie</option>
					
						<option value='SC'>Seychelles</option>
					
						<option value='SL'>Sierra Leone</option>
					
						<option value='SG'>Singapour</option>
					
						<option value='SK'>Slovaquie</option>
					
						<option value='SI'>Slovénie</option>
					
						<option value='SO'>Somalie</option>
					
						<option value='SD'>Soudan</option>
					
						<option value='SS'>Soudan du Sud</option>
					
						<option value='LK'>Sri Lanka</option>
					
						<option value='SE'>Suède</option>
					
						<option value='CH'>Suisse</option>
					
						<option value='SR'>Suriname</option>
					
						<option value='SJ'>Svalbard et Jan Mayen</option>
					
						<option value='TJ'>Tadjikistan</option>
					
						<option value='TW'>Taïwan</option>
					
						<option value='TZ'>Tanzanie</option>
					
						<option value='TD'>Tchad</option>
					
						<option value='CZ'>Tchéquie</option>
					
						<option value='TF'>Terres australes françaises</option>
					
						<option value='IO'>Territoire britannique de l’océan Indien</option>
					
						<option value='PS'>Territoires palestiniens</option>
					
						<option value='TH'>Thaïlande</option>
					
						<option value='TL'>Timor oriental</option>
					
						<option value='TG'>Togo</option>
					
						<option value='TK'>Tokelau</option>
					
						<option value='TO'>Tonga</option>
					
						<option value='TT'>Trinité-et-Tobago</option>
					
						<option value='TA'>Tristan da Cunha</option>
					
						<option value='TN'>Tunisie</option>
					
						<option value='TM'>Turkménistan</option>
					
						<option value='TR'>Turquie</option>
					
						<option value='TV'>Tuvalu</option>
					
						<option value='UA'>Ukraine</option>
					
						<option value='UY'>Uruguay</option>
					
						<option value='VU'>Vanuatu</option>
					
						<option value='VE'>Venezuela</option>
					
						<option value='VN'>Viêt Nam</option>
					
						<option value='WF'>Wallis-et-Futuna</option>
					
						<option value='YE'>Yémen</option>
					
						<option value='ZM'>Zambie</option>
					
						<option value='ZW'>Zimbabwe</option>
					
				</select>
			</div>

			

			
			
<div
	
	class='relative text-12/none flex-1'
>
	<input
		placeholder=' '
		id='shipping-postal-code'
		name=''
		aria-label='Code postal'
		class='peer block w-full rounded-none h-40 px-20 py-18 appearance-none placeholder-current focus-visible:outline-none focus-visible:ring-0 duration-300 ease-quart-out transition-colors text-brown-dark aria-[invalid]:text-red aria-[invalid]:border-red bg-transparent border border-stroke-light focus:border-brown-dark lg-max:!h-46 lg-max:!text-16'><label for='shipping-postal-code' class='bg-cream pointer-events-none order-first duration-300 ease-quart-out absolute left-0 top-0 ml-20 px-4 transform-[transform,top] -translate-y-1/2 z-2 origin-left peer-focus:top-0 peer-placeholder-shown:top-1/2 text-brown-dark peer-aria-[invalid]:text-red'>Code postal</label>
</div>

		</div>

		

		
		<div class='mt-12' x-data="{ get loading() { return status === 'loading' } }">
			
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
		
			type='button'
		
		
		
		
		
		
		
		
		
		

			@click='submit'
		
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>Calculer</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
		</div>

		<p x-show="status === 'error'" x-cloak class='mt-12 text-12 text-red' x-text='errorMessage'></p>
	</fieldset>
</aside>


	</div>
</form>


</section>
			
<div
	x-data='outOfStockModal'
	
		@open-card-oos.window="openWithContext($event.detail)"
>
	
	
	





<div
	x-data='modal({ shouldScrollLock: true })'
	
		x-init='$parent.modal=$data;'
	
	class='w-fit h-fit'
	id=''
	
>
	
	

<button
		class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 hidden'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = true'
		
		
		
		
		
		
		

	>M&#39;alerter de sa disponibilité</button>

	

	
		<template x-teleport='body'>
	
	<!-- Modal -->
	<div
		data-lenis-prevent
		x-show='showModal'
		class='fixed inset-0 isolate z-100'
		role='dialog'
		aria-modal='true'
		:id="$id('modal')"
		
			aria-label='Bientôt de retour !'
		
		
		x-trap.inert.noautofocus='showModal'
		@keydown.escape.window='close()'
		
			
		
	>
		<div
			x-cloak
			@click='close()'
			x-show='showModal'
			x-transition:enter='transition ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='fixed inset-0 z-0 bg-black/40 transition-opacity'
			style='background-color: rgba(0, 0, 0, 0.4);'
			aria-hidden='true'
		></div>

		<div
			tabindex='-1'
			x-cloak
			x-show='showModal'
			x-transition:enter='transition-opacity ease-out-expo duration-400'
			x-transition:enter-start='opacity-0'
			x-transition:enter-end='opacity-100'
			x-transition:leave='transition-opacity ease-in-cubic duration-300'
			x-transition:leave-start='opacity-100'
			x-transition:leave-end='opacity-0'
			class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
		>
			<button
				@click='close()'
				
				class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'
			>
				<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
			
<div class='relative z-1 flex max-h-viewportMin flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-16'>
	
		<img x-ref='dynamicImage' alt='' sizes='(min-width: 1024px) 50vw, 100vw' class='aspect-square h-full w-full bg-beige object-contain lg:aspect-[4/5] lg:span-w-8 lg-max:max-h-200' />
	
	<div class='flex flex-1 flex-col'>
		<header class='absolute right-0 top-0'>
			

				
				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto bg-transparent aspect-square h-full w-40 !p-0 hit-area hit-area-b-4 hit-area-l-4 hover:!text-white'
		
			type='button'
		
		
		
		
		
			x-data
			@click.passive='showModal = false'
		
		
		
		
		
		
		
			aria-label='Fermer l&#39;alerte de réapprovisionnement'
		

	>
				<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none' aria-hidden='true'>
	<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>

			</button>
		</header>

		
		<div
			x-show='!success'
			class='m-auto flex flex-col items-center gap-y-24 text-center span-w-12 lg:span-w-6-wide lg-max:my-24 lg-max:px-16'
		>
			<h3 class='font-serif text-40'>Bientôt de retour !</h3>
			<p x-ref='subtitle' class='tracking-none block text-14'>Soyez informé(e) en premier de la disponibilité de ce produit en renseignant votre adresse e-mail ci-dessous :</p>
			<p x-ref='error' role='alert' aria-live='assertive' aria-atomic='true' class='tracking-none hidden text-14 text-red'>Quelque chose s&#39;est mal passé. Veuillez réessayer</p>

			<form
				class='relative flex w-full flex-col gap-y-16'
				x-ref='form'
			>
				

				
				
				

<div
	
	class='relative text-12/none'
>
	<input
		placeholder=' '
		id='email-card'
		name='email'
		aria-label='Adresse e-mail*'
		class='peer block w-full rounded-none h-40 px-20 py-18 appearance-none placeholder-current focus-visible:outline-none focus-visible:ring-0 duration-300 ease-quart-out transition-colors text-brown-dark aria-[invalid]:text-red aria-[invalid]:border-red bg-transparent border border-stroke-light focus:border-brown-dark'><label for='email-card' class='!bg-cream left-0 bg-cream pointer-events-none order-first duration-300 ease-quart-out absolute left-0 top-0 ml-20 px-4 transform-[transform,top] -translate-y-1/2 z-2 origin-left peer-focus:top-0 peer-placeholder-shown:top-1/2 text-brown-dark peer-aria-[invalid]:text-red'>Adresse e-mail*</label>
</div>
<input type='hidden' name='variant' value=''>

				

<label
	
	class='relative inline-flex items-center gap-8 cursor-pointer select-none text-left text-12/narrow font-light'
	
		x-id='["out_of_stock_modal_privacy_policy"]'
		:for='$id("out_of_stock_modal_privacy_policy")'
	
	
>
	<input
		type='checkbox'
		
			:id='$id("out_of_stock_modal_privacy_policy")'
		
		name='out_of_stock_modal[privacy_policy]'
		value=''>
	
	<i aria-hidden class='relative flex items-center justify-center shrink-0 w-16 h-16 border border-brown-light transition-[background-color,border-color] duration-300 ease-quart-out text-transparent peer-focus-visible:border-brown-dark peer-checked:border-brown-dark bg-transparent peer-checked:text-brown-dark peer-focus:outline peer-focus-visible:outline outline-brown-dark outline-1 outline-offset-1 peer-validation:border-red peer-validation:text-transparent'>
		<svg class='w-15 h-15 m-auto' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewbox='0 0 15 16' fill='none'>
	<path d="M6.22461 12L3 8.55804L3.74711 7.76573L6.22461 10.3711L12.2529 4L13 4.81446L6.22461 12Z" fill="currentColor"/>
</svg>

	</i>
	<div class='w-full text-brown-text text-12 text-left w-full text-brown-text leading-tight [&_a]:!text-brown-dark [&_a]:underline [&_strong]:font-bold text-11 tracking-tight'>
					
					<span x-data='{text: "J&#39;accepte de recevoir par email &lt;strong&gt;les actualités&lt;/strong&gt; de Caravane : ventes privées, nouvelles collections et inspirations. J&#39;accepte &lt;a href=&#39;/pages/politique-de-confidentialite-cookies&#39; title=&#39;Politique de confidentialité &amp; Cookies&#39;&gt;la politique de confidentialité&lt;/a&gt;"}' x-html="text"></span>
				</div>
</label>

				
<button
		class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip'
		
			type='submit'
		
		
		
		
		
		
		
		
		
		
:disabled='loading'
		

	><div
				class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
				:class='loading && "-translate-y-full !ease-expo-out"'
			>
				<div class='flex h-full items-center transition-transform'>Confirmer</div>
				<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
					<div
	role='status'
	class='pointer-events-none w-18'
	aria-label='Loading...'
>
	<svg
		viewbox='0 0 100 101'
		fill='none'
		xmlns='http://www.w3.org/2000/svg'
		class='animate-spin fill-current'
		aria-hidden='true'
	>
		<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
		<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
	</svg>
</div>

				</div>
			</div></button>
			</form>
		</div>

		
		<div
			x-cloak
			x-show='success'
			role='status'
			aria-live='polite'
			aria-atomic='true'
			tabindex='-1'
			x-ref='successRegion'
			class='m-auto mx-60 flex flex-col items-center justify-center gap-y-24 text-center lg-max:my-24'
		>
			<p class='font-serif text-32 leading-none lg:text-40'>Merci pour votre inscription !</p>
			<p class='text-14'>
				Vous serez parmi les premiers à savoir lorsque cet article fera son grand retour. En attendant, laissez-vous inspirer par notre univers, et continuez à explorer nos collections.
			</p>
		</div>
	</div>
</div>

		</div>
	</div>
	
		</template>
	
</div>

</div>

			<script type='application/json' data-ajax-cart-initial-state>
	{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
</script>

			<script type='module' defer>
	document.documentElement.style.setProperty('--sbw', window.innerWidth - document.body.offsetWidth + 'px')
</script>

			<script id='booknowlib' src='https://www.booxi.com/booknow/booknow.js' async='async'></script><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>