<!doctype html>
<html lang="fr">
<head >
    <meta charset="utf-8"/><script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},feature_flags:["soft_nav"],distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1120295394",accountID:"4408461",trustKey:"1322840",xpid:"UAIHWVJVCRABVVBRAQUDUF0E",licenseKey:"NRJS-e1502e510e4556abeeb",applicationID:"1113644695",browserID:"1120295394"};;/*! For license information please see nr-loader-spa-1.316.0.min.js.LICENSE.txt */
(()=>{var e,t,r={384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>a,Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),o=r(1910);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,o.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}},733:(e,t,r)=>{"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>u,K7:()=>c,P3:()=>d,XX:()=>i,Yy:()=>a,df:()=>s,qY:()=>n,v4:()=>o});const n="events",i="jserrors",s="browser/blobs",o="rum",a="browser/logs",c={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},d={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.softNav]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.sessionReplay]:8,[c.logging]:9,[c.genericEvents]:10},u={[c.pageViewEvent]:o,[c.pageViewTiming]:n,[c.ajax]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:s,[c.sessionReplay]:s,[c.logging]:a,[c.genericEvents]:"ins"}},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},993:(e,t,r)=>{"use strict";r.d(t,{A$:()=>s,ET:()=>o,TZ:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},s={OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},o="log",a=n.K7.logging},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>a,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),o=r(2646);function a(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,a=i.i.handlers;if(s&&!s.aborted&&s.backlog&&a){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=a[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof o.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete a[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},1738:(e,t,r)=>{"use strict";r.d(t,{U:()=>f,Y:()=>l});var n=r(3241),i=r(9908),s=r(1863),o=r(944),a=r(3969),c=r(8362),d=r(860),u=r(4261);function l(e,t,r,s){const l=s||r;!l||l[e]&&l[e]!==c.d.prototype[e]||(l[e]=function(){(0,i.p)(a.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:u.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,o.R)(23,e)}})}function f(e,t,r,n,o){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(o||null===r)&&(0,i.p)(u.Pl+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},1741:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e(i.$9,e,t)}start(){return this.#e(i.d3)}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},1910:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},2555:(e,t,r)=>{"use strict";r.d(t,{D:()=>a,f:()=>o});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function o(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const a=e=>(0,i.a)(e,s)},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>s,Wt:()=>n,g:()=>c,iL:()=>a,tS:()=>o,wk:()=>i});const n="NRBA_SESSION::",i=144e5,s=18e5,o={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},a={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},c={OFF:0,FULL:1,ERROR:2}},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},2843:(e,t,r)=>{"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},3241:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(6154);const i="newrelic";function s(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function s(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},3333:(e,t,r)=>{"use strict";r.d(t,{$v:()=>u,TZ:()=>n,Xh:()=>c,Zp:()=>i,kd:()=>d,mq:()=>a,nf:()=>o,qN:()=>s});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],s=["focus","blur"],o=4,a=1e3,c=2e3,d=["PageAction","UserAction","BrowserPerformance"],u={RESOURCES:"experimental.resources",REGISTER:"register"}},3434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>u});var n=r(7836),i=r(5607),s=r(5732);const o="nr@original:".concat(i.W),a=50;var c=Object.prototype.hasOwnProperty,d=!1;function u(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,o){r||(r="");const a="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];f(u)||(e[d]=i(u,a?d+r:r,n,d,s,o))}},i.flag=o,i;function i(t,n,i,d,h,p){return f(t)?t:(n||(n=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){l([e],r)}for(var n in e)c.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,c,f,g;let m,v;try{c=this,o=[...arguments],v=p?(0,s.$5)(r):[void 0],f="function"==typeof i?i(o,c):i||{}}catch(t){l([t,"",[o,c,d],f],e)}u(n+"start",[o,c,d,v],f,h);const y=performance.now();let b;try{return g=t.apply(c,o),b=performance.now(),g}catch(e){throw b=performance.now(),u(n+"err",[o,c,e,v],f,h),m=e,m}finally{const e=b-y,t={start:y,end:b,duration:e,isLongTask:e>=a,methodName:d,thrownError:m};t.isLongTask&&u("long-task",[t,c,v],f,h),u(n+"end",[o,c,g,v],f,h)}}}function u(r,n,i,s){if(!d||t){var o=d;d=!0;try{e.emit(r,n,i,t,s)}catch(t){l([t,r,n,i],e)}d=o}}}function l(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function f(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=o;var i=s.handlers={};function s(e,t,r,s){o(s||n.d,i,e,t,r)}function o(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var o=t[s]=t[s]||{};(o[r]=o[r]||[]).push([e,i])}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>a,Lc:()=>d,Rz:()=>u,TZ:()=>n,bD:()=>s,d3:()=>o,jx:()=>l,sl:()=>f,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",s="resource",o="-start",a="-end",c="fn"+o,d="fn"+a,u="pushState",l=1e3,f=3e4},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),o=r(3969),a=r(993);function c(e,t,r={},c=a.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(o.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)(a.ET,[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(a.p_).some(t=>t===e.toUpperCase().trim())}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},3962:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,O2:()=>l,OV:()=>s,Qu:()=>f,TZ:()=>c,ih:()=>h,pP:()=>a,t1:()=>u,tC:()=>i,wD:()=>d});var n=r(860);const i=["click","keydown","submit"],s="popstate",o="api",a="initialPageLoad",c=n.K7.softNav,d=5e3,u=500,l={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},f={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},h={IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"}},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>a,rs:()=>i,xV:()=>o,z_:()=>s});const n=r(860).K7.metrics,i="sm",s="cm",o="storeSupportabilityMetrics",a="storeEventMetrics"},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},4261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>u,BL:()=>c,CH:()=>p,Dl:()=>R,Fw:()=>w,PA:()=>v,Pl:()=>n,Pv:()=>x,Tb:()=>f,U2:()=>o,V1:()=>A,Wb:()=>T,bt:()=>b,cD:()=>y,d3:()=>E,dT:()=>d,eY:()=>g,fF:()=>h,hG:()=>s,hw:()=>i,k6:()=>a,nb:()=>m,o5:()=>l});const n="api-",i=n+"ixn-",s="addPageAction",o="addToTrace",a="addRelease",c="finished",d="interaction",u="log",l="noticeError",f="pauseReplay",h="recordCustomEvent",p="recordReplay",g="register",m="setApplicationVersion",v="setCurrentRouteName",y="setCustomAttribute",b="setErrorHandler",w="setPageViewName",R="setUserId",E="start",T="wrapLogger",A="measure",x="consent"},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>o,SR:()=>s,rF:()=>a});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function o(e){return!0===e?.session_replay.preload&&s(e)}function a(e,t){try{if("string"==typeof t?.type){if("password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,Qr:()=>c,sB:()=>a});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(s())return e();const r=(0,i.J)(e),o=setInterval(()=>{s()&&(clearInterval(o),r())},500);(0,n.sp)("load",r,t)}function a(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},5732:(e,t,r)=>{"use strict";r.d(t,{$5:()=>u,B5:()=>d,Ms:()=>s,Ux:()=>a,YA:()=>c,fQ:()=>i,yx:()=>o});var n=r(7508);const i={MFE:"MFE",BA:"BA"};function s(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function o(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>t.metadata.timings?.asset?.endsWith(e)).map(e=>e.metadata.target)||[]}function a(e,t){if(!l(t))return{};const r=t.agentRef.runtime.appMetadata.agents[0].entityGuid;return e?e.attributes:{"entity.guid":r,appId:t.agentRef.info.applicationID}}function c(e,t){return d(e,t)?{"child.id":e.id,"child.type":e.type,...a(void 0,t)}:{}}function d(e,t){return!!e&&!!l(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function u(e){if(!e?.init.api.register.enabled)return[void 0];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...o(r[i--],e))}catch(e){}return t.length||t.push(void 0),t}function l(e){return 2===e?.harvestEndpointVersion}},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>d,RI:()=>i,WN:()=>f,bv:()=>s,gm:()=>o,lR:()=>l,m:()=>c,mw:()=>a,sb:()=>u,zk:()=>h});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,d=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)(),h=()=>{const e=o?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<o.performance.now())return e}},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>u,Qb:()=>l,TZ:()=>i,Ug:()=>o,Vh:()=>s,_s:()=>a,bc:()=>d,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,s="errorDuringReplay",o=.12,a={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},d={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},u=5e3,l={API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>o,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function o(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,o;i>0?(s=r.substring(0,i),o=r.substring(i)):(s=r,o="*");let[c]=s.split(":");n.push({hostname:a(c),pathname:a(o,!0)})}}function a(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7508:(e,t,r)=>{"use strict";r.d(t,{AZ:()=>g,Qr:()=>b,QL:()=>m});var n=r(6154),i=r(1863),s=r(9119),o=r(7866);class a{dom=new c;performance=new c;constructor(e){this.url=e}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}let d;try{d=g(m())[0]}catch(e){d=g(e)[0]}const u=e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&e.name.endsWith(".js"),l=new Map;let f=[];function h(e){return l.get(e)}function p(e){const t=h(e);if(t)return t;const r=new a(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=p((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().filter(u).forEach(e=>{const t=p((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e;const r=[];f.forEach(({test:t,addedAt:n},s)=>{(t(e)||(0,i.t)()-n>1e4)&&r.push(s)}),f=f.filter((e,t)=>!r.includes(t))})}).observe({type:"resource",buffered:!0})}function g(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(o.cn)||e.match(o.hB)||e.match(o.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function m(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function v(e,t){return(0,s.L)(e.name)===t}function y(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType}function b(){const e={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown"},t=m();if(!t)return e;const r=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const o=g(t),a=(o.length>1?o.filter(e=>d!==e):o)[0];if(!a)return e;if(r.includes(a))return e.asset=(0,s.L)(r),e.type="inline",e;e.correlation=h(a);const c=e.correlation?.performance.value||performance.getEntriesByType("resource").find(e=>v(e,a));c?y(e,c):function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1}(a)&&(e.asset=a,e.type="preload",f.push({addedAt:(0,i.t)(),test:t=>!!v(t,a)&&(y(e,t),!0)})),Object.defineProperty(e,"scriptStart",{get:()=>e.correlation?.script.start||e.fetchEnd}),Object.defineProperty(e,"scriptEnd",{get:()=>e.correlation?.script.end||e.registeredAt})}catch(e){}return e}},7699:(e,t,r)=>{"use strict";r.d(t,{It:()=>s,KC:()=>a,No:()=>i,qh:()=>o});var n=r(860);const i=16e3,s=1e6,o="SESSION_ERROR",a={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>i});var n=r(6154);const i=e=>n.RI&&!0===e?.privacy.cookies_enabled},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>a,ee:()=>c});var n=r(384),i=r(8990),s=r(2646),o=r(5607);const a="nr@context:".concat(o.W),c=function e(t,r){var n={},o={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var a=h(n);g(e).forEach(e=>{e.apply(a,r)});var d=v()[o[e]];d&&d.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{o[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[o[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,a,()=>new s.y(a)):new s.y(a)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c)},7866:(e,t,r)=>{"use strict";r.d(t,{Nc:()=>s,cn:()=>a,fL:()=>i,h3:()=>n,hB:()=>o});const n=/function (.+?)\s*\(/,i=/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,s=/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,o=/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i,a=/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i},8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let o in s)if(void 0!==e[o])try{if(null===e[o]){r[o]=null;continue}Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):e[o]instanceof Map||e[o]instanceof Set||e[o]instanceof Date||e[o]instanceof RegExp?r[o]=e[o]:"object"==typeof e[o]&&"object"==typeof t[o]?r[o]=i(e[o],t[o]):r[o]=e[o]}catch(e){r[o]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),o=r(6154);const a={},c=o.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(a[t.debugId]++)return t;a[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[d,u],"-",p)}function p(e,t){return e[1]}return"getPrototypeOf"in Object&&(o.RI&&h(document,f),c&&h(c.prototype,f),h(o.gm,f)),t.on(d+"-start",function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)&&"newrelic"!==e[0]){var i=(0,s.I)(n,l,function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=e[1]=i}}),t.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},8362:(e,t,r)=>{"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},9119:(e,t,r)=>{"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n,f:()=>i});const n=r(860).K7.ajax,i="ajaxRequest.id"},9324:(e,t,r)=>{"use strict";r.d(t,{AJ:()=>o,F3:()=>i,Xs:()=>s,Yq:()=>a,xv:()=>n});const n="1.316.0",i="PROD",s="CDN",o="@newrelic/rrweb",a="1.1.0"},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>a,ZF:()=>c,bz:()=>o,el:()=>d});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function s(e,t){return e?15&e[t]:16*Math.random()|0}function o(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map(e=>"x"===e?s(t,r++).toString(16):"y"===e?(3&s()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const o=[];for(var a=0;a<e;a++)o.push(s(r,i++).toString(16));return o.join("")}function c(){return a(16)}function d(){return a(32)}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return r[e](s,s.exports,i),s.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce((t,r)=>(i.f[r](e,t),t),[])),i.u=e=>({212:"nr-spa-compressor",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.316.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.316.0.PROD:",i.l=(r,n,s,o)=>{if(e[r])e[r].push(n);else{var a,c;if(void 0!==s)for(var d=document.getElementsByTagName("script"),u=0;u<d.length;u++){var l=d[u];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+s){a=l;break}}if(!a){c=!0;var f={478:"sha512-/91tZUpAINW5VzLS+EdJpEe0gul6FJd2zTpGwLIhi/mqcTiQPUlhoJmX5zb4EPTwdGqun46DoGQPtDShDBw4bA==",249:"sha512-XqLQgD24Jrw2HFtuRDeuxMcY5WnEXG04tpC98UJOJlIfGqQst/lKUE+G++zwulwEzcM00bl5V0e1kKGq2Nxc1g==",212:"sha512-rOHSN/tvMjFe33yfRKMs44m3dZKgs9foEl0T2tdErrZKsAF8Oe5+OLJKgySrw3WwY4MgvuS4yWEr88MMv5LZaw=="};(a=document.createElement("script")).charset="utf-8",i.nc&&a.setAttribute("nonce",i.nc),a.setAttribute("data-webpack",t+s),a.src=r,0!==a.src.indexOf(window.location.origin+"/")&&(a.crossOrigin="anonymous"),f[o]&&(a.integrity=f[o])}e[r]=[n];var h=(t,n)=>{a.onerror=a.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),i&&i.forEach(e=>e(n)),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=h.bind(null,a.onerror),a.onload=h.bind(null,a.onload),c&&document.head.appendChild(a)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={38:0,788:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var s=new Promise((r,i)=>n=e[t]=[r,i]);r.push(n[2]=s);var o=i.p+i.u(t),a=new Error;i.l(o,r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var s=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed: ("+s+": "+o+")",a.name="ChunkLoadError",a.type=s,a.request=o,n[1](a)}},"chunk-"+t,t)}};var t=(t,r)=>{var n,s,[o,a,c]=r,d=0;if(o.some(t=>0!==e[t])){for(n in a)i.o(a,n)&&(i.m[n]=a[n]);if(c)c(i)}for(t&&t(r);d<o.length;d++)s=o[d],i.o(e,s)&&e[s]&&e[s][0](),e[s]=0},r=self["webpackChunk:NRBA-1.316.0.PROD"]=self["webpackChunk:NRBA-1.316.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(8362),t=i(860);const r=Object.values(t.K7);var n=i(384),s=i(1741);var o=i(2555),a=i(3333);const c=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=i(2614),u=i(944),l=i(8122);const f="[data-nr-mask]",h=e=>(0,l.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},api:{register:{get enabled(){return e.feature_flags.includes(a.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(a.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:d.wk,inactiveMs:d.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){c(t)?e.mask_selector="".concat(t,",").concat(f):""===t||null===t?e.mask_selector=f:(0,u.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){c(t)?e.block_selector+=",".concat(t):""!==t&&(0,u.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,u.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var p=i(6154),g=i(9324);let m=0;const v={buildEnv:g.F3,distMethod:g.Xs,version:g.xv,originTime:p.WN},y={consented:!1},b={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||y.consented},set consented(e){y.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++m}};var w=i(7836),R=i(3241);const E={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};function T(e,t={},r,a){let{init:c,info:d,loader_config:u,runtime:f={},exposed:g=!0}=t;if(!d){const e=(0,n.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=h(c||{}),e.loader_config=(m=u||{},(0,l.a)(m,E)),d.jsAttributes??={},p.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,o.D)(d);const y=e.init;e.runtime??=(e=>{const t=(0,l.a)(e,b),r=Object.keys(v).reduce((e,t)=>(e[t]={value:v[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(f),y.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",i.p=t?e:"https://"+e})(y.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,n.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=r,e.ee=w.ee.get(e.agentIdentifier),e.exposed=g,(0,R.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.runtime.configured=!0)}var A=i(9908),x=i(1863),S=i(4261),_=i(1738);var O=i(1687),P=i(4234),k=i(5289),N=i(5270),j=i(7767),C=i(6389),D=i(7699);const L=new WeakSet;class I extends P.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,C.J)(()=>{(0,O.Ak)(e,this.featureName),t()}))}):(0,O.Ak)(e,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;const n=async()=>{if(await this.deferred,this.#t(e),!(0,o.f)(e.info))return(0,u.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);let n;try{if((0,j.V)(e.init)){const{setupAgentSession:t}=await i.e(478).then(i.bind(i,8766));n=t(e)}}catch(e){(0,u.R)(20,e),this.ee.emit("internal-error",[e]),(0,A.p)(D.qh,[e],void 0,this.featureName,this.ee)}try{if(!this.#r(this.featureName,n,e.init))return(0,O.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:i}=await t();this.featAggregate=new i(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,u.R)(34,e),this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1),this.ee&&this.ee.abort()}};p.RI?(0,k.GG)(()=>n(),!0):n()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,N.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!L.has(e)&&(L.add(e),!(0,o.f)(e.info))){const t=(0,n.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}T(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var M=i(6630);class B extends I{static featureName=M.T;constructor(e){var t;super(e,M.T),this.setupInspectionEvents(),t=e,(0,_.Y)(S.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,A.p)(S.Pl+S.Fw,[(0,x.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>i.e(478).then(i.bind(i,5839)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,R.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,k.sB)(t=>{e(t,"DOMContentLoaded")}),(0,k.GG)(t=>{e(t,"load")}),(0,k.Qr)(t=>{e(t,"navigate")}),this.ee.on(d.tS.UPDATE,(e,t)=>{(0,R.W)({type:"lifecycle",name:"session",data:t})})}}class H extends e.d{constructor(e){var t;(super(),p.gm)?(this.features={},(0,n.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(B),T(this,e,e.loaderType||"agent"),t=this,(0,_.Y)(S.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,_.U)(t,e,r,S.cD,n);(0,u.R)(40,typeof r)}else(0,u.R)(39,typeof e)},t),function(e){(0,_.Y)(S.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,u.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,A.p)(S.Pl+"setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,_.U)(e,"enduser.id",t,S.Dl,!0)},e)}(this),function(e){(0,_.Y)(S.nb,function(t){if("string"==typeof t||null===t)return(0,_.U)(e,"application.version",t,S.nb,!1);(0,u.R)(42,typeof t)},e)}(this),function(e){(0,_.Y)(S.d3,function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,_.Y)(S.Pv,function(t=!0){if("boolean"==typeof t){if((0,A.p)(S.Pl+S.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum()})}}else(0,u.R)(65,typeof t)},e)}(this),this.run()):(0,u.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return r.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),n=[...this.desiredFeatures];n.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),n.forEach(r=>{if(!e[r.featureName]&&r.featureName!==t.K7.pageViewEvent)return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,u.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,u.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,n.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var K=i(2843),W=i(782);class F extends I{static featureName=W.T;constructor(e){super(e,W.T),p.RI&&((0,K.u)(()=>(0,A.p)("docHidden",[(0,x.t)()],void 0,W.T,this.ee),!0),(0,K.G)(()=>(0,A.p)("winPagehide",[(0,x.t)()],void 0,W.T,this.ee)),this.importAggregator(e,()=>i.e(478).then(i.bind(i,9917))))}}var U=i(3969);class V extends I{static featureName=U.TZ;constructor(e){super(e,U.TZ),this.importAggregator(e,()=>i.e(478).then(i.bind(i,6555)))}}var z=i(6774),G=i(3878),Y=i(3304);class Z{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,Y.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function q(e){return J(e)?e:new Z(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function X(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(J(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return q(e.reason)}const r=q(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function Q(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Z(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return J(e.error)?e.error:q(e)}function J(e){return e instanceof Error&&!!e.stack}function ee(e,r,n,i,s=(0,x.t)()){"string"==typeof e&&(e=new Error(e)),(0,A.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,A.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var te=i(5732),re=i(993),ne=i(3785);function ie(e,{customAttributes:t={},level:r=re.p_.INFO}={},n,i,s=(0,x.t)()){(0,ne.R)(n.ee,e,t,r,!1,i,s)}function se(e,r,n,i,s=(0,x.t)()){(0,A.p)(S.Pl+S.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function oe(e,r,n,i,s=(0,x.t)()){const{start:o,end:a,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,u.R)(57);const l=(e,t)=>null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=l(o,0),d.end=l(a,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,u.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,A.p)(S.Pl+S.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,u.R)(58)}}function ae(e,r={},n,i,s=(0,x.t)()){(0,A.p)(S.Pl+S.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var ce=i(7508),de=i(9566);const ue=["name","id","type"],le=new Map([[se,"addPageAction"],[ie,"log"],[oe,"measure"],[ee,"noticeError"],[ae,"recordCustomEvent"]]),fe={experimental:(0,C.J)(()=>(0,u.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,u.R)(55)),invalidTarget:(0,C.J)(e=>(0,u.R)(48,e)),deregistered:(0,C.J)(()=>(0,u.R)(68))};function he(e){(0,_.Y)(S.eY,function(t){return pe(e,t)},e)}function pe(e,r){fe.experimental(),r||={},r.instance=(0,de.LA)(8),r.type=te.fQ.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents[0].entityGuid},type:te.fQ.BA};const n=(0,ce.Qr)(),i={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...i,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||te.fQ.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{ue.includes(e)||(i["source.".concat(e)]=t)});let s=()=>{};const o=e.runtime.registeredEntities,a=e=>{r.blocked=!0,s=e};function c(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||a(fe.disabled),c(r.id)&&c(r.name)||a(()=>fe.invalidTarget(r));const d={addPageAction:(t,n={})=>p(se,[t,{...i,...n},e],r),deregister:()=>{f(),a(fe.deregistered)},log:(t,n={})=>p(ie,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),measure:(t,n={})=>p(oe,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>p(ee,[t,{...i,...n},e],r),recordCustomEvent:(t,n={})=>p(ae,[t,{...i,...n},e],r),setApplicationVersion:e=>h("application.version",e),setCustomAttribute:(e,t)=>h(e,t),setUserId:e=>h("enduser.id",e),metadata:{get customAttributes(){return i},target:r,timings:n}},l=()=>(r.blocked&&s(),r.blocked);function f(){if(n.reportedAt)return;n.reportedAt=(0,x.t)();const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart;d.recordCustomEvent("MicroFrontEndTiming",{assetUrl:n.asset,assetType:n.type,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,timeToRegister:n.registeredAt})}l()||(o.push(d),(0,K.G)(f));const h=(e,t)=>{l()||(i[e]=t)},p=(r,n,i)=>{if(l()&&r!==pe)return;const s=(0,x.t)(),o=le.get(r)||"unknown";(0,A.p)(U.xV,["API/register/".concat(o,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,u.R)(50,e)}};return d}class ge extends I{static featureName=z.T;constructor(e){var t;super(e,z.T),t=e,(0,_.Y)(S.o5,(e,r)=>ee(e,r,t),t),function(e){(0,_.Y)(S.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,_.Y)(S.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),he(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,A.p)("ierr",[q(t),(0,x.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),p.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,A.p)("err",[X(t),(0,x.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,G.jT)(!1,this.removeOnAbort?.signal)),p.gm.addEventListener("error",t=>{this.abortHandler&&(0,A.p)("err",[Q(t),(0,x.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,G.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>i.e(478).then(i.bind(i,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var me=i(8990);let ve=1;function ye(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===p.gm?0:(0,me.I)(e,"nr@id",function(){return ve++})}function be(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,Y.A)(e).length}catch(e){return}}}var we=i(8139),Re=i(3434);const Ee={},Te=["open","send"];function Ae(e,t){var r=e||w.ee;const n=function(e){return(e||w.ee).get("xhr")}(r);if(void 0===p.gm.XMLHttpRequest)return n;if(Ee[n.debugId]++)return n;Ee[n.debugId]=1,(0,we.u)(r);var i=(0,Re.YM)(n),s=p.gm.XMLHttpRequest,o=p.gm.MutationObserver,a=p.gm.Promise,c=p.gm.setInterval,d="readystatechange",l=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=p.gm.XMLHttpRequest=function(e){const r=new s(e),o=n.context(r);o.targets=(0,te.$5)(t);try{n.emit("new-xhr",[r],o),r.addEventListener(d,(a=o,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,l,"fn-",R)}),(0,G.jT)(!1))}catch(e){(0,u.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var a;return r};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",R)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Te,"-xhr-",R),n.on("send-xhr-start",function(e,t){g(e,t),function(e){f.push(e),o&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",g),o){var m=a&&a.resolve();if(!c&&!a){var v=1,y=document.createTextNode(v);new o(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)g(0,f[e]);f.length&&(f=[])}function R(e,t){return t}return n}var xe="fetch-",Se=xe+"body-",_e=["arrayBuffer","blob","json","text","formData"],Oe=p.gm.Request,Pe=p.gm.Response,ke="prototype";const Ne={};function je(e,t){const r=function(e){return(e||w.ee).get("fetch")}(e);if(!(Oe&&Pe&&p.gm.fetch))return r;if(Ne[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},o=(0,te.$5)(t);var a;r.emit(i+"before-start",[e],n),n[w.P]&&n[w.P].dt&&(a=n[w.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,a],c),c.then(function(e){return r.emit(i+"end",[null,e,o],c),e},function(e){throw r.emit(i+"end",[e,void 0,o],c),e})})}return Ne[r.debugId]=1,_e.forEach(e=>{n(Oe[ke],e,Se),n(Pe[ke],e,Se)}),n(p.gm,"fetch",xe),r.on(xe+"end",function(e,t,n){var i=this;if(i.targets=n||[void 0],t){var s=t.headers.get("content-length");null!==s&&(i.rxSize=s),r.emit(xe+"done",[null,t],i)}else r.emit(xe+"done",[e],i)}),r}var Ce=i(7485);class De{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,de.ZF)(),o=(0,de.el)(),a=Date.now(),c={spanId:s,traceId:o,timestamp:a};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,o),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,a,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,o,a,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof p.gm?.btoa))return null;var o={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(o.d.tk=s),btoa((0,Y.A)(o))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ce.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Le=i(9300),Ie=i(7295);function Me(e){return"string"==typeof e?e:e instanceof(0,n.dV)().o.REQ?e.url:p.gm?.URL&&e instanceof URL?e.href:void 0}var Be=["load","error","abort","timeout"],He=Be.length,Ke=(0,n.dV)().o.REQ,We=(0,n.dV)().o.XHR;const Fe="X-NewRelic-App-Data";class Ue extends I{static featureName=Le.T;constructor(e){super(e,Le.T),this.dt=new De(e),this.handler=(e,t,r,n)=>(0,A.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};p.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};Ve(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}je(this.ee,e),Ae(this.ee,e),function(e,r,n,i){function s(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=R,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){T(t,e)},(0,G.jT)(!1)),p.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,G.jT)(!1))}function o(e){this.params={method:e[0]},Ve(this,e[1]),this.metrics={}}function a(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function c(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var o=be(i);o&&(n.txSize=o)}this.startTime=(0,x.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit("internal-error",[e])}catch(e){}}};for(var a=0;a<He;a++)t.addEventListener(Be[a],this.listener,(0,G.jT)(!1))}function d(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function u(e,t){var r=""+ye(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function l(e,t){var r=""+ye(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function f(){this.endTime=(0,x.t)()}function h(e,t){t instanceof We&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function g(e,t){t instanceof We&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function m(e,t,r){t instanceof We&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,x.t)()))}function v(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,x.t)()-this.xhrCbStart,this.onload,t],t)}function y(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&p.RI&&(t=""+p.gm.location.href):e[0]&&e[0].url?t=e[0].url:p.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ce.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)a(e[0].headers,n)&&(this.dt=n);else{var s={};for(var o in r)s[o]=r[o];s.headers=new Headers(r.headers||{}),a(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function a(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function b(e,t){this.params={},this.metrics={},this.startTime=(0,x.t)(),this.dt=t;let[r,n={}]=e;Ve(this,Me(r));const i=(""+(r&&r instanceof Ke&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.body=n.body,this.txSize=be(n.body)||0}function w(e,t){if(this.endTime=(0,x.t)(),this.params||(this.params={}),(0,Ie.iW)(this.params))return;let r;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(r=+this.rxSize);const n={txSize:this.txSize,rxSize:r,duration:(0,x.t)()-this.startTime},i=[this.params,n,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>E(i,this,e))}function R(e){const t=this.params,r=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<He;t++)e.removeEventListener(Be[t],this.listener,!1);if(t.aborted)return;if((0,Ie.iW)(t))return;r.duration=(0,x.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):T(this,e),r.cbTime=this.cbTime;const n=[t,r,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>E(n,this,e))}function E(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function T(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?be(e.response):"text"===r||""===r||void 0===r?be(e.responseText):void 0}(n,e.lastSize);if(i&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(Fe)>=0){var s=n.getResponseHeader(Fe);s&&((0,A.p)(U.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",s),r.on("open-xhr-start",o),r.on("open-xhr-end",a),r.on("send-xhr-start",c),r.on("xhr-cb-time",d),r.on("xhr-load-added",u),r.on("xhr-load-removed",l),r.on("xhr-resolved",f),r.on("addEventListener-end",h),r.on("removeEventListener-end",g),r.on("fn-end",v),r.on("fetch-before-start",y),r.on("fetch-start",b),r.on("fn-start",m),r.on("fetch-done",w)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>i.e(478).then(i.bind(i,3845)))}}function Ve(e,t){var r=(0,Ce.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const ze={},Ge=["pushState","replaceState"];function Ye(e){const t=function(e){return(e||w.ee).get("history")}(e);return!p.RI||ze[t.debugId]++||(ze[t.debugId]=1,(0,Re.YM)(t).inPlace(window.history,Ge,"-")),t}var Ze=i(3738);function qe(e){(0,_.Y)(S.BL,function(r=Date.now()){const n=r-p.WN;n<0&&(0,u.R)(62,r),(0,A.p)(U.XG,[S.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:S.BL,start:r,origin:"nr"}),(0,A.p)(S.Pl+S.hG,[n,S.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:Xe,bD:$e,d3:Qe,Kp:Je,TZ:et,Lc:tt,uP:rt,Rz:nt}=Ze;class it extends I{static featureName=et;constructor(e){var r;super(e,et),r=e,(0,_.Y)(S.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const n={n:e.name,s:e.start-p.WN,e:(e.end||e.start)-p.WN,o:e.origin||"",t:"api"};n.s<0||n.e<0||n.e<n.s?(0,u.R)(61,{start:n.s,end:n.e}):(0,A.p)("bstApi",[n],void 0,t.K7.sessionTrace,r.ee)},r),qe(e);if(!(0,j.V)(e.init))return void this.deregisterDrain();const n=this.ee;let s;Ye(n),this.eventsEE=(0,we.u)(n),this.eventsEE.on(rt,function(e,t){this.bstStart=(0,x.t)()}),this.eventsEE.on(tt,function(e,r){(0,A.p)("bst",[e[0],r,this.bstStart,(0,x.t)()],void 0,t.K7.sessionTrace,n)}),n.on(nt+Qe,function(e){this.time=(0,x.t)(),this.startPath=location.pathname+location.hash}),n.on(nt+Je,function(e){(0,A.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,n)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,A.p)(Xe,[r],void 0,t.K7.sessionTrace,n)}),s.observe({type:$e,buffered:!0})}catch(e){}this.importAggregator(e,()=>i.e(478).then(i.bind(i,6974)),{resourceObserver:s})}}var st=i(733),ot=i(6344);class at extends I{static featureName=ot.TZ;#i;recorder;constructor(e){var r;let n;super(e,ot.TZ),r=e,(0,_.Y)(S.CH,function(){(0,A.p)(S.CH,[],void 0,t.K7.sessionReplay,r.ee)},r),function(e){(0,_.Y)(S.Tb,function(){(0,A.p)(S.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(d.Wt).concat((0,st.Y)(e.info.licenseKey,e.info.applicationID));try{n=JSON.parse(localStorage.getItem(s))}catch(e){}(0,N.SR)(e.init)&&this.ee.on(S.CH,()=>this.#s()),this.#o(n)&&this.importRecorder().then(e=>{e.startRecording(ot.Qb.PRELOAD,n?.sessionReplayMode)}),this.importAggregator(this.agentRef,()=>i.e(478).then(i.bind(i,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,A.p)(ot.Vh,[e],void 0,this.featureName,this.ee))})}#o(e){return e&&(e.sessionReplayMode===d.g.FULL||e.sessionReplayMode===d.g.ERROR)||(0,N.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([i.e(478),i.e(249)]).then(i.bind(i,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==d.g.FULL&&this.featAggregate.initializeRecording(d.g.FULL,!0,ot.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(ot.Qb.API,d.g.FULL)}))}}var ct=i(3962);class dt extends I{static featureName=ct.TZ;constructor(e){if(super(e,ct.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,_.Y)(S.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},o=this,a="function"==typeof i;return(0,A.p)(U.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((a?"":"no-")+"fn-start",[(0,x.t)(),o,a],s),a)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],s),t}finally{r.emit("fn-end",[(0,x.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{_.Y.apply(this,[r,function(){return(0,A.p)(S.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,_.Y)(S.PA,function(){(0,A.p)(S.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!p.RI||!(0,n.dV)().o.MO)return;const r=Ye(this.ee);try{this.removeOnAbort=new AbortController}catch(e){}ct.tC.forEach(e=>{(0,G.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)});const s=()=>(0,A.p)("newURL",[(0,x.t)(),""+window.location],void 0,this.featureName,this.ee);r.on("pushState-end",s),r.on("replaceState-end",s),(0,G.sp)(ct.OV,e=>{c(e),(0,A.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let o=!1;const a=new((0,n.dV)().o.MO)((e,t)=>{o||(o=!0,requestAnimationFrame(()=>{(0,A.p)("newDom",[(0,x.t)()],void 0,this.featureName,this.ee),o=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,A.p)("newUIEvent",[e],void 0,this.featureName,this.ee),a.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),a.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>i.e(478).then(i.bind(i,4393)),{domObserver:a})}}var ut=i(9119);const lt={},ft=new Set;function ht(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class pt{constructor(e,t){this.timestamp=(0,x.t)(),this.currentUrl=(0,ut.L)(window.location.href),this.socketId=(0,de.LA)(8),this.requestedUrl=(0,ut.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class gt extends I{static featureName=a.TZ;constructor(e){super(e,a.TZ);const r=e.init.feature_flags.includes("websockets"),s=!e.init.feature_flags.includes("no_spv"),o=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,r,s];var c;let d;if(c=e,(0,_.Y)(S.hG,(e,t)=>se(e,t,c),c),function(e){(0,_.Y)(S.fF,(t,r)=>ae(t,r,e),e)}(e),qe(e),he(e),function(e){(0,_.Y)(S.V1,(t,r)=>oe(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},r){const u=function(e){if(!(0,n.dV)().o.WS)return e;const t=e.get("websockets");if(lt[t.debugId]++)return t;lt[t.debugId]=1,(0,K.G)(()=>{const e=(0,x.t)();ft.forEach(r=>{r.nrData.closedAt=e,r.nrData.closeCode=1001,r.nrData.closeReason="Page navigating away",r.nrData.closeWasClean=!1,r.nrData.openedAt&&(r.nrData.connectedDuration=e-r.nrData.openedAt),t.emit("ws",[r.nrData],r)})});class r extends WebSocket{static name="WebSocket";static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return r.name}#a(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new pt(e[0],e[1]),this.addEventListener("open",()=>{this.nrData.openedAt=(0,x.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),ft.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=ht(e.data);this.nrData.messageOrigin??=(0,ut.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,x.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,ft.delete(this),t.emit("ws",[this.nrData],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#a(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#a(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=ht(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#a(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#a(e),e}}}return p.gm.WebSocket=r,t}(this.ee);u.on("ws",e=>{(0,A.p)("ws-complete",[e],void 0,this.featureName,this.ee)})}if(s&&p.gm.addEventListener("securitypolicyviolation",e=>{(0,A.p)("spv",[e],void 0,t.K7.genericEvents,this.ee)},(0,G.jT)(!1,this.removeOnAbort.signal)),p.RI){if(je(this.ee,e),Ae(this.ee,e),d=Ye(this.ee),e.init.user_actions.enabled){function l(t){const r=(0,Ce.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function f(){d.emit("navChange")}a.Zp.forEach(e=>(0,G.sp)(e,e=>(0,A.p)("ua",[e],void 0,this.featureName,this.ee),!0)),a.qN.forEach(e=>{const t=(0,C.s)(e=>{(0,A.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,G.sp)(e,t)}),p.gm.addEventListener("error",()=>{(0,A.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,G.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{l(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,A.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,G.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!l(Me(e[0]))&&(0,A.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",f),d.on("replaceState-end",f),window.addEventListener("hashchange",f,(0,G.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",f,(0,G.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&p.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,A.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}o.some(e=>e)?this.importAggregator(e,()=>i.e(478).then(i.bind(i,8019))):this.deregisterDrain()}}var mt=i(2646);const vt=new Map;function yt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,u.R)(29);const o=function(e){return(e||w.ee).get("logger")}(e),a=(0,Re.YM)(o,void 0,s),c=new mt.y(w.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Re.Jt]||t[r];return vt.set(d,c),a.inPlace(t,[r],"wrap-logger-",()=>vt.get(d),void 0,!0),o}var bt=i(1910);class wt extends I{static featureName=re.TZ;constructor(e){var t;super(e,re.TZ),t=e,(0,_.Y)(S.$9,(e,r)=>ie(e,r,t),t),function(e){(0,_.Y)(S.Wb,(t,r,{customAttributes:n={},level:i=re.p_.INFO}={})=>{yt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),he(e);const r=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,bt.i)(p.gm.console[t]),yt(r,p.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([e],t,n,i=[]){const{level:s,customAttributes:o,autoCaptured:a}=this;i.forEach(t=>{(0,ne.R)(r,e,o,s,a,t)})}),this.importAggregator(e,()=>i.e(478).then(i.bind(i,5288)))}}new H({features:[Ue,B,F,it,at,V,ge,gt,wt,dt],loaderType:"spa"})})()})();</script>
<meta name="title" content="Le Cèdre Rouge : meubles, déco, luminaires et salons de jardin  | Le Cèdre Rouge"/>
<meta name="description" content="Découvrez les meubles haut de gamme pour maison et jardin, ainsi que les luminaires et canapés, en ligne sur Le Cèdre Rouge. Large choix de marques."/>
<meta name="keywords" content="mobilier, jardin, décoration, haut de gamme, Fermob"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<title>Le Cèdre Rouge : meubles, déco, luminaires et salons de jardin  | Le Cèdre Rouge</title>
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/css/styles.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Magento/base/default/HiPay_FullserviceMagento/css/styles.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Magento/base/default/Algolia_AlgoliaSearch/css/algolia-reset.css" />
<link  rel="icon" sizes="16x16" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/Magento_Theme/images/favicon_16x16.ico" />
<link  rel="icon" sizes="32x32" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/Magento_Theme/images/favicon_32x32.ico" />
<link  rel="icon" sizes="64x64" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/Magento_Theme/images/favicon_64x64.ico" />
<link  rel="icon" sizes="128x128" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/Magento_Theme/images/favicon_128x128.ico" />
<link  rel="icon" sizes="180x180" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/Magento_Theme/images/favicon_180x180.ico" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/fonts/public-sans/public-sans-v18-latin-regular.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/fonts/public-sans/public-sans-v18-latin-600.woff2" />
<link  rel="icon" type="image/x-icon" href="https://www.lecedrerouge.com/media/favicon/stores/1/Favicon_16.svg" />
<link  rel="shortcut icon" type="image/x-icon" href="https://www.lecedrerouge.com/media/favicon/stores/1/Favicon_16.svg" />
<!-- Magento Security Scan -->
<meta name="p:domain_verify" content="ZAHFOR8iALMsr95Bs1Wjb6C6KVVN27Wi"/>
<!-- TrustBox script --><script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script><!-- End TrustBox script -->
		<!-- Start cookieyes banner -->
	<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/fd62017eb35ffe52deea4484/script.js"></script>
	<!-- End cookieyes banner -->
<script type="text/javascript" src="//www.r202.fr/js/m2/uad_odj.js" async></script>
<script type="text/javascript"
src="https://try.abtasty.com/5bfe57fe3d182b8469e741c9a0f785e3.js"></script>            <script  type="text/javascript"  data-routing="commerce=rum" defer="defer" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@^2/dist/rum-standalone.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
                            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!-- Structured Data by outer/edge (https://outeredge.agency) -->
<script type="application/ld+json" id="structured-data">
{
    "@context": "https://schema.org/",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "Le Cèdre Rouge",
        "url": "https://www.lecedrerouge.com/",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/images/logo.svg"
        }
    }
                ,"name": "Le Cèdre Rouge | [LCR] Home Page"
,"mainContentOfPage": {
    "text": "              Le C&egrave;dre Rouge : L&#039;Art du Design et de la Qualit&eacute; pour un Int&eacute;rieur et un Ext&eacute;rieur d&#039;Exception                                               Le C&egrave;dre Rouge est une destination incontournable pour tous ceux qui recherchent des articles de qualit&eacute; alliant esth&eacute;tique, durabilit&eacute; et &eacute;thique. Sp&eacute;cialiste en mobilier d&rsquo;int&eacute;rieur,mobilier de jardin, luminaire, d&eacute;coration, et art de la table, notre site propose une vaste s&eacute;lection de produits con&ccedil;us pour sublimer votre maison et votre jardin. Que vous soyez &agrave; la recherche des derni&egrave;res nouveaut&eacute;s, d&rsquo;id&eacute;es cadeaux, ou encore de bonnes affaires, vous trouverez ici tout ce dont vous avez besoin pour cr&eacute;er un environnement &agrave; la fois raffin&eacute; et chaleureux. Mobilier : L&rsquo;&Eacute;l&eacute;gance et la Durabilit&eacute; au Service de Votre Int&eacute;rieur Chez Le C&egrave;dre Rouge, le mobilier est con&ccedil;u pour durer tout en offrant un design intemporel. Que vous cherchiez des meubles pour le salon, la salle &agrave; manger, la chambre, ou l&#039;ext&eacute;rieur, notre s&eacute;lection r&eacute;pond &agrave; tous les besoins et styles. Explorez nos collections de tables, chaises, canap&eacute;s et rangements, et harmonisez-les avec nos luminaires et accessoires de  d&eacute;coration pour un int&eacute;rieur parfaitement coordonn&eacute;. Luminaire : Illuminez Vos Espaces avec Style Les luminaires jouent un r&ocirc;le cl&eacute; dans l&#039;ambiance de votre maison. Notre gamme de luminaires en bois, m&eacute;tal, ou verre, allie fonctionnalit&eacute; et esth&eacute;tique pour cr&eacute;er des atmosph&egrave;res chaleureuses et accueillantes. Compl&eacute;tez votre mobilier avec des lampes de table, suspensions, ou appliques murales pour une d&eacute;coration lumineuse et harmonieuse. D&eacute;coration : Personnalisez Votre Int&eacute;rieur avec des Pi&egrave;ces Uniques La d&eacute;coration est l&#039;&acirc;me de votre maison, et chez Le C&egrave;dre Rouge, nous vous offrons une vari&eacute;t&eacute; de produits pour ajouter une touche personnelle &agrave; chaque pi&egrave;ce ainsi qu&rsquo;&agrave; votre jardin. Des objets d&eacute;coratifs aux textiles, en passant par les miroirs et cadres, chaque &eacute;l&eacute;ment est soigneusement s&eacute;lectionn&eacute; pour enrichir votre espace. Combinez nos objets de d&eacute;coration avec du mobilier pour un style coh&eacute;rent et &eacute;l&eacute;gant. Jardin : Cr&eacute;ez un Havre de Paix &agrave; l&#039;Ext&eacute;rieur Votre mobilier de jardin m&eacute;rite autant d&#039;attention que votre int&eacute;rieur. Nos meubles et accessoires de jardin sont con&ccedil;us pour r&eacute;sister aux intemp&eacute;ries tout en conservant leur charme. Que vous cherchiez des bancs, des tables d&#039;ext&eacute;rieur, des chaises, des tabourets, des parasols, des lampes, des poufs  ou des accessoires d&eacute;coratifs, Le C&egrave;dre Rouge vous offre des solutions qui transforment votre espace ext&eacute;rieur en un v&eacute;ritable refuge de tranquillit&eacute;. Art de la Table : &Eacute;l&eacute;gance et Convivialit&eacute; &agrave; Votre Table Pour vos moments de convivialit&eacute;, notre s&eacute;lection d&rsquo;art de la table marie parfaitement tradition et modernit&eacute;. De la vaisselle en c&eacute;ramique aux couverts &eacute;l&eacute;gants, en passant par les accessoires en bois, chaque pi&egrave;ce contribue &agrave; rendre vos repas plus chaleureux et raffin&eacute;s. Associez ces &eacute;l&eacute;ments &agrave; nos articles de d&eacute;coration pour une table harmonieuse et accueillante. Nos Nouveaut&eacute;s : Les Derni&egrave;res Tendances &agrave; Port&eacute;e de Main Le C&egrave;dre Rouge est toujours &agrave; la pointe du design. D&eacute;couvrez nos nouveaut&eacute;s et laissez-vous inspirer par les tendances actuelles en mati&egrave;re de mobilier, d&eacute;coration et luminaire. Chaque saison, nous s&eacute;lectionnons les meilleurs articles pour renouveler votre int&eacute;rieur et votre ext&eacute;rieur avec go&ucirc;t et modernit&eacute;. Cadeaux : Offrez de l&rsquo;Originalit&eacute; et de la Qualit&eacute; Pour les occasions sp&eacute;ciales, offrez un cadeau unique et significatif gr&acirc;ce &agrave; notre s&eacute;lection d&#039;id&eacute;es cadeaux. Que ce soit pour un anniversaire, un mariage ou une pendaison de cr&eacute;maill&egrave;re, nos articles en c&egrave;dre rouge et autres mat&eacute;riaux nobles sont des choix parfaits pour ravir vos proches. Seconde Vie : Une Nouvelle Histoire pour Vos Objets Pr&eacute;f&eacute;r&eacute;s Engag&eacute;s dans une d&eacute;marche &eacute;cologique, nous proposons une section Seconde Vie o&ugrave; vous pouvez trouver des meubles et objets restaur&eacute;s ou recycl&eacute;s. Cette initiative vous permet de redonner vie &agrave; des pi&egrave;ces de qualit&eacute; tout en respectant l&#039;environnement. C&rsquo;est aussi l&rsquo;occasion de d&eacute;nicher des tr&eacute;sors uniques pour votre int&eacute;rieur. Bonnes Affaires : La Qualit&eacute; Accessible &agrave; Tous Ne manquez pas nos bonnes affaires pour profiter de r&eacute;ductions sur une s&eacute;lection d&rsquo;articles de qualit&eacute;. Que vous recherchiez du mobilier, des luminaires ou des objets de d&eacute;coration, nos promotions vous permettront d&rsquo;acqu&eacute;rir des pi&egrave;ces exceptionnelles &agrave; des prix avantageux. Nos Marques : La Garantie d&#039;une Expertise et d&#039;une Qualit&eacute; In&eacute;gal&eacute;es Chez Le C&egrave;dre Rouge, nous travaillons avec des marques  reconnues pour leur savoir-faire et leur engagement en mati&egrave;re de qualit&eacute;. Chaque article que nous proposons est le fruit d&rsquo;une expertise artisanale et d&rsquo;une attention particuli&egrave;re aux d&eacute;tails, vous assurant ainsi un int&eacute;rieur &agrave; la hauteur de vos attentes. Explorez l&rsquo;univers de Le C&egrave;dre Rouge et laissez-vous inspirer par notre s&eacute;lection de mobilier d&rsquo;int&eacute;rieur mobilier de jardin, luminaire, d&eacute;coration, et art de la table, ainsi que par nos nouveaut&eacute;s, cadeaux, seconde vie, bonnes affaires  et nos marques. Chaque pi&egrave;ce est con&ccedil;ue pour transformer votre espace en un lieu unique, o&ugrave; &eacute;l&eacute;gance et durabilit&eacute; se rencontrent pour cr&eacute;er une atmosph&egrave;re accueillante et raffin&eacute;e.                                          Lire la suite                                  {      &quot;@context&quot;: &quot;http://schema.org&quot;,      &quot;@type&quot;: &quot;WebSite&quot;,      &quot;url&quot;: &quot;https://www.lecedrerouge.com/&quot;,      &quot;potentialAction&quot;: {      &quot;@type&quot;: &quot;SearchAction&quot;,      &quot;target&quot;:        &quot;https://www.lecedrerouge.com/catalogsearch/result?q={search_term_string}&quot;,      &quot;query-input&quot;: &quot;required name=search_term_string&quot;      }      }         "
}
    ,"description": "Découvrez les meubles haut de gamme pour maison et jardin, ainsi que les luminaires et canapés, en ligne sur Le Cèdre Rouge. Large choix de marques."
    ,"primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-mobilier-mobile.svg"
    }
    }
</script>

<script nonce="ZGRsOTVlaW1paWM0cTFrdDIyNTZlM2Z6YWdxeGM5bXE=">
    window.YIREO_GOOGLETAGMANAGER2_ENABLED = true;
    (function (events) {
        const initYireoGoogleTagManager2 = function () {
            events.forEach(function (eventType) {
                window.removeEventListener(eventType, initYireoGoogleTagManager2);
            });

                        (function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s),
                    dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src = 'https://www.googletagmanager.com' + '/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-M2ZCDJNB');
                    };

        events.forEach(function (eventType) {
            window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true})
        });
    })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']);

    </script>
<script>
    var BASE_URL = 'https://www.lecedrerouge.com/';
    var THEME_PATH = 'https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/fr_FR';
    var COOKIE_CONFIG = {
        "expires": null,
        "path": "\u002F",
        "domain": ".www.lecedrerouge.com",
        "secure": true,
        "lifetime": "31536000",
        "cookie_restriction_enabled": false    };
    var CURRENT_STORE_CODE = 'lcr_eu_fr';
    var CURRENT_WEBSITE_ID = '1';

    window.hyva = window.hyva || {}

    window.cookie_consent_groups = window.cookie_consent_groups || {}
    window.cookie_consent_groups['necessary'] = true;

    window.cookie_consent_config = window.cookie_consent_config || {};
    window.cookie_consent_config['necessary'] = [].concat(
        window.cookie_consent_config['necessary'] || [],
        [
            'user_allowed_save_cookie',
            'form_key',
            'mage-messages',
            'private_content_version',
            'mage-cache-sessid',
            'last_visited_store',
            'section_data_ids'
        ]
    );
</script>
<script>
    'use strict';
    (function( hyva, undefined ) {

        function lifetimeToExpires(options, defaults) {

            const lifetime = options.lifetime || defaults.lifetime;

            if (lifetime) {
                const date = new Date;
                date.setTime(date.getTime() + lifetime * 1000);
                return date;
            }

            return null;
        }

        function generateRandomString() {

            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
                length = 16;

            let formKey = '',
                charactersLength = allowedCharacters.length;

            for (let i = 0; i < length; i++) {
                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
            }

            return formKey;
        }

        const sessionCookieMarker = {noLifetime: true}

        const cookieTempStorage = {};

        const internalCookie = {
            get(name) {
                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
                return v ? v[2] : null;
            },
            set(name, value, days, skipSetDomain) {
                let expires,
                    path,
                    domain,
                    secure,
                    samesite;

                const defaultCookieConfig = {
                    expires: null,
                    path: '/',
                    domain: null,
                    secure: false,
                    lifetime: null,
                    samesite: 'lax'
                };

                const cookieConfig = window.COOKIE_CONFIG || {};

                expires = days && days !== sessionCookieMarker
                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;

                path = cookieConfig.path || defaultCookieConfig.path;
                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
                secure = cookieConfig.secure || defaultCookieConfig.secure;
                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;

                document.cookie = name + "=" + encodeURIComponent(value) +
                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '') +
                    (samesite ? '; samesite=' + samesite : 'lax');
            },
            isWebsiteAllowedToSaveCookie() {
                const allowedCookies = this.get('user_allowed_save_cookie');
                if (allowedCookies) {
                    const allowedWebsites = JSON.parse(unescape(allowedCookies));

                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
                }
                return false;
            },
            getGroupByCookieName(name) {
                const cookieConsentConfig = window.cookie_consent_config || {};
                let group = null;
                for (let prop in cookieConsentConfig) {
                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
                    if (cookieConsentConfig[prop].includes(name)) {
                        group = prop;
                        break;
                    }
                }
                return group;
            },
            isCookieAllowed(name) {
                const cookieGroup = this.getGroupByCookieName(name);
                return cookieGroup
                    ? window.cookie_consent_groups[cookieGroup]
                    : this.isWebsiteAllowedToSaveCookie();
            },
            saveTempStorageCookies() {
                for (const [name, data] of Object.entries(cookieTempStorage)) {
                    if (this.isCookieAllowed(name)) {
                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
                        delete cookieTempStorage[name];
                    }
                }
            }
        };

        hyva.getCookie = (name) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
            }

            return internalCookie.get(name);
        }

        hyva.setCookie = (name, value, days, skipSetDomain) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                cookieTempStorage[name] = {value, days, skipSetDomain};
                return;
            }
            return internalCookie.set(name, value, days, skipSetDomain);
        }


        hyva.setSessionCookie = (name, value, skipSetDomain) => {
            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
        }

        hyva.getBrowserStorage = () => {
            const browserStorage = window.localStorage || window.sessionStorage;
            if (!browserStorage) {
                console.warn('Browser Storage is unavailable');
                return false;
            }
            try {
                browserStorage.setItem('storage_test', '1');
                browserStorage.removeItem('storage_test');
            } catch (error) {
                console.warn('Browser Storage is not accessible', error);
                return false;
            }
            return browserStorage;
        }

        hyva.postForm = (postParams) => {
            const form = document.createElement("form");

            let data = postParams.data;

            if (! postParams.skipUenc && ! data.uenc) {
                data.uenc = btoa(window.location.href);
            }
            form.method = "POST";
            form.action = postParams.action;

            Object.keys(postParams.data).map(key => {
                const field = document.createElement("input");
                field.type = 'hidden'
                field.value = postParams.data[key];
                field.name = key;
                form.appendChild(field);
            });

            const form_key = document.createElement("input");
            form_key.type = 'hidden';
            form_key.value = hyva.getFormKey();
            form_key.name="form_key";
            form.appendChild(form_key);

            document.body.appendChild(form);

            form.submit();
        }

        hyva.getFormKey = function () {
            let formKey = hyva.getCookie('form_key');

            if (!formKey) {
                formKey = generateRandomString();
                hyva.setCookie('form_key', formKey);
            }

            return formKey;
        }

        hyva.formatPrice = (value, showSign, options = {}) => {
            const groupSeparator = options.groupSeparator;
            const decimalSeparator = options.decimalSeparator
            delete options.groupSeparator;
            delete options.decimalSeparator;
            const formatter = new Intl.NumberFormat(
                'fr\u002DFR',
                Object.assign({
                    style: 'currency',
                    currency: 'EUR',
                    signDisplay: showSign ? 'always' : 'auto'
                }, options)
            );
            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
                formatter.formatToParts(value).map(({type, value}) => {
                    switch (type) {
                        case 'currency':
                            return '\u20AC' || value;
                        case 'minusSign':
                            return '- ';
                        case 'plusSign':
                            return '+ ';
                        case 'group':
                            return groupSeparator !== undefined ? groupSeparator : value;
                        case 'decimal':
                            return decimalSeparator !== undefined ? decimalSeparator : value;
                        default :
                            return value;
                    }
                }).reduce((string, part) => string + part) :
                formatter.format(value);
        }

        const formatStr = function (str, nStart) {
            const args = Array.from(arguments).slice(2);

            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
                const idx = parseInt(n) - nStart;

                if (args[idx] === null || args[idx] === void 0) {
                    return m;
                }
                return p.length % 2
                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
                    : p.replace('%%', '%') + n;
            })
        }

        hyva.str = function (string) {
            const args = Array.from(arguments);
            args.splice(1, 0, 1);

            return formatStr.apply(undefined, args);
        }

        hyva.strf = function () {
            const args = Array.from(arguments);
            args.splice(1, 0, 0);

            return formatStr.apply(undefined, args);
        }

        /**
         * Take a html string as `content` parameter and
         * extract an element from the DOM to replace in
         * the current page under the same selector,
         * defined by `targetSelector`
         */
        hyva.replaceDomElement = (targetSelector, content) => {
            // Parse the content and extract the DOM node using the `targetSelector`
            const parser = new DOMParser();
            const doc = parser.parseFromString(content, 'text/html');
            const contentNode = doc.querySelector(targetSelector);

            // Bail if content or target can't be found
            if (!contentNode || !document.querySelector(targetSelector)) {
                return;
            }

                        hyva.activateScripts(contentNode);
            
            // Replace the old DOM node with the new content
            document.querySelector(targetSelector).replaceWith(contentNode);

            // Reload customerSectionData and display cookie-messages if present
            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
            hyva.initMessages();
        }

        hyva.removeScripts = (contentNode) => {
            const scripts = contentNode.getElementsByTagName('script');
            for (let i = 0; i < scripts.length; i++) {
                scripts[i].parentNode.removeChild(scripts[i]);
            }
            const templates = contentNode.getElementsByTagName('template');
            for (let i = 0; i < templates.length; i++) {
                const container = document.createElement('div');
                container.innerHTML = templates[i].innerHTML;
                hyva.removeScripts(container);
                templates[i].innerHTML = container.innerHTML;
            }
        }

        hyva.activateScripts = (contentNode) => {
            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
            const scripts = Array.from(contentNode.getElementsByTagName('script'));

            // Iterate over all script tags to duplicate+inject each into the head
            for (const original of scripts) {
                const script = document.createElement('script');
                original.type && (script.type = original.type);
                script.innerHTML = original.innerHTML;

                // Remove the original (non-executing) script from the contentNode
                original.parentNode.removeChild(original)

                // Add script to head
                document.head.appendChild(script);
            }

            return contentNode;
        }

        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);

        let currentTrap;

        const focusableElements = (rootElement) => {
            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
            return Array.from(rootElement.querySelectorAll(selector))
                .filter(el => {
                    return el.style.display !== 'none'
                        && !el.disabled
                        && el.tabIndex !== -1
                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
                })
        }

        const focusTrap = (e) => {
            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
            if (!isTabPressed) return;

            const focusable = focusableElements(currentTrap)
            const firstFocusableElement = focusable[0]
            const lastFocusableElement = focusable[focusable.length - 1]

            e.shiftKey
                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
        };

        hyva.releaseFocus = (rootElement) => {
            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
                currentTrap.removeEventListener('keydown', focusTrap)
                currentTrap = null
            }
        }
        hyva.trapFocus = (rootElement) => {
            if (!rootElement) return;
            hyva.releaseFocus()
            currentTrap = rootElement
            rootElement.addEventListener('keydown', focusTrap)
            const firstElement = focusableElements(rootElement)[0]
            firstElement && firstElement.focus()
        }

        hyva.safeParseNumber = (rawValue) => {
            const number = rawValue ? parseFloat(rawValue) : null;

            return Array.isArray(number) || isNaN(number) ? rawValue : number;
        }

        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {

            const camelCase = toCamelCase(name);
            const key = '__hyva_bool_' + name

            return new Proxy(Object.assign(
                additionalMethods,
                {
                    [key]: !!value,
                    [name]() {return !!this[key]},
                    ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine
                    ['not' + camelCase]() {return !this[key]},
                    ['toggle' + camelCase]() {this[key] = !this[key]},
                    [`set${camelCase}True`]() {this[key] = true},
                    [`set${camelCase}False`]() {this[key] = false},
                }
            ), {
                set(target, prop, value) {
                    return prop === name
                        ? (target[key] = !!value)
                        : Reflect.set(...arguments);
                }
            })
        }

                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())

    }( window.hyva = window.hyva || {} ));
</script>
<script>
    if (!window.IntersectionObserver) {
        window.IntersectionObserver = function (callback) {
            this.observe = el => el && callback(this.takeRecords());
            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
            this.disconnect = () => {};
            this.unobserve = () => {};
        }
    }
</script>
<script>
    'use strict';

    (function( hyva ) {
        hyva.customState = {};
                hyva.gliderAutoplay = (glider, milliseconds, loop, pauseOnHover = true, showPauseBtn = false) => {
            const pagesCount = glider.track.childElementCount;
            const gliderWrapper = glider.ele.parentElement;
            const togglePause = gliderWrapper.querySelector('.toggle-pause');
            const pauseBtn = gliderWrapper.querySelector('.glider-pause');
            const playBtn = gliderWrapper.querySelector('.glider-play');
            let slideTimeout = null;
            let nextIndex = 1;
            let paused = false;

            const slide = () => {
                slideTimeout = setTimeout(
                    () => {
                        if (loop && nextIndex >= pagesCount) {
                            nextIndex = 0;
                        }
                        glider.scrollItem(nextIndex);
                    },
                    parseInt(milliseconds)
                );
            };

            glider.ele.addEventListener('glider-animated', () => {
                nextIndex = glider.slide + glider.opt.slidesToScroll;
                window.clearInterval(slideTimeout);
                if (!paused && (loop || nextIndex < pagesCount)) {
                    slide();
                }
            });

            const pause = () => {
                if (!paused) {
                    clearInterval(slideTimeout);
                    paused = true;
                }
            };

            const unpause = () => {
                if (paused) {
                    slide();
                    paused = false;
                }
            };

            if (pauseOnHover) {
                glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true});
                glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true});
                glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true});
                glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true});
            }

            if (showPauseBtn) {
                togglePause.classList.remove('hidden');

                togglePause.addEventListener('click', () => {
                    paused ? unpause() : pause();

                    playBtn.classList.toggle('hidden', !paused);
                    pauseBtn.classList.toggle('hidden', paused);
                });
            }

            slide();
        };

        hyva.convertPxToRem = (value) => {
            if (typeof value === 'string') {
                value = Number(value.replace(/\D/g, ""));
            }

            return `${value / parseFloat(getComputedStyle(document.documentElement).fontSize)}rem`;
        };

        hyva.selectResizer = (select) => {
            const { fontWeight, fontSize, fontFamily, paddingRight, paddingLeft } = window.getComputedStyle(select);
            const { textContent } = select.options[select.selectedIndex];
            const virtualSpan = document.createElement('span');
            virtualSpan.textContent = textContent;
            virtualSpan.style.fontWeight = fontWeight;
            virtualSpan.style.fontSize = fontSize;
            virtualSpan.style.fontFamily = fontFamily;
            virtualSpan.style.visibility = 'hidden';

            const span = document.body.appendChild(virtualSpan);
            const { offsetWidth: virtualSpanWidth } = span;
            document.body.removeChild(span);

            const finalSelectWidth = virtualSpanWidth +
                Number(paddingRight.replace(/\D/g, "")) +
                Number(paddingLeft.replace(/\D/g, ""));
            select.style.width = hyva.convertPxToRem(finalSelectWidth);
        };

        hyva.initProductCarousel = (carousel) => {
            const gliderElement = carousel.querySelector('[data-role="glider-content"]');
            const isTouchDevice = window.matchMedia('(pointer: coarse)').matches;
            const slidesCount = gliderElement.children.length;

            if (!gliderElement) {
                return;
            }

            const gliderDots = carousel.querySelector('.glider-dots');
            const gliderPrev = carousel.querySelector('.glider-prev');
            const gliderNext = carousel.querySelector('.glider-next');
            const slidesToShowDesktop = carousel.dataset.slidesToShowDesktop;
            const slidesToShowMobile = carousel.dataset.slidesToShowMobile;

            const glider = new Glider(gliderElement, {
                slidesToShow: slidesToShowMobile ? slidesToShowMobile : 2,
                slidesToScroll: slidesToShowMobile ? Math.floor(slidesToShowMobile) : 2,
                scrollLock: true,
                draggable: true,
                dragVelocity: 2.5,
                dots: gliderDots,
                arrows: {
                    prev: gliderPrev,
                    next: gliderNext,
                },
                responsive: [
                    {
                        breakpoint: 1024,
                        settings: {
                            slidesToShow: slidesToShowDesktop ? slidesToShowDesktop : 4,
                            slidesToScroll: slidesToShowDesktop ? Math.floor(slidesToShowDesktop) : 4
                        }
                    },
                ],
            });

            carousel.classList.remove('overflow-x-scroll');

            const showNav = isTouchDevice ? slidesCount > slidesToShowMobile : slidesCount > slidesToShowDesktop;

            if (showNav) {
                gliderPrev.classList.remove('hidden');
                gliderNext.classList.remove('hidden');
            } else {
                gliderDots.classList.add('hidden');
            }

            if (carousel.dataset.autoplay !== 'false') {
                hyva.gliderAutoplay(
                    glider,
                    carousel.dataset.autoplaySpeed,
                    carousel.dataset.infiniteLoop
                );
            }

            window.addEventListener('page-builder-tab-activate', event => {
                const tab = event.detail.tab;
                if (tab && tab.contains(gliderElement)) {
                    event.detail.nextTick.then(() => {
                        requestAnimationFrame(() => glider.refresh(true))
                    });
                }
            });
        };

        hyva.lockBody = () => {
            const body = document.querySelector('body');
            hyva.customState.scrollPosition = window.pageYOffset;

            body.style.overflow = 'hidden';
            body.style.position = 'fixed';
            body.style.top = `-${hyva.customState.scrollPosition}px`;
            body.style.width = '100%';
        };

        hyva.unlockBody = () => {
            const body = document.querySelector('body');

            body.style.removeProperty('overflow');
            body.style.removeProperty('position');
            body.style.removeProperty('top');
            body.style.removeProperty('width');
            window.scrollTo(0, hyva.customState.scrollPosition);
        };

    }( window.hyva = window.hyva || {} ));
</script>

<link rel="canonical" href="https://www.lecedrerouge.com"/>
    
    <script>window.algoliaConfig = {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":true,"addToCartParams":{"action":"https:\/\/www.lecedrerouge.com\/checkout\/cart\/add\/","formKey":"vMPOiWksZc8V8QW0","redirectUrlParam":"uenc"},"infiniteScrollEnabled":false,"urlTrackedParameters":["query","attribute:*","index","page"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[],"nbOfProductsSuggestions":6,"nbOfCategoriesSuggestions":5,"nbOfQueriesSuggestions":5,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/www.lecedrerouge.com\/checkout\/cart\/add\/","formKey":"vMPOiWksZc8V8QW0","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.15.1","applicationId":"GJB9X5XUTG","indexName":"prod_lcr_lcr_eu_fr","apiKey":"MTYyNzI1MjUzMDJlZDViZTRlMTFhMDU3NTBmMDc0YTE2OTdhMmQyZTY5ZDhhMzNlN2EyMTkzMWM5OGYzNTVjYXRhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc4MTEwNDc1Mg==","attributeFilter":[],"facets":[{"attribute":"manufacturer","type":"disjunctive","label":"Marque","searchable":"1","create_rule":"2"},{"attribute":"type_objet","type":"disjunctive","label":"Cat\u00e9gorie","searchable":"1","create_rule":"2"},{"attribute":"outdoor_indoor_les_2","type":"disjunctive","label":"Int\u00e9rieur \/ Ext\u00e9rieur","searchable":"1","create_rule":"2"},{"attribute":"matiere","type":"disjunctive","label":"Mati\u00e8re","searchable":"1","create_rule":"2"},{"attribute":"nuance","type":"disjunctive","label":"Couleur","searchable":"1","create_rule":"2"},{"attribute":"gamme_collection","type":"disjunctive","label":"Collection","searchable":"1","create_rule":"2"},{"attribute":"price","type":"slider","label":"Prix","searchable":"2","create_rule":"2"},{"attribute":"availability_status","type":"disjunctive","label":"Statut de disponibilit\u00e9","searchable":"2","create_rule":"2"},{"attribute":"longueur","type":"slider","label":"Longueur","searchable":"1","create_rule":"2"},{"attribute":"hauteur","type":"slider","label":"Hauteur","searchable":"1","create_rule":"2"}],"areCategoriesInFacets":false,"hitsPerPage":60,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Prix croissant","virtualReplica":"0","name":"prod_lcr_lcr_eu_fr_products_price_default_asc","ranking":["asc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix croissant"},{"attribute":"price","sort":"desc","sortLabel":"Prix d\u00e9croissant","virtualReplica":"0","name":"prod_lcr_lcr_eu_fr_products_price_default_desc","ranking":["desc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix d\u00e9croissant"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":true,"productId":null,"priceKey":".EUR.default","priceGroup":null,"origFormatedVar":"price.EUR.default_original_formated","tierFormatedVar":"price.EUR.default_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"maxValuesPerFacet":50,"autofocus":true,"resultPageUrl":"https:\/\/www.lecedrerouge.com\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/www.lecedrerouge.com\/"},"showCatsNotIncludedInNavigation":true,"showSuggestionsOnNoResultsPage":true,"baseUrl":"https:\/\/www.lecedrerouge.com","popularQueries":["table urban emu","TABLE ALLONGE ATHENA","PALISSADE de Hay","taupe de sable \u00e0 manoir exterieur interieur extensible","Chaise athena","TABLE INTERIEUR DE CUISINE","table cambi emu","ethnicraft","fermob","tapis"],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","conversionAnalyticsMode":"all","addToCartSelector":".action.primary.tocart","orderedProductIds":[]},"isPersonalizationEnabled":true,"personalization":{"enabled":true,"viewedEvents":{"viewProduct":{"eventName":"Viewed Product","enabled":true,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product Clicked","enabled":true,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Recommended Product Clicked","enabled":true,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter Clicked","enabled":true,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1780963200,"queue":{"isEnabled":true,"nbOfJobsToRun":50,"retryLimit":10,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"\u00e0","or":"ou","go":"Appliquer","popularQueries":"You can try one of the popular search queries","seeAll":"Voir tout","allDepartments":"All departments","seeIn":"See products in","orIn":"or in","noProducts":"Aucun r\u00e9sultat pour","noResults":"Aucun r\u00e9sultat","refine":"Refine","selectedFilters":"Selected Filters","clearAll":"Effacer tout","previousPage":"Page pr\u00e9c\u00e9dente","nextPage":"Page suivante","searchFor":"Search for products","relevance":"Pertinence","categories":"Cat\u00e9gories","products":"Produits","suggestions":"Suggestions","searchBy":"Search by","searchForFacetValuesPlaceholder":"Search for other ...","showMore":"Show more products","searchTitle":"Search results for","placeholder":"Search for products, categories, ...","addToCart":"Ajouter au panier","closeSearch":"Close search","clearAllFilters":"","searchSuggestions":"Suggestions de recherche","inStockLabel":"En stock","outOfStockLabel":"\u00c9puis\u00e9","discount":"-%1%","publicPrice":"Prix public","loyaltyPrice":"Membre Carte Rouge","variantText":"+ %1 d\u00e9clinaison","variantPluralText":"+ %1 d\u00e9clinaisons"}};</script>

</head>
<body id="html-body" class="cms-home cms-index-index page-layout-1column">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M2ZCDJNB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<input name="form_key" type="hidden" value="vMPOiWksZc8V8QW0" />
    <noscript>
        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
            <div class="container text-center">
                <p>
                    <strong>Javascript est désactivé dans votre navigateur.</strong>
                    <span>
                        Pour une expérience optimale sur notre site, veuillez autoriser Javascript sur votre navigateur.                    </span>
                </p>
            </div>
        </section>
    </noscript>


<script>
    document.body.addEventListener('touchstart', () => {}, {passive: true})
</script>

<div x-data="companyNoticeBlocked"
     @company-permissions-loaded.window="loadPrivateCompanyData"
>
    <template x-if="showNotice">
        <div class="fixed w-full top-0 left-0 z-50 message company-warning bg-red-500 m-0 rounded-none">
            <span class="mx-auto text-white">
                Ce compte client de la compagnie est bloqué et le client ne peut pas passer de commandes.            </span>
        </div>
    </template>
</div>

<script>
    function companyNoticeBlocked() {
        return {
            showNotice: false,
            loadPrivateCompanyData() {
                return this.showNotice = this.$event.detail.isCompanyBlocked ?? false
            }
        }
    }

    window.addEventListener('alpine:init', () => Alpine.data('companyNoticeBlocked', companyNoticeBlocked), {once: true});
</script>
<script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                window.addEventListener('cart-item-added', (event) => {
                    let products = [];

                    event.detail.forEach((item) => {
                        products.push({
                            id: item['product_sku'],
                            name: item['product_name'],
                            price: item['product_price_value'],
                            quantity: item['qty'],
                        });
                    });

                    dataLayer.push({
                        event: 'addToCart',
                        ecommerce: {
                            currencyCode: 'EUR',
                            add: {
                                products: products,
                            },
                        },
                    });
                });
            },
            { once: true }
        );
    })();
</script>
<script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                window.addEventListener('cart-item-removed', (event) => {
                    let products = [];

                    event.detail.forEach((item) => {
                        products.push({
                            id: item['product_sku'],
                            name: item['product_name'],
                            price: item['product_price_value'],
                            quantity: item['qty'],
                        });
                    });

                    dataLayer.push({
                        event: 'removeFromCart',
                        ecommerce: {
                            currencyCode: 'EUR',
                            remove: {
                                products: products,
                            },
                        },
                    });
                });
            },
            { once: true }
        );
    })();
</script>
<script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const banners = document.querySelectorAll('\u005Bdata\u002Dbanner\u002Did\u005D');
                let promotions = [];

                banners.forEach((banner) => {
                    banner.addEventListener('click', () => {
                        window.dataLayer.push({
                            event: 'promotionClick',
                            ecommerce: {
                                promoClick: {
                                    promotions: [{
                                        id: banner.dataset.bannerId,
                                        name: banner.dataset.bannerName,
                                        creative: '',
                                        position: 'cms_index_index',
                                    }],
                                },
                            },
                        });
                    });

                    promotions.push({
                        id: banner.dataset.bannerId,
                        name: banner.dataset.bannerName,
                        creative: '',
                        position: 'cms_index_index',
                    });
                });

                if (promotions.length) {
                    window.dataLayer.push({
                        event: 'promotionView',
                        ecommerce: {
                            promoView: {
                                promotions: promotions,
                            },
                        },
                    });
                }
            },
            { once: true }
        );
    })();
</script>
<script nonce="ZGRsOTVlaW1paWM0cTFrdDIyNTZlM2Z6YWdxeGM5bXE=">
    function yireoGoogleTagManager2Pusher(eventData, message, callback) {
        window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || [];

        function doCallback(cb) {
            if (undefined === cb) {
                return;
            }

            cb();
        }

        
        const copyEventData = Object.assign({}, eventData);
        let metaData = {};
        if (copyEventData.meta) {
            metaData = copyEventData.meta;
            delete copyEventData.meta;
        }

        const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData)));
        if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) {
            yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData);
            doCallback(callback);
            return;
        }

        if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0
            && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) {
            yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData);
            doCallback(callback);
            return;
        }

        if (!message) {
            message = 'push (unknown) [unknown]';
        }

        yireoGoogleTagManager2Logger(message, eventData);
        window.dataLayer = window.dataLayer || [];

        if (eventData.ecommerce) {
            window.dataLayer.push({ecommerce: null});
        }

        try {
            window.dataLayer.push(eventData);
            window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash);
        } catch(error) {
            doCallback(callback);
        }

        doCallback(callback);
    }
</script>
<script nonce="ZGRsOTVlaW1paWM0cTFrdDIyNTZlM2Z6YWdxeGM5bXE=">
    function yireoGoogleTagManager2Logger(...args) {
        const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false;
        if (false === debug) {
            return;
        }

        var color = 'gray';
        if (args[0].toLowerCase().startsWith('push')) {
            color = 'green';
        }

        if (args[0].toLowerCase().startsWith('warning')) {
            color = 'orange';
        }

        var css = 'color:white; background-color:' + color + '; padding:1px;'
        console.log('%cYireo_GoogleTagManager2', css, ...args);
    }
</script>
<div class="page-wrapper flex flex-col min-h-screen"><header class="page-header">    <script type="application/javascript" async
            src="https://static.klaviyo.com/onsite/js/TngXZq/klaviyo.js"></script>

    <div x-data="initKlaviyoCustomerTracking()"
         @private-content-loaded.window="sendCustomerDataToKlaviyo(event.detail.data)"></div>
    <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)}}}}();

        function initKlaviyoCustomerTracking() {
            return {
                sendCustomerDataToKlaviyo(data) {
                    window.klaviyo = window.klaviyo || [];
                    const customer = data.customer;

                    window.klaviyo.isIdentified().then((identified)=> {
                        if(customer && customer.email && !identified) {
                            window.klaviyo.identify({
                                '$email': customer.email,
                                '$first_name': customer.firstname ? customer.firstname : '',
                                '$last_name':  customer.lastname ? customer.lastname : ''
                            });
                        }
                    });
                }
            }
        }
    </script>
<script>
    function dndStickyHeader() {
        return {
            lastScrollTop: window.scrollY,
            isSimplified: false,
            bodyContainer: document.querySelector('body'),
            isMobileDevice: window.matchMedia('(max-width: 1024px)').matches ||
                            window.matchMedia('(pointer: coarse)').matches,
            // Same timing as tailwind duration property on header.css file
            animationTimingDuration: 400,
            timeout: null,
            isHomePage: Boolean(parseInt(1)),
            headerLayout: 'default',
            scrolled: false,
            initialParentElementHeight: document.querySelector('.page-header').offsetHeight,
            initialSearchContentHeight: null,
            init: function () {
                switch (this.headerLayout) {
                    case 'default':
                        this.applyFixedHeaderHeight();
                        break;
                    case 'compact':
                        this.applyFixedCompactHeaderHeight();
                        break;
                }
            },
            applyFixedHeaderHeight() {
                this.$el.parentElement.style.height = hyva.convertPxToRem(this.$el.offsetHeight);

                if (this.isMobileDevice) {
                    const searchContent = this.$el.querySelector('#search-content');
                    if (searchContent) {
                        if (!this.initialSearchContentHeight) {
                            this.initialSearchContentHeight = searchContent.offsetHeight;
                        }

                        const searchContentHeightInRem = hyva.convertPxToRem(this.initialSearchContentHeight);
                        searchContent.style.setProperty('height', searchContentHeightInRem);
                        searchContent.style.setProperty('min-height', 'auto');
                    }
                } else {
                    const desktopMenu = this.$el.querySelector('#dnd-menu-desktop');
                    const dndMenu = desktopMenu.querySelector('.dnd-menu');

                    desktopMenu.style.height = hyva.convertPxToRem(desktopMenu.offsetHeight);
                    dndMenu.style.height = hyva.convertPxToRem(desktopMenu.offsetHeight);
                }
            },
            applyFixedCompactHeaderHeight() {
                const headerHeight = this.$el.querySelector('.header-wrapper').offsetHeight;
                this.$el.parentElement.style.height = hyva.convertPxToRem(headerHeight);
            },
            handleScroll: function () {
                const currentScrollY = window.scrollY;
                const heroHeight = document.getElementById('home-hero');
                const scrollPosition = heroHeight ? heroHeight.clientHeight : 100;
                const headerHeightInRem = hyva.convertPxToRem(this.initialParentElementHeight);

                this.scrolled = window.pageYOffset > scrollPosition;

                if (currentScrollY > this.lastScrollTop + 30 && !this.isSimplified) {
                    clearTimeout(this.timeout);
                    this.isSimplified = true;
                    this.bodyContainer.classList.add('has-header-simplified');
                    // The purpose of this class is to manage required overflow hidden property
                    // for animation needed on desktop navigation
                    this.$el.classList.add('after-simplified');
                } else if (currentScrollY <= this.lastScrollTop - 30 && this.isSimplified) {
                    this.isSimplified = false;
                    this.bodyContainer.classList.remove('has-header-simplified');

                    this.timeout = setTimeout(() => {
                        this.$el.classList.remove('after-simplified');
                    }, this.animationTimingDuration);

                    this.$el.parentElement.style.setProperty('height', headerHeightInRem);
                }

                this.lastScrollTop = currentScrollY <= 0 ? 0 : currentScrollY;
            }
        }
    }
</script>
<div x-data="dndStickyHeader()"
     x-init="init()"
     @scroll.window="handleScroll()"
     @resize.window="init()"
     class="page-header-container fixed top-0 left-0 right-0 z-40"
     :class="{'scrolled' : scrolled}">
    <script>
    function initHeader () {
        return {
            cart: {},
            isCartOpen: false,
            getData(data) {
                if (data.cart) { this.cart = data.cart }
            },
            isCartEmpty() {
                return !this.cart.summary_count
            },
            toggleCart(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    this.isCartOpen = event.detail.isOpen
                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
                        this.$refs.cartButton.focus()
                    }
                } else {
                                        this.isCartOpen = true
                }
            }
        }
    }
    function initCompareHeader() {
        return {
            compareProducts: null,
            itemCount: 0,
            receiveCompareData(data) {
                if (data['compare-products']) {
                    this.compareProducts = data['compare-products'];
                    this.itemCount = this.compareProducts.count;
                }
            }
        }
    }
</script>
<div id="header"
     class="relative z-30 w-full border-b bg-container-lighter border-merino-500 lg:border-none"
     x-data="initHeader()"
     @private-content-loaded.window="getData(event.detail.data)"
>
    <div class="header-wrapper container relative flex items-center z-10 bg-container-lighter
                w-full pt-3 mx-auto mt-0 lg:py-5 xl:py-6 2xl:px-20">
        <div class="header-grid w-full grid items-center gap-3
                    grid-areas-mobile-header grid-cols-header-mobile
                    lg:grid-areas-desktop-touch-header lg:grid-cols-desktop-touch-header
                    lg:gap-5 xl:gap-10">
            <!--Mobile Navigation -->
            <div class="grid-in-burger lg:ml-0">
                
<script>
    'use strict';

    function dndNavigationBurger() {
        return {
            open: false,
            eventListeners: {
                ['@close-mobile-menu.window']() {
                    this.open = false;
                },
                ['@open-mobile-menu.window']() {
                    this.open = true;
                },
                ['@keydown.window.escape']() {
                    this.open = false;
                }
            }
        }
    }
</script>

<div x-data="dndNavigationBurger()"
     x-bind="eventListeners"
     class="dnd-menu-toggle">
    <div class="dnd-menu-toggle w-4&#x20;h-4 relative">
        <button type="button"
                @click.prevent="$dispatch('close-mobile-menu')"
                class="absolute&#x20;top-0&#x20;left-0&#x20;transition&#x20;duration-400&#x20;ease-custom opacity-0 -translate-y-full"
                :class="open ? 'opacity-100 translate-y-0' : 'opacity-0 -translate-y-full'">
                <span class="sr-only">
                    Fermer le menu                </span>
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 14 14" fill="none" class="w-4 h-4" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42567 0.540146C1.66089 0.304934 2.04224 0.304934 2.27745 0.540146L13.6345 11.8972C13.8697 12.1324 13.8697 12.5137 13.6345 12.7489C13.3993 12.9842 13.0179 12.9842 12.7827 12.7489L1.42567 1.39192C1.19046 1.15671 1.19046 0.775357 1.42567 0.540146Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42589 12.6349C1.19068 12.3997 1.19068 12.0183 1.42589 11.7831L12.7829 0.42608C13.0181 0.190868 13.3995 0.190868 13.6347 0.42608C13.8699 0.661291 13.8699 1.04264 13.6347 1.27786L2.27766 12.6349C2.04245 12.8701 1.6611 12.8701 1.42589 12.6349Z" fill="currentColor"/>
<title>cross</title></svg>
        </button>
        <button type="button"
                @click.prevent="$dispatch('open-mobile-menu')"
                class="absolute&#x20;top-0&#x20;left-0&#x20;transition&#x20;duration-400&#x20;ease-custom translate-y-0"
                :class="open ? 'opacity-0 translate-y-full' : 'translate-y-0'">
                    <span class="sr-only">
                        Ouvrir le menu                    </span>
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 16 11" fill="none" class="w-4 h-4" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.275517 0 0.615385 0H15.3846C15.7245 0 16 0.223858 16 0.5C16 0.776142 15.7245 1 15.3846 1H0.615385C0.275517 1 0 0.776142 0 0.5Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.5C0 5.22386 0.275517 5 0.615385 5H15.3846C15.7245 5 16 5.22386 16 5.5C16 5.77614 15.7245 6 15.3846 6H0.615385C0.275517 6 0 5.77614 0 5.5Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5C0 10.2239 0.275517 10 0.615385 10H15.3846C15.7245 10 16 10.2239 16 10.5C16 10.7761 15.7245 11 15.3846 11H0.615385C0.275517 11 0 10.7761 0 10.5Z" fill="currentColor"/>
<title>burger</title></svg>
        </button>
    </div>
</div>
            </div>

            <!--Logo-->
            <div class="grid-in-logo">
                <div class="flex&#x20;flex-1&#x20;justify-center&#x20;lg&#x3A;flex-none">
    <a class="flex items-center justify-center
            no-underline hover:no-underline
            w-full&#x20;pl-3&#x20;sm&#x3A;pl-0&#x20;lg&#x3A;max-w-80&#x20;xl&#x3A;max-w-&#x5B;18.5rem&#x5D;&#x20;2xl&#x3A;max-w-&#x5B;25rem&#x5D;"
       href="https://www.lecedrerouge.com/"
       aria-label="Aller&#x20;&#xE0;&#x20;la&#x20;page&#x20;d&#x27;accueil">
        <img class="w-full"
             src="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/images/logo.svg"
             alt="Logo&#x20;du&#x20;magasin"
            width="189"            height="64"        />
            </a>
</div>
            </div>

            <!--Search-->
            <div id="search-content" class="grid-in-search min-h-14">
                <div class="pb-5 lg:pb-0">
                        <script>
        const algoliaConfig = Object.assign(
            {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":true,"addToCartParams":{"action":"https:\/\/www.lecedrerouge.com\/checkout\/cart\/add\/","formKey":"vMPOiWksZc8V8QW0","redirectUrlParam":"uenc"},"infiniteScrollEnabled":false,"urlTrackedParameters":["query","attribute:*","index","page"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[],"nbOfProductsSuggestions":6,"nbOfCategoriesSuggestions":5,"nbOfQueriesSuggestions":5,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/www.lecedrerouge.com\/checkout\/cart\/add\/","formKey":"vMPOiWksZc8V8QW0","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.15.1","applicationId":"GJB9X5XUTG","indexName":"prod_lcr_lcr_eu_fr","apiKey":"MTYyNzI1MjUzMDJlZDViZTRlMTFhMDU3NTBmMDc0YTE2OTdhMmQyZTY5ZDhhMzNlN2EyMTkzMWM5OGYzNTVjYXRhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc4MTEwNDc1Mg==","attributeFilter":[],"facets":[{"attribute":"manufacturer","type":"disjunctive","label":"Marque","searchable":"1","create_rule":"2"},{"attribute":"type_objet","type":"disjunctive","label":"Cat\u00e9gorie","searchable":"1","create_rule":"2"},{"attribute":"outdoor_indoor_les_2","type":"disjunctive","label":"Int\u00e9rieur \/ Ext\u00e9rieur","searchable":"1","create_rule":"2"},{"attribute":"matiere","type":"disjunctive","label":"Mati\u00e8re","searchable":"1","create_rule":"2"},{"attribute":"nuance","type":"disjunctive","label":"Couleur","searchable":"1","create_rule":"2"},{"attribute":"gamme_collection","type":"disjunctive","label":"Collection","searchable":"1","create_rule":"2"},{"attribute":"price","type":"slider","label":"Prix","searchable":"2","create_rule":"2"},{"attribute":"availability_status","type":"disjunctive","label":"Statut de disponibilit\u00e9","searchable":"2","create_rule":"2"},{"attribute":"longueur","type":"slider","label":"Longueur","searchable":"1","create_rule":"2"},{"attribute":"hauteur","type":"slider","label":"Hauteur","searchable":"1","create_rule":"2"}],"areCategoriesInFacets":false,"hitsPerPage":60,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Prix croissant","virtualReplica":"0","name":"prod_lcr_lcr_eu_fr_products_price_default_asc","ranking":["asc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix croissant"},{"attribute":"price","sort":"desc","sortLabel":"Prix d\u00e9croissant","virtualReplica":"0","name":"prod_lcr_lcr_eu_fr_products_price_default_desc","ranking":["desc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix d\u00e9croissant"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":true,"productId":null,"priceKey":".EUR.default","priceGroup":null,"origFormatedVar":"price.EUR.default_original_formated","tierFormatedVar":"price.EUR.default_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"maxValuesPerFacet":50,"autofocus":true,"resultPageUrl":"https:\/\/www.lecedrerouge.com\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/www.lecedrerouge.com\/"},"showCatsNotIncludedInNavigation":true,"showSuggestionsOnNoResultsPage":true,"baseUrl":"https:\/\/www.lecedrerouge.com","popularQueries":["table urban emu","TABLE ALLONGE ATHENA","PALISSADE de Hay","taupe de sable \u00e0 manoir exterieur interieur extensible","Chaise athena","TABLE INTERIEUR DE CUISINE","table cambi emu","ethnicraft","fermob","tapis"],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","conversionAnalyticsMode":"all","addToCartSelector":".action.primary.tocart","orderedProductIds":[]},"isPersonalizationEnabled":true,"personalization":{"enabled":true,"viewedEvents":{"viewProduct":{"eventName":"Viewed Product","enabled":true,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product Clicked","enabled":true,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Recommended Product Clicked","enabled":true,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter Clicked","enabled":true,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1780963200,"queue":{"isEnabled":true,"nbOfJobsToRun":50,"retryLimit":10,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"\u00e0","or":"ou","go":"Appliquer","popularQueries":"You can try one of the popular search queries","seeAll":"Voir tout","allDepartments":"All departments","seeIn":"See products in","orIn":"or in","noProducts":"Aucun r\u00e9sultat pour","noResults":"Aucun r\u00e9sultat","refine":"Refine","selectedFilters":"Selected Filters","clearAll":"Effacer tout","previousPage":"Page pr\u00e9c\u00e9dente","nextPage":"Page suivante","searchFor":"Search for products","relevance":"Pertinence","categories":"Cat\u00e9gories","products":"Produits","suggestions":"Suggestions","searchBy":"Search by","searchForFacetValuesPlaceholder":"Search for other ...","showMore":"Show more products","searchTitle":"Search results for","placeholder":"Search for products, categories, ...","addToCart":"Ajouter au panier","closeSearch":"Close search","clearAllFilters":"","searchSuggestions":"Suggestions de recherche","inStockLabel":"En stock","outOfStockLabel":"\u00c9puis\u00e9","discount":"-%1%","publicPrice":"Prix public","loyaltyPrice":"Membre Carte Rouge","variantText":"+ %1 d\u00e9clinaison","variantPluralText":"+ %1 d\u00e9clinaisons"}}, {
                resultURL:'https\u003A\u002F\u002Fwww.lecedrerouge.com\u002Fcatalogsearch\u002Fresult\u002F',
                placeholder: 'Rechercher'
            }
        )
    </script>
        <script>
        (() => {
            const instantsearchScripts = ["https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/algoliaBundle.min.js","https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Sev\/default\/default\/Hyva_AlgoliaSearch\/js\/internals\/common.js","https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/instantsearch.js"];
            const instantsearchHookScript = 'https://www.lecedrerouge.com/static/version1774539495/frontend/Magento/base/default/Sev_AlgoliaSearch/js/instantsearch-hooks.js';
            const autocompleteScripts = ["https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/autocomplete-js.js","https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/algoliasearch.js","https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/algoliasearch-query-suggestion-plugin.js","https:\/\/www.lecedrerouge.com\/static\/version1774539495\/frontend\/Magento\/base\/default\/Sev_AlgoliaSearch\/js\/autocomplete-hooks.js"]
            function loadScript (url, scriptType) {
                if (typeof scriptType !== 'string') {
                    scriptType = 'text/javascript'
                }
                let script = document.createElement('script');
                script.setAttribute('type', scriptType);
                script.setAttribute('src', url);
                document.head.append(script);

                return new Promise((resolve) => script.addEventListener('load', resolve))
            }

            function loadScripts(scripts) {
                return Promise.all(scripts.map(loadScript))
            }

            let autocompleteInitialized = false

            async function initAlgoliaAutoComplete() {
                if (autocompleteInitialized) {
                    return
                }

                autocompleteInitialized = true

                await loadScripts(autocompleteScripts)
                await loadScript('https\u003A\u002F\u002Fwww.lecedrerouge.com\u002Fstatic\u002Fversion1774539495\u002Ffrontend\u002FSev\u002Fdefault\u002Fdefault\u002FHyva_AlgoliaSearch\u002Fjs\u002Finternals\u002FautocompleteConfig.js')
            }
            function initInstantSearch() {
                loadScripts(instantsearchScripts).then(() => {
                    loadScript(instantsearchHookScript, 'module').then(() => {
                        algoliaCommon()
                        initAlgoliaInstantSearch()
                    })
                })
            }

            if (algoliaConfig.autocomplete.enabled) {
                initAlgoliaAutoComplete();
            }

            if (algoliaConfig.instant.enabled && algoliaConfig.isSearchPage) {
                initInstantSearch()
            }
        })();
    </script>
    <div class="w-full flex justify-center">
        <div class="w-full" >
            <div id="algolia-autocomplete-container"></div>
        </div>
    </div>

                </div>
            </div>

            <ul class="grid-in-links flex items-center gap-3 order-3 lg:gap-7">
                <!-- Additional Header Elements -->
                
<li class="hidden lg:list-item">
    <a href="https://www.lecedrerouge.com/contacts/"
       class="hidden flex-col items-center p-1 outline-offset-2 lg:inline-flex">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 20" fill="none" class="h-5 w-5 lg:h-7 lg:w-7" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.966 2.16699C8.76469 2.16699 6.11598 4.52929 5.66652 7.60595C5.62517 7.82328 5.56548 8.33979 5.55866 9.07315C3.8663 9.73049 2.66602 11.3747 2.66602 13.3003C2.66602 14.0577 2.85211 14.7728 3.18132 15.4013L2.87613 17.0405C2.84596 17.2025 2.89758 17.369 3.01413 17.4855C3.13067 17.6021 3.29717 17.6537 3.4592 17.6235L5.09839 17.3184C5.72688 17.6476 6.44203 17.8337 7.19935 17.8337C9.12289 17.8337 10.7655 16.636 11.4243 14.9466C12.0543 14.9236 12.6915 14.8571 12.9701 14.8213L12.9775 14.8203L12.986 14.819C13.6991 14.7041 14.3725 14.4708 14.9854 14.1401L17.4478 14.5985C17.6099 14.6287 17.7764 14.5771 17.8929 14.4605C18.0094 14.344 18.0611 14.1775 18.0309 14.0155L17.5724 11.5531C18.0575 10.6541 18.3327 9.62534 18.3327 8.53366C18.3327 5.01745 15.4822 2.16699 11.966 2.16699ZM6.75381 8.78865C6.90048 8.77432 7.04911 8.76699 7.19935 8.76699C9.70306 8.76699 11.7327 10.7966 11.7327 13.3003C11.7327 13.5149 11.7177 13.7261 11.6888 13.933C12.1667 13.9055 12.6151 13.8584 12.8347 13.8305C13.4863 13.7245 14.0984 13.5011 14.649 13.1826C14.7523 13.1229 14.8735 13.102 14.9909 13.1239L16.9144 13.482L16.5562 11.5585C16.5344 11.4412 16.5552 11.3199 16.615 11.2166C17.0713 10.4278 17.3327 9.51195 17.3327 8.53366C17.3327 5.87316 15.3967 3.66484 12.8567 3.24056L6.75381 8.78865ZM6.20068 9.90996C6.51676 9.81703 6.85178 9.76699 7.19935 9.76699C9.15078 9.76699 10.7327 11.3489 10.7327 13.3003C10.7327 13.6526 10.6813 13.9919 10.5859 14.3117C10.1509 15.7708 8.79864 16.8337 7.19935 16.8337C6.55493 16.8337 5.95224 16.6616 5.43306 16.3613C5.32976 16.3015 5.20849 16.2807 5.09116 16.3025L3.99263 16.507L4.19716 15.4085C4.219 15.2912 4.19816 15.1699 4.13841 15.0666C3.83806 14.5474 3.66602 13.9447 3.66602 13.3003C3.66602 11.6964 4.73513 10.3409 6.20068 9.90996Z" fill="currentColor"/>
<title>contact</title></svg>
        <span class="sr-only text-xs lg:not-sr-only lg:mt-1">
            Besoin d&#039;aide ?        </span>
    </a>
</li>

<li class="hidden lg:list-item">
    <a href="https://www.lecedrerouge.com/nos-boutiques/"
       class="hidden flex-col items-center p-1 outline-offset-2 lg:inline-flex">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 30 30" fill="none" class="h-5 w-5 lg:h-7 lg:w-7" role="img">
<path d="M26.6946 22.0305L16.6738 25.4881H26.411L26.6946 22.0305Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5158 10.9235C4.93001 10.9235 5.2658 11.2593 5.2658 11.6735V24.7381H25.9446V11.6735C25.9446 11.2593 26.2804 10.9235 26.6946 10.9235C27.1088 10.9235 27.4446 11.2593 27.4446 11.6735V25.4881C27.4446 25.9023 27.1088 26.2381 26.6946 26.2381H4.5158C4.10158 26.2381 3.7658 25.9023 3.7658 25.4881V11.6735C3.7658 11.2593 4.10158 10.9235 4.5158 10.9235Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.17959 14.349C6.17959 13.9348 6.51538 13.599 6.92959 13.599H14.3773C14.7915 13.599 15.1273 13.9348 15.1273 14.349V25.4894C15.1273 25.9036 14.7915 26.2394 14.3773 26.2394H6.92959C6.51538 26.2394 6.17959 25.9036 6.17959 25.4894V14.349ZM7.67959 15.099V24.7394H13.6273V15.099H7.67959Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.7988 14.349C15.7988 13.9347 16.1346 13.599 16.5488 13.599H24.6723C25.0865 13.599 25.4223 13.9347 25.4223 14.349V21.007C25.4223 21.4212 25.0865 21.757 24.6723 21.757H16.5488C16.1346 21.757 15.7988 21.4212 15.7988 21.007V14.349ZM17.2988 15.099V20.257H23.9223V15.099H17.2988Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.73773 4.26051L3.54088 10.9242H14.751V4.26021L5.73773 4.26051ZM15.4782 2.76018L5.19525 2.76052C4.87153 2.76053 4.58434 2.96825 4.48299 3.2757L1.79162 11.4393C1.71628 11.6679 1.75517 11.9187 1.8962 12.1137C2.03723 12.3087 2.26326 12.4242 2.50391 12.4242H15.4997C15.5105 12.4242 15.5212 12.4239 15.5319 12.4235H28.4958C28.7364 12.4235 28.9625 12.308 29.1035 12.113C29.2445 11.918 29.2834 11.6672 29.2081 11.4386L26.5164 3.27499C26.415 2.96754 26.1278 2.75983 25.8041 2.75984L15.5238 2.76018C15.5162 2.75996 15.5086 2.75984 15.501 2.75984C15.4934 2.75984 15.4858 2.75996 15.4782 2.76018ZM16.251 4.26016V10.9235H27.4588L25.2617 4.25986L16.251 4.26016Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2191 2.76543C10.6302 2.8159 10.9226 3.1901 10.8721 3.60123L9.87407 11.7309C9.8236 12.142 9.4494 12.4344 9.03827 12.3839C8.62714 12.3334 8.33478 11.9592 8.38525 11.5481L9.3833 3.41845C9.43377 3.00733 9.80797 2.71496 10.2191 2.76543Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8595 2.76547C21.2706 2.71483 21.6449 3.00704 21.6956 3.41815L22.697 11.5478C22.7476 11.9589 22.4554 12.3332 22.0443 12.3839C21.6332 12.4345 21.2588 12.1423 21.2082 11.7312L20.2068 3.60153C20.1562 3.19043 20.4484 2.81611 20.8595 2.76547Z" fill="currentColor"/>
<title>store</title></svg>
        <span class="sr-only text-xs lg:not-sr-only lg:mt-1">
            Magasins        </span>
    </a>
</li>

                <!--Customer Icon & Dropdown-->
                
<li class="relative inline-block"
    x-data="dndCustomerDropdownToggle"
    @keyup.escape="open = false"
    x-defer="intersect"
    @click.outside="open = false">
    <button type="button"
            id="customer-menu"
            class="inline-flex flex-col items-center p-1 outline-offset-2"
            @click="open = !open"
            :aria-expanded="open ? 'true' : 'false'"
            aria-label="Mon&#x20;compte"
            aria-haspopup="true"
    >
        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 20 20" fill="none" class="h-5 w-5 lg:h-7 lg:w-7" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6565 2.17084C8.57464 2.17084 6.88408 3.8797 6.88408 5.99132C6.88408 8.10294 8.57464 9.8118 10.6565 9.8118C12.7383 9.8118 14.4288 8.10294 14.4288 5.99132C14.4288 3.8797 12.7383 2.17084 10.6565 2.17084ZM5.72404 5.99132C5.72404 3.23632 7.93075 1 10.6565 1C13.3822 1 15.5889 3.23632 15.5889 5.99132C15.5889 8.74632 13.3822 10.9826 10.6565 10.9826C7.93075 10.9826 5.72404 8.74632 5.72404 5.99132Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 10.9826C6.44796 10.9826 3.16004 14.3083 3.16004 18.4146C3.16004 18.7379 2.90035 19 2.58002 19C2.25968 19 2 18.7379 2 18.4146C2 13.6649 5.80409 9.81181 10.5 9.81181C15.1962 9.81181 19 13.6651 19 18.4146C19 18.7379 18.7403 19 18.42 19C18.0996 19 17.84 18.7379 17.84 18.4146C17.84 14.3085 14.5523 10.9826 10.5 10.9826Z" fill="currentColor"/>
<path d="M2.84208 18.7578L12.4806 10.3972C11.4819 9.98206 3.07224 10.0412 2.84208 18.7578Z" fill="currentColor"/>
</svg>
        <span class="sr-only text-xs lg:not-sr-only lg:mt-1">Compte</span>
    </button>
    <div class="navigation-dropdown transition duration-400 ease-custom origin-top-right lg:origin-top-center "
         x-cloak
         x-show="open"
         aria-labelledby="customer-menu"
         x-transition:enter-start="opacity-0"
         x-transition:enter-end="opacity-100"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0">
        <nav class="transition duration-900 ease-custom"
             x-show="open"
             x-transition:enter-start="-translate-y-full opacity-0"
             x-transition:enter-end="translate-y-0 opacity-100"
             x-transition:leave-start="translate-y-0 opacity-100"
             x-transition:leave-end="-translate-y-full opacity-0">
                            
<a id="customer.header.sign.in.link"
   class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
   onclick="hyva.setCookie && hyva.setCookie(
       'login_redirect',
       window.location.href,
       1
   )"
   href="https://www.lecedrerouge.com/customer/account/index/"
   title="Se&#x20;connecter"
>
    Se connecter</a>

    <a id="customer.header.register.link"
       class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
       href="https://www.lecedrerouge.com/customer/account/create/"
       title="Cr&#xE9;er&#x20;un&#x20;compte"
    >
        Créer un compte    </a>
                    </nav>
    </div>
</li>

<script>
    const dndCustomerDropdownToggle = () => {
        return {
            open: false
        }
    }
</script>

                <!--Cart Icon-->
                <li>
                                        <a
                                                    id="menu-cart-icon"
                            class="relative inline-flex flex-col items-center rounded p-1 outline-offset-2"
                            x-ref="cartButton"
                            :aria-disabled="isCartEmpty()"
                            :aria-label="`
                                Voir&#x20;le&#x20;panier,
                                ${isCartEmpty()
                                    ? 'Le&#x20;panier&#x20;est&#x20;vide'
                                    : cart.summary_count > 1
                                        ? hyva.str('&#x25;1&#x20;articles', cart.summary_count)
                                        : hyva.str('&#x25;1&#x20;item', cart.summary_count)
                                }`"
                                                    href="https://www.lecedrerouge.com/checkout/cart/index/"
                            title="Voir&#x20;le&#x20;panier"
                                            >
                        <span class="relative">
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 30 30" fill="none" class="h-5 w-5 lg:h-7 lg:w-7" aria-hidden="true">
<path d="M14.0174 19.2266L4.56934 6.51709C4.93324 12.2802 4.93324 17.7772 6.94123 18.7132C8.07981 19.2439 11.5507 19.0331 14.0174 19.2266Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.18231 22.2372C6.3561 22.2372 5.68256 22.9095 5.68256 23.7436C5.68256 24.5776 6.3561 25.25 7.18231 25.25C8.00851 25.25 8.68205 24.5776 8.68205 23.7436C8.68205 22.9095 8.00851 22.2372 7.18231 22.2372ZM4.18256 23.7436C4.18256 22.0853 5.52351 20.7372 7.18231 20.7372C8.8411 20.7372 10.182 22.0853 10.182 23.7436C10.182 25.4019 8.8411 26.75 7.18231 26.75C5.52351 26.75 4.18256 25.4019 4.18256 23.7436Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0007 22.2373C23.1745 22.2373 22.501 22.9097 22.501 23.7437C22.501 24.5777 23.1745 25.2501 24.0007 25.2501C24.8269 25.2501 25.5005 24.5777 25.5005 23.7437C25.5005 22.9097 24.8269 22.2373 24.0007 22.2373ZM21.001 23.7437C21.001 22.0854 22.3419 20.7373 24.0007 20.7373C25.6595 20.7373 27.0005 22.0854 27.0005 23.7437C27.0005 25.402 25.6595 26.7501 24.0007 26.7501C22.3419 26.7501 21.001 25.402 21.001 23.7437Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.01052 6.01686C4.1528 5.85792 4.35602 5.76709 4.56934 5.76709H27.1494C27.3851 5.76709 27.6071 5.87792 27.7488 6.06631C27.8905 6.25471 27.9353 6.49876 27.8699 6.72522L24.1987 19.4347C24.1027 19.7671 23.7937 19.9871 23.4548 19.9763H8.60127C6.57048 19.9763 4.92511 18.3375 4.90172 16.3115L3.82391 6.59982C3.80038 6.3878 3.86825 6.1758 4.01052 6.01686ZM22.9142 18.4763H8.60127C7.38846 18.4763 6.40147 17.4895 6.40147 16.2678C6.40147 16.2401 6.39994 16.2125 6.39689 16.185L5.40718 7.26709H26.1521L22.9142 18.4763Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 4C1.25 3.58579 1.58579 3.25 2 3.25C3.47628 3.25 4.33283 4.09986 4.78251 4.88598C5.00272 5.27093 5.13309 5.64877 5.20876 5.92608C5.24699 6.06618 5.2723 6.1845 5.28841 6.27047C5.29649 6.31355 5.3023 6.34879 5.3063 6.37491L5.31102 6.40717L5.31246 6.41794L5.31297 6.42193L5.31318 6.42357C5.31322 6.42392 5.3137 6.42531 4.56934 6.51709L5.31336 6.42498C5.36405 6.83608 5.07187 7.21043 4.66077 7.26112C4.2508 7.31167 3.87736 7.02123 3.82505 6.61191L3.82361 6.60208C3.82196 6.59133 3.8189 6.5725 3.81408 6.54677C3.8044 6.4951 3.78782 6.4168 3.76167 6.32096C3.70857 6.12637 3.62019 5.87502 3.48048 5.63078C3.21034 5.15852 2.78239 4.75 2 4.75C1.58579 4.75 1.25 4.41421 1.25 4Z" fill="currentColor"/>
</svg>
                            <span
                                    x-text="cart.summary_count"
                                    x-show="!isCartEmpty()"
                                    x-cloak
                                    class="absolute -top-1.5 -right-1.5 rounded-full
                                        inline-flex items-center justify-center
                                        bg-primary text-white min-w-4 h-4 text-[0.5rem] text-xs
                                        font-semibold leading-none text-center uppercase tabular-nums"
                                    aria-hidden="true"
                            ></span>
                        </span>
                        <span class="sr-only text-xs lg:not-sr-only lg:mt-1">Panier</span>
                                            </a>
                                </li>
            </ul>
        </div>
    </div>

    <!--Cart Drawer-->
    
    <!--Authentication Pop-Up-->
    <script>
    function initAuthentication() {
        return {
            open: false,
            forceAuthentication: false,
            redirectUrl: 'https://www.lecedrerouge.com/checkout/index/',
            errors: 0,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            setErrorMessages: function setErrorMessages(messages) {
                this.errorMessages = [messages];
                this.displayErrorMessage = this.errorMessages.length;
            },
            submitForm: function () {
                // Do not rename $form, the variable is expected to be declared in the recaptcha output
                const $form = document.querySelector('#login-form');
                    if (!this.hasCaptchaToken) {
        this.errors = 1;
                const submitFunction = typeof customSubmit !== 'undefined' ? customSubmit : false;

        const executeGreCaptcha = () => {
            grecaptcha.ready(() => {
                grecaptcha.execute(
                    '6Ld3EKAbAAAAAIOQ0I0mJwjDQnzvK1dkighXbYHT',
                    {action: 'submit'}
                ).then((token) => {
                    if (token && token.length > 0) {
                        $form['g\u002Drecaptcha\u002Dresponse'].value = token;
                        this.errors = 0;
                        this.hasCaptchaToken = 1;
                        if (submitFunction) {
                            submitFunction.call(this);
                        } else {
                            (this.submitForm || $form.submit).call(this);
                        }
                    } else {
                        this.errors = 1;
                        const error = 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again';
                        if (this.setErrorMessages) {
                            this.setErrorMessages([error])
                            this.displayErrorMessage = true;
                        } else {
                            window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000);
                        }
                    }
                }).catch(exception => {
                    console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`)
                });
            })
        }

        if (window.grecaptcha) {
            executeGreCaptcha();
        } else {
            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Ld3EKAbAAAAAIOQ0I0mJwjDQnzvK1dkighXbYHT";
            const script = document.createElement('script');
            script.setAttribute('type', 'text/javascript');
            script.setAttribute('src', recaptchaUrl);
            document.head.appendChild(script);

            script.addEventListener("load", executeGreCaptcha, false);
        }
    }
    
                if (this.errors === 0) {
                    this.dispatchLoginRequest($form);
                }
            },
            onPrivateContentLoaded: function (data) {
                const isLoggedIn = data.customer && data.customer.firstname;
                if (data.cart && !isLoggedIn) {
                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
                }
            },
            shouldAuthenticate: function (event) {
                if (event.detail && event.detail.hasOwnProperty('forceAuthentication')) {
                    return event.detail.forceAuthentication;
                }

                return this.forceAuthentication;
            },
            redirectIfAuthenticated: function (event) {
                if (event.detail && event.detail.hasOwnProperty('url')) {
                    this.redirectUrl = event.detail.url;
                }
                if (!this.shouldAuthenticate(event)) {
                    window.location.href = this.redirectUrl;
                }
            },
            dispatchLoginRequest: function(form) {
                this.isLoading = true;
                const username = this.$refs['customer-email'].value;
                const password = this.$refs['customer-password'].value;
                const formKey = hyva.getFormKey();
                const bodyFields = {
                    'username': username,
                    'password': password,
                    'formKey': formKey
                };
                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
                const recaptchaField = fieldName && form[fieldName];
                if (recaptchaField) {
                    bodyFields[fieldName] = recaptchaField.value;
                }
                fetch('https://www.lecedrerouge.com/customer/ajax/login/', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: JSON.stringify(bodyFields)
                    }
                ).then(response => {
                        return response.json()
                    }
                ).then(data=> {
                    this.isLoading = false;
                    if (data.errors) {
                        dispatchMessages([{
                            type: 'error',
                            text: data.message
                        }], 5000);
                        this.errors = 1;
                        this.hasCaptchaToken = 0;
                    } else {
                        window.location.href = this.redirectUrl;
                    }
                });
            }
        }
    }
</script>
<section id="authentication-popup"
         x-data="initAuthentication()"
         @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
         @toggle-authentication.window="open = shouldAuthenticate(event); redirectIfAuthenticated(event)"
         @keydown.window.escape="open = false"
>
    <div
        class="backdrop"
        :class="open ? 'z-10' : 'z-0'"
        aria-hidden="true"
        x-cloak
        x-show="open"
        x-transition:enter="ease-in-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in-out duration-500"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        @click="open = false"
    ></div>
    <div role="dialog"
         aria-modal="true"
         @click.outside="open = false"
         class="inset-y-0 right-0 z-30 flex max-w-full fixed"
         x-cloak
         x-show="open"
    >
        <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
             x-show="open"
             x-cloak=""
             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:enter-start="translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="translate-x-full"
        >
            <div
                x-show="open"
                x-cloak
                x-transition:enter="ease-in-out duration-500"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="ease-in-out duration-500"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2">
                <button
                    type="button"
                    @click="open = false;"
                    aria-label="Fermer&#x20;le&#x20;panneau"
                    title="Fermer&#x20;le&#x20;panneau"
                    class="p-2 transition duration-150 ease-in-out hover:text-black"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 13" fill="none" class="w-6 h-6" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42567 0.540146C1.66089 0.304934 2.04224 0.304934 2.27745 0.540146L13.6345 11.8972C13.8697 12.1324 13.8697 12.5137 13.6345 12.7489C13.3993 12.9842 13.0179 12.9842 12.7827 12.7489L1.42567 1.39192C1.19046 1.15671 1.19046 0.775357 1.42567 0.540146Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42589 12.6349C1.19068 12.3997 1.19068 12.0183 1.42589 11.7831L12.7829 0.42608C13.0181 0.190868 13.3995 0.190868 13.6347 0.42608C13.8699 0.661291 13.8699 1.04264 13.6347 1.27786L2.27766 12.6349C2.04245 12.8701 1.6611 12.8701 1.42589 12.6349Z" fill="currentColor"/>
</svg>
                </button>
            </div>
            <template x-if="open">
                <div class="flex flex-col h-full pb-6 bg-white shadow-xl overflow-y-auto">
                    <div class="block-customer-login mx-4 mb-12">
                        <p id="authenticate-customer-login"
                           class="mb-4 text-base leading-none">
                            <strong class="font-semibold">Continuer avec votre compte</strong>
                        </p>

                        <form class="form form-login"
                              method="post"
                              @submit.prevent="submitForm();"
                              id="login-form"
                        >
                            <div class="control">
    <input type="hidden"
           value=""
           name="g-recaptcha-response"
    />
</div>
                            <div class="fieldset login">
                                <div class="field email required mb-8">
                                    <label class="label" for="form-login-username" form="login-form" >
                                        <span>Adresse mail</span>
                                    </label>
                                    <div class="control">
                                        <input name="username"
                                               id="form-login-username"
                                               x-ref="customer-email"
                                               @change="errors = 0"
                                               type="email"
                                               required
                                               autocomplete="off"
                                               class="form-input input-text w-full"
                                        >
                                    </div>
                                </div>
                                <div class="field password required">
                                    <label for="form-login-password" class="label" form="login-form">
                                        <span>Mot de passe</span>
                                    </label>
                                    <div class="control">
                                        <input name="password"
                                               id="form-login-password"
                                               type="password"
                                               class="form-input input-text w-full"
                                               required
                                               x-ref="customer-password"
                                               autocomplete="off"
                                               @change="errors = 0"
                                        >
                                    </div>
                                </div>

                                <input name="context" type="hidden" value="checkout" />
                                <div class="actions-toolbar flex justify-between items-center">
                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75 lg:flex-1 lg:!w-auto"
                                    >
                                        Se connecter                                    </button>
                                    <a href="https://www.lecedrerouge.com/customer/account/forgotpassword/"
                                       class="link text-green-500"
                                    >
                                        Mot de passe oublié ?                                    </a>
                                </div>

                            </div>
                        </form>
                    </div>
                    <div class="mx-4 recaptcha">
                        <p class="sr-only">
Ce formulaire est protégé par reCAPTCHA. Les <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">règles de confidentialité</a> et les <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">conditions d&#039; utilisation</a> de <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google</a> s&#039;appliquent.</p>
                    </div>
                    <div class="block-new-customer mx-4">
                        <p id="authenticate-new-customer"
                           class="mb-4 text-base leading-none">
                            <strong class="font-semibold">Continuer en tant que nouveau client</strong>
                        </p>

                        <div class="block-content text-sm">
                            <p class="mb-2">
                                Créer un compte a de nombreux avantages :                            </p>
                            <ul class="list-disc space-y-1.5 pl-5">
                                <li> Voir la commande et suivre l&#039;expédition</li>
                                <li> Suivre l&#039;historique des commandes</li>
                                <li> Commander plus rapidement</li>
                            </ul>
                            <div class="actions-toolbar flex justify-between items-center">
                                <a href="https://www.lecedrerouge.com/customer/account/create/"
                                   class="inline-flex btn btn-secondary">
                                    Créer un compte                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</section>

    
<div id="dnd-menu-mobile">
    
<script>
    'use strict';

    let mobileMenuIsInserted = false;
    let desktopMenuIsInserted = false;

        window.addEventListener('DOMContentLoaded', () => {
        loadDeferredAlpineComponent();
    });

    function loadDeferredAlpineComponent() {
        const components = document.querySelectorAll("[defer-x-data]");

        components.forEach((component) => {
            Alpine.mutateDom(() => {
                component.setAttribute('x-data', component.getAttribute('defer-x-data'))
            });

            Alpine.initTree(component);
        });
    }

        </script>

<script>
    'use strict';

    function initDndMenuMobile() {
        return {
            open: false,
            scrollPosition: 0,
            currentStep: 0,
            activeLevel1: 0,
            activeLevel2: 0,
            activeLevel3: 0,
            parentHasOverflow: false,
            init() {
                const isTouchDevice = window.matchMedia('(any-pointer: coarse) and (hover: none)').matches;
                const isMobileBreakpoint = window.matchMedia('(max-width: 1024px)').matches;
                const { offsetHeight: headerWrapperHeight } = document.querySelector('.header-wrapper');
                const { offsetHeight: searchContentHeight } = document.getElementById('search-content');
                this.mobileMenuTop = isTouchDevice && isMobileBreakpoint ?
                    headerWrapperHeight - searchContentHeight :
                    headerWrapperHeight;
                this.$refs.menu.style.setProperty('top', `${hyva.convertPxToRem(this.mobileMenuTop)}`);

                            },
            openMenuHandler() {
                this.$refs.menu.style.setProperty('height', `calc(100dvh - ${hyva.convertPxToRem(this.mobileMenuTop)})`);
                this.open = true;
                this.lockBody();
            },
            closeMenuHandler() {
                this.$refs.menu.style.setProperty('height', '0');
                this.open = false;
                this.unlockBody();
                this.resetMenu();
            },
            lockBody() {
                const body = document.querySelector('body');
                this.scrollPosition = window.pageYOffset;

                body.style.overflow = 'hidden';
                body.style.position = 'fixed';
                body.style.top = `-${this.scrollPosition}px`;
                body.style.width = '100%';
            },
            unlockBody() {
                const body = document.querySelector('body');

                body.style.removeProperty('overflow');
                body.style.removeProperty('position');
                body.style.removeProperty('top');
                body.style.removeProperty('width');
                window.scrollTo(0, this.scrollPosition);
            },
            nextSlide() {
				this.currentStep += 1;
			},
			prevSlide() {
                this.currentStep -= 1;
			},
            resetMenu() {
                this.currentStep = 0;
                this.activeLevel1 = 0;
                this.activeLevel2 = 0;
                this.activeLevel3 = 0;
            }
        }
    }
</script>

<div x-data="initDndMenuMobile()"
     x-init="init()"
     class="dnd-menu-mobile relative z-10"
     :class="open ? 'menu-mobile-is-open' : ''">

    <div class="dnd-menu flex overflow-hidden h-0 transition-height"
         x-ref="menu"
         @open-mobile-menu.window="openMenuHandler()"
         @close-mobile-menu.window="closeMenuHandler()"
         @keydown.window.escape="closeMenuHandler()"
         x-cloak>

        <div class="flex flex-col transition-transform duration-400 ease-custom w-full"
             :class="open ? 'translate-y-0 pt-2.5 border-t border-merino-500' : '-translate-y-full'">
                        <nav class="dnd-menu-navigation"
                 :style="currentStep > 0 ? `transform: translateX(-${currentStep}00%)` : 'transform: translateX(0%)'">
                                <ul class="dnd-menu-inner">
                                                                                            <li class="nav-item level0                                                         level-0-mobile-category-node-199                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-199'">
                                    
                                <span class="nav-item-text">
                                    Jardin                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-199'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Jardin                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-202', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-meubles-jardin.svg" alt="Meubles de jardin">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Meubles de jardin                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-202'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Meubles de jardin                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tables-de-jardin"
                                                                   title="Tables&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Tables de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/chaises-de-jardin"
                                                                   title="Chaises&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Chaises de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/fauteuils-de-jardin"
                                                                   title="Fauteuils&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Fauteuils de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/canapes-de-jardin"
                                                                   title="Canap&#xE9;s&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Canapés de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tables-basses-de-jardin"
                                                                   title="Tables&#x20;basses&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Tables basses de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/salons-de-jardin"
                                                                   title="Salons&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Salons de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/banc-d-exterieur"
                                                                   title="Banc&#x20;d&#x27;exterieur">
                                                                <span class="nav-item-text">
                                                                    Banc d&#039;exterieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/bains-de-soleil-et-chaises-longues"
                                                                   title="Bains&#x20;de&#x20;soleil&#x20;et&#x20;chaises&#x20;longues">
                                                                <span class="nav-item-text">
                                                                    Bains de soleil et chaises longues                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tabourets-d-exterieur"
                                                                   title="Tabourets&#x20;d&#x27;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Tabourets d&#039;extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/hamacs-et-rocking-chair"
                                                                   title="Hamacs&#x20;et&#x20;rocking&#x20;chair">
                                                                <span class="nav-item-text">
                                                                    Hamacs et rocking chair                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/poufs-coussins"
                                                                   title="Poufs&#x20;&amp;&#x20;coussins">
                                                                <span class="nav-item-text">
                                                                    Poufs &amp; coussins                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin"
                                                               title="Meubles&#x20;de&#x20;jardin">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-241', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-parasols.svg" alt="Parasols">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Parasols                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-241'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Parasols                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-centres"
                                                                   title="Parasols&#x20;centr&#xE9;s">
                                                                <span class="nav-item-text">
                                                                    Parasols centrés                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-deportes"
                                                                   title="Parasols&#x20;d&#xE9;port&#xE9;s">
                                                                <span class="nav-item-text">
                                                                    Parasols déportés                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-rectangulaires"
                                                                   title="Parasols&#x20;rectangulaires">
                                                                <span class="nav-item-text">
                                                                    Parasols rectangulaires                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-inclinables"
                                                                   title="Parasols&#x20;inclinables">
                                                                <span class="nav-item-text">
                                                                    Parasols inclinables                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/voiles-d-ombrage"
                                                                   title="Voiles&#x20;d&#x27;ombrage">
                                                                <span class="nav-item-text">
                                                                    Voiles d&#039;ombrage                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/socles-pieds-accessoire"
                                                                   title="Socles,&#x20;pieds&#x20;&amp;&#x20;accessoire">
                                                                <span class="nav-item-text">
                                                                    Socles, pieds &amp; accessoire                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/jardin/parasols"
                                                               title="Parasols">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-262', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-luminaire-exterieur.svg" alt="Luminaires extérieur">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Luminaires extérieur                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-262'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Luminaires extérieur                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/lampe-de-jardin"
                                                                   title="Lampe&#x20;de&#x20;Jardin">
                                                                <span class="nav-item-text">
                                                                    Lampe de Jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/lampadaire-de-jardin"
                                                                   title="Lampadaire&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Lampadaire de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/applique-d-exterieur"
                                                                   title="Applique&#x20;d&#x27;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Applique d&#039;extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/guirlandes-lumineuses"
                                                                   title="Guirlandes&#x20;lumineuses">
                                                                <span class="nav-item-text">
                                                                    Guirlandes lumineuses                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/lustres-et-suspensions-exterieur"
                                                                   title="Lustres&#x20;et&#x20;suspensions&#x20;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Lustres et suspensions extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/borne-exterieur"
                                                                   title="Borne&#x20;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Borne extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur"
                                                               title="Luminaires&#x20;ext&#xE9;rieur">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-283', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-deco-accessoires-jardin.svg" alt="Décoration &amp; accessoires de jardin">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Décoration &amp; accessoires de jardin                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-283'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Décoration &amp; accessoires de jardin                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/tapis-de-jardin"
                                                                   title="Tapis&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Tapis de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/pots-et-jardinieres"
                                                                   title="Pots&#x20;et&#x20;jardini&#xE8;res">
                                                                <span class="nav-item-text">
                                                                    Pots et jardinières                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/mobilier-et-jeux-d-enfant"
                                                                   title="Mobilier&#x20;et&#x20;jeux&#x20;d&#x27;enfant">
                                                                <span class="nav-item-text">
                                                                    Mobilier et jeux d&#039;enfant                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/accessoires-outils"
                                                                   title="Accessoires&#x20;&#x2F;&#x20;Outils">
                                                                <span class="nav-item-text">
                                                                    Accessoires / Outils                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/bougies-exterieur"
                                                                   title="Bougies&#x20;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Bougies extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin"
                                                               title="D&#xE9;coration&#x20;&amp;&#x20;accessoires&#x20;de&#x20;jardin">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3359', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/catalog/category/icon-espace-jardin.svg" alt="Espaces extérieurs">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Espaces extérieurs                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3359'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Espaces extérieurs                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/espace-repas"
                                                                   title="Espace&#x20;repas">
                                                                <span class="nav-item-text">
                                                                    Espace repas                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/salon-de-jardin"
                                                                   title="Salon&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Salon de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/balcon"
                                                                   title="Balcon">
                                                                <span class="nav-item-text">
                                                                    Balcon                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/bord-de-piscine"
                                                                   title="Espace&#x20;d&#xE9;tente">
                                                                <span class="nav-item-text">
                                                                    Espace détente                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/compositions"
                                                                   title="Packs">
                                                                <span class="nav-item-text">
                                                                    Packs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/jardin/jardin"
                                                               title="Espaces&#x20;ext&#xE9;rieurs">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/jardin"
                                               title="Jardin">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-4                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-4'">
                                    
                                <span class="nav-item-text">
                                    Mobilier                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-4'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Mobilier                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-7', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-tables_1.svg" alt="Tables">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Tables                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-7'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Tables                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/tables-a-manger"
                                                                   title="Tables&#x20;&#xE0;&#x20;manger">
                                                                <span class="nav-item-text">
                                                                    Tables à manger                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/tables-basses"
                                                                   title="Tables&#x20;basses">
                                                                <span class="nav-item-text">
                                                                    Tables basses                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/table-d-appoint"
                                                                   title="Table&#x20;d&#x27;appoint">
                                                                <span class="nav-item-text">
                                                                    Table d&#039;appoint                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/tables-de-chevet"
                                                                   title="Chevets">
                                                                <span class="nav-item-text">
                                                                    Chevets                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/manges-debout-bars"
                                                                   title="Mange&#x20;debout&#x20;&amp;&#x20;bars">
                                                                <span class="nav-item-text">
                                                                    Mange debout &amp; bars                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/consoles-gueridons"
                                                                   title="Consoles&#x20;&amp;&#x20;gu&#xE9;ridons">
                                                                <span class="nav-item-text">
                                                                    Consoles &amp; guéridons                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/bout-de-canape"
                                                                   title="Bout&#x20;de&#x20;canap&#xE9;">
                                                                <span class="nav-item-text">
                                                                    Bout de canapé                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/bureaux"
                                                                   title="Bureaux">
                                                                <span class="nav-item-text">
                                                                    Bureaux                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/mobilier/tables"
                                                               title="Tables">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-34', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-assises_1.svg" alt="Assises">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Assises                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-34'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Assises                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/chaises"
                                                                   title="Chaises">
                                                                <span class="nav-item-text">
                                                                    Chaises                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/banc"
                                                                   title="Banc">
                                                                <span class="nav-item-text">
                                                                    Banc                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/fauteuils"
                                                                   title="Fauteuils">
                                                                <span class="nav-item-text">
                                                                    Fauteuils                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/tabourets-et-chaises-de-bar"
                                                                   title="Tabourets&#x20;et&#x20;chaises&#x20;de&#x20;bar">
                                                                <span class="nav-item-text">
                                                                    Tabourets et chaises de bar                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/chaises-de-bureau"
                                                                   title="Chaises&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Chaises de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/rocking-chair"
                                                                   title="Rocking&#x20;chair">
                                                                <span class="nav-item-text">
                                                                    Rocking chair                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/patins-coussins-accessoires"
                                                                   title="Accessoires&#x20;&amp;&#x20;pi&#xE8;ces&#x20;d&#xE9;tach&#xE9;es">
                                                                <span class="nav-item-text">
                                                                    Accessoires &amp; pièces détachées                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets"
                                                               title="Assises">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-55', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-canapes_2.svg" alt="Canapés">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Canapés                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-55'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Canapés                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canapes-modulables"
                                                                   title="Canap&#xE9;s&#x20;Modulables">
                                                                <span class="nav-item-text">
                                                                    Canapés Modulables                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canape-2-places"
                                                                   title="Canap&#xE9;&#x20;2&#x20;places">
                                                                <span class="nav-item-text">
                                                                    Canapé 2 places                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canape-3-places"
                                                                   title="Canap&#xE9;&#x20;3&#x20;places">
                                                                <span class="nav-item-text">
                                                                    Canapé 3 places                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canape-droit"
                                                                   title="Canap&#xE9;&#x20;droit">
                                                                <span class="nav-item-text">
                                                                    Canapé droit                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canapes-d-angle"
                                                                   title="Canap&#xE9;s&#x20;d&#x27;Angle">
                                                                <span class="nav-item-text">
                                                                    Canapés d&#039;Angle                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canapes-convertibles"
                                                                   title="Canap&#xE9;s&#x20;Convertibles">
                                                                <span class="nav-item-text">
                                                                    Canapés Convertibles                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/meridiennes"
                                                                   title="M&#xE9;ridiennes">
                                                                <span class="nav-item-text">
                                                                    Méridiennes                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/pouf-et-repose-pied"
                                                                   title="Pouf&#x20;et&#x20;repose&#x20;pied">
                                                                <span class="nav-item-text">
                                                                    Pouf et repose pied                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes"
                                                               title="Canap&#xE9;s">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-82', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-meubles-rangement.svg" alt="Meubles de rangement">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Meubles de rangement                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-82'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Meubles de rangement                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/buffets-commodes"
                                                                   title="Buffets&#x20;&amp;&#x20;commodes">
                                                                <span class="nav-item-text">
                                                                    Buffets &amp; commodes                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/bibliotheque-etageres"
                                                                   title="Biblioth&#xE8;que&#x20;&amp;&#x20;&#xE9;tag&#xE8;res">
                                                                <span class="nav-item-text">
                                                                    Bibliothèque &amp; étagères                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/consoles"
                                                                   title="Consoles">
                                                                <span class="nav-item-text">
                                                                    Consoles                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/meubles-tv"
                                                                   title="Meubles&#x20;TV">
                                                                <span class="nav-item-text">
                                                                    Meubles TV                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/armoires-penderies"
                                                                   title="Armoires&#x20;&amp;&#x20;penderies">
                                                                <span class="nav-item-text">
                                                                    Armoires &amp; penderies                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/porte-manteau-patere"
                                                                   title="Porte-manteau&#x20;&amp;&#x20;pat&#xE8;re">
                                                                <span class="nav-item-text">
                                                                    Porte-manteau &amp; patère                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/dessertes"
                                                                   title="Dessertes">
                                                                <span class="nav-item-text">
                                                                    Dessertes                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/panier-boite"
                                                                   title="Panier&#x20;&amp;&#x20;bo&#xEE;te">
                                                                <span class="nav-item-text">
                                                                    Panier &amp; boîte                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/porte-parapluie"
                                                                   title="Porte&#x20;parapluie">
                                                                <span class="nav-item-text">
                                                                    Porte parapluie                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement"
                                                               title="Meubles&#x20;de&#x20;rangement">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-112', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-bureaux.svg" alt="Bureaux">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Bureaux                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-112'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Bureaux                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/bureaux-secretaire"
                                                                   title="Bureaux&#x20;&amp;&#x20;secr&#xE9;taire">
                                                                <span class="nav-item-text">
                                                                    Bureaux &amp; secrétaire                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/chaises-de-bureau"
                                                                   title="Chaises&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Chaises de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/rangements-de-bureau"
                                                                   title="Rangements&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Rangements de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/accessoires-et-rangement-de-bureau"
                                                                   title="Accessoires&#x20;de&#x20;bureau&#x20;">
                                                                <span class="nav-item-text">
                                                                    Accessoires de bureau                                                                 </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux"
                                                               title="Bureaux">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-121', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-literie.svg" alt="Literie">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Literie                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-121'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Literie                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/lits/lits"
                                                                   title="Lits">
                                                                <span class="nav-item-text">
                                                                    Lits                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/mobilier/lits/tetes-de-lit"
                                                                   title="T&#xEA;tes&#x20;de&#x20;lit">
                                                                <span class="nav-item-text">
                                                                    Têtes de lit                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/mobilier/lits"
                                                               title="Literie">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/mobilier"
                                               title="Mobilier">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-130                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-130'">
                                    
                                <span class="nav-item-text">
                                    Luminaire                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-130'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Luminaire                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2833', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-luminaire-interieur.svg" alt="Luminaire intérieur">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Luminaire intérieur                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2833'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Luminaire intérieur                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampe-de-table"
                                                                   title="Lampe&#x20;&#xE0;&#x20;poser">
                                                                <span class="nav-item-text">
                                                                    Lampe à poser                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/suspension"
                                                                   title="Suspension">
                                                                <span class="nav-item-text">
                                                                    Suspension                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampadaire"
                                                                   title="Lampadaire">
                                                                <span class="nav-item-text">
                                                                    Lampadaire                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/appliques"
                                                                   title="Appliques">
                                                                <span class="nav-item-text">
                                                                    Appliques                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampe-sans-fil"
                                                                   title="Lampe&#x20;sans&#x20;fil">
                                                                <span class="nav-item-text">
                                                                    Lampe sans fil                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampe-de-bureau"
                                                                   title="Lampe&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Lampe de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/plafonnier"
                                                                   title="Plafonnier">
                                                                <span class="nav-item-text">
                                                                    Plafonnier                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/ampoule-accessoires"
                                                                   title="Ampoule&#x20;&amp;&#x20;accessoires">
                                                                <span class="nav-item-text">
                                                                    Ampoule &amp; accessoires                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur"
                                                               title="Luminaire&#x20;int&#xE9;rieur">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-157', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-luminaire-exterieur.svg" alt="Luminaire extérieur">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Luminaire extérieur                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-157'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Luminaire extérieur                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/lampes-de-jardin"
                                                                   title="Lampes&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Lampes de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/appliques-exterieur"
                                                                   title="Appliques&#x20;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Appliques extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/lampadaires-de-jardin"
                                                                   title="Lampadaires&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Lampadaires de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/guirlandes-lumineuses"
                                                                   title="Guirlandes&#x20;lumineuses">
                                                                <span class="nav-item-text">
                                                                    Guirlandes lumineuses                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/lustres-et-suspensions-exterieur"
                                                                   title="Lustres&#x20;et&#x20;suspensions&#x20;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Lustres et suspensions extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/bornes-exterieur"
                                                                   title="Bornes&#x20;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Bornes extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur"
                                                               title="Luminaire&#x20;ext&#xE9;rieur">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3281', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/catalog/category/icon-luminaire-interieur-pipistrello.svg" alt="Luminaires iconiques">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Luminaires iconiques                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3281'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Luminaires iconiques                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/iconiques/iconiques-d-interieur"
                                                                   title="Iconiques&#x20;d&#x27;int&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Iconiques d&#039;intérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/luminaire/iconiques/iconiques-d-exterieur"
                                                                   title="Iconiques&#x20;d&#x27;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Iconiques d&#039;extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/luminaire/iconiques"
                                                               title="Luminaires&#x20;iconiques">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/luminaire"
                                               title="Luminaire">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-160                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-160'">
                                    
                                <span class="nav-item-text">
                                    Décoration                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-160'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Décoration                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-172', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-tapis.svg" alt="Tapis">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Tapis                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-172'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Tapis                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/tapis/tapis-d-interieur"
                                                                   title="Tapis&#x20;d&#x27;int&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Tapis d&#039;intérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/tapis/tapis-d-exterieur"
                                                                   title="Tapis&#x20;d&#x27;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Tapis d&#039;extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/decoration/tapis"
                                                               title="Tapis">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2788', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-deco-murale.svg" alt="Décoration murale">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Décoration murale                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2788'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Décoration murale                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale/miroir"
                                                                   title="Miroir">
                                                                <span class="nav-item-text">
                                                                    Miroir                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale/horloges-et-pendules"
                                                                   title="Horloges&#x20;et&#x20;pendules">
                                                                <span class="nav-item-text">
                                                                    Horloges et pendules                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale/tableaux-decoration-murale"
                                                                   title="Tableaux&#x20;&amp;&#x20;d&#xE9;coration&#x20;murale">
                                                                <span class="nav-item-text">
                                                                    Tableaux &amp; décoration murale                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale"
                                                               title="D&#xE9;coration&#x20;murale">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2782', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-ambiance-senteurs.svg" alt="Ambiance &amp; senteurs">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Ambiance &amp; senteurs                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2782'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Ambiance &amp; senteurs                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs/bougies-photophores-et-bougeoirs"
                                                                   title="Bougies,&#x20;photophores&#x20;et&#x20;bougeoirs">
                                                                <span class="nav-item-text">
                                                                    Bougies, photophores et bougeoirs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs/parfums-et-diffuseurs-d-ambiance"
                                                                   title="Parfums&#x20;et&#x20;diffuseurs&#x20;d&#x2019;ambiance">
                                                                <span class="nav-item-text">
                                                                    Parfums et diffuseurs d’ambiance                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs"
                                                               title="Ambiance&#x20;&amp;&#x20;senteurs">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2824', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-coussins.svg" alt="Textiles &amp; confort">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Textiles &amp; confort                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2824'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Textiles &amp; confort                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/textiles-confort/coussins"
                                                                   title="Coussins">
                                                                <span class="nav-item-text">
                                                                    Coussins                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/textiles-confort/plaids"
                                                                   title="Plaids">
                                                                <span class="nav-item-text">
                                                                    Plaids                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/decoration/textiles-confort"
                                                               title="Textiles&#x20;&amp;&#x20;confort">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2827', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-objets-deco-rangement.svg" alt="Objets déco &amp; rangement">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Objets déco &amp; rangement                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2827'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Objets déco &amp; rangement                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/livres"
                                                                   title="Livres">
                                                                <span class="nav-item-text">
                                                                    Livres                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/boites-de-rangement-et-paniers"
                                                                   title="Bo&#xEE;tes&#x20;de&#x20;rangement&#x20;et&#x20;paniers">
                                                                <span class="nav-item-text">
                                                                    Boîtes de rangement et paniers                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/accessoires-decoratifs"
                                                                   title="Accessoires&#x20;d&#xE9;coratifs">
                                                                <span class="nav-item-text">
                                                                    Accessoires décoratifs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/animaux"
                                                                   title="Animaux">
                                                                <span class="nav-item-text">
                                                                    Animaux                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement"
                                                               title="Objets&#x20;d&#xE9;co&#x20;&amp;&#x20;rangement">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2830', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-art-vivre-vegetal.svg" alt="Vases &amp; cache-pots">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Vases &amp; cache-pots                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2830'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Vases &amp; cache-pots                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots/vases"
                                                                   title="Vases">
                                                                <span class="nav-item-text">
                                                                    Vases                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots/pots-cache-pots-et-jardinieres"
                                                                   title="Pots,&#x20;cache-pots&#x20;et&#x20;jardini&#xE8;res">
                                                                <span class="nav-item-text">
                                                                    Pots, cache-pots et jardinières                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots"
                                                               title="Vases&#x20;&amp;&#x20;cache-pots">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/decoration"
                                               title="D&#xE9;coration">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-298                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-298'">
                                    
                                <span class="nav-item-text">
                                    Art de la table                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-298'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Art de la table                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2791', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-vaisselle-couverts.svg" alt="Vaisselle &amp; couverts">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Vaisselle &amp; couverts                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2791'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Vaisselle &amp; couverts                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/assiettes"
                                                                   title="Assiettes">
                                                                <span class="nav-item-text">
                                                                    Assiettes                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/couverts"
                                                                   title="Couverts">
                                                                <span class="nav-item-text">
                                                                    Couverts                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/verres"
                                                                   title="Verres">
                                                                <span class="nav-item-text">
                                                                    Verres                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/tasses-et-mugs"
                                                                   title="Tasses&#x20;et&#x20;mugs">
                                                                <span class="nav-item-text">
                                                                    Tasses et mugs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts"
                                                               title="Vaisselle&#x20;&amp;&#x20;couverts">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2794', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-service-presentation.svg" alt="Service &amp; présentation">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Service &amp; présentation                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2794'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Service &amp; présentation                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation/plateaux-et-plats-de-service"
                                                                   title="Plateaux&#x20;et&#x20;plats&#x20;de&#x20;service">
                                                                <span class="nav-item-text">
                                                                    Plateaux et plats de service                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation/saladiers-coupes-et-bols"
                                                                   title="Saladiers,&#x20;coupes&#x20;et&#x20;bols">
                                                                <span class="nav-item-text">
                                                                    Saladiers, coupes et bols                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation/dessous-de-plat"
                                                                   title="Dessous&#x20;de&#x20;plat">
                                                                <span class="nav-item-text">
                                                                    Dessous de plat                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation"
                                                               title="Service&#x20;&amp;&#x20;pr&#xE9;sentation">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2797', parentHasOverflow = true;">

                                                                                                        <span class="has-icon">
                                                    <span class="nav-item-visual">
                                                        <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-linge-accessoires.svg" alt="Textile &amp; accessoires">                                                    </span>
                                                                                                <span class="nav-item-text">
                                                   Textile &amp; accessoires                                                </span>
                                                                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2797'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Textile &amp; accessoires                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires/linge-de-table"
                                                                   title="Linge&#x20;de&#x20;table">
                                                                <span class="nav-item-text">
                                                                    Linge de table                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires/sel-poivre-et-huile"
                                                                   title="Sel,&#x20;poivre&#x20;et&#x20;huile">
                                                                <span class="nav-item-text">
                                                                    Sel, poivre et huile                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires/accessoires"
                                                                   title="Accessoires">
                                                                <span class="nav-item-text">
                                                                    Accessoires                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires"
                                                               title="Textile&#x20;&amp;&#x20;accessoires">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/art-de-la-table"
                                               title="Art&#x20;de&#x20;la&#x20;table">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 9 7" fill="none" class="w-2.5 h-2 mx-5 my-2.5 shrink-0" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 3.5814L4.46701 7L0 3.5814L4.46701 0L9 3.5814Z" fill="#C3C596"/>
<title>separator</title></svg>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-340                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-340'">
                                    
                                <span class="nav-item-text">
                                    Bonnes affaires                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-340'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Bonnes affaires                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/livraison-rapide"
                                                   title="Livraison&#x20;express">
                                                                                                    <span class="nav-item-text">
                                                    Livraison express                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/packs"
                                                   title="Packs">
                                                                                                    <span class="nav-item-text">
                                                    Packs                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/mobilier-d-exterieur"
                                                   title="Jardin">
                                                                                                    <span class="nav-item-text">
                                                    Jardin                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/chaises-et-fauteuils"
                                                   title="Chaises&#x20;et&#x20;fauteuils">
                                                                                                    <span class="nav-item-text">
                                                    Chaises et fauteuils                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/tables"
                                                   title="Tables">
                                                                                                    <span class="nav-item-text">
                                                    Tables                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/canapes"
                                                   title="Canap&#xE9;s">
                                                                                                    <span class="nav-item-text">
                                                    Canapés                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/bon-plans/luminaires"
                                                   title="Luminaires">
                                                                                                    <span class="nav-item-text">
                                                    Luminaires                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/bon-plans"
                                               title="Bonnes&#x20;affaires">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                            <style>
                                            .level-0-mobile-category-node-340 {
                                                .level1.nav-item {
                                                    color: #6E7B53;
                                                    padding-top: 0 !important;
                                                }
                                            }
                                        </style>
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-3434                        ">

                            
                                                                                        <a href="https://www.lecedrerouge.com/en-stock"
                                   title="Livraison&#x20;express">
                                    
                                    <span class="nav-item-text">
                                        Livraison express                                    </span>
                                                                </a>
                            
                                                                                </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-3296                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-3296'">
                                    
                                <span class="nav-item-text">
                                    Inspirations                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-3296'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Inspirations                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                            <a href="https://www.lecedrerouge.com/inspirations/nouveautes"
                                                   title="Nouveaut&#xE9;s">
                                                                                                    <span class="nav-item-text">
                                                    Nouveautés                                                </span>
                                                                                                       </a>
                                            
                                                                                                                                </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2999', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Iconiques                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2999'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Iconiques                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques/mobilier-iconique"
                                                                   title="Mobilier">
                                                                <span class="nav-item-text">
                                                                    Mobilier                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques/luminaire"
                                                                   title="Luminaire">
                                                                <span class="nav-item-text">
                                                                    Luminaire                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques/iconiques-d-exterieur"
                                                                   title="Iconiques&#x20;d&#x27;ext&#xE9;rieur">
                                                                <span class="nav-item-text">
                                                                    Iconiques d&#039;extérieur                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques"
                                                               title="Iconiques">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-334', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Cadeaux                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-334'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Cadeaux                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/en-stock"
                                                                   title="Livraison&#x20;rapide">
                                                                <span class="nav-item-text">
                                                                    Livraison rapide                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/iconiques"
                                                                   title="Iconiques">
                                                                <span class="nav-item-text">
                                                                    Iconiques                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/lampe-de-table"
                                                                   title="Lampes">
                                                                <span class="nav-item-text">
                                                                    Lampes                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/mobilier"
                                                                   title="Mobilier">
                                                                <span class="nav-item-text">
                                                                    Mobilier                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux"
                                                               title="Cadeaux">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3389', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Esprit nature                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3389'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Esprit nature                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/chaises-et-fauteuils"
                                                                   title="Chaises&#x20;et&#x20;fauteuils">
                                                                <span class="nav-item-text">
                                                                    Chaises et fauteuils                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/tables"
                                                                   title="Tables">
                                                                <span class="nav-item-text">
                                                                    Tables                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/salons-de-jardin"
                                                                   title="Salons&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Salons de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/espace-detente"
                                                                   title="Espace&#x20;d&#xE9;tente">
                                                                <span class="nav-item-text">
                                                                    Espace détente                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature"
                                                               title="Esprit&#x20;nature">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3392', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Couleurs vitaminées                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3392'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Couleurs vitaminées                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees/assises"
                                                                   title="Assises">
                                                                <span class="nav-item-text">
                                                                    Assises                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees/tables"
                                                                   title="Tables">
                                                                <span class="nav-item-text">
                                                                    Tables                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees/salon-de-jardin"
                                                                   title="Salons&#x20;de&#x20;jardin">
                                                                <span class="nav-item-text">
                                                                    Salons de jardin                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees"
                                                               title="Couleurs&#x20;vitamin&#xE9;es">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3395', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Courbes métalliques                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3395'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Courbes métalliques                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques/chaises-et-fauteuils"
                                                                   title="Chaises&#x20;et&#x20;fauteuils">
                                                                <span class="nav-item-text">
                                                                    Chaises et fauteuils                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques/tables"
                                                                   title="Tables">
                                                                <span class="nav-item-text">
                                                                    Tables                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques/canapes-et-bancs"
                                                                   title="Canap&#xE9;s&#x20;et&#x20;bancs">
                                                                <span class="nav-item-text">
                                                                    Canapés et bancs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques"
                                                               title="Courbes&#x20;m&#xE9;talliques">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/inspirations"
                                               title="Inspirations">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-2906                        ">

                            
                                                        
                                
                                <button type="button"
                                        @click.prevent="nextSlide(); activeLevel1 = 'category-node-2906'">
                                    
                                <span class="nav-item-text">
                                    Pièces                                </span>

                                                                    <span class="nav-item-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                </span>
                                </button>
                            
                                                                                        <ul class="nav-item-content"
                                    x-show="activeLevel1 === 'category-node-2906'"
                                :class="parentHasOverflow ? 'change-overflow' : 'overflow-y-auto'">
                                                                        <li class="dnd-menu-back-wrapper">
                                        <button type="button"
                                                class="dnd-menu-back"
                                                @click.prevent="prevSlide();">
                                        <span class="icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                        </span>
                                            <span class="content">
                                            Pièces                                        </span>
                                        </button>
                                    </li>

                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2909', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Salle à manger                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2909'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Salle à manger                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-tables-a-manger"
                                                                   title="Tables&#x20;&#xE0;&#x20;manger">
                                                                <span class="nav-item-text">
                                                                    Tables à manger                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-chaises-et-tabourets"
                                                                   title="Chaises&#x20;et&#x20;tabourets">
                                                                <span class="nav-item-text">
                                                                    Chaises et tabourets                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-luminaires"
                                                                   title="Luminaires">
                                                                <span class="nav-item-text">
                                                                    Luminaires                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/tapis-et-decorations"
                                                                   title="Tapis&#x20;et&#x20;d&#xE9;corations">
                                                                <span class="nav-item-text">
                                                                    Tapis et décorations                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/art-de-la-table"
                                                                   title="Art&#x20;de&#x20;la&#x20;table">
                                                                <span class="nav-item-text">
                                                                    Art de la table                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-commodes-et-buffets"
                                                                   title="Commodes&#x20;et&#x20;buffets">
                                                                <span class="nav-item-text">
                                                                    Commodes et buffets                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger"
                                                               title="Salle&#x20;&#xE0;&#x20;manger">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-2933', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Salon                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-2933'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Salon                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-canapes"
                                                                   title="Canap&#xE9;s">
                                                                <span class="nav-item-text">
                                                                    Canapés                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-fauteuils"
                                                                   title="Fauteuils">
                                                                <span class="nav-item-text">
                                                                    Fauteuils                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-tables-basses"
                                                                   title="Tables&#x20;basses">
                                                                <span class="nav-item-text">
                                                                    Tables basses                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-meubles-tv-et-buffets-bas"
                                                                   title="Meubles&#x20;TV&#x20;et&#x20;buffets&#x20;bas">
                                                                <span class="nav-item-text">
                                                                    Meubles TV et buffets bas                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-bibliotheques-et-etageres"
                                                                   title="Biblioth&#xE8;ques&#x20;et&#x20;&#xE9;tag&#xE8;res">
                                                                <span class="nav-item-text">
                                                                    Bibliothèques et étagères                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-luminaires"
                                                                   title="Luminaires">
                                                                <span class="nav-item-text">
                                                                    Luminaires                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/tapis-et-decorations"
                                                                   title="Tapis&#x20;et&#x20;d&#xE9;corations">
                                                                <span class="nav-item-text">
                                                                    Tapis et décorations                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon"
                                                               title="Salon">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3083', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Chambre                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3083'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Chambre                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/lits"
                                                                   title="Lits">
                                                                <span class="nav-item-text">
                                                                    Lits                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/tables-de-chevet"
                                                                   title="Tables&#x20;de&#x20;chevet">
                                                                <span class="nav-item-text">
                                                                    Tables de chevet                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/lampes-a-poser"
                                                                   title="Lampes&#x20;&#xE0;&#x20;poser">
                                                                <span class="nav-item-text">
                                                                    Lampes à poser                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/commodes"
                                                                   title="Commodes&#x20;et&#x20;amoires">
                                                                <span class="nav-item-text">
                                                                    Commodes et amoires                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/tapis-et-decorations"
                                                                   title="Tapis&#x20;et&#x20;d&#xE9;corations">
                                                                <span class="nav-item-text">
                                                                    Tapis et décorations                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/bancs-et-meridiennes"
                                                                   title="Bancs&#x20;et&#x20;m&#xE9;ridiennes">
                                                                <span class="nav-item-text">
                                                                    Bancs et méridiennes                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/convertibles"
                                                                   title="Convertibles">
                                                                <span class="nav-item-text">
                                                                    Convertibles                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre"
                                                               title="Chambre">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3110', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Bureau                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3110'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Bureau                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/bureaux"
                                                                   title="Bureaux">
                                                                <span class="nav-item-text">
                                                                    Bureaux                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/chaises-de-bureau"
                                                                   title="Chaises&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Chaises de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/lampes-de-bureau"
                                                                   title="Lampes&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Lampes de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/rangements-de-bureau"
                                                                   title="Rangements&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Rangements de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/bibliotheque-etageres"
                                                                   title="Biblioth&#xE8;ques&#x20;&amp;&#x20;&#xE9;tag&#xE8;res">
                                                                <span class="nav-item-text">
                                                                    Bibliothèques &amp; étagères                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/accessoires-de-bureau"
                                                                   title="Accessoires&#x20;de&#x20;bureau">
                                                                <span class="nav-item-text">
                                                                    Accessoires de bureau                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau"
                                                               title="Bureau">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="nav-item level1">
                                            
                                            
                                                                                                                                            <button type="button"
                                                        @click.prevent="nextSlide(); activeLevel2 = 'category-node-3131', parentHasOverflow = true;">

                                                                                                    <span class="nav-item-text">
                                                   Entrée                                                </span>
                                                
                                                    <span class="nav-item-icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"/>
<title>arrow-right</title></svg>
                                                </span>
                                                </button>
                                            
                                                                                                                                        <ul class="nav-item-content"
                                                    x-show="activeLevel2 === 'category-node-3131'">
                                                                                                        <li class="dnd-menu-back-wrapper">
                                                        <button type="button"
                                                                class="dnd-menu-back"
                                                                @click.prevent="prevSlide(), parentHasOverflow = false;">
                                                        <span class="icon">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 6 9" fill="none" class="w-4 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"/>
<title>arrow-left</title></svg>
                                                        </span>
                                                            <span class="content">
                                                            Entrée                                                        </span>
                                                        </button>
                                                    </li>

                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/consoles"
                                                                   title="Consoles">
                                                                <span class="nav-item-text">
                                                                    Consoles                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/porte-manteaux-patere"
                                                                   title="Porte-manteaux&#x20;&amp;&#x20;pat&#xE8;res">
                                                                <span class="nav-item-text">
                                                                    Porte-manteaux &amp; patères                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/plafonniers"
                                                                   title="Plafonniers">
                                                                <span class="nav-item-text">
                                                                    Plafonniers                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/bancs"
                                                                   title="Bancs">
                                                                <span class="nav-item-text">
                                                                    Bancs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                                                                            <li class="nav-item level2">
                                                                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/miroirs"
                                                                   title="Miroirs">
                                                                <span class="nav-item-text">
                                                                    Miroirs                                                                </span>
                                                                </a>
                                                                                                                                                                                                                                            </li>
                                                    
                                                                                                                                                                <li class="view-all">
                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree"
                                                               title="Entr&#xE9;e">
                                                                Voir tout                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                    
                                                                                                                <li class="view-all">
                                            <a href="https://www.lecedrerouge.com/pieces-de-vie"
                                               title="Pi&#xE8;ces">
                                                Voir tout                                            </a>
                                        </li>
                                    
                                                                    </ul>
                                                    </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-category-node-346                        ">

                            
                                                                                        <a href="https://www.lecedrerouge.com/marques"
                                   title="Marques">
                                    
                                    <span class="nav-item-text">
                                        Marques                                    </span>
                                                                </a>
                            
                                                                                </li>
                                                                                                                    <li class="nav-item level0                                                         level-0-mobile-customlink-node-4                        ">

                            
                                                                                        <a href="https://www.accent-rouge.com/?utm_source=lcr"
                                   title="Professionnels">
                                    
                                    <span class="nav-item-text">
                                        Professionnels                                    </span>
                                                                </a>
                            
                                                                                </li>
                                                            </ul>
            </nav>
            <div class="dnd-menu-additional-links">
                <ul class="flex">
            <li class="w-1/2 peer peer:bg-red [&+li]:border-l [&+li]:border-merino-500">
            <a href="https://www.lecedrerouge.com/contacts" class="flex flex-col gap-1 p-4 justify-center items-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 20" fill="none" class="w-6 h-6" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.966 2.16699C8.76469 2.16699 6.11598 4.52929 5.66652 7.60595C5.62517 7.82328 5.56548 8.33979 5.55866 9.07315C3.8663 9.73049 2.66602 11.3747 2.66602 13.3003C2.66602 14.0577 2.85211 14.7728 3.18132 15.4013L2.87613 17.0405C2.84596 17.2025 2.89758 17.369 3.01413 17.4855C3.13067 17.6021 3.29717 17.6537 3.4592 17.6235L5.09839 17.3184C5.72688 17.6476 6.44203 17.8337 7.19935 17.8337C9.12289 17.8337 10.7655 16.636 11.4243 14.9466C12.0543 14.9236 12.6915 14.8571 12.9701 14.8213L12.9775 14.8203L12.986 14.819C13.6991 14.7041 14.3725 14.4708 14.9854 14.1401L17.4478 14.5985C17.6099 14.6287 17.7764 14.5771 17.8929 14.4605C18.0094 14.344 18.0611 14.1775 18.0309 14.0155L17.5724 11.5531C18.0575 10.6541 18.3327 9.62534 18.3327 8.53366C18.3327 5.01745 15.4822 2.16699 11.966 2.16699ZM6.75381 8.78865C6.90048 8.77432 7.04911 8.76699 7.19935 8.76699C9.70306 8.76699 11.7327 10.7966 11.7327 13.3003C11.7327 13.5149 11.7177 13.7261 11.6888 13.933C12.1667 13.9055 12.6151 13.8584 12.8347 13.8305C13.4863 13.7245 14.0984 13.5011 14.649 13.1826C14.7523 13.1229 14.8735 13.102 14.9909 13.1239L16.9144 13.482L16.5562 11.5585C16.5344 11.4412 16.5552 11.3199 16.615 11.2166C17.0713 10.4278 17.3327 9.51195 17.3327 8.53366C17.3327 5.87316 15.3967 3.66484 12.8567 3.24056L6.75381 8.78865ZM6.20068 9.90996C6.51676 9.81703 6.85178 9.76699 7.19935 9.76699C9.15078 9.76699 10.7327 11.3489 10.7327 13.3003C10.7327 13.6526 10.6813 13.9919 10.5859 14.3117C10.1509 15.7708 8.79864 16.8337 7.19935 16.8337C6.55493 16.8337 5.95224 16.6616 5.43306 16.3613C5.32976 16.3015 5.20849 16.2807 5.09116 16.3025L3.99263 16.507L4.19716 15.4085C4.219 15.2912 4.19816 15.1699 4.13841 15.0666C3.83806 14.5474 3.66602 13.9447 3.66602 13.3003C3.66602 11.6964 4.73513 10.3409 6.20068 9.90996Z" fill="currentColor"/>
<title>contact</title></svg>
                Besoin d&#039;aide ?            </a>
        </li>
    
            <li class="w-1/2 peer peer:bg-red [&+li]:border-l [&+li]:border-merino-500">
            <a href="https://www.lecedrerouge.com/nos-boutiques" class="flex flex-col gap-1 p-4 justify-center items-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 30 30" fill="none" class="w-6 h-6" role="img">
<path d="M26.6946 22.0305L16.6738 25.4881H26.411L26.6946 22.0305Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5158 10.9235C4.93001 10.9235 5.2658 11.2593 5.2658 11.6735V24.7381H25.9446V11.6735C25.9446 11.2593 26.2804 10.9235 26.6946 10.9235C27.1088 10.9235 27.4446 11.2593 27.4446 11.6735V25.4881C27.4446 25.9023 27.1088 26.2381 26.6946 26.2381H4.5158C4.10158 26.2381 3.7658 25.9023 3.7658 25.4881V11.6735C3.7658 11.2593 4.10158 10.9235 4.5158 10.9235Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.17959 14.349C6.17959 13.9348 6.51538 13.599 6.92959 13.599H14.3773C14.7915 13.599 15.1273 13.9348 15.1273 14.349V25.4894C15.1273 25.9036 14.7915 26.2394 14.3773 26.2394H6.92959C6.51538 26.2394 6.17959 25.9036 6.17959 25.4894V14.349ZM7.67959 15.099V24.7394H13.6273V15.099H7.67959Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.7988 14.349C15.7988 13.9347 16.1346 13.599 16.5488 13.599H24.6723C25.0865 13.599 25.4223 13.9347 25.4223 14.349V21.007C25.4223 21.4212 25.0865 21.757 24.6723 21.757H16.5488C16.1346 21.757 15.7988 21.4212 15.7988 21.007V14.349ZM17.2988 15.099V20.257H23.9223V15.099H17.2988Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.73773 4.26051L3.54088 10.9242H14.751V4.26021L5.73773 4.26051ZM15.4782 2.76018L5.19525 2.76052C4.87153 2.76053 4.58434 2.96825 4.48299 3.2757L1.79162 11.4393C1.71628 11.6679 1.75517 11.9187 1.8962 12.1137C2.03723 12.3087 2.26326 12.4242 2.50391 12.4242H15.4997C15.5105 12.4242 15.5212 12.4239 15.5319 12.4235H28.4958C28.7364 12.4235 28.9625 12.308 29.1035 12.113C29.2445 11.918 29.2834 11.6672 29.2081 11.4386L26.5164 3.27499C26.415 2.96754 26.1278 2.75983 25.8041 2.75984L15.5238 2.76018C15.5162 2.75996 15.5086 2.75984 15.501 2.75984C15.4934 2.75984 15.4858 2.75996 15.4782 2.76018ZM16.251 4.26016V10.9235H27.4588L25.2617 4.25986L16.251 4.26016Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2191 2.76543C10.6302 2.8159 10.9226 3.1901 10.8721 3.60123L9.87407 11.7309C9.8236 12.142 9.4494 12.4344 9.03827 12.3839C8.62714 12.3334 8.33478 11.9592 8.38525 11.5481L9.3833 3.41845C9.43377 3.00733 9.80797 2.71496 10.2191 2.76543Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8595 2.76547C21.2706 2.71483 21.6449 3.00704 21.6956 3.41815L22.697 11.5478C22.7476 11.9589 22.4554 12.3332 22.0443 12.3839C21.6332 12.4345 21.2588 12.1423 21.2082 11.7312L20.2068 3.60153C20.1562 3.19043 20.4484 2.81611 20.8595 2.76547Z" fill="currentColor"/>
<title>store</title></svg>
                Magasins            </a>
        </li>
    </ul>
            </div>
        </div>
    </div>
</div>
<div x-show="showButton" x-data="Object.assign(hyva.modal(), initPromoOffer($el))" @private-content-loaded.window="reloadSection($event)" x-init="loadData()" x-bind="eventListeners" x-spread="eventListeners" class="z-30 order-4">
    <!-- Dialog (full screen) -->
    <div x-cloak x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">

        <!-- A basic modal dialog with title, items body and one button to close -->
        <div x-ref="dialog" role="dialog" aria-labelledby="the-label" style="max-width: 50%; min-width: 50%;" class="max-w-[50%] inline-block max-h-screen overflow-auto bg-white shadow-xl rounded-lg p-10 text-gray-700">
            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                <!-- Modal Header -->
                <div class="flex justify-between items-center pb-3">
                    <p x-text="modalTitle" class="text-lg font-medium leading-6 text-gray-900"></p>
                    <div class="modal-close cursor-pointer z-50" @click="hide()">
                        <svg class="fill-current text-black" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
                            <path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z">
                            </path>
                        </svg>
                    </div>
                </div>


                <!-- Selected Products Counter -->
                <div class="mt-2 mb-2">
                    <span id="selectedText" class="text-sm leading-5 text-gray-500"><span x-text="selected"></span></span>
                </div>


                <div class="product-slider afptc__products">
                    <div>
                        <script>
                            'use strict';
                            function initAwPromoSliderComponent() {
                                return {
                                    active: 0,
                                    itemCount: 0,
                                    /**
                                     * @returns {*}
                                     */
                                    getSlider() {
                                        return this.$root.querySelector('.js_slides');
                                    },
                                    pageSize: 3,
                                    pageFillers: 0,

                                    /**
                                     * Calculate Size for page and render items
                                     */
                                    calcPageSize() {
                                        const slider = this.getSlider();
                                        if (slider && slider.clientWidth) {
                                            this.itemCount = slider.querySelectorAll('.js_slide').length;
                                            this.pageSize = Math.round(slider.clientWidth / slider.querySelector('.js_slide').clientWidth);
                                            this.pageFillers = (
                                                this.pageSize * Math.ceil(this.itemCount / this.pageSize)
                                            ) - this.itemCount;
                                        }
                                    },

                                    /**
                                     * Calculate Active Page
                                     */
                                    calcActive() {
                                        const slider = this.getSlider();
                                        if (slider) {
                                            const sliderItems = this.itemCount + this.pageFillers;
                                            const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
                                            this.active = Math.round(calculatedActiveSlide / this.pageSize) * this.pageSize;
                                        }
                                    },

                                    /**
                                     * Get Previous Page
                                     */
                                    scrollPrevious() {
                                        this.scrollTo(this.active - this.pageSize);
                                    },

                                    /**
                                     * Get Next Page
                                     */
                                    scrollNext() {
                                        this.scrollTo(this.active + this.pageSize);
                                    },

                                    /**
                                     * Scroll to select page
                                     *
                                     * @param idx
                                     */
                                    scrollTo(idx) {
                                        const slider = this.getSlider();
                                        if (slider) {
                                            const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers);
                                            slider.scrollLeft = Math.floor(slideWidth) * idx;
                                            this.active = idx;
                                        }
                                    }
                                }
                            }
                        </script>

                        <section x-ref="awSliderChild" class="my-12 text-gray-700 body-font" x-data="initAwPromoSliderComponent()" x-init="calcPageSize();" @resize.window.debounce="calcPageSize(); $nextTick( function() { calcActive() })" @aw-calculate-page-size.window="calcPageSize(); $nextTick( function() { calcActive() })">
                            <div class="relative">
                                <div class="flex-none relative w-full overflow-x-hidden focus-within:ring-2 ring-offset-2 active:ring-0 ring-blue-500/50">
                                    <div class="relative flex flex-nowrap w-full overflow-auto js_slides snap md:px-1 xl:px-2" @scroll.debounce="calcActive">
                                        <template x-for="(item, index) in items">
                                            <div class="flex shrink-0 w-full mr-1 p-1 js_slide md:w-1/2 lg:w-1/3 xl:w-1/3 afptc__product js-selected-item" :data-index="index" :data-rule="item.rule_id" :data-sku="item.sku">
                                                <template x-if="calcPageSize();"></template>
                                                <div class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full ">
                                                    <a :href="item.url" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1">
                                                        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-6.window="$root.src = $event.detail"
                                                             x-bind:src="item.image.src "
                                                             x-bind:alt="item.image.alt"
                                                             x-bind::title="item.name"
                                                             x-spread:src="item.image.src "
                                                             x-spread:alt="item.image.alt"
                                                             x-spread::title="item.name"
                                                             loading="lazy" />
                                                    </a>
                                                    <div class="product-info flex flex-col grow">
                                                        <div style="height: 120px;" class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center">
                                                            <a class="product-item-link" :href="item.url" x-text="item.name"></a>
                                                            <p hidden x-text="item.sku" class="aw-afptc-item-sku"></p>

                                                            <div x-data="initPriceAfptc()"
                                                                 x-bind="eventListeners"
                                                                 x-spread="eventListeners"
                                                                 x-init="initialFinalPrice = item.price_info.final_price;
                                                                         showRegularPriceLabel = (item.price_info.final_price < item.price_info.regular_price) ? true : false;
                                                                         $nextTick(() => { product = item });"
                                                                 class="price-box price-final_price">
                                                                <template x-if="!activeProductsPriceData && !isPriceHidden()">
                                                                    <div class="price-container">
                                                                        <div class="final-price inline-block" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
                                                                            <span class="price-wrapper title-font font-medium text-2xl text-gray-900">
                                                                                <span class="price" x-html="getFormattedFinalPrice()"></span>
                                                                            </span>
                                                                            <meta itemprop="price" :content="item.price_info.final_price">
                                                                            <meta itemprop="priceCurrency"
                                                                                  content="EUR">
                                                                        </div>
                                                                                                                                                <template x-if="item.price_info.final_price < item.price_info.regular_price">
                                                                            <div>
                                                                                <div class="old-price justify-center flex">
                                                                                    <span class="price-wrapper title-font font-regular text-xl line-through text-gray-900">
                                                                                        <span class="price" x-html="hyva.formatPrice(item.price_info.regular_price + getCustomOptionPrice())"></span>
                                                                                    </span>
                                                                                </div>
                                                                                                                                                            </div>
                                                                        </template>
                                                                    </div>
                                                                </template>
                                                                <template x-if="activeProductsPriceData &&
                                                                                activeProductsPriceData.oldPrice &&
                                                                                activeProductsPriceData[finalPriceKey].amount < activeProductsPriceData[regularPriceKey].amount">
                                                                    <div class="old-price flex mr-2">
                                                                        <span class="price-wrapper title-font font-regular text-xl line-through text-gray-900">
                                                                            <span class="price" x-html="hyva.formatPrice(activeProductsPriceData[regularPriceKey].amount + getCustomOptionPrice())"></span>
                                                                        </span>
                                                                    </div>
                                                                </template>
                                                                <template x-if="activeProductsPriceData">
                                                                    <div class="final-price inline-block">
                                                                        <span class="price-wrapper title-font font-medium text-2xl text-gray-900">
                                                                        <span class="price" x-html="getFormattedFinalPrice()"></span>
                                                                    </span>
                                                                    </div>
                                                                </template>
                                                                                                                            </div>
                                                        </div>
                                                        <div x-data="initPopupQtyField($el)"
                                                             x-init="amount = offerCount; allItems = items; $watch('items', updatedItems => {
                                                                              allItems = updatedItems;
                                                                            })"
                                                             class="afptc-qty-field">
                                                            <div class="flex content-center justify-center">
                                                                <button @click="decreaseQty(item)" class="btn btn-primary">
                                                                    <span>-</span>
                                                                </button>
                                                                <input name="qty"
                                                                       x-bind:id="'qty['+item.sku+']'"
                                                                       x-spread:id="'qty['+item.sku+']'"
                                                                       type="number"
                                                                       pattern="[0-9](\.?[0-9])"
                                                                       :value="item.qty"
                                                                       class="form-input px-2 py-2 w-20 text-center invalid:ring-2 invalid:ring-red-500"
                                                                       x-model.number="item.qty"
                                                                       @change="$nextTick(() => {updateValue(item, $event.target.value)})"
                                                                />
                                                                <button @click="increaseQty(item)" class="btn btn-primary">
                                                                    <span>+</span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <br>

                                                        <!-- If Configurable Item -->
                                                        <template x-if="item.option.spConfig">
                                                            <div>
                                                                <template x-for="(item, index) in Object.values(item.option.spConfig.attributes)">
                                                                    <div>
                                                                        <!-- Configurable Select -->
                                                                        <div class="flex border-t last:border-b  border-gray-300 py-2 w-full items-center">
                                                                            <label class="label text-gray-700 text-left w-1/2" for="">
                                                                                <span x-text="item.label"></span>
                                                                            </label>
                                                                            <div class="text-gray-900 text-left w-1/2">
                                                                                <select name="" class="form-select super-attribute-select w-full" required="required" required="required" :data-id="item.id">
                                                                                    <option value="">
                                                                                        Choisissez une option...                                                                                    </option>
                                                                                    <template x-for="option in item.options">
                                                                                        <option :data-option-id="option.id" x-text="option.label">
                                                                                        </option>
                                                                                    </template>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </template>
                                                            </div>
                                                        </template>



                                                        <!-- If CustomOptions Item -->
                                                        <template x-if="item.option.customizable_type">
                                                            <div x-data="initOptionsAfptc" x-init="refs = $refs; optionConfig = JSON.parse(item.option.customizable_type_json_config[0]); $nextTick(() => { calculateOptionPrices(item); initSelectedOptions($dispatch); })"
                                                                 x-bind="eventListeners" x-spread="eventListeners">
                                                                <template x-for="(customItem, index) in item.option.customizable_type">
                                                                    <div>
                                                                        <!-- Configurable Select -->
                                                                        <div :id="'custom_option'+item.sku;" x-html="customItem" class="custom-option-wrapper"></div>
                                                                    </div>
                                                                </template>
                                                            </div>
                                                        </template>

                                                        <div class="afptc__product__actions w-full">
                                                            <button class="afptc__product__button btn btn-primary w-full text-center justify-center" @click="changeClaimed($el.target)">Choisir ce cadeau</button>
                                                            <input class="afptc__product__checkbox" style="display:none;" type="checkbox">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </template>

                                    </div>
                                </div>
                                <div style="min-height: 65px">
                                    <template x-if="itemCount > pageSize">
                                        <div class="flex items-center justify-center py-4">
                                            <button aria-label="Previous" tabindex="-1" class="mr-4 text-black rounded-full outline-none focus:outline-none flex-none" :class="{ 'opacity-25 pointer-events-none' : active === 0 }" @click="scrollPrevious">
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                                                </svg>
                                            </button>
                                            <button aria-label="Next" tabindex="-1" class="ml-4 text-black rounded-full outline-none focus:outline-none flex-none" :class="{ 'opacity-25 pointer-events-none' : active >= itemCount-pageSize }" @click="scrollNext">
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                                </svg>
                                            </button>
                                        </div>
                                    </template>
                                </div>
                        </section>
                    </div>
                </div>
            </div>
            <!-- Add to Cart Button.  --->
            <div class="mt-5 sm:ml-4 sm:mt-6">
                        <span class="flex w-full">
                            <button @click="addToCart()" title="Ajouter&#x20;au&#x20;panier" class="btn btn-primary afptc__modal__add" id="aw-afptc-product-addtocart-button" disabled>
                                <svg class="w-6 h-6 border-current" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707
                                    1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
                                </svg>
                                <span class="hidden sm:block md:hidden lg:block">
                                    Ajouter au panier                                </span>
                            </button>
                        </span>
            </div>
        </div>
    </div>
</div>

<script>
    var isObj = function (a) {
        if ((!!a) && (a.constructor === Object)) {
            return true;
        }
        return false;
    };
    var _st = function (z, g) {
        return "" + (g != "" ? "[" : "") + z + (g != "" ? "]" : "");
    };
    var fromObject = function (params, skipobjects, prefix) {
        if (skipobjects === void 0) {
            skipobjects = false;
        }
        if (prefix === void 0) {
            prefix = "";
        }
        var result = "";
        if (typeof (params) != "object") {
            return prefix + "=" + encodeURIComponent(params) + "&";
        }
        for (var param in params) {
            var c = "" + prefix + _st(param, prefix);
            if (isObj(params[param]) && !skipobjects) {
                result += fromObject(params[param], false, "" + c);
            } else if (Array.isArray(params[param]) && !skipobjects) {
                if (param === 'customizable_type') {
                    result += c + "=[" + encodeURIComponent(params[param]) + "]&";
                } else {
                    params[param].forEach(function (item, ind) {
                        result += fromObject(item, false, c + "[" + ind + "]");
                    });
                }
            } else {
                result += c + "=" + encodeURIComponent(params[param]) + "&";
            }
        }
        return result;
    };

    var uploadedFiles = [];

    function initPromoOffer($el) {
        return {
            awSliderChild: null,
            showButton: '',
            offerCount: '',
            modalTitle: '',
            items: [],
            amount: '',
            selected: '',
            selectedProductAttributes: [],
            cookieEntityName: 'aw_promo_timestamp',
            cookiesName: 'aw_promo_popup',
            ruleId: '',
            formKey: '',

            /**
             * Load Data for Popup
             */
            loadData() {
                let getUrl = BASE_URL + "customer/section/load/?sections=aw-afptc-promo&_=" + Date.now();
                // Fetch Json Data from module section.
                fetch(getUrl)
                    .then(response => response.json())
                    .then(data => {
                        // Determines if the offer button should appear
                        if (data['aw-afptc-promo'].count > 0) {
                            if (localStorage.getItem('hideAfptcButton') !== 'yes') {
                                this.showButton = true;
                            }
                            this.offerCount = data['aw-afptc-promo'].count;
                            this.modalTitle = data['aw-afptc-promo'].header_text;
                            this.items = data['aw-afptc-promo'].items;
                            this.updateSelected();
                        } else {
                            this.showButton = false;
                        }
                    });
            },

            /**
             * Open Popup with promo
             *
             * @returns {Promise<void>}
             */
            async openModal() {
                this.show();
                setTimeout(() => {
                    window.dispatchEvent(new CustomEvent('aw-calculate-page-size'));
                }, 500);
            },

            /**
             * Used when triggered @private-content-loaded
             *
             * @param event
             */
            reloadSection(event) {
                const savedTimestamp =  this.getCookieValue();
                const currentTimestamp = Date.now();
                const minutesPassed = (currentTimestamp - savedTimestamp[this.cookieEntityName]) / 1000 / 60;
                this.offerCount = event.detail.data['aw-afptc-promo'].count;
                this.items = event.detail.data['aw-afptc-promo'].items;
                this.updateSelected();
                if (!event.detail.data["aw-afptc-promo"].items.length) {
                    this.showButton = false;
                    this.setCookieValue('');
                } else {
                    if (minutesPassed >= 5 || Object.keys(savedTimestamp).length === 0) {
                        this.openModal();
                        this.setCookieValue(currentTimestamp);
                    }
                }
            },

            /**
             * Set cookie values
             *
             * @param {number} time
             */
            setCookieValue: function (time) {
                let cookieValue = this.getCookieValue();

                cookieValue[this.cookieEntityName] = time;
                this.cookieValue = cookieValue;
                this.setNativeCookie(this.cookiesName, JSON.stringify(cookieValue));
            },

            /**
             * Set cookie
             *
             * @param nameCookie
             * @param valueCookie
             */
            setNativeCookie: function (nameCookie, valueCookie) {
                var name = nameCookie,
                    value = valueCookie,
                    expires,
                    path,
                    domain,
                    secure,
                    samesite,
                    options = {
                        expires: null,
                        path: '/',
                        domain: null,
                        secure: false,
                        lifetime: 86400,
                        samesite: 'lax'
                    };
                expires = this.lifetimeToExpires(options, this.defaults) || options.expires;
                path = options.path;
                domain = options.domain;
                secure = options.secure;
                samesite = options.samesite;

                document.cookie = name + '=' + encodeURIComponent(value) +
                    (expires ? '; expires=' + expires.toUTCString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '') +
                    '; samesite=' + (samesite ? samesite : 'lax');
            },

            /**
             * Calculate cookie expiration date based on its lifetime.
             * @param {Object} options - Cookie option values
             * @return {Date|null} Calculated cookie expiration date or null if no lifetime provided.
             * @private
             */
            lifetimeToExpires: function (options, defaults) {
                var expires,
                    lifetime;

                lifetime = options.lifetime || defaults.lifetime;

                if (lifetime && lifetime > 0) {
                    expires = options.expires || new Date();

                    return new Date(expires.getTime() + lifetime * 1000);
                }

                return null;
            },

            /**
             * Get cookie values resolver
             *
             * @returns {Object}
             */
            getCookieValue: function () {
                let cookieValue = this.getNativeCookie(this.cookiesName)
                    ? this.getNativeCookie(this.cookiesName)
                    : '{}';

                return JSON.parse(cookieValue);
            },

            /**
             * Get cookie value
             *
             * @param name
             * @returns {*|string|null}
             */
            getNativeCookie: function (name) {
                var arg = name + '=',
                    aLength = arg.length,
                    cookie = document.cookie,
                    cLength = cookie.length,
                    i = 0,
                    j = 0;

                while (i < cLength) {
                    j = i + aLength;

                    if (cookie.substring(i, j) === arg) {
                        return this.getCookieVal(j);
                    }
                    i = cookie.indexOf(' ', i) + 1;

                    if (i === 0) {
                        break;
                    }
                }

                return null;
            },

            /**
             * Retrieve cookie value
             *
             * @param offset
             * @returns {string}
             */
            getCookieVal: function (offset) {
                var cookie = document.cookie,
                    endstr = cookie.indexOf(';', offset);

                if (endstr === -1) {
                    endstr = cookie.length;
                }

                return decodeURIComponent(cookie.substring(offset, endstr));
            },

            /**
             * Change Text for Claim button
             */
            changeClaimed() {
                let button = event.currentTarget,
                    product = button.closest('.afptc__product');

                if (!this.checkOptionsAreSelected(product)) {

                    for (const configurable of product.querySelectorAll('select')) {
                        if (configurable.value == '') {
                            configurable.focus();
                            configurable.parentElement.classList.add('highlight');
                            setTimeout(() => {
                                configurable.parentElement.classList.remove('highlight');
                            }, 1000);

                            break;
                        }
                    }

                    return;
                }

                if (button.nextElementSibling.checked) {
                    deselectProduct(product);
                    this.items[product.dataset.index].qty = 0;
                } else {
                    if ((this.offerCount - getSelectedQty(this.items)) > 0) {
                        selectProduct(product);
                        this.removeDisabledFromElement(document.querySelector('.afptc__modal__add'));
                        this.items[product.dataset.index].qty = 1;
                    }
                }

                this.updateSelected();
            },

            /**
             * @param product
             * @returns {boolean}
             */
            checkOptionsAreSelected(product) {
                let areAllSelected = true;
                product.querySelectorAll('select').forEach((item) => {
                    if (item.value == '') {
                        areAllSelected = false;
                    }
                });
                return areAllSelected;
            },

            /**
             * Update title on Popup
             */
            updateSelected() {
                this.selected = ``;
            },

            /**
             * Add Product to Cart
             */
            addToCart() {
                // Addds the selected item to cart if a valid selection has been made.
                if (this.validateAtLeastOneSelected() == true) {
                    let postUrl = BASE_URL + "aw_afptc/product/addToCart/";
                    let formKey = this.formKey;
                    let selectedItem = document.querySelectorAll('.js-selected-item');

                    let selectedItems = {
                        items: [

                        ]
                    };

                    // Get the selected items options ready for the fetch.
                    selectedItem.forEach(item => {
                        if (item.classList.contains('selected')) {
                            let data = {
                                sku: item.dataset.sku,
                                rule_id: item.dataset.rule,
                                qty: item.querySelectorAll('input[name="qty"]')[0].value,
                                checked: true,
                            };

                            if (item.querySelectorAll('select.super-attribute-select')) {
                                data.super_attribute = {};
                            }

                            item.querySelectorAll('select.super-attribute-select').forEach(item => {
                                data.super_attribute = {
                                    ...data.super_attribute,
                                    [item.dataset.id]: item.selectedOptions[0].dataset.optionId
                                }
                            });

                            let customOptions = item.querySelectorAll('#custom_option' + data.sku);
                            let customOptionsData = '';
                            if (customOptions) {
                                customOptions.forEach(function (customOptionItem) {
                                    let customOption = customOptionItem.querySelectorAll('input, textarea');

                                    if (!customOption.length) {
                                        customOption = customOptionItem.querySelectorAll('select');
                                    }

                                    if (customOption instanceof NodeList && customOption.length) {
                                        customOption.forEach(function (inputData) {
                                            if ((inputData.type === 'radio' || inputData.type === 'checkbox') && inputData.checked) {
                                                customOptionsData = customOptionsData + '{"name":"' + inputData.name + '", "value":"' + inputData.value + '"},';
                                            } else if (inputData.type === 'select-multiple' || inputData.type === 'multiselect') {
                                                Array.prototype.forEach.call(inputData.options, (option, index) => {
                                                    customOptionsData = customOptionsData + '{"name":"' + inputData.name + '", "value":"' + option.value + '"},';
                                                });
                                            } else if (inputData.type === 'file') {
                                                let fileData = inputData.files[0],
                                                    fileInput = {};

                                                fileInput[inputData.name] = {
                                                    name: fileData.name,
                                                    size: fileData.size,
                                                    type: fileData.type,
                                                    base64Data: uploadedFiles[item.dataset.sku + inputData.name]
                                                };

                                                customOptionsData = customOptionsData + JSON.stringify(fileInput) + ',';
                                            } else {
                                                if(inputData.type !== 'radio' && inputData.type !== 'checkbox' && inputData.type !== 'multiselect') {
                                                    customOptionsData = customOptionsData + '{"name":"' + inputData.name + '", "value":"' + inputData.value + '"},';
                                                }
                                            }
                                        });
                                    } else {
                                        customOptionsData = customOptionsData+'{"name":"' + customOption.name + '", "value":"' + customOption.value + '"},';
                                    }
                                });
                            }

                            data.customizable_type = [customOptionsData.slice(0, -1)];
                            selectedItems.items.push(data);

                        }
                    });

                    //Fetch to add to basket
                    fetch(postUrl, {
                        body: fromObject(selectedItems),
                        method: "POST",
                        headers: {
                            'Accept': 'application/json, text/plain, */*',
                            'Content-Type': 'application/x-www-form-urlencoded',
                            'X-Requested-With': 'XMLHttpRequest'
                        }
                    })
                        .then(response => response.json())
                        .then(data => {
                            window.location.href = window.location.href;
                        }).catch(function(error) {
                        console.log('There has been an error.')
                    });

                } else {
                    console.log('Item is not Selected')
                }
            },

            /**
             * Validate selected Item
             *
             * @returns {boolean}
             */
            validateAtLeastOneSelected() {
                // Check that at least one promo product is selected
                let checked = $el.querySelectorAll('input:checked');
                if (checked.length >= 1) {
                    return true;
                } else {
                    return false;
                }
            },

            /**
             * @param item
             */
            addDisabledToElement(item) {
                // This will add a disabled class to a given element.
                item.disabled = true;
            },

            /**
             * @param item
             */
            removeDisabledFromElement(item) {
                // This will remove the disabled class to a given element.
                item.disabled = false;
            },

            eventListeners: {
                ['@update-qty-product-afptc.window'](event) {
                    this.updateSelected();
                    this.removeDisabledFromElement(document.querySelector('.afptc__modal__add'));
                }
            }
        }
    }
    function initOptionsAfptc() {
        return {
            optionConfig: '',
            regularPriceKey: 'oldPrice',
            finalPriceKey: 'finalPrice',
            productFinalPrice: false,
            customOptionPrices: {},

            productBasePrice: false,
            customOptionBasePrices: {},

            refs: [],
            getFormattedOptionPrice(optionId) {
                if (this.customOptionPrices[optionId]) {
                    const showSign = true;
                    return hyva.formatPrice(this.customOptionPrices[optionId], showSign);
                }
                return false;
            },

            getFormattedOptionBasePrice(optionId) {
                if (this.customOptionBasePrices[optionId]) {
                    const showSign = true;
                    return hyva.formatPrice(this.customOptionBasePrices[optionId], showSign);
                }
                return false;
            },

            updateOptionPrice(optionId, optionPriceEl) {
                const container = document.createElement('div');
                container.innerHTML = optionPriceEl.innerHTML;

                const price = this.customOptionPrices[optionId],
                    priceEl = container.querySelector('.price-wrapper');
                if (priceEl && price) {
                    priceEl.innerText = hyva.formatPrice(price);
                }

                const basePrice = this.customOptionBasePrices[optionId],
                    basePriceEl = container.querySelector('.price-excluding-tax .price');
                if (basePriceEl && basePrice) {
                    basePriceEl.innerText = hyva.formatPrice(basePrice);
                }

                return container.innerHTML;
            },
            calculateOptionPrices(item) {
                for (const [customOptionId, customOption] of Object.entries(this.optionConfig)) {
                    if (customOption.prices) {
                        this.customOptionPrices[customOptionId] = this.calculateOptionPrice(customOption,customOptionId);

                        this.customOptionBasePrices[customOptionId] = this.calculateOptionBasePrice(customOption,customOptionId);

                    } else {
                        for (const [childCustomOptionId, childCustomOption] of Object.entries(customOption)) {
                            const key = customOptionId + '_' + childCustomOptionId;
                            this.customOptionPrices[key] = this.calculateOptionPrice(childCustomOption,customOptionId,childCustomOptionId);

                            this.customOptionBasePrices[key] = this.calculateOptionBasePrice(childCustomOption,customOptionId,childCustomOptionId);

                        }
                    }
                }
                let customOptionPricesWithKey = {};
                customOptionPricesWithKey[item.sku] = this.customOptionPrices;
                window.dispatchEvent(new CustomEvent("afptc-update-custom-option-prices", {detail: customOptionPricesWithKey}));
                window.dispatchEvent(new CustomEvent("afptc-update-custom-option-base-prices", {detail: this.customOptionBasePrices}));

            },
            calculateOptionPrice(customOption, customOptionId, childCustomOptionId) {
                const customOptionCode = customOptionId + (childCustomOptionId ? '-' + childCustomOptionId : '') ;

                const optionElement = this.refs && this.refs['option-'+customOptionCode];

                let price = customOption.prices[this.finalPriceKey].amount;

                if (this.productFinalPrice &&
                    optionElement &&
                    optionElement.dataset.priceAmount &&
                    optionElement.dataset.priceType
                ) {
                    price = optionElement.dataset.priceType !== 'percent' ?
                        optionElement.dataset.priceAmount :
                        this.productFinalPrice * (optionElement.dataset.priceAmount / 100)
                }

                return price;
            },

            calculateOptionBasePrice(customOption, customOptionId, childCustomOptionId) {
                const customOptionCode = customOptionId + (childCustomOptionId ? '-' + childCustomOptionId : '') ;

                const optionElement = this.refs && this.refs['option-'+customOptionCode];

                let basePrice = customOption.prices['basePrice'].amount;

                if (this.productBasePrice &&
                    optionElement &&
                    optionElement.dataset.basePriceAmount &&
                    optionElement.dataset.priceType
                ) {
                    basePrice = optionElement.dataset.priceType !== 'percent' ?
                        optionElement.dataset.basePriceAmount :
                        this.productBasePrice * (optionElement.dataset.priceAmount / 100)
                }

                return basePrice;
            },

            updateCustomOptionValue($dispatch, customOptionId, target) {
                let active;
                switch (target.type) {
                    case 'text':
                    case 'textarea':
                    case 'time':
                    case 'datetime-local':
                    case 'date':
                        active = !!target.value;
                        break;
                    case 'file':
                        active = !!target.value;
                        const productItem = target.closest('.afptc__product');
                        let file = target.files[0];
                        if (file) {
                            var reader = new FileReader();
                            reader.onload = function(e){
                                if (productItem !== undefined) {
                                    let itemKey = productItem.dataset.sku,
                                        inputName = target.name;
                                    uploadedFiles[itemKey + inputName] = e.target.result;
                                }
                            };
                            reader.readAsDataURL(file);
                        }
                        break;
                    case 'hidden':
                        // when we're configuring an item in the cart that already has an attachment
                        // this is only needed on page-initialization
                        active = (target.value === 'save_old')
                        break;
                    case 'select-one':
                    case 'select-multiple':
                        Array.from(target.options).forEach(option => {
                            customOptionId = option.dataset.optionId;
                            active = option.selected;
                            $dispatch('afptc-update-custom-option-active', { customOptionId, active });
                        });
                        return;
                        break;
                    case 'radio':
                        target.checked && document.querySelectorAll('input[name="'+target.name+'"]')
                            .forEach(input => {
                                // unset sibling radio buttons
                                input.dataset &&
                                input.dataset.optionId &&
                                input !== target && $dispatch('afptc-update-custom-option-active',
                                    {
                                        customOptionId: input.dataset.optionId,
                                        active: false
                                    }
                                );
                            });
                    // DO NOT BREAK
                    // Checkbox case should also run for Radio
                    case 'checkbox':
                        const requiredOptions = document
                            .querySelectorAll('input[name="'+target.name+'"][data-required]');
                        const checkedOptionsQty = Array.from(requiredOptions)
                            .filter(option => option.checked).length;

                        requiredOptions.forEach(input => {
                            if (checkedOptionsQty) {
                                input.required = false;
                                input.setCustomValidity('');
                            } else {
                                input.required = false;
                                input.setCustomValidity(input.dataset.validationMessage);
                            }
                        });
                        active = target.checked;
                        break;
                }
                $dispatch('afptc-update-custom-option-active', { customOptionId, active });
            },
            initSelectedOptions($dispatch) {
                Array.from(document.querySelectorAll('.product-custom-option')).forEach(customOption => {
                    this.updateCustomOptionValue($dispatch, customOption.dataset.optionId, customOption);
                })
            },
            eventListeners: {
                ['@afptc-update-product-final-price.window'](event) {
                    this.productFinalPrice = event.detail;
                    this.calculateOptionPrices();
                },

                ['@afptc-update-product-base-price.window'](event) {
                    this.productBasePrice = event.detail;
                    this.calculateOptionPrices();
                }
            }
        }
    }

    function initPopupQtyField($el) {
        let product = $el.closest('.afptc__product');

        return {
            amount: '',
            allItems: [],

            increaseQty(item) {
                if ((this.amount - getSelectedQty(this.allItems)) > 0) {
                    if (item.qty === 0) {
                        selectProduct(product);
                    }
                    item.qty++;
                    this.triggerEvent();
                }
            },

            decreaseQty(item) {
                if (item.qty > 0) {
                    item.qty--;
                    if (item.qty === 0) {
                        deselectProduct(product);
                    }
                    this.triggerEvent();
                }
            },

            updateValue(item, value) {
                if (value > 0 && (this.amount - getSelectedQty(this.allItems)) >= 0) {
                    selectProduct(product);
                } else {
                    item.qty = 0;
                    deselectProduct(product);
                }

                this.triggerEvent();
            },

            triggerEvent() {
                this.$nextTick(() => {
                    window.dispatchEvent(new CustomEvent("update-qty-product-afptc"));
                })
            }
        }
    }

    function getSelectedQty(items) {
        let currentSelectedQty = 0;
        items.forEach(item => {
            currentSelectedQty += parseInt(item.qty)
        });

        return currentSelectedQty;
    }

    function selectProduct(product) {
        let button = product.querySelector('.afptc__product__button');
        product.classList.add('selected');
        button.innerHTML = 'Sélectionné';
        button.nextElementSibling.checked = true;
    }

    function deselectProduct(product) {
        let button = product.querySelector('.afptc__product__button');
        product.classList.remove('selected');
        button.innerHTML = 'Choisir ce cadeau';
        button.nextElementSibling.checked = false;
    }


    function initPriceAfptc() {

                const regularPriceInclTaxKey = 'oldPrice',
            regularPriceExclTaxKey = 'baseOldPrice',
            finalPriceInclTaxKey = 'finalPrice',
            finalPriceExclTaxKey = 'basePrice';

        function calculateCustomOptionPrices(activeCustomOptions, customOptionPrices) {
            return activeCustomOptions.reduce((priceAccumulator, activeCustomOptionId) => {
                const customOptionPrice = customOptionPrices[activeCustomOptionId];
                if (customOptionPrice) {
                    return Number.parseFloat(priceAccumulator) + Number.parseFloat(customOptionPrice);
                }
                return priceAccumulator;
            }, 0);
        }

        return {
            product: {},
            regularPriceKey: regularPriceInclTaxKey,
            finalPriceKey: finalPriceInclTaxKey,
            activeProductsPriceData: false,
            initialFinalPrice: 0,
            calculatedFinalPrice: false,
            calculatedFinalPriceWithCustomOptions: false,
            initialTierPrices: '',
            showRegularPriceLabel: false,
            customOptionPrices: [],
                        activeCustomOptions: [],
            qty: 0,
            updateCustomOptionActive(data) {
                let activeCustomOptions = this.activeCustomOptions;
                const customOptionId = data.customOptionId;

                if (data.active) {
                    if (!activeCustomOptions.includes(customOptionId)) {
                        activeCustomOptions.push(data.customOptionId);
                    }
                } else {
                    if (customOptionId && activeCustomOptions.includes(customOptionId)) {
                        let index = activeCustomOptions.indexOf(customOptionId);
                        activeCustomOptions.splice(index, 1);
                    }
                }
                this.calculateFinalPriceWithCustomOptions()
            },
            updateCustomOptionPrices(prices, basePrices) {
                if (prices) {
                    this.customOptionPrices = {...this.customOptionPrices, ...prices};
                }

                
                this.calculateFinalPriceWithCustomOptions();
            },
            calculateFinalPrice() {

                const findApplicableTierPrice = (initialPrice, withTax) => {
                    if (this.activeProductsPriceData && this.activeProductsPriceData.tierPrices) {
                        const key = withTax ? 'price' : 'basePrice'
                        return this.activeProductsPriceData.tierPrices.reduce((acc, tierPrice) => {
                            if (this.qty >= tierPrice.qty && tierPrice[key] < acc) {
                                return tierPrice[key];
                            }
                            return acc;
                        }, this.activeProductsPriceData[withTax ? finalPriceInclTaxKey : finalPriceExclTaxKey].amount);

                    } else {
                        const key = withTax ? 'price_incl_tax' : 'price_excl_tax';
                        return Object.values(this.initialTierPrices).reduce((acc, tierPrice) => {
                            if (this.qty >= tierPrice.price_qty && tierPrice[key] < acc) {
                                return tierPrice[key];
                            }
                            return acc;
                        }, initialPrice);

                    }
                }

                this.calculatedFinalPrice = findApplicableTierPrice(this.initialFinalPrice, true);
                window.dispatchEvent(new CustomEvent("afptc-update-product-final-price", {detail: this.calculatedFinalPrice}));

                            },
            calculatePriceLabelVisibility() {
                this.showRegularPriceLabel =
                    (this.calculatedFinalPrice === this.activeProductsPriceData[this.regularPriceKey].amount) &&
                    this.activeProductsPriceData.isMinimalPrice;
            },
            calculateFinalPriceWithCustomOptions() {
                const finalPrice = this.calculatedFinalPrice || this.initialFinalPrice;
                this.calculatedFinalPriceWithCustomOptions = finalPrice + this.getCustomOptionPrice();
                            },
            getCustomOptionPrice() {
                return calculateCustomOptionPrices(this.activeCustomOptions, this.customOptionPrices[this.product.sku] !== undefined ? this.customOptionPrices[this.product.sku] : []);
            },
                        getFormattedFinalPrice() {
                return hyva.formatPrice(
                    this.calculatedFinalPriceWithCustomOptions ||
                    this.calculatedFinalPrice ||
                    this.initialFinalPrice
                )
            },
                        isPriceHidden() {
                const finalPrice = this.calculatedFinalPriceWithCustomOptions ||
                    this.calculatedFinalPrice ||
                    this.initialFinalPrice;
                return this.product.is_salable ? false : true && finalPrice === 0;
            },
            eventListeners: {
                ['@afptc-update-custom-option-active.window'](event) {
                    this.updateCustomOptionActive(event.detail);
                },
                ['@afptc-update-custom-option-prices.window'](event) {
                    this.updateCustomOptionPrices(event.detail);
                },
                            }
        }
    }
</script>
<style>
    .custom-option-wrapper {
        > div {
            flex-direction: column;
            > div,
            > label {
                width: 100%;
            }
            .label,
            .price-notice {
                display: flex;
            }

            .label {
                margin-bottom: 8px;
                font-weight: 600;
            }

            .field.choice {
                display: flex;
                align-items: center;
                margin-bottom: 8px;

                .label {
                    width: auto;
                    margin: 0 0 0 6px;
                }
            }

            .date-dropdown,
            .time-dropdown {
                display: flex;
                align-items: center;
            }

            .form-select,
            .form-textarea,
            .form-input {
                width: 100%;
            }
        }
    }

    .afptc-qty-field {
        .form-input {
            -moz-appearance: textfield !important;

            &::-webkit-outer-spin-button,
            &::-webkit-inner-spin-button {
                -webkit-appearance: none !important;
                margin: 0;
            }
        }
    }
</style>
 
</div>

</div>

<div id="dnd-menu-desktop">
    
<script>
    'use strict';

    function initDndMenuDesktop(){
        return {
            init() {
                this.menu = this.$refs['menu'];
                this.setActiveMenu(this.menu);

                            },
            hoverTimer: null,
            hoverDelay: 300,
            isVisited: false,
            hasSubmenuNavigation: true,
            hoverPanelActiveId: '',
            hoverSubPanelActiveId: '',
            submenuFirstEntryIsVisible: false,
            menuItemsEnter($dispatch, panelId) {
                this.hoverPanelActiveId = panelId;
                this.setSubmenuFirstEntry();
                if (!this.isVisited) {
                    this.hoverTimer = setTimeout(() => {
                        this.isVisited = true;
                    }, this.hoverDelay);
                }
            },
            menuItemsLeave($dispatch) {
                this.resetActiveItems();
                clearTimeout(this.hoverTimer);
            },
            getSubmenuElement() {
                return document.querySelector(`#${this.hoverPanelActiveId} > .nav-item-content`);
            },
            resetActiveItems() {
                this.hoverPanelActiveId = 0;
                this.hoverSubPanelActiveId = 0;
            },
                        setSubmenuFirstEntry() {
                const submenu = this.getSubmenuElement();
                if (this.submenuFirstEntryIsVisible && submenu !== null) {
                    const firstItem = submenu.querySelector('ul:first-child .level1').dataset.panelId;
                    this.hoverSubPanelActiveId = firstItem;
                }
            },
            subMenuItemsHandler(event, subPanelId) {
                const activeSubMenu = event.currentTarget.nextElementSibling;
                this.setSubmenuWithNavigationHeight(activeSubMenu);
                this.hoverSubPanelActiveId = subPanelId;
            },
            setSubmenuWithNavigationHeight(submenu) {
                const subMenuHeight = submenu !== null ? submenu.offsetHeight : 'auto';
                const submenuContext = this.getSubmenuElement();
                submenuContext.style.minHeight = subMenuHeight + 'px';
            },
                        setActiveMenu(menuNode) {
                Array.from(menuNode.querySelectorAll('.dnd-menu-inner > li > a')).filter(link => {
                    return link.href === window.location.href.split('?')[0];
                }).map((item) => {
                    item.closest('li').classList.add('active');
                });
            },
        }
    }
</script>
    <div x-data="initDndMenuDesktop()"
         x-defer="intersect"
         @mouseleave="isVisited = false"
         class="dnd-menu-desktop">
        <!-- desktop -->
        <div x-ref="menu"
             class="dnd-menu">
            <nav class="dnd-menu-navigation"
                 id="dnd-menu-navigation">
                                <ul class="dnd-menu-inner"
                    @mouseenter="$dispatch('open-overlay')"
                    @mouseleave="$dispatch('close-overlay')">
                                                                    <li @mouseenter="menuItemsEnter($dispatch, 'category-node-199')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-199' ? '' : 'is-active'"
                            id="category-node-199">
                            <a class=""
                               href="https://www.lecedrerouge.com/jardin"
                               title="Jardin"
                            >
                                                                <span class="nav-item-text"
                                      title="Jardin">
                                        Jardin                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-199' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-199' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-199' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-199 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-199                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-202">
                                                        <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin"
                                                           title="Meubles&#x20;de&#x20;jardin"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-meubles-jardin.svg" alt="Meubles de jardin" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Meubles de jardin                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tables-de-jardin"
                                                                               title="Tables&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/chaises-de-jardin"
                                                                               title="Chaises&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/fauteuils-de-jardin"
                                                                               title="Fauteuils&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Fauteuils de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/canapes-de-jardin"
                                                                               title="Canap&#xE9;s&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapés de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tables-basses-de-jardin"
                                                                               title="Tables&#x20;basses&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables basses de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/salons-de-jardin"
                                                                               title="Salons&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Salons de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/banc-d-exterieur"
                                                                               title="Banc&#x20;d&#x27;exterieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Banc d&#039;exterieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/bains-de-soleil-et-chaises-longues"
                                                                               title="Bains&#x20;de&#x20;soleil&#x20;et&#x20;chaises&#x20;longues"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bains de soleil et chaises longues                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tabourets-d-exterieur"
                                                                               title="Tabourets&#x20;d&#x27;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tabourets d&#039;extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/hamacs-et-rocking-chair"
                                                                               title="Hamacs&#x20;et&#x20;rocking&#x20;chair"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Hamacs et rocking chair                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/poufs-coussins"
                                                                               title="Poufs&#x20;&amp;&#x20;coussins"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Poufs &amp; coussins                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin"
                                                                           title="Meubles&#x20;de&#x20;jardin">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-241">
                                                        <a href="https://www.lecedrerouge.com/jardin/parasols"
                                                           title="Parasols"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-parasols.svg" alt="Parasols" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Parasols                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-centres"
                                                                               title="Parasols&#x20;centr&#xE9;s"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Parasols centrés                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-deportes"
                                                                               title="Parasols&#x20;d&#xE9;port&#xE9;s"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Parasols déportés                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-rectangulaires"
                                                                               title="Parasols&#x20;rectangulaires"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Parasols rectangulaires                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/parasols-inclinables"
                                                                               title="Parasols&#x20;inclinables"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Parasols inclinables                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/voiles-d-ombrage"
                                                                               title="Voiles&#x20;d&#x27;ombrage"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Voiles d&#039;ombrage                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/parasols/socles-pieds-accessoire"
                                                                               title="Socles,&#x20;pieds&#x20;&amp;&#x20;accessoire"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Socles, pieds &amp; accessoire                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/jardin/parasols"
                                                                           title="Parasols">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-262">
                                                        <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur"
                                                           title="Luminaires&#x20;ext&#xE9;rieur"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-luminaire-exterieur.svg" alt="Luminaires extérieur" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Luminaires extérieur                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/lampe-de-jardin"
                                                                               title="Lampe&#x20;de&#x20;Jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampe de Jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/lampadaire-de-jardin"
                                                                               title="Lampadaire&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampadaire de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/applique-d-exterieur"
                                                                               title="Applique&#x20;d&#x27;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Applique d&#039;extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/guirlandes-lumineuses"
                                                                               title="Guirlandes&#x20;lumineuses"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Guirlandes lumineuses                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/lustres-et-suspensions-exterieur"
                                                                               title="Lustres&#x20;et&#x20;suspensions&#x20;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lustres et suspensions extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur/borne-exterieur"
                                                                               title="Borne&#x20;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Borne extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/jardin/luminaires-exterieur"
                                                                           title="Luminaires&#x20;ext&#xE9;rieur">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-283">
                                                        <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin"
                                                           title="D&#xE9;coration&#x20;&amp;&#x20;accessoires&#x20;de&#x20;jardin"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-deco-accessoires-jardin.svg" alt="Décoration &amp; accessoires de jardin" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Décoration &amp; accessoires de jardin                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/tapis-de-jardin"
                                                                               title="Tapis&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tapis de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/pots-et-jardinieres"
                                                                               title="Pots&#x20;et&#x20;jardini&#xE8;res"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Pots et jardinières                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/mobilier-et-jeux-d-enfant"
                                                                               title="Mobilier&#x20;et&#x20;jeux&#x20;d&#x27;enfant"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Mobilier et jeux d&#039;enfant                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/accessoires-outils"
                                                                               title="Accessoires&#x20;&#x2F;&#x20;Outils"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Accessoires / Outils                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin/bougies-exterieur"
                                                                               title="Bougies&#x20;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bougies extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/jardin/decoration-accessoires-de-jardin"
                                                                           title="D&#xE9;coration&#x20;&amp;&#x20;accessoires&#x20;de&#x20;jardin">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3359">
                                                        <a href="https://www.lecedrerouge.com/jardin/jardin"
                                                           title="Espaces&#x20;ext&#xE9;rieurs"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/catalog/category/icon-espace-jardin.svg" alt="Espaces extérieurs" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Espaces extérieurs                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/espace-repas"
                                                                               title="Espace&#x20;repas"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Espace repas                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/salon-de-jardin"
                                                                               title="Salon&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Salon de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/balcon"
                                                                               title="Balcon"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Balcon                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/bord-de-piscine"
                                                                               title="Espace&#x20;d&#xE9;tente"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Espace détente                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/jardin/jardin/compositions"
                                                                               title="Packs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Packs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/jardin/jardin"
                                                                           title="Espaces&#x20;ext&#xE9;rieurs">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-4')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-4' ? '' : 'is-active'"
                            id="category-node-4">
                            <a class=""
                               href="https://www.lecedrerouge.com/mobilier"
                               title="Mobilier"
                            >
                                                                <span class="nav-item-text"
                                      title="Mobilier">
                                        Mobilier                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-4' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-4' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-4' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-4 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-4                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-7">
                                                        <a href="https://www.lecedrerouge.com/mobilier/tables"
                                                           title="Tables"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-tables_1.svg" alt="Tables" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Tables                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/tables-a-manger"
                                                                               title="Tables&#x20;&#xE0;&#x20;manger"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables à manger                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/tables-basses"
                                                                               title="Tables&#x20;basses"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables basses                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/table-d-appoint"
                                                                               title="Table&#x20;d&#x27;appoint"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Table d&#039;appoint                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/tables-de-chevet"
                                                                               title="Chevets"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chevets                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/manges-debout-bars"
                                                                               title="Mange&#x20;debout&#x20;&amp;&#x20;bars"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Mange debout &amp; bars                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/consoles-gueridons"
                                                                               title="Consoles&#x20;&amp;&#x20;gu&#xE9;ridons"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Consoles &amp; guéridons                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/bout-de-canape"
                                                                               title="Bout&#x20;de&#x20;canap&#xE9;"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bout de canapé                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/tables/bureaux"
                                                                               title="Bureaux"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bureaux                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/mobilier/tables"
                                                                           title="Tables">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-34">
                                                        <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets"
                                                           title="Assises"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-assises_1.svg" alt="Assises" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Assises                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/chaises"
                                                                               title="Chaises"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/banc"
                                                                               title="Banc"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Banc                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/fauteuils"
                                                                               title="Fauteuils"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Fauteuils                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/tabourets-et-chaises-de-bar"
                                                                               title="Tabourets&#x20;et&#x20;chaises&#x20;de&#x20;bar"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tabourets et chaises de bar                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/chaises-de-bureau"
                                                                               title="Chaises&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/rocking-chair"
                                                                               title="Rocking&#x20;chair"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Rocking chair                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets/patins-coussins-accessoires"
                                                                               title="Accessoires&#x20;&amp;&#x20;pi&#xE8;ces&#x20;d&#xE9;tach&#xE9;es"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Accessoires &amp; pièces détachées                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/mobilier/chaises-fauteuils-bancs-tabourets"
                                                                           title="Assises">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-55">
                                                        <a href="https://www.lecedrerouge.com/mobilier/canapes"
                                                           title="Canap&#xE9;s"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-canapes_2.svg" alt="Canapés" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Canapés                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canapes-modulables"
                                                                               title="Canap&#xE9;s&#x20;Modulables"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapés Modulables                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canape-2-places"
                                                                               title="Canap&#xE9;&#x20;2&#x20;places"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapé 2 places                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canape-3-places"
                                                                               title="Canap&#xE9;&#x20;3&#x20;places"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapé 3 places                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canape-droit"
                                                                               title="Canap&#xE9;&#x20;droit"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapé droit                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canapes-d-angle"
                                                                               title="Canap&#xE9;s&#x20;d&#x27;Angle"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapés d&#039;Angle                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/canapes-convertibles"
                                                                               title="Canap&#xE9;s&#x20;Convertibles"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapés Convertibles                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/meridiennes"
                                                                               title="M&#xE9;ridiennes"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Méridiennes                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/canapes/pouf-et-repose-pied"
                                                                               title="Pouf&#x20;et&#x20;repose&#x20;pied"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Pouf et repose pied                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/mobilier/canapes"
                                                                           title="Canap&#xE9;s">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-82">
                                                        <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement"
                                                           title="Meubles&#x20;de&#x20;rangement"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-meubles-rangement.svg" alt="Meubles de rangement" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Meubles de rangement                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/buffets-commodes"
                                                                               title="Buffets&#x20;&amp;&#x20;commodes"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Buffets &amp; commodes                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/bibliotheque-etageres"
                                                                               title="Biblioth&#xE8;que&#x20;&amp;&#x20;&#xE9;tag&#xE8;res"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bibliothèque &amp; étagères                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/consoles"
                                                                               title="Consoles"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Consoles                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/meubles-tv"
                                                                               title="Meubles&#x20;TV"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Meubles TV                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/armoires-penderies"
                                                                               title="Armoires&#x20;&amp;&#x20;penderies"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Armoires &amp; penderies                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/porte-manteau-patere"
                                                                               title="Porte-manteau&#x20;&amp;&#x20;pat&#xE8;re"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Porte-manteau &amp; patère                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/dessertes"
                                                                               title="Dessertes"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Dessertes                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/panier-boite"
                                                                               title="Panier&#x20;&amp;&#x20;bo&#xEE;te"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Panier &amp; boîte                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement/porte-parapluie"
                                                                               title="Porte&#x20;parapluie"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Porte parapluie                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/mobilier/meubles-de-rangement"
                                                                           title="Meubles&#x20;de&#x20;rangement">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-112">
                                                        <a href="https://www.lecedrerouge.com/mobilier/bureaux"
                                                           title="Bureaux"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-bureaux.svg" alt="Bureaux" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Bureaux                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/bureaux-secretaire"
                                                                               title="Bureaux&#x20;&amp;&#x20;secr&#xE9;taire"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bureaux &amp; secrétaire                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/chaises-de-bureau"
                                                                               title="Chaises&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/rangements-de-bureau"
                                                                               title="Rangements&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Rangements de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/bureaux/accessoires-et-rangement-de-bureau"
                                                                               title="Accessoires&#x20;de&#x20;bureau&#x20;"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Accessoires de bureau                                                                                 </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/mobilier/bureaux"
                                                                           title="Bureaux">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-121">
                                                        <a href="https://www.lecedrerouge.com/mobilier/lits"
                                                           title="Literie"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-literie.svg" alt="Literie" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Literie                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/lits/lits"
                                                                               title="Lits"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lits                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/mobilier/lits/tetes-de-lit"
                                                                               title="T&#xEA;tes&#x20;de&#x20;lit"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Têtes de lit                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/mobilier/lits"
                                                                           title="Literie">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-130')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-130' ? '' : 'is-active'"
                            id="category-node-130">
                            <a class=""
                               href="https://www.lecedrerouge.com/luminaire"
                               title="Luminaire"
                            >
                                                                <span class="nav-item-text"
                                      title="Luminaire">
                                        Luminaire                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-130' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-130' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-130' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-130 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-130                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2833">
                                                        <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur"
                                                           title="Luminaire&#x20;int&#xE9;rieur"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-luminaire-interieur.svg" alt="Luminaire intérieur" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Luminaire intérieur                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampe-de-table"
                                                                               title="Lampe&#x20;&#xE0;&#x20;poser"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampe à poser                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/suspension"
                                                                               title="Suspension"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Suspension                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampadaire"
                                                                               title="Lampadaire"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampadaire                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/appliques"
                                                                               title="Appliques"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Appliques                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampe-sans-fil"
                                                                               title="Lampe&#x20;sans&#x20;fil"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampe sans fil                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/lampe-de-bureau"
                                                                               title="Lampe&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampe de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/plafonnier"
                                                                               title="Plafonnier"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Plafonnier                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur/ampoule-accessoires"
                                                                               title="Ampoule&#x20;&amp;&#x20;accessoires"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Ampoule &amp; accessoires                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/luminaire/luminaire-interieur"
                                                                           title="Luminaire&#x20;int&#xE9;rieur">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-157">
                                                        <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur"
                                                           title="Luminaire&#x20;ext&#xE9;rieur"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-luminaire-exterieur.svg" alt="Luminaire extérieur" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Luminaire extérieur                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/lampes-de-jardin"
                                                                               title="Lampes&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampes de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/appliques-exterieur"
                                                                               title="Appliques&#x20;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Appliques extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/lampadaires-de-jardin"
                                                                               title="Lampadaires&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampadaires de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/guirlandes-lumineuses"
                                                                               title="Guirlandes&#x20;lumineuses"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Guirlandes lumineuses                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/lustres-et-suspensions-exterieur"
                                                                               title="Lustres&#x20;et&#x20;suspensions&#x20;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lustres et suspensions extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur/bornes-exterieur"
                                                                               title="Bornes&#x20;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bornes extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/luminaire/luminaire-exterieur"
                                                                           title="Luminaire&#x20;ext&#xE9;rieur">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3281">
                                                        <a href="https://www.lecedrerouge.com/luminaire/iconiques"
                                                           title="Luminaires&#x20;iconiques"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/catalog/category/icon-luminaire-interieur-pipistrello.svg" alt="Luminaires iconiques" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Luminaires iconiques                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/iconiques/iconiques-d-interieur"
                                                                               title="Iconiques&#x20;d&#x27;int&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Iconiques d&#039;intérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/luminaire/iconiques/iconiques-d-exterieur"
                                                                               title="Iconiques&#x20;d&#x27;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Iconiques d&#039;extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/luminaire/iconiques"
                                                                           title="Luminaires&#x20;iconiques">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-160')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-160' ? '' : 'is-active'"
                            id="category-node-160">
                            <a class=""
                               href="https://www.lecedrerouge.com/decoration"
                               title="D&#xE9;coration"
                            >
                                                                <span class="nav-item-text"
                                      title="D&#xE9;coration">
                                        Décoration                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-160' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-160' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-160' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-160 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-160                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-172">
                                                        <a href="https://www.lecedrerouge.com/decoration/tapis"
                                                           title="Tapis"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-tapis.svg" alt="Tapis" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Tapis                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/tapis/tapis-d-interieur"
                                                                               title="Tapis&#x20;d&#x27;int&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tapis d&#039;intérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/tapis/tapis-d-exterieur"
                                                                               title="Tapis&#x20;d&#x27;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tapis d&#039;extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/decoration/tapis"
                                                                           title="Tapis">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2788">
                                                        <a href="https://www.lecedrerouge.com/decoration/decoration-murale"
                                                           title="D&#xE9;coration&#x20;murale"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-deco-murale.svg" alt="Décoration murale" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Décoration murale                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale/miroir"
                                                                               title="Miroir"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Miroir                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale/horloges-et-pendules"
                                                                               title="Horloges&#x20;et&#x20;pendules"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Horloges et pendules                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/decoration-murale/tableaux-decoration-murale"
                                                                               title="Tableaux&#x20;&amp;&#x20;d&#xE9;coration&#x20;murale"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tableaux &amp; décoration murale                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/decoration/decoration-murale"
                                                                           title="D&#xE9;coration&#x20;murale">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2782">
                                                        <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs"
                                                           title="Ambiance&#x20;&amp;&#x20;senteurs"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-ambiance-senteurs.svg" alt="Ambiance &amp; senteurs" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Ambiance &amp; senteurs                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs/bougies-photophores-et-bougeoirs"
                                                                               title="Bougies,&#x20;photophores&#x20;et&#x20;bougeoirs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bougies, photophores et bougeoirs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs/parfums-et-diffuseurs-d-ambiance"
                                                                               title="Parfums&#x20;et&#x20;diffuseurs&#x20;d&#x2019;ambiance"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Parfums et diffuseurs d’ambiance                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/decoration/ambiance-senteurs"
                                                                           title="Ambiance&#x20;&amp;&#x20;senteurs">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2824">
                                                        <a href="https://www.lecedrerouge.com/decoration/textiles-confort"
                                                           title="Textiles&#x20;&amp;&#x20;confort"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-coussins.svg" alt="Textiles &amp; confort" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Textiles &amp; confort                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/textiles-confort/coussins"
                                                                               title="Coussins"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Coussins                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/textiles-confort/plaids"
                                                                               title="Plaids"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Plaids                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/decoration/textiles-confort"
                                                                           title="Textiles&#x20;&amp;&#x20;confort">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2827">
                                                        <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement"
                                                           title="Objets&#x20;d&#xE9;co&#x20;&amp;&#x20;rangement"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-objets-deco-rangement.svg" alt="Objets déco &amp; rangement" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Objets déco &amp; rangement                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/livres"
                                                                               title="Livres"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Livres                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/boites-de-rangement-et-paniers"
                                                                               title="Bo&#xEE;tes&#x20;de&#x20;rangement&#x20;et&#x20;paniers"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Boîtes de rangement et paniers                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/accessoires-decoratifs"
                                                                               title="Accessoires&#x20;d&#xE9;coratifs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Accessoires décoratifs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement/animaux"
                                                                               title="Animaux"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Animaux                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/decoration/objets-deco-rangement"
                                                                           title="Objets&#x20;d&#xE9;co&#x20;&amp;&#x20;rangement">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2830">
                                                        <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots"
                                                           title="Vases&#x20;&amp;&#x20;cache-pots"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-art-vivre-vegetal.svg" alt="Vases &amp; cache-pots" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Vases &amp; cache-pots                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots/vases"
                                                                               title="Vases"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Vases                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots/pots-cache-pots-et-jardinieres"
                                                                               title="Pots,&#x20;cache-pots&#x20;et&#x20;jardini&#xE8;res"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Pots, cache-pots et jardinières                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/decoration/vases-cache-pots"
                                                                           title="Vases&#x20;&amp;&#x20;cache-pots">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-298')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 has-separator"
                            :class="hoverPanelActiveId !== 'category-node-298' ? '' : 'is-active'"
                            id="category-node-298">
                            <a class=""
                               href="https://www.lecedrerouge.com/art-de-la-table"
                               title="Art&#x20;de&#x20;la&#x20;table"
                            >
                                                                <span class="nav-item-text"
                                      title="Art&#x20;de&#x20;la&#x20;table">
                                        Art de la table                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-298' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-298' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-298' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-298 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-298                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2791">
                                                        <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts"
                                                           title="Vaisselle&#x20;&amp;&#x20;couverts"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-vaisselle-couverts.svg" alt="Vaisselle &amp; couverts" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Vaisselle &amp; couverts                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/assiettes"
                                                                               title="Assiettes"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Assiettes                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/couverts"
                                                                               title="Couverts"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Couverts                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/verres"
                                                                               title="Verres"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Verres                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts/tasses-et-mugs"
                                                                               title="Tasses&#x20;et&#x20;mugs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tasses et mugs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/art-de-la-table/vaisselle-couverts"
                                                                           title="Vaisselle&#x20;&amp;&#x20;couverts">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2794">
                                                        <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation"
                                                           title="Service&#x20;&amp;&#x20;pr&#xE9;sentation"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-service-presentation.svg" alt="Service &amp; présentation" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Service &amp; présentation                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation/plateaux-et-plats-de-service"
                                                                               title="Plateaux&#x20;et&#x20;plats&#x20;de&#x20;service"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Plateaux et plats de service                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation/saladiers-coupes-et-bols"
                                                                               title="Saladiers,&#x20;coupes&#x20;et&#x20;bols"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Saladiers, coupes et bols                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation/dessous-de-plat"
                                                                               title="Dessous&#x20;de&#x20;plat"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Dessous de plat                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/art-de-la-table/service-presentation"
                                                                           title="Service&#x20;&amp;&#x20;pr&#xE9;sentation">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2797">
                                                        <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires"
                                                           title="Textile&#x20;&amp;&#x20;accessoires"
                                                                                                                       class="has-icon"
                                                        >
                                                                                                                                                                                                <img class="default" src="https://www.lecedrerouge.com/media/wysiwyg/category_picto/icon-linge-accessoires.svg" alt="Textile &amp; accessoires" loading="lazy">                                                                                                                                                                                                                                                            <span>
                                                                Textile &amp; accessoires                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires/linge-de-table"
                                                                               title="Linge&#x20;de&#x20;table"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Linge de table                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires/sel-poivre-et-huile"
                                                                               title="Sel,&#x20;poivre&#x20;et&#x20;huile"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Sel, poivre et huile                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires/accessoires"
                                                                               title="Accessoires"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Accessoires                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/art-de-la-table/textile-accessoires"
                                                                           title="Textile&#x20;&amp;&#x20;accessoires">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 9 7" fill="none" class="w-2.5 h-2 m-2.5 self-center" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 3.5814L4.46701 7L0 3.5814L4.46701 0L9 3.5814Z" fill="#C3C596"/>
<title>separator</title></svg>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-340')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-340' ? '' : 'is-active'"
                            id="category-node-340">
                            <a class=""
                               href="https://www.lecedrerouge.com/bon-plans"
                               title="Bonnes&#x20;affaires"
                            >
                                                                <span class="nav-item-text"
                                      title="Bonnes&#x20;affaires">
                                        Bonnes affaires                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-340' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-340' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-340' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-340 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-340                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3410">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/livraison-rapide"
                                                           title="Livraison&#x20;express"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Livraison express                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3413">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/packs"
                                                           title="Packs"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Packs                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3404">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/mobilier-d-exterieur"
                                                           title="Jardin"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Jardin                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3020">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/chaises-et-fauteuils"
                                                           title="Chaises&#x20;et&#x20;fauteuils"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Chaises et fauteuils                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3014">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/tables"
                                                           title="Tables"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Tables                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3011">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/canapes"
                                                           title="Canap&#xE9;s"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Canapés                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3023">
                                                        <a href="https://www.lecedrerouge.com/bon-plans/luminaires"
                                                           title="Luminaires"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Luminaires                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                    <style>
                                                        #dnd-menu-desktop {
                                                            .level-0-category-node-340 {
                                                                display: block;

                                                                .level1.nav-item {
                                                                    margin-bottom: 0.625rem;

                                                                    > a {
                                                                        height: auto;
                                                                        color: #6E7B53;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    </style>
                                                    <li class="view-all">
                                                        <a href="https://www.lecedrerouge.com/bon-plans"
                                                           title="Bonnes&#x20;affaires">
                                                            Voir tout                                                        </a>
                                                    </li>
                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-3434')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-3434' ? '' : 'is-active'"
                            id="category-node-3434">
                            <a class=""
                               href="https://www.lecedrerouge.com/en-stock"
                               title="Livraison&#x20;express"
                            >
                                                                <span class="nav-item-text"
                                      title="Livraison&#x20;express">
                                        Livraison express                                </span>
                            </a>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-3296')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-3296' ? '' : 'is-active'"
                            id="category-node-3296">
                            <a class=""
                               href="https://www.lecedrerouge.com/inspirations"
                               title="Inspirations"
                            >
                                                                <span class="nav-item-text"
                                      title="Inspirations">
                                        Inspirations                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-3296' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-3296' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-3296' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-3296 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-3296                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 bold"
                                                        data-panel-id="category-node-331">
                                                        <a href="https://www.lecedrerouge.com/inspirations/nouveautes"
                                                           title="Nouveaut&#xE9;s"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Nouveautés                                                            </span>
                                                                                                                    </a>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2999">
                                                        <a href="https://www.lecedrerouge.com/inspirations/iconiques"
                                                           title="Iconiques"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Iconiques                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques/mobilier-iconique"
                                                                               title="Mobilier"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Mobilier                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques/luminaire"
                                                                               title="Luminaire"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Luminaire                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/iconiques/iconiques-d-exterieur"
                                                                               title="Iconiques&#x20;d&#x27;ext&#xE9;rieur"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Iconiques d&#039;extérieur                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/inspirations/iconiques"
                                                                           title="Iconiques">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-334">
                                                        <a href="https://www.lecedrerouge.com/inspirations/cadeaux"
                                                           title="Cadeaux"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Cadeaux                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/en-stock"
                                                                               title="Livraison&#x20;rapide"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Livraison rapide                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/iconiques"
                                                                               title="Iconiques"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Iconiques                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/lampe-de-table"
                                                                               title="Lampes"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampes                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/cadeaux/mobilier"
                                                                               title="Mobilier"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Mobilier                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/inspirations/cadeaux"
                                                                           title="Cadeaux">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3389">
                                                        <a href="https://www.lecedrerouge.com/inspirations/esprit-nature"
                                                           title="Esprit&#x20;nature"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Esprit nature                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/chaises-et-fauteuils"
                                                                               title="Chaises&#x20;et&#x20;fauteuils"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises et fauteuils                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/tables"
                                                                               title="Tables"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/salons-de-jardin"
                                                                               title="Salons&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Salons de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/esprit-nature/espace-detente"
                                                                               title="Espace&#x20;d&#xE9;tente"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Espace détente                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/inspirations/esprit-nature"
                                                                           title="Esprit&#x20;nature">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3392">
                                                        <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees"
                                                           title="Couleurs&#x20;vitamin&#xE9;es"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Couleurs vitaminées                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees/assises"
                                                                               title="Assises"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Assises                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees/tables"
                                                                               title="Tables"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees/salon-de-jardin"
                                                                               title="Salons&#x20;de&#x20;jardin"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Salons de jardin                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/inspirations/couleurs-vitaminees"
                                                                           title="Couleurs&#x20;vitamin&#xE9;es">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3395">
                                                        <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques"
                                                           title="Courbes&#x20;m&#xE9;talliques"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Courbes métalliques                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques/chaises-et-fauteuils"
                                                                               title="Chaises&#x20;et&#x20;fauteuils"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises et fauteuils                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques/tables"
                                                                               title="Tables"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques/canapes-et-bancs"
                                                                               title="Canap&#xE9;s&#x20;et&#x20;bancs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapés et bancs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/inspirations/courbes-metalliques"
                                                                           title="Courbes&#x20;m&#xE9;talliques">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-2906')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-2906' ? '' : 'is-active'"
                            id="category-node-2906">
                            <a class=""
                               href="https://www.lecedrerouge.com/pieces-de-vie"
                               title="Pi&#xE8;ces"
                            >
                                                                <span class="nav-item-text"
                                      title="Pi&#xE8;ces">
                                        Pièces                                </span>
                            </a>
                                                                                            <div class="nav-item-wrapper overflow-hidden h-0 transition-height duration-400 ease-custom"
                                     :style="hoverPanelActiveId === 'category-node-2906' && {
                                        height: hyva.convertPxToRem($el.scrollHeight)
                                     }"
                                    :class="hoverPanelActiveId === 'category-node-2906' && 'z-10'">

                                    <div class="nav-item-content level0">
                                        <div class="nav-item-content-inner transition-transform duration-400 ease-custom"
                                             :class="hoverPanelActiveId === 'category-node-2906' ?
                                                    'translate-y-0 pointer-events-auto':
                                                    '-translate-y-full pointer-events-none'">
                                                                                            <style>
                                                    .level-0-category-node-2906 {
                                                        display: grid;
                                                        grid-template-columns: repeat(6, 1fr);
                                                    }
                                                </style>
                                            
                                                                                        <ul class="submenu level0
                                                                                                level-0-category-node-2906                                                ">

                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2909">
                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger"
                                                           title="Salle&#x20;&#xE0;&#x20;manger"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Salle à manger                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-tables-a-manger"
                                                                               title="Tables&#x20;&#xE0;&#x20;manger"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables à manger                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-chaises-et-tabourets"
                                                                               title="Chaises&#x20;et&#x20;tabourets"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises et tabourets                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-luminaires"
                                                                               title="Luminaires"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Luminaires                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/tapis-et-decorations"
                                                                               title="Tapis&#x20;et&#x20;d&#xE9;corations"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tapis et décorations                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/art-de-la-table"
                                                                               title="Art&#x20;de&#x20;la&#x20;table"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Art de la table                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger/les-commodes-et-buffets"
                                                                               title="Commodes&#x20;et&#x20;buffets"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Commodes et buffets                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/la-salle-a-manger"
                                                                           title="Salle&#x20;&#xE0;&#x20;manger">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-2933">
                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon"
                                                           title="Salon"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Salon                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-canapes"
                                                                               title="Canap&#xE9;s"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Canapés                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-fauteuils"
                                                                               title="Fauteuils"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Fauteuils                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-tables-basses"
                                                                               title="Tables&#x20;basses"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables basses                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-meubles-tv-et-buffets-bas"
                                                                               title="Meubles&#x20;TV&#x20;et&#x20;buffets&#x20;bas"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Meubles TV et buffets bas                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-bibliotheques-et-etageres"
                                                                               title="Biblioth&#xE8;ques&#x20;et&#x20;&#xE9;tag&#xE8;res"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bibliothèques et étagères                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/les-luminaires"
                                                                               title="Luminaires"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Luminaires                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon/tapis-et-decorations"
                                                                               title="Tapis&#x20;et&#x20;d&#xE9;corations"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tapis et décorations                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/le-salon"
                                                                           title="Salon">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3083">
                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre"
                                                           title="Chambre"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Chambre                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/lits"
                                                                               title="Lits"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lits                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/tables-de-chevet"
                                                                               title="Tables&#x20;de&#x20;chevet"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tables de chevet                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/lampes-a-poser"
                                                                               title="Lampes&#x20;&#xE0;&#x20;poser"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampes à poser                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/commodes"
                                                                               title="Commodes&#x20;et&#x20;amoires"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Commodes et amoires                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/tapis-et-decorations"
                                                                               title="Tapis&#x20;et&#x20;d&#xE9;corations"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Tapis et décorations                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/bancs-et-meridiennes"
                                                                               title="Bancs&#x20;et&#x20;m&#xE9;ridiennes"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bancs et méridiennes                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre/convertibles"
                                                                               title="Convertibles"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Convertibles                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/la-chambre"
                                                                           title="Chambre">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3110">
                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau"
                                                           title="Bureau"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Bureau                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/bureaux"
                                                                               title="Bureaux"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bureaux                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/chaises-de-bureau"
                                                                               title="Chaises&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Chaises de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/lampes-de-bureau"
                                                                               title="Lampes&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Lampes de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/rangements-de-bureau"
                                                                               title="Rangements&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Rangements de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/bibliotheque-etageres"
                                                                               title="Biblioth&#xE8;ques&#x20;&amp;&#x20;&#xE9;tag&#xE8;res"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bibliothèques &amp; étagères                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau/accessoires-de-bureau"
                                                                               title="Accessoires&#x20;de&#x20;bureau"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Accessoires de bureau                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/le-bureau"
                                                                           title="Bureau">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                                        <li class="level1 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                                                        data-panel-id="category-node-3131">
                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree"
                                                           title="Entr&#xE9;e"
                                                                                                                       class=""
                                                        >
                                                                                                                        <span>
                                                                Entrée                                                            </span>
                                                                                                                    </a>
                                                                                                                                                                                <div
                                                                                                                            >
                                                                                                                                <ul class="submenu level1"
                                                                                                                                    >
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/consoles"
                                                                               title="Consoles"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Consoles                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/porte-manteaux-patere"
                                                                               title="Porte-manteaux&#x20;&amp;&#x20;pat&#xE8;res"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Porte-manteaux &amp; patères                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/plafonniers"
                                                                               title="Plafonniers"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Plafonniers                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/bancs"
                                                                               title="Bancs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Bancs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                                                                                                    <li class="level2 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 ">
                                                                            <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree/miroirs"
                                                                               title="Miroirs"
                                                                               class="">
                                                                                                                                                                <span>
                                                                                    Miroirs                                                                                </span>
                                                                                                                                                            </a>
                                                                                                                                                    </li>
                                                                                                                                        <li class="view-all">
                                                                        <a href="https://www.lecedrerouge.com/pieces-de-vie/l-entree"
                                                                           title="Entr&#xE9;e">
                                                                            Voir tout                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                                                                            </div>
                                                                                                            </li>
                                                                                                                                            </ul>
                                                                                                                                </div>
                                    </div>
                                </div>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'category-node-346')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-menu-navigation-smc dnd-menu-navigation-links-only dnd-menu-navigation-col-6 "
                            :class="hoverPanelActiveId !== 'category-node-346' ? '' : 'is-active'"
                            id="category-node-346">
                            <a class=""
                               href="https://www.lecedrerouge.com/marques"
                               title="Marques"
                            >
                                                                <span class="nav-item-text"
                                      title="Marques">
                                        Marques                                </span>
                            </a>
                                                    </li>
                                                                                            <li @mouseenter="menuItemsEnter($dispatch, 'customlink-node-4')"
                            @mouseleave="menuItemsLeave($dispatch)"
                            class="level0 nav-item dnd-custom-link "
                            :class="hoverPanelActiveId !== 'customlink-node-4' ? '' : 'is-active'"
                            id="customlink-node-4">
                            <a class=""
                               href="https://www.accent-rouge.com/?utm_source=lcr"
                               title="Professionnels"
                            >
                                                                <span class="nav-item-text"
                                      title="Professionnels">
                                        Professionnels                                </span>
                            </a>
                                                    </li>
                                                            </ul>
            </nav>
        </div>
    </div>
</div>

<a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
   contentarea"
   href="#contentarea">
    <span>
        Aller au contenu    </span>
</a>
</div>
<div x-data="awPromoMiniCart" @private-content-loaded.window="getData($event)"></div>

<script>
    function awPromoMiniCart() {
        return {
            data: null,
            getData: function(event) {
                if (event.detail.data['aw-afptc-promo']) {
                    this.data = event.detail.data['aw-afptc-promo'];
                    Alpine.store('aw-data-afptc-minicart', this.data)
                }
                this.isLoading = false;
            },
        }
    }
</script>
</header>
    <section class="top-banner bg-forest-500"
             x-data="initRowsSlider($el)"
             x-defer="intersect">
        <ul class="glider-track">
                            <li class="text-white text-sm text-center
                           py-2 px-5 m-0 leading-tight
                           hidden first:block"
                    :class="{ '!block': sliderInitialized }">
                    <p style="text-align: center;"><span style="display: inline-block; vertical-align: middle;"> <img src="/media/wysiwyg/Top_banner/icon-carte-rouge-outline-new.svg" alt="" width="27" height="16" loading="lazy"> </span>&nbsp;<span style="display: inline-block; vertical-align: middle; margin-left: 5px;">-10% sur tous vos achats pendant 1 an avec Carte Rouge <a href="/devenir-membre-carte-rouge">Devenir membre</a> </span></p>                </li>
                            <li class="text-white text-sm text-center
                           py-2 px-5 m-0 leading-tight
                           hidden first:block"
                    :class="{ '!block': sliderInitialized }">
                    <p style="text-align: center;">En stock : Fermob, Ethnicraft, Kartell... Profitez de la livraison express. <a href="https://www.lecedrerouge.com/en-stock">En profiter</a></p>                </li>
                    </ul>
    </section>
<div class="top-container">
    </div><main id="maincontent" class="page-main mt-0"><div id="contentarea" tabindex="-1"></div>
<div class="page messages"><script>
        function initMessages() {
        "use strict";
        return {
            messages: window.mageMessages || [],
            isEmpty() {
                return this.messages.length === 0;
            },
            removeMessage(messageIndex) {
                this.messages.splice(messageIndex, 1);
            },
            addMessages(messages, hideAfter) {
                const texts = this.messages.map(message => message.text);
                messages.filter(message => !texts.includes(message.text)).map((message) => {
                    const messageIndex = this.messages.push(message) - 1;
                    if (hideAfter === undefined && message.type === 'success') {
                        hideAfter = window.defaultSuccessMessageTimeout;
                    }
                    if (hideAfter) {
                        this.setHideTimeOut(messageIndex, hideAfter);
                    }
                });
            },
            setHideTimeOut(messageIndex, hideAfter) {
                setTimeout((messageIndex) => {
                    this.removeMessage(messageIndex);
                }, hideAfter, messageIndex);
            },
            eventListeners: {
                ['@messages-loaded.window'](event) {
                    this.addMessages(event.detail.messages, event.detail.hideAfter)
                },
                ['@private-content-loaded.window'](event) {
                    const data = event.detail.data;
                    if (
                        data.messages &&
                        data.messages.messages &&
                        data.messages.messages.length
                    ) {
                        this.addMessages(data.messages.messages);
                    }
                },
                ['@clear-messages.window']() {
                    this.messages = [];
                }
            }
        }
    }
</script>
<section id="messages"
         x-data="initMessages()"
         x-bind="eventListeners"
         aria-live="assertive"
         role="alert"
>
    <template x-if="!isEmpty()">
        <div class="w-full">
            <div class="messages container mx-auto py-3">
                <template x-for="(message, index) in messages" :key="index">
                    <div>
                        <template x-if="message">
                            <div class="message relative" :class="message.type"
                                 :ui-id="'message-' + message.type"
                            >
                                <span x-html="message.text"></span>
                                <button
                                    type="button"
                                    class="absolute right-4 inset-y-auto"
                                    aria-label="Fermer&#x20;le&#x20;message"
                                    @click.prevent="removeMessage(index)"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 14 14" fill="none" class="w-4 h-4" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42567 0.540146C1.66089 0.304934 2.04224 0.304934 2.27745 0.540146L13.6345 11.8972C13.8697 12.1324 13.8697 12.5137 13.6345 12.7489C13.3993 12.9842 13.0179 12.9842 12.7827 12.7489L1.42567 1.39192C1.19046 1.15671 1.19046 0.775357 1.42567 0.540146Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42589 12.6349C1.19068 12.3997 1.19068 12.0183 1.42589 11.7831L12.7829 0.42608C13.0181 0.190868 13.3995 0.190868 13.6347 0.42608C13.8699 0.661291 13.8699 1.04264 13.6347 1.27786L2.27766 12.6349C2.04245 12.8701 1.6611 12.8701 1.42589 12.6349Z" fill="currentColor"/>
</svg>
                                </button>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>
</section>
</div><div class="columns lg:mt-12"><div class="column main"><style>#html-body [data-pb-style=KB1LXPJ]{margin-bottom:40px}</style><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=VRWSA86]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=U76KEGJ]{min-height:300px}#html-body [data-pb-style=PD362UW]{min-height:354px}#html-body [data-pb-style=T38MRY2]{background-position:center center;background-size:cover;background-repeat:no-repeat;min-height:354px}#html-body [data-pb-style=Y13YJ6Q]{background-color:transparent}#html-body [data-pb-style=UK7MSHX]{opacity:1;visibility:visible}#html-body [data-pb-style=SKY7S6M]{min-height:354px}#html-body [data-pb-style=Y29J6XR]{background-position:center center;background-size:cover;background-repeat:no-repeat;min-height:354px}#html-body [data-pb-style=JJCNK2K]{background-color:transparent}#html-body [data-pb-style=IAP75RC]{opacity:1;visibility:visible}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="VRWSA86"><div class="pagebuilder-slider pagebuilder-hero-slider" data-content-type="slider" data-appearance="default" data-autoplay="true" data-autoplay-speed="4000" data-fade="false" data-infinite-loop="true" data-show-arrows="true" data-show-dots="true" data-element="main" data-pb-style="U76KEGJ"><div data-content-type="slide" data-slide-name="" data-appearance="collage-hero" data-show-button="always" data-show-overlay="never" data-element="main" data-pb-style="PD362UW"><a href="https://www.lecedrerouge.com/marques/fermob?availability_status=68289" target="" data-link-type="default" data-element="link"><div class="pagebuilder-slide-wrapper background-image-6a282ef086fab background-image-6a282ef0cabcd" data-background-images='{\"desktop_image\":\"https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-desktop.jpg\",\"mobile_image\":\"https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-mobile.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="T38MRY2"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="" data-element="overlay" data-pb-style="Y13YJ6Q"></div></div><div class="pagebuilder-collage-content"><div data-element="content"><h2 id="WQ6BYCD">Fermob : les incontournables livr&eacute;s rapidement chez vous.</h2><p></p><p>Livraison express sur tous nos produits en stock.</p></div><button type="button" class="pagebuilder-slide-button pagebuilder-button-secondary" data-element="button" data-pb-style="UK7MSHX">En profiter</button></div><style type="text/css">.background-image-6a282ef086fab {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-desktop.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6a282ef086fab {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-mobile.jpg);}}@media only screen and (max-width: 640px) {.background-image-6a282ef086fab {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-mobile.jpg);}}</style><style type="text/css">.background-image-6a282ef0cabcd {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-desktop.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6a282ef0cabcd {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-mobile.jpg);}}@media only screen and (max-width: 640px) {.background-image-6a282ef0cabcd {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-fermob-stock-2-mobile.jpg);}}</style></a></div><div data-content-type="slide" data-slide-name="" data-appearance="collage-hero" data-show-button="always" data-show-overlay="never" data-element="main" data-pb-style="SKY7S6M"><a href="https://www.lecedrerouge.com/bon-plans" target="" data-link-type="category" data-element="link"><div class="pagebuilder-slide-wrapper background-image-6a282ef086ff6 background-image-6a282ef0cac25" data-background-images='{\"desktop_image\":\"https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-01T112248.474_1_.png\",\"mobile_image\":\"https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-bonnes-affaires-mobile.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="Y29J6XR"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="" data-element="overlay" data-pb-style="JJCNK2K"></div></div><div class="pagebuilder-collage-content"><div data-element="content"><h2 id="WQ6BYCD">Offres du moment</h2><p></p><p id="BNY37K6">Profitez de nos offres du moment - dur&eacute;e limit&eacute;e.</p></div><button type="button" class="pagebuilder-slide-button pagebuilder-button-secondary" data-element="button" data-pb-style="IAP75RC">En profiter</button></div><style type="text/css">.background-image-6a282ef086ff6 {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-01T112248.474_1_.png);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6a282ef086ff6 {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-bonnes-affaires-mobile.jpg);}}@media only screen and (max-width: 640px) {.background-image-6a282ef086ff6 {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-bonnes-affaires-mobile.jpg);}}</style><style type="text/css">.background-image-6a282ef0cac25 {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-01T112248.474_1_.png);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6a282ef0cac25 {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-bonnes-affaires-mobile.jpg);}}@media only screen and (max-width: 640px) {.background-image-6a282ef0cac25 {background-image: url(https://www.lecedrerouge.com/media/wysiwyg/img-homepage-hero-bonnes-affaires-mobile.jpg);}}</style></a></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=CFNOM4S],#html-body [data-pb-style=G1TOV7L]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G1TOV7L]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#13190c}#html-body [data-pb-style=CFNOM4S]{align-self:stretch}#html-body [data-pb-style=X13WFM7]{display:flex;width:100%}#html-body [data-pb-style=BPQ17G4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:20%;align-self:flex-end}#html-body [data-pb-style=JDF032I]{border-style:none}#html-body [data-pb-style=SMYT64K]{max-width:100%;height:auto}#html-body [data-pb-style=W6AQK82]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:20%;align-self:flex-end}#html-body [data-pb-style=VTCTNGQ]{border-style:none}#html-body [data-pb-style=WYKMXTU]{max-width:100%;height:auto}#html-body [data-pb-style=EXHLMMY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:20%;align-self:flex-end}#html-body [data-pb-style=JP0R9RN]{border-style:none}#html-body [data-pb-style=EMDCGX5]{max-width:100%;height:auto}#html-body [data-pb-style=CWEPEMH]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:20%;align-self:flex-end}#html-body [data-pb-style=AU3JD89]{border-style:none}#html-body [data-pb-style=I7QQF4I]{max-width:100%;height:auto}#html-body [data-pb-style=WC1U4Y2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:20%;align-self:flex-end}#html-body [data-pb-style=A5JLH31]{border-style:none}#html-body [data-pb-style=K1OBP0G]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=A5JLH31],#html-body [data-pb-style=AU3JD89],#html-body [data-pb-style=JDF032I],#html-body [data-pb-style=JP0R9RN],#html-body [data-pb-style=VTCTNGQ]{border-style:none} }</style><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
/* Categories */
.pagebuilder-categories .pagebuilder-column .link-container *{color: white;}
</style></div><div class="pagebuilder-categories" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" id="" data-element="main" data-pb-style="G1TOV7L"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="10" data-element="main" data-pb-style="CFNOM4S"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="X13WFM7"><div class="pagebuilder-column" data-content-type="column" data-appearance="align-bottom" data-background-images="{}" data-element="main" data-pb-style="BPQ17G4"><div data-content-type="image" data-appearance="picture" data-animation="up" data-element="main"><a href="https://www.lecedrerouge.com/mobilier" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="JDF032I"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-mobilier.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-mobilier-mobile.svg" alt="" title="" data-element="mobile_image" data-pb-style="SMYT64K" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Mobilier</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="align-bottom" data-background-images="{}" data-element="main" data-pb-style="W6AQK82"><div data-content-type="image" data-appearance="picture" data-animation="up" data-element="main"><a href="https://www.lecedrerouge.com/jardin" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="VTCTNGQ"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-jardin.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-jardin-mobile.svg" alt="" title="" data-element="mobile_image" data-pb-style="WYKMXTU" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Jardin</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="align-bottom" data-background-images="{}" data-element="main" data-pb-style="EXHLMMY"><div data-content-type="image" data-appearance="picture" data-animation="up" data-element="main"><a href="https://www.lecedrerouge.com/luminaire" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="JP0R9RN"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-luminaire.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-luminaire-mobile.svg" alt="" title="" data-element="mobile_image" data-pb-style="EMDCGX5" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Luminaires</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="align-bottom" data-background-images="{}" data-element="main" data-pb-style="CWEPEMH"><div data-content-type="image" data-appearance="picture" data-animation="up" data-element="main"><a href="https://www.lecedrerouge.com/decoration" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="AU3JD89"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-decoration.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-decoration-mobile.svg" alt="" title="" data-element="mobile_image" data-pb-style="I7QQF4I" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">D&eacute;coration</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="align-bottom" data-background-images="{}" data-element="main" data-pb-style="WC1U4Y2"><div data-content-type="image" data-appearance="picture" data-animation="up" data-element="main"><a href="https://www.lecedrerouge.com/art-de-la-table" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="A5JLH31"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-table.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/other/homepage_image/homepage-icon-table-mobile.svg" alt="" title="" data-element="mobile_image" data-pb-style="K1OBP0G" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Art de la table</span></div></a></div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=BWM26BK],#html-body [data-pb-style=XY266IW]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=BWM26BK]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XY266IW]{align-self:stretch}#html-body [data-pb-style=N9F4LIR]{display:flex;width:100%}#html-body [data-pb-style=MVT0396]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=ETS1J5Y]{border-style:none}#html-body [data-pb-style=KATRO18]{max-width:100%;height:auto}#html-body [data-pb-style=T82KG30]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=VRK0IJB]{border-style:none}#html-body [data-pb-style=MYW5LD3]{max-width:100%;height:auto}#html-body [data-pb-style=JKJARXC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=UY3OTBI]{border-style:none}#html-body [data-pb-style=OXR9N56]{max-width:100%;height:auto}#html-body [data-pb-style=HDVP5L0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=QH77H4H]{border-style:none}#html-body [data-pb-style=H6VDFEN]{max-width:100%;height:auto}#html-body [data-pb-style=KCQTECL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=TL4IQAM]{border-style:none}#html-body [data-pb-style=DUB2B3N]{max-width:100%;height:auto}#html-body [data-pb-style=URLHFPE]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:16.6667%;align-self:stretch}#html-body [data-pb-style=GO30GR5]{border-style:none}#html-body [data-pb-style=XK2J4P9]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=ETS1J5Y],#html-body [data-pb-style=GO30GR5],#html-body [data-pb-style=QH77H4H],#html-body [data-pb-style=TL4IQAM],#html-body [data-pb-style=UY3OTBI],#html-body [data-pb-style=VRK0IJB]{border-style:none} }</style><div class="pagebuilder-categories--selection" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="BWM26BK"><div class="row-full-width-inner" data-element="inner"><h3 class="font-serif font-normal text-3xl text-primary leading-none mb-7" data-content-type="heading" data-appearance="default" data-element="main">La s&eacute;lection du moment</h3><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XY266IW"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="N9F4LIR"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MVT0396"><div data-content-type="image" data-appearance="picture" data-animation="zoom" data-element="main"><a href="https://www.lecedrerouge.com/en-stock" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="ETS1J5Y"><source srcset="https://www.lecedrerouge.com/media/catalog/category/Mobilier_organique_2_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/catalog/category/Mobilier_organique_2_.png" alt="" title="" data-element="mobile_image" data-pb-style="KATRO18" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Livraison express</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T82KG30"><div data-content-type="image" data-appearance="picture" data-animation="zoom" data-element="main"><a href="https://www.lecedrerouge.com/jardin/jardin/compositions" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="VRK0IJB"><source srcset="https://www.lecedrerouge.com/media/catalog/category/La_s_lection_du_moment_34_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/catalog/category/La_s_lection_du_moment_34_.png" alt="" title="" data-element="mobile_image" data-pb-style="MYW5LD3" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Packs</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JKJARXC"><div data-content-type="image" data-appearance="picture" data-animation="zoom" data-element="main"><a href="https://www.lecedrerouge.com/jardin/parasols" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="UY3OTBI"><source srcset="https://www.lecedrerouge.com/media/catalog/category/La_s_lection_du_moment_32_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/catalog/category/La_s_lection_du_moment_32_.png" alt="" title="" data-element="mobile_image" data-pb-style="OXR9N56" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Parasols</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HDVP5L0"><div data-content-type="image" data-appearance="picture" data-animation="zoom" data-element="main"><a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/tables-de-jardin" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="QH77H4H"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/La_s_lection_du_moment_29_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/La_s_lection_du_moment_29_.png" alt="" title="" data-element="mobile_image" data-pb-style="H6VDFEN" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Tables de jardin</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KCQTECL"><div data-content-type="image" data-appearance="picture" data-animation="zoom" data-element="main"><a href="https://www.lecedrerouge.com/jardin/meubles-de-jardin/chaises-de-jardin" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="TL4IQAM"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/La_s_lection_du_moment_28_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/La_s_lection_du_moment_28_.png" alt="" title="" data-element="mobile_image" data-pb-style="DUB2B3N" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Chaises de jardin</span></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="URLHFPE"><div data-content-type="image" data-appearance="picture" data-animation="zoom" data-element="main"><a href="https://www.lecedrerouge.com/mobilier/tables/tables-a-manger" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="GO30GR5"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/La_s_lection_du_moment_11_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/La_s_lection_du_moment_11_.png" alt="" title="" data-element="mobile_image" data-pb-style="XK2J4P9" loading="lazy"></source></picture><div class="link-container"><span class="link" data-element="cta">Tables &agrave; manger</span></div></a></div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=TEOMCXM],#html-body [data-pb-style=XRVG5VK]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=TEOMCXM]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XRVG5VK]{align-self:stretch}#html-body [data-pb-style=DHP4UJ5]{display:flex;width:100%}#html-body [data-pb-style=SUR857T]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=TFBPEWS]{border-style:none}#html-body [data-pb-style=DK38EWO]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=TFBPEWS]{border-style:none} }</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="TEOMCXM"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XRVG5VK"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="DHP4UJ5"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="SUR857T"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><a href="https://www.lecedrerouge.com/marques/ethnicraft" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="TFBPEWS"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-02T105254.712_1_.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-02T105303.099_1.png" alt="Parasols en stock" title="" data-element="mobile_image" data-pb-style="DK38EWO" loading="lazy"></source></picture></a></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=G1GSADI],#html-body [data-pb-style=P2VN1PN]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=P2VN1PN]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=G1GSADI]{align-self:stretch}#html-body [data-pb-style=VJAHP8E]{display:flex;width:100%}#html-body [data-pb-style=GLG3QW2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=ABDCME1],#html-body [data-pb-style=WJLQ41T]{text-align:center}#html-body [data-pb-style=QQ9WSK8]{display:inline-block}#html-body [data-pb-style=WBL4GNB]{text-align:center}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="pagebuilder-product-push-1" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="P2VN1PN"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G1GSADI"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="VJAHP8E"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GLG3QW2"><h3 class="font-serif font-normal text-3xl text-primary leading-none mb-7" data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="WJLQ41T">Ethnicraft : nouveaut&eacute;s et iconiques</h3><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" data-pb-style="ABDCME1" class="mb-7"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="QQ9WSK8"><a class="pagebuilder-button-link" href="https://www.lecedrerouge.com/marques/ethnicraft" target="" data-link-type="category" data-element="link" data-pb-style="WBL4GNB"><span data-element="link_text">D&eacute;couvrir</span></a></div></div><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-slides-to-show-desktop="5" data-slides-to-show-mobile="1.9" data-center-padding="90px" data-element="main">        <div class="glider-contain product-items product-slider widget-product-carousel" data-slider-config='{"slidesToShowDesktop":"5","slidesToShowMobile":"1.9"}'>
        <div data-role="glider-content" class="mx-auto grid gap-4 sm:grid-cols-2 lg:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                                                    <span class="product-label [&amp;:nth-child(n+2)]:hidden sm:[&amp;:nth-child(n+2)]:block" style="color: #ffffff;
                            border-color: #13190c;
                            background-color: #000000">
                        Nouveaut&eacute;                    </span>
                            </div>
        
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-169010.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_2_places_n701_l_91_x_l_205_x_h_76_cm_tissu_beige_8.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/a/canape_2_places_n701_l_91_x_l_205_x_h_76_cm_tissu_beige_8.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_2_places_n701_l_91_x_l_205_x_h_76_cm_tissu_beige_8.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Canap&eacute; 2 places N701 l.91 x L.205 x H.76 cm Tissu Beige" title="Canap&eacute; 2 places N701 l.91 x L.205 x H.76 cm Tissu Beige">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(169010)" aria-label="Ajouter &agrave; la liste d'achats Canap&eacute; 2 places N701 l.91 x L.205 x H.76 cm Tissu Beige" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":1979.1,"priceBox":"&lt;span class=\"price\"&gt;1\u202f979,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/canape-2-places-n701-l-91-x-l-205-x-h-76-cm-tissu-beige" :id="`slide-desc-169010-${$id('slider-id')}`">
            Canap&eacute; 2 places N701 l.91 x L.205 x H.76 cm Tissu Beige        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 3 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-169010.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="169010" data-price-box="product-id-169010">    <span x-data x-id="['product\u002Dprice\u002D169010']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D169010')" data-price-amount="2199" data-price-type="finalPrice" class="price-wrapper "><span class="price">2&#8239;199,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D20196\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D20196';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '169010'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-169010 .price'
                                : '[data-price-box="product-id-169010"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Canap\u00E9\u00202\u0020places\u0020N701\u0020l.91\u0020x\u0020L.205\u0020x\u0020H.76\u0020cm\u0020Tissu\u0020Beige',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-85636.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/5/0/50676_oak_eye_lounge_chair_without_armrest_side_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/5/0/50676_oak_eye_lounge_chair_without_armrest_side_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/5/0/50676_oak_eye_lounge_chair_without_armrest_side_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Fauteuil EYE en ch&ecirc;ne d'Ethnicraft" title="Fauteuil EYE en ch&ecirc;ne d'Ethnicraft">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(85636)" aria-label="Ajouter &agrave; la liste d'achats Fauteuil EYE en ch&ecirc;ne" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":1097.1,"priceBox":"&lt;span class=\"price\"&gt;1\u202f097,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/fauteuil-eye-en-chene-d-ethnicraft" :id="`slide-desc-85636-${$id('slider-id')}`">
            Fauteuil EYE en ch&ecirc;ne        </a>

        
                            
        
                
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-85636.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="85636" data-price-box="product-id-85636">    <span x-data x-id="['product\u002Dprice\u002D85636']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D85636')" data-price-amount="1219" data-price-type="finalPrice" class="price-wrapper "><span class="price">1&#8239;219,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D50676\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D50676';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '85636'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-85636 .price'
                                : '[data-price-box="product-id-85636"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Fauteuil\u0020EYE\u0020en\u0020ch\u00EAne',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-77191.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/2/1/21700_sand_nomad_kilim_rug_front_cut_web_1.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/2/1/21700_sand_nomad_kilim_rug_front_cut_web_1.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/2/1/21700_sand_nomad_kilim_rug_front_cut_web_1.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Tapis kilim NOMAD de Ethnicraft Accessories, 200 x 300 cm, Sable" title="Tapis kilim NOMAD de Ethnicraft Accessories, 200 x 300 cm, Sable">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(77191)" aria-label="Ajouter &agrave; la liste d'achats Tapis kilim NOMAD Accessories, 200 x 300 cm, Sable" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":1367.1,"priceBox":"&lt;span class=\"price\"&gt;1\u202f367,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/tapis-kilim-nomad-de-ethnicraft-accessories-200-x-300-cm-sable" :id="`slide-desc-77191-${$id('slider-id')}`">
            Tapis kilim NOMAD Accessories, 200 x 300 cm, Sable        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 2 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-77191.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="77191" data-price-box="product-id-77191">    <span x-data x-id="['product\u002Dprice\u002D77191']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D77191')" data-price-amount="1519" data-price-type="finalPrice" class="price-wrapper "><span class="price">1&#8239;519,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D21701\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D21701';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '77191'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-77191 .price'
                                : '[data-price-box="product-id-77191"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Tapis\u0020kilim\u0020NOMAD\u0020Accessories,\u0020200\u0020x\u0020300\u0020cm,\u0020Sable',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-87793.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/2/6/26413_elements_side_table_microcement_off_white_round_front_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/2/6/26413_elements_side_table_microcement_off_white_round_front_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/2/6/26413_elements_side_table_microcement_off_white_round_front_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Table d'appoint Elements - Microciment - Blanc cass&eacute; - ronde" title="Table d'appoint Elements - Microciment - Blanc cass&eacute; - ronde">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(87793)" aria-label="Ajouter &agrave; la liste d'achats Table d&amp;#039;appoint Elements - Microciment - Blanc cass&eacute; - ronde" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":305.1,"priceBox":"&lt;span class=\"price\"&gt;305,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/table-d-appoint-elements-microciment-blanc-casse-ronde" :id="`slide-desc-87793-${$id('slider-id')}`">
            Table d'appoint Elements - Microciment - Blanc cass&eacute; - ronde        </a>

        
                            
        
                
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-87793.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="87793" data-price-box="product-id-87793">    <span x-data x-id="['product\u002Dprice\u002D87793']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D87793')" data-price-amount="339" data-price-type="finalPrice" class="price-wrapper "><span class="price">339,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D26413\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D26413';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '87793'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-87793 .price'
                                : '[data-price-box="product-id-87793"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Table\u0020d\u0027appoint\u0020Elements\u0020\u002D\u0020Microciment\u0020\u002D\u0020Blanc\u0020cass\u00E9\u0020\u002D\u0020ronde',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                                                    <span class="product-label [&amp;:nth-child(n+2)]:hidden sm:[&amp;:nth-child(n+2)]:block" style="color: #13190c;
                            border-color: #13190c;
                            background-color: #ffffff">
                        Livraison express                    </span>
                            </div>
        
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-49249.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_3_places_n701_d_ethnicraft_beige_11.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/a/canape_3_places_n701_d_ethnicraft_beige_11.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_3_places_n701_d_ethnicraft_beige_11.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Canap&eacute; 3 places N701 d'Ethnicraft, Beige" title="Canap&eacute; 3 places N701 d'Ethnicraft, Beige">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(49249)" aria-label="Ajouter &agrave; la liste d'achats Canap&eacute; 3 places N701, Beige" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":2141.1,"priceBox":"&lt;span class=\"price\"&gt;2\u202f141,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/canape-3-places-n701-d-ethnicraft-6-coloris" :id="`slide-desc-49249-${$id('slider-id')}`">
            Canap&eacute; 3 places N701, Beige        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 6 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                <p class="stock-status in_stock" title="Disponibilit&eacute;">
            En stock        </p>
                </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-49249.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="49249" data-price-box="product-id-49249">    <span x-data x-id="['product\u002Dprice\u002D49249']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D49249')" data-price-amount="2379" data-price-type="finalPrice" class="price-wrapper "><span class="price">2&#8239;379,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D20231\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D20231';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '49249'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-49249 .price'
                                : '[data-price-box="product-id-49249"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Canap\u00E9\u00203\u0020places\u0020N701,\u0020Beige',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 py-0 px-5 mb-6">
    <div role="tablist" class="glider-dots select-none flex flex-1 gap-1 justify-center p-0 focus:outline-none"></div>
</div>

<div class="carousel-arrows flex gap-2.5 justify-center">
    <button aria-label="Pr&eacute;c&eacute;dent" type="button" class="glider-prev glider-arrow w-6 h-6 flex items-center justify-center rounded-full transition-colors
    duration-400 text-forest-500 border border-forest-500 lg:hover:border-swamp-500 lg:hover:text-swamp-500">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 6 9" fill="none" class="w-2 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"></path>
<title>arrow-left</title></svg>
    </button>
    <button aria-label="Suivant" type="button" class="glider-next glider-arrow w-6 h-6 flex items-center justify-center rounded-full transition-colors
    duration-400 text-forest-500 border border-forest-500 lg:hover:border-swamp-500 lg:hover:text-swamp-500">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 6 9" fill="none" class="w-2 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"></path>
<title>arrow-right</title></svg>
    </button>
</div>
    </div>
</div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="KB1LXPJ"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=BJ1080Q],#html-body [data-pb-style=X9VQ7Y4]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=BJ1080Q]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#f1f1e3}#html-body [data-pb-style=X9VQ7Y4]{align-self:stretch}#html-body [data-pb-style=JIMS20Y]{display:flex;width:100%}#html-body [data-pb-style=IFNQLF6]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=AN5338L]{border-style:none}#html-body [data-pb-style=DN6T0VR]{max-width:100%;height:auto}#html-body [data-pb-style=NFG2QMT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:left;width:50%;align-self:center}#html-body [data-pb-style=P3EBVL9]{display:inline-block}#html-body [data-pb-style=I9KKR4H]{text-align:left}@media only screen and (max-width: 768px) { #html-body [data-pb-style=AN5338L]{border-style:none} }</style><div class="pagebuilder-col-image pagebuilder-col-image--left" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="BJ1080Q"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="X9VQ7Y4"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="JIMS20Y"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IFNQLF6"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><a href="https://www.lecedrerouge.com/marques/kartell" target="" data-link-type="category" title="" data-element="link"><picture data-pb-style="AN5338L"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-08T101145.856.png" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/Design_sans_titre_-_2026-06-08T100458.691.png" alt="" title="" data-element="mobile_image" data-pb-style="DN6T0VR" loading="lazy"></source></picture></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="align-center" data-background-images="{}" data-element="main" data-pb-style="NFG2QMT"><h2 data-content-type="heading" data-appearance="default" data-element="main">Kartell : l&rsquo;ic&ocirc;ne du design italien contemporain
</h2><div data-content-type="text" data-appearance="default" data-element="main"><div class="category-description">
<div id="" data-appearance="contained" data-element="main">
<div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner">
<div data-appearance="default" data-element="main">
<div data-appearance="default" data-element="main">
<p data-start="54" data-end="242">Depuis plus de 70 ans, Kartell r&eacute;invente le mobilier et les objets du quotidien &agrave; travers une vision audacieuse du design, o&ugrave; innovation, cr&eacute;ativit&eacute; et savoir-faire italien se rencontrent.</p>
<p data-start="244" data-end="457">D&eacute;couvrez ses collections embl&eacute;matiques imagin&eacute;es par les plus grands designers internationaux, des pi&egrave;ces iconiques aux derni&egrave;res nouveaut&eacute;s, con&ccedil;ues pour sublimer aussi bien les espaces int&eacute;rieurs qu&rsquo;ext&eacute;rieurs.</p>
</div>
</div>
</div>
</div>
</div>
<p id="G2PJBOC"></p></div><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="P3EBVL9"><a class="pagebuilder-button-secondary" href="https://www.lecedrerouge.com/marques/kartell" target="" data-link-type="category" data-element="link" data-pb-style="I9KKR4H"><span data-element="link_text">D&eacute;couvrir</span></a></div></div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    </div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=G22LHGU],#html-body [data-pb-style=U24293U]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=U24293U]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=G22LHGU]{align-self:stretch}#html-body [data-pb-style=FQ3PDR2]{display:flex;width:100%}#html-body [data-pb-style=KM3284X],#html-body [data-pb-style=MKGHJ4M]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=QWUMK1A]{text-align:right}#html-body [data-pb-style=HU0BUOL]{display:inline-block}#html-body [data-pb-style=PLW3PQB]{text-align:center}#html-body [data-pb-style=O74O2XQ]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=OF8S8RV]{display:flex;width:100%}#html-body [data-pb-style=WFWHY4E]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=B7OCY74],#html-body [data-pb-style=BTKJA5M],#html-body [data-pb-style=DAO9GQ3],#html-body [data-pb-style=GR09S6N],#html-body [data-pb-style=J0D8O3N],#html-body [data-pb-style=LX2NAIP],#html-body [data-pb-style=PCO5FO8],#html-body [data-pb-style=Q095BGI],#html-body [data-pb-style=T1NOR2H],#html-body [data-pb-style=WS49VX2]{max-width:100%;height:auto}</style><div class="pagebuilder-brands" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="U24293U"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group pagebuilder-brands--header" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G22LHGU"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="FQ3PDR2"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KM3284X"><h3 class="font-serif font-normal text-3xl text-primary leading-none" data-content-type="heading" data-appearance="default" data-element="main">Marques &agrave; la une</h3></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MKGHJ4M"><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" data-pb-style="QWUMK1A"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="HU0BUOL"><a class="pagebuilder-button-link" href="/marques" target="" data-link-type="default" data-element="link" data-pb-style="PLW3PQB"><span data-element="link_text">Voir toutes les marques</span></a></div></div></div></div></div><div class="pagebuilder-column-group pagebuilder-brands--body" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="O74O2XQ"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OF8S8RV"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WFWHY4E"><div class="pagebuilder-slider" data-content-type="slider" data-appearance="alternative" data-autoplay="false" data-autoplay-speed="4000" data-fade="false" data-infinite-loop="false" data-show-arrows="true" data-show-dots="true" data-slides-to-show-desktop="6.5" data-slides-to-show-tablet="4.5" data-slides-to-show-mobile="2.6" data-element="main"><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/fermob" target="" data-link-type="category" title="Fermob logo" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-fermob_mono.svg" alt="Fermob logo" title="Fermob logo" data-element="image" data-pb-style="B7OCY74" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/ethnicraft" target="" data-link-type="category" title="" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-ethnicraft.svg" alt="" title="" data-element="image" data-pb-style="BTKJA5M" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/usm" target="" data-link-type="category" title="" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-usm.svg" alt="" title="" data-element="image" data-pb-style="T1NOR2H" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/vincent-sheppard" target="" data-link-type="category" title="" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-vincentsheppard.svg" alt="" title="" data-element="image" data-pb-style="J0D8O3N" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/glatz" target="" data-link-type="category" title="logo Glatz" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/01_glatz_logo_pos_rgb_l.png" alt="logo Glatz" title="logo Glatz" data-element="image" data-pb-style="DAO9GQ3" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/royal-botania" target="" data-link-type="category" title="logo Royal Botania" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-royalbotania.svg" alt="Royal Botania" title="logo Royal Botania" data-element="image" data-pb-style="GR09S6N" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/tribu" target="" data-link-type="category" title="" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-tribu.svg" alt="" title="" data-element="image" data-pb-style="PCO5FO8" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/tolix" target="" data-link-type="category" title="Logo Tolix" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/marque-logo_tolix.svg" alt="Logo Tolix" title="Logo Tolix" data-element="image" data-pb-style="Q095BGI" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/fast" target="" data-link-type="category" title="Logo Fast" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-fast.svg" alt="Logo Fast" title="Logo Fast" data-element="image" data-pb-style="LX2NAIP" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div><div data-content-type="slide" data-appearance="content" data-element="main"><a href="https://www.lecedrerouge.com/marques/talenti" target="" data-link-type="category" title="Logo Talenti" data-element="link"><img src="https://www.lecedrerouge.com/media/wysiwyg/logo-brands/logo-talenti.png" alt="Logo Talenti" title="Logo Talenti" data-element="image" data-pb-style="WS49VX2" loading="lazy"><div class="pagebuilder-collage-content"></div></a></div></div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=UVPX3ML]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div class="pagebuilder-product-push-2" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="UVPX3ML"><div class="row-full-width-inner" data-element="inner"><h3 class="font-serif font-normal text-3xl text-primary leading-none mb-7" data-content-type="heading" data-appearance="default" data-element="main">Produits &agrave; la une</h3><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="true" data-carousel-mode="default" data-slides-to-show-desktop="5.1" data-slides-to-show-mobile="1.9" data-center-padding="90px" data-element="main">        <div class="glider-contain product-items product-slider widget-product-carousel" data-slider-config='{"slidesToShowDesktop":"5.1","slidesToShowMobile":"1.9"}'>
        <div data-role="glider-content" class="mx-auto grid gap-4 sm:grid-cols-2 lg:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                                                    <span class="product-label [&amp;:nth-child(n+2)]:hidden sm:[&amp;:nth-child(n+2)]:block" style="color: #13190c;
                            border-color: #13190c;
                            background-color: #ffffff">
                        Livraison express                    </span>
                            </div>
        
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-85630.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/5/1/51494_oak_bok_extendable_dining_table_pos06_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/5/1/51494_oak_bok_extendable_dining_table_pos06_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/5/1/51494_oak_bok_extendable_dining_table_pos06_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Table &agrave; rallonges rectangulaire BOK 200/300 x 100 x 76cm Ch&ecirc;ne naturel" title="Table &agrave; rallonges rectangulaire BOK 200/300 x 100 x 76cm Ch&ecirc;ne naturel">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(85630)" aria-label="Ajouter &agrave; la liste d'achats Table &agrave; rallonges rectangulaire BOK 200/300 x 100 x 76cm Ch&ecirc;ne naturel" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":3896.1,"priceBox":"&lt;span class=\"price\"&gt;3\u202f896,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/table-a-rallonge-bok-en-chene-d-ethnicraft-200-300x100x76-chene" :id="`slide-desc-85630-${$id('slider-id')}`">
            Table &agrave; rallonges rectangulaire BOK 200/300 x 100 x 76cm Ch&ecirc;ne naturel        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 19 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                <p class="stock-status in_stock" title="Disponibilit&eacute;">
            En stock        </p>
                </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-85630.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="85630" data-price-box="product-id-85630">    <span x-data x-id="['product\u002Dprice\u002D85630']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D85630')" data-price-amount="4329" data-price-type="finalPrice" class="price-wrapper "><span class="price">4&#8239;329,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D51494\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D51494';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '85630'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-85630 .price'
                                : '[data-price-box="product-id-85630"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Table\u0020\u00E0\u0020rallonges\u0020rectangulaire\u0020BOK\u0020200\u002F300\u0020x\u0020100\u0020x\u002076cm\u0020Ch\u00EAne\u0020naturel',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-88018.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_titus_structure_en_hetre_teinte_tobacco_assise_en_rotin_cannage_naturel.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_titus_structure_en_hetre_teinte_tobacco_assise_en_rotin_cannage_naturel.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_titus_structure_en_hetre_teinte_tobacco_assise_en_rotin_cannage_naturel.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="1" title="1">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(88018)" aria-label="Ajouter &agrave; la liste d'achats Chaise TITUS, Structure en h&ecirc;tre teint&eacute; tobacco, Assise en rotin (Cannage naturel)" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":481.5,"priceBox":"&lt;span class=\"price\"&gt;481,50\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Vincent Sheppard</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/chaise-titus-de-vincent-sheppard-structure-en-hetre-teinte-tobacco-assise-en-cannage" :id="`slide-desc-88018-${$id('slider-id')}`">
            Chaise TITUS, Structure en h&ecirc;tre teint&eacute; tobacco, Assise en rotin (Cannage naturel)        </a>

        
        
        
                        <div>
            <p class="text-green-500 text-xs">
                + 8 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                <p class="stock-status out_of_stock" title="Disponibilit&eacute;">
            &Eacute;puis&eacute;        </p>
                </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-88018.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="88018" data-price-box="product-id-88018">    <span x-data x-id="['product\u002Dprice\u002D88018']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D88018')" data-price-amount="535" data-price-type="finalPrice" class="price-wrapper "><span class="price">535,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022VIN\u002DDC054C017C001\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'VIN\u002DDC054C017C001';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '88018'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-88018 .price'
                                : '[data-price-box="product-id-88018"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Chaise\u0020TITUS,\u0020Structure\u0020en\u0020h\u00EAtre\u0020teint\u00E9\u0020tobacco,\u0020Assise\u0020en\u0020rotin\u0020\u0028Cannage\u0020naturel\u0029',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-54511.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_2_places_n701_d_ethnicraft_beige_15.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/a/canape_2_places_n701_d_ethnicraft_beige_15.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_2_places_n701_d_ethnicraft_beige_15.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Canap&eacute; 2 places N701 d'Ethnicraft, Beige" title="Canap&eacute; 2 places N701 d'Ethnicraft, Beige">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(54511)" aria-label="Ajouter &agrave; la liste d'achats Canap&eacute; 2 places N701, Beige" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":1403.1,"priceBox":"&lt;span class=\"price\"&gt;1\u202f403,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/canape-2-places-n701-d-ethnicraft-6-coloris" :id="`slide-desc-54511-${$id('slider-id')}`">
            Canap&eacute; 2 places N701, Beige        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 6 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-54511.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="54511" data-price-box="product-id-54511">    <span x-data x-id="['product\u002Dprice\u002D54511']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D54511')" data-price-amount="1559" data-price-type="finalPrice" class="price-wrapper "><span class="price">1&#8239;559,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D20230\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D20230';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '54511'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-54511 .price'
                                : '[data-price-box="product-id-54511"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Canap\u00E9\u00202\u0020places\u0020N701,\u0020Beige',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                                                    <span class="product-label [&amp;:nth-child(n+2)]:hidden sm:[&amp;:nth-child(n+2)]:block" style="color: #13190c;
                            border-color: #13190c;
                            background-color: #ffffff">
                        Livraison express                    </span>
                            </div>
        
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-40395.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_luxembourg_de_fermob_cactus.png?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;format=jpeg&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_luxembourg_de_fermob_cactus.png?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;format=jpeg&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_luxembourg_de_fermob_cactus.png?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;format=jpeg" loading="lazy" width="240" height="300" alt="Chaise LUXEMBOURG de Fermob Cactus" title="Chaise LUXEMBOURG de Fermob Cactus">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(40395)" aria-label="Ajouter &agrave; la liste d'achats Chaise LUXEMBOURG Cactus" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":215.1,"priceBox":"&lt;span class=\"price\"&gt;215,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Fermob</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/chaise-luxembourg-de-fermob-25-coloris" :id="`slide-desc-40395-${$id('slider-id')}`">
            Chaise LUXEMBOURG Cactus        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 24 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                <p class="stock-status in_stock" title="Disponibilit&eacute;">
            En stock        </p>
                </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-40395.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="40395" data-price-box="product-id-40395">    <span x-data x-id="['product\u002Dprice\u002D40395']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40395')" data-price-amount="239" data-price-type="finalPrice" class="price-wrapper "><span class="price">239,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022FER\u002D410182\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'FER\u002D410182';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '40395'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-40395 .price'
                                : '[data-price-box="product-id-40395"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Chaise\u0020LUXEMBOURG\u0020Cactus',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-45565.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_masters_de_kartell_noir_5.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_masters_de_kartell_noir_5.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/h/chaise_masters_de_kartell_noir_5.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Chaise MASTERS de Kartell, Noir" title="Chaise MASTERS de Kartell, Noir">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(45565)" aria-label="Ajouter &agrave; la liste d'achats Chaise MASTERS, Noir" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":238.5,"priceBox":"&lt;span class=\"price\"&gt;238,50\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Kartell</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/chaise-masters-de-kartell-6-coloris" :id="`slide-desc-45565-${$id('slider-id')}`">
            Chaise MASTERS, Noir        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 5 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-45565.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="45565" data-price-box="product-id-45565">    <span x-data x-id="['product\u002Dprice\u002D45565']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45565')" data-price-amount="265" data-price-type="finalPrice" class="price-wrapper "><span class="price">265,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022KAR\u002D0586509\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'KAR\u002D0586509';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '45565'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-45565 .price'
                                : '[data-price-box="product-id-45565"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Chaise\u0020MASTERS,\u0020Noir',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-146937.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_droit_bellechasse_-_3_places_-_2_parties_-_velours_gratte_moss_4.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/a/canape_droit_bellechasse_-_3_places_-_2_parties_-_velours_gratte_moss_4.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_droit_bellechasse_-_3_places_-_2_parties_-_velours_gratte_moss_4.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Canap&eacute; droit Bellechasse - 3 places - 2 parties - Velours gratt&eacute; Moss" title="Canap&eacute; droit Bellechasse - 3 places - 2 parties - Velours gratt&eacute; Moss">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(146937)" aria-label="Ajouter &agrave; la liste d'achats Canap&eacute; droit Bellechasse - 3 places - 2 parties - Velours gratt&eacute; Moss" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":2205,"priceBox":"&lt;span class=\"price\"&gt;2\u202f205,00\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Panac</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/canape-droit-bellechasse-3-places-2-parties-velours-gratte-moss" :id="`slide-desc-146937-${$id('slider-id')}`">
            Canap&eacute; droit Bellechasse - 3 places - 2 parties - Velours gratt&eacute; Moss        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 11 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-146937.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="146937" data-price-box="product-id-146937">    <span x-data x-id="['product\u002Dprice\u002D146937']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D146937')" data-price-amount="2450" data-price-type="finalPrice" class="price-wrapper "><span class="price">2&#8239;450,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022OPT\u002DB\u002D3PL\u002D2P\u002DADO\u002D59\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'OPT\u002DB\u002D3PL\u002D2P\u002DADO\u002D59';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '146937'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-146937 .price'
                                : '[data-price-box="product-id-146937"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Canap\u00E9\u0020droit\u0020Bellechasse\u0020\u002D\u00203\u0020places\u0020\u002D\u00202\u0020parties\u0020\u002D\u0020Velours\u0020gratt\u00E9\u0020Moss',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-103366.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/a/c/accessoire-ta-109-05-06-0a0e30feff79d2a2aaea3f8a6051.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/a/c/accessoire-ta-109-05-06-0a0e30feff79d2a2aaea3f8a6051.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/a/c/accessoire-ta-109-05-06-0a0e30feff79d2a2aaea3f8a6051.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Tapis int&eacute;rieur ROCKY d'Elitis, 80 x 250 cm, Naturel" title="Tapis int&eacute;rieur ROCKY d'Elitis, 80 x 250 cm, Naturel">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(103366)" aria-label="Ajouter &agrave; la liste d'achats Tapis int&eacute;rieur ROCKY, 80 x 250 cm, Naturel" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":558,"priceBox":"&lt;span class=\"price\"&gt;558,00\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Elitis</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/tapis-interieur-rocky-d-elitis-80-x-250-cm-naturel" :id="`slide-desc-103366-${$id('slider-id')}`">
            Tapis int&eacute;rieur ROCKY, 80 x 250 cm, Naturel        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 19 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-103366.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="103366" data-price-box="product-id-103366">    <span x-data x-id="['product\u002Dprice\u002D103366']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D103366')" data-price-amount="620" data-price-type="finalPrice" class="price-wrapper "><span class="price">620,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ELI\u002DTA\u0020109\u002005\u002006\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ELI\u002DTA\u0020109\u002005\u002006';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '103366'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-103366 .price'
                                : '[data-price-box="product-id-103366"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Tapis\u0020int\u00E9rieur\u0020ROCKY,\u002080\u0020x\u0020250\u0020cm,\u0020Naturel',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-38865.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_solid_de_vondom_ecru.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/c/a/canape_solid_de_vondom_ecru.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/c/a/canape_solid_de_vondom_ecru.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Canap&eacute; SOLID de Vondom, &Eacute;cru" title="Canap&eacute; SOLID de Vondom, &Eacute;cru">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(38865)" aria-label="Ajouter &agrave; la liste d'achats Canap&eacute; 3 places SOLID, &Eacute;cru" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":523.8,"priceBox":"&lt;span class=\"price\"&gt;523,80\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Vondom</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/canape-solid-de-vondom-ecru" :id="`slide-desc-38865-${$id('slider-id')}`">
            Canap&eacute; 3 places SOLID, &Eacute;cru        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 2 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-38865.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="38865" data-price-box="product-id-38865">    <span x-data x-id="['product\u002Dprice\u002D38865']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D38865')" data-price-amount="582" data-price-type="finalPrice" class="price-wrapper "><span class="price">582,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022VON\u002D55022\u002D\u00E9cru\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'VON\u002D55022\u002D\u00E9cru';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '38865'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-38865 .price'
                                : '[data-price-box="product-id-38865"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Canap\u00E9\u00203\u0020places\u0020SOLID,\u0020\u00C9cru',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                                                    <span class="product-label [&amp;:nth-child(n+2)]:hidden sm:[&amp;:nth-child(n+2)]:block" style="color: #13190c;
                            border-color: #13190c;
                            background-color: #ffffff">
                        Livraison express                    </span>
                            </div>
        
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-39885.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/5/1/51490_oak_bok_dining_chair_profile_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/5/1/51490_oak_bok_dining_chair_profile_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/5/1/51490_oak_bok_dining_chair_profile_cut_web.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="upload" title="upload">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(39885)" aria-label="Ajouter &agrave; la liste d'achats Chaise BOK en ch&ecirc;ne, Huil&eacute;" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":548.1,"priceBox":"&lt;span class=\"price\"&gt;548,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Ethnicraft</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/chaise-bok-en-chene-d-ethnicraftchene-huile" :id="`slide-desc-39885-${$id('slider-id')}`">
            Chaise BOK en ch&ecirc;ne, Huil&eacute;        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 3 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                <p class="stock-status in_stock" title="Disponibilit&eacute;">
            En stock        </p>
                </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-39885.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="39885" data-price-box="product-id-39885">    <span x-data x-id="['product\u002Dprice\u002D39885']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D39885')" data-price-amount="609" data-price-type="finalPrice" class="price-wrapper "><span class="price">609,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022ETH\u002D51490\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'ETH\u002D51490';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '39885'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-39885 .price'
                                : '[data-price-box="product-id-39885"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Chaise\u0020BOK\u0020en\u0020ch\u00EAne,\u0020Huil\u00E9',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-82090.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/f/a/fauteuil_lounge_margas_lc2_de_tradition_base_pivotante_noire_karakorum_001.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/f/a/fauteuil_lounge_margas_lc2_de_tradition_base_pivotante_noire_karakorum_001.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/f/a/fauteuil_lounge_margas_lc2_de_tradition_base_pivotante_noire_karakorum_001.jpg?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240" loading="lazy" width="240" height="300" alt="Fauteuil lounge MARGAS LC2 de &amp;TRADITION, Base pivotante noire, Karakorum 001" title="Fauteuil lounge MARGAS LC2 de &amp;TRADITION, Base pivotante noire, Karakorum 001">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(82090)" aria-label="Ajouter &agrave; la liste d'achats Fauteuil lounge MARGAS LC2 de &amp;amp;TRADITION, Base pivotante noire, Karakorum 001" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":2574.9,"priceBox":"&lt;span class=\"price\"&gt;2\u202f574,90\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">And Tradition</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/fauteuil-lounge-margas-lc2-de-tradition-base-pivotante-noire-karakorum-001" :id="`slide-desc-82090-${$id('slider-id')}`">
            Fauteuil lounge MARGAS LC2 de &amp;TRADITION, Base pivotante noire, Karakorum 001        </a>

        
                            
        
                
                    <div class="w-auto justify-center mr-auto">
                                    </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-82090.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="82090" data-price-box="product-id-82090">    <span x-data x-id="['product\u002Dprice\u002D82090']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D82090')" data-price-amount="2861" data-price-type="finalPrice" class="price-wrapper "><span class="price">2&#8239;861,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022AND\u002D134442A235A020A398\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'AND\u002D134442A235A020A398';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '82090'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-82090 .price'
                                : '[data-price-box="product-id-82090"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Fauteuil\u0020lounge\u0020MARGAS\u0020LC2\u0020de\u0020\u0026TRADITION,\u0020Base\u0020pivotante\u0020noire,\u0020Karakorum\u0020001',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                            <div class="item product product-item flex flex-col w-full h-full image-zoom relative bg-white ">

        <div class="product photo product-item-photo relative block w-full
        " tabindex="-1">
                            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                                                    <span class="product-label [&amp;:nth-child(n+2)]:hidden sm:[&amp;:nth-child(n+2)]:block" style="color: #13190c;
                            border-color: #13190c;
                            background-color: #ffffff">
                        Livraison express                    </span>
                            </div>
        
        <div class="product-ratio-visual-container aspect-product-item">
            <img class="product-ratio-visual hover:shadow-sm product-image-photo" x-data="" @update-gallery-40443.window="$root.src = $event.detail" srcset="https://www.lecedrerouge.com/media/catalog/product/t/a/table_luxembourg_pour_8_personnes_de_fermob_cactus.png?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;format=jpeg&amp;dpr=2 2x,https://www.lecedrerouge.com/media/catalog/product/t/a/table_luxembourg_pour_8_personnes_de_fermob_cactus.png?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;format=jpeg&amp;dpr=3 3x" src="https://www.lecedrerouge.com/media/catalog/product/t/a/table_luxembourg_pour_8_personnes_de_fermob_cactus.png?optimize=medium&amp;fit=bounds&amp;height=300&amp;width=240&amp;format=jpeg" loading="lazy" width="240" height="300" alt="Table LUXEMBOURG pour 8 personnes de Fermob Cactus" title="Table LUXEMBOURG pour 8 personnes de Fermob Cactus">
        </div>

                            <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(40443)" aria-label="Ajouter &agrave; la liste d'achats Table LUXEMBOURG pour 8 personnes Cactus" type="button" class="absolute top-0 right-0 w-8 h-8 inline-flex items-center justify-center z-20" data-addto="wishlist">
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"></path></svg>
            </button>
            </div>
    <div class="product-info flex flex-col grow p-2.5" x-data='sevLoyaltyInitPriceComponent([{"segmentId":6,"price":1124.1,"priceBox":"&lt;span class=\"price\"&gt;1\u202f124,10\u00a0\u20ac&lt;\/span&gt;"}])'>
                    <span class="text-xs uppercase text-primary leading-tight">Fermob</span>
                <a class="text-sm text-primary leading-tight line-clamp-2 mb-2
                  before:content-[''] before:z-10 before:absolute before:inset-0" href="https://www.lecedrerouge.com/table-luxembourg-pour-8-personnes-de-fermob-25-coloris" :id="`slide-desc-40443-${$id('slider-id')}`">
            Table LUXEMBOURG pour 8 personnes Cactus        </a>

        
                            
        
                        <div>
            <p class="text-green-500 text-xs">
                + 24 d&eacute;clinaisons            </p>
        </div>
        
                    <div class="w-auto justify-center mr-auto">
                                <p class="stock-status in_stock" title="Disponibilit&eacute;">
            En stock        </p>
                </div>
        
        
        <template x-if="sevLoyaltyPrice">
            <div class="flex flex-col-reverse mt-auto pt-2 md:flex-row gap-0 mb-2 md:mb-0 md:gap-1.5">
                <span class="price font-bold" x-html="sevLoyaltyPriceBox"></span>
                <span class="text-xs md:text-sm font-bold whitespace-nowrap">
                    Membre Carte Rouge                </span>
            </div>
        </template>

        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-40443.window="updatePrice($event.detail);" class="flex flex-col-reverse md:flex-row gap-0 md:gap-1.5">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="40443" data-price-box="product-id-40443">    <span x-data x-id="['product\u002Dprice\u002D40443']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D40443')" data-price-amount="1249" data-price-type="finalPrice" class="price-wrapper "><span class="price">1&#8239;249,00&nbsp;&euro;</span></span>
        </span>
</div>            <span class="text-xs md:text-sm whitespace-nowrap" x-show="sevLoyaltyPrice">
                Prix public            </span>
        </div>

                            <script>
    'use strict';

    (() => {
        window.addEventListener(
            'ga-initialized',
            () => {
                const productForm = document.querySelector(
                    'form\u005Bdata\u002Dsku\u003D\u0022FER\u002D413282\u0022\u005D'
                );

                if (!productForm) {
                    return;
                }

                let sku = 'FER\u002D413282';

                window.addEventListener(
                    'listing\u002Dconfigurable-selection-changed',
                    (event) => {
                        if (event.detail.skuCandidates.length === 1
                            && event.detail.productId === '40443'
                        ) {
                            sku = event.detail.skuCandidates[0];
                        }
                    }
                );

                function bindEventListener(element, event)
                {
                    element.addEventListener(event, () => {
                        if (productForm.checkValidity()) {
                            const priceSelector = false                                ? '#product-price-40443 .price'
                                : '[data-price-box="product-id-40443"] .price';

                            window.dispatchEvent(new CustomEvent('cart-item-added', {
                                detail: [{
                                    product_sku: sku,
                                    product_name: 'Table\u0020LUXEMBOURG\u0020pour\u00208\u0020personnes\u0020Cactus',
                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),

                                                                            qty: 1,
                                                                    }],
                            }));
                        }
                    });
                }

                                    const button = productForm.querySelector(
                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
                    );

                    if (!button) {
                        return;
                    }

                    bindEventListener(button, 'click');
                            },
            { once: true }
        );
    })();
</script>
            </div>
</div>
                    </div>
        
<div class="carousel-nav flex items-center justify-center flex-1 py-0 px-5 mb-6">
    <div role="tablist" class="glider-dots select-none flex flex-1 gap-1 justify-center p-0 focus:outline-none"></div>
</div>

<div class="carousel-arrows flex gap-2.5 justify-center">
    <button aria-label="Pr&eacute;c&eacute;dent" type="button" class="glider-prev glider-arrow w-6 h-6 flex items-center justify-center rounded-full transition-colors
    duration-400 text-forest-500 border border-forest-500 lg:hover:border-swamp-500 lg:hover:text-swamp-500">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 6 9" fill="none" class="w-2 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.63439 7.89979C5.85524 7.54936 5.75019 7.08625 5.39977 6.8654L2.57394 5.08446C2.17184 4.83105 1.91927 4.67078 1.74765 4.53663C1.64349 4.45521 1.60626 4.41074 1.59615 4.39718C1.58193 4.35127 1.58125 4.30223 1.59419 4.25594C1.60392 4.24211 1.63989 4.19662 1.74175 4.11234C1.90958 3.97346 2.1576 3.80624 2.5525 3.54175L5.41725 1.62303C5.7614 1.39253 5.85353 0.926681 5.62303 0.582527C5.39253 0.238374 4.92668 0.146242 4.58252 0.376745L1.68738 2.31582C1.33203 2.55379 1.01916 2.76331 0.785479 2.95668C0.543726 3.15672 0.290109 3.41485 0.17069 3.78221C0.0512405 4.14965 0.0567527 4.5463 0.186367 4.91029C0.315948 5.27418 0.57664 5.52517 0.823858 5.71841C1.06282 5.90521 1.38138 6.10595 1.7432 6.33395C1.75349 6.34043 1.76381 6.34694 1.77417 6.35347L4.6 8.1344C4.95043 8.35525 5.41354 8.25021 5.63439 7.89979Z" fill="currentColor"></path>
<title>arrow-left</title></svg>
    </button>
    <button aria-label="Suivant" type="button" class="glider-next glider-arrow w-6 h-6 flex items-center justify-center rounded-full transition-colors
    duration-400 text-forest-500 border border-forest-500 lg:hover:border-swamp-500 lg:hover:text-swamp-500">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 6 9" fill="none" class="w-2 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.365614 8.39979C0.144764 8.04936 0.249805 7.58625 0.600231 7.3654L3.42606 5.58446C3.82816 5.33105 4.08073 5.17078 4.25235 5.03663C4.35651 4.95521 4.39374 4.91074 4.40385 4.89718C4.41807 4.85127 4.41875 4.80223 4.40581 4.75594C4.39608 4.74211 4.36011 4.69662 4.25825 4.61234C4.09042 4.47346 3.8424 4.30624 3.4475 4.04175L0.582753 2.12303C0.2386 1.89253 0.146468 1.42668 0.376971 1.08253C0.607474 0.738374 1.07332 0.646242 1.41748 0.876745L4.31262 2.81582C4.66797 3.05379 4.98084 3.26331 5.21452 3.45668C5.45627 3.65672 5.70989 3.91485 5.82931 4.28221C5.94876 4.64965 5.94325 5.0463 5.81363 5.41029C5.68405 5.77418 5.42336 6.02517 5.17614 6.21841C4.93718 6.40521 4.61862 6.60595 4.2568 6.83395C4.24651 6.84043 4.23619 6.84694 4.22583 6.85347L1.4 8.6344C1.04957 8.85525 0.586464 8.75021 0.365614 8.39979Z" fill="currentColor"></path>
<title>arrow-right</title></svg>
    </button>
</div>
    </div>
</div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=ACGSSO5],#html-body [data-pb-style=AOK6429],#html-body [data-pb-style=QHE4E5C]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=AOK6429]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#13190c}#html-body [data-pb-style=ACGSSO5],#html-body [data-pb-style=QHE4E5C]{align-self:stretch}#html-body [data-pb-style=SXQJPIN],#html-body [data-pb-style=XUII4IE]{display:flex;width:100%}#html-body [data-pb-style=JLI6CT5],#html-body [data-pb-style=L5W3B7C],#html-body [data-pb-style=ROD5OYJ],#html-body [data-pb-style=YHHK6HX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=WUR0TH8]{text-align:right}#html-body [data-pb-style=WE7309I]{display:inline-block}#html-body [data-pb-style=OKINWXD]{text-align:center}</style><div class="pagebuilder-articles" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" id="" data-element="main" data-pb-style="AOK6429"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group pagebuilder-articles--header" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="QHE4E5C"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="XUII4IE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="L5W3B7C"><h3 class="font-serif font-normal text-3xl text-primary leading-none text-white" data-content-type="heading" data-appearance="default" data-element="main">Le magazine</h3></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ROD5OYJ"><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" data-pb-style="WUR0TH8"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="WE7309I"><a class="pagebuilder-button-link" href="https://www.lecedrerouge.com/magazine" target="" data-link-type="page" data-element="link" data-pb-style="OKINWXD"><span data-element="link_text">D&eacute;couvrir</span></a></div></div></div></div></div><div class="pagebuilder-column-group pagebuilder-articles--body" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="ACGSSO5"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="SXQJPIN"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JLI6CT5"><div data-content-type="text" data-appearance="default" data-element="main"><p></p><div class="pagebuilder-article text-white pb-10 lg:pb-0" data-content-type="image" data-animation="zoom">
    <a href="https://www.lecedrerouge.com/nos-pieces-cultes-pour-sublimer-votre-exterieur" class="flex flex-col gap-8 lg:gap-7 xl:gap-10 2xl:gap-12">
        <picture>
            <source srcset="https://www.lecedrerouge.com/media/wysiwyg/landing_image/desp_40_.png" media="(min-width: 1024px)">
            <img alt="Nos pi&egrave;ces cultes pour sublimer votre ext&eacute;rieur " src="https://www.lecedrerouge.com/media/wysiwyg/landing_image/desp_40_.png" loading="lazy">
        </source></picture>
        <span class="flex flex-col items-start">
            <span class="flex items-center gap-2.5 mb-2.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 21 19" fill="none" class="w-5 h-5" role="img">
<g clip-path="url(#clip0_4833_77804_3)">
<path d="M11.18 1.9259V1.0459H12.84C13.12 1.0459 13.34 0.825898 13.34 0.545898C13.34 0.265898 13.12 0.0458984 12.84 0.0458984H8.52C8.24 0.0458984 8.02 0.265898 8.02 0.545898C8.02 0.825898 8.24 1.0459 8.52 1.0459H10.18V1.9259C6.18 2.1859 3 5.5059 3 9.5759C3 13.6459 6.44 17.2559 10.68 17.2559C14.92 17.2559 18.36 13.8159 18.36 9.5759C18.36 5.3359 15.18 2.1859 11.18 1.9259ZM11.68 16.1659L4.08 8.5659C4.57 5.3659 7.33 2.8959 10.67 2.8959C14.35 2.8959 17.35 5.8959 17.35 9.5759C17.35 12.9159 14.88 15.6759 11.68 16.1659Z" fill="currentColor"></path>
<path d="M11.18 9.3659V6.1759C11.18 5.8959 10.96 5.6759 10.68 5.6759C10.4 5.6759 10.18 5.8959 10.18 6.1759V9.5759C10.18 9.7059 10.23 9.8359 10.33 9.9259L13.73 13.3259C13.83 13.4259 13.96 13.4759 14.08 13.4759C14.2 13.4759 14.34 13.4259 14.43 13.3259C14.63 13.1259 14.63 12.8159 14.43 12.6159L11.17 9.3559L11.18 9.3659Z" fill="currentColor"></path>
</g>
<defs>
<clippath id="clip0_4833_77804_3">
<rect width="21" height="18" fill="white" transform="translate(0 0.0458984)"></rect>
</clippath>
</defs>
<title>reading-time</title></svg>
                <span class="text-xs uppercase">5 minutes</span>
            </span>
            <span class="mb-4">
                Nos pi&egrave;ces cultes pour sublimer votre ext&eacute;rieur             </span>
            <span class="link text-white">
                Lire l'article            </span>
        </span>
    </a>
</div>
</div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YHHK6HX"><div data-content-type="text" data-appearance="default" data-element="main"><p></p><div class="pagebuilder-article text-white pb-10 lg:pb-0" data-content-type="image" data-animation="zoom">
    <a href="https://www.lecedrerouge.com/comment-choisir-son-parasol" class="flex flex-col gap-8 lg:gap-7 xl:gap-10 2xl:gap-12">
        <picture>
            <source srcset="https://www.lecedrerouge.com/media/wysiwyg/landing_image/desp_41_.png" media="(min-width: 1024px)">
            <img alt="Comment choisir son parasol ? " src="https://www.lecedrerouge.com/media/wysiwyg/landing_image/desp_41_.png" loading="lazy">
        </source></picture>
        <span class="flex flex-col items-start">
            <span class="flex items-center gap-2.5 mb-2.5">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 21 19" fill="none" class="w-5 h-5" role="img">
<g clip-path="url(#clip0_4833_77804_4)">
<path d="M11.18 1.9259V1.0459H12.84C13.12 1.0459 13.34 0.825898 13.34 0.545898C13.34 0.265898 13.12 0.0458984 12.84 0.0458984H8.52C8.24 0.0458984 8.02 0.265898 8.02 0.545898C8.02 0.825898 8.24 1.0459 8.52 1.0459H10.18V1.9259C6.18 2.1859 3 5.5059 3 9.5759C3 13.6459 6.44 17.2559 10.68 17.2559C14.92 17.2559 18.36 13.8159 18.36 9.5759C18.36 5.3359 15.18 2.1859 11.18 1.9259ZM11.68 16.1659L4.08 8.5659C4.57 5.3659 7.33 2.8959 10.67 2.8959C14.35 2.8959 17.35 5.8959 17.35 9.5759C17.35 12.9159 14.88 15.6759 11.68 16.1659Z" fill="currentColor"></path>
<path d="M11.18 9.3659V6.1759C11.18 5.8959 10.96 5.6759 10.68 5.6759C10.4 5.6759 10.18 5.8959 10.18 6.1759V9.5759C10.18 9.7059 10.23 9.8359 10.33 9.9259L13.73 13.3259C13.83 13.4259 13.96 13.4759 14.08 13.4759C14.2 13.4759 14.34 13.4259 14.43 13.3259C14.63 13.1259 14.63 12.8159 14.43 12.6159L11.17 9.3559L11.18 9.3659Z" fill="currentColor"></path>
</g>
<defs>
<clippath id="clip0_4833_77804_4">
<rect width="21" height="18" fill="white" transform="translate(0 0.0458984)"></rect>
</clippath>
</defs>
<title>reading-time</title></svg>
                <span class="text-xs uppercase">6 minutes</span>
            </span>
            <span class="mb-4">
                Comment choisir son parasol ?             </span>
            <span class="link text-white">
                Lire l'article            </span>
        </span>
    </a>
</div>
</div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=CEVFYS8],#html-body [data-pb-style=RUK4RKJ],#html-body [data-pb-style=TDO255T]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=CEVFYS8]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=RUK4RKJ],#html-body [data-pb-style=TDO255T]{text-align:center;align-self:stretch}#html-body [data-pb-style=HPXT0N6],#html-body [data-pb-style=JUV9V0T]{display:flex;width:100%}#html-body [data-pb-style=E9QKOFR],#html-body [data-pb-style=JN5P7LD],#html-body [data-pb-style=MSA3TT7],#html-body [data-pb-style=VHWIF2C],#html-body [data-pb-style=YU5PGBT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=E9QKOFR],#html-body [data-pb-style=JN5P7LD],#html-body [data-pb-style=MSA3TT7],#html-body [data-pb-style=VHWIF2C]{width:25%}#html-body [data-pb-style=HWTLDBL]{border-style:none}#html-body [data-pb-style=LI03SCX]{max-width:100%;height:auto}#html-body [data-pb-style=K5KT07X]{border-style:none}#html-body [data-pb-style=S647AUF]{max-width:100%;height:auto}#html-body [data-pb-style=Y88A08Y]{border-style:none}#html-body [data-pb-style=MGJ9WQS]{max-width:100%;height:auto}#html-body [data-pb-style=QOHVRVX]{border-style:none}#html-body [data-pb-style=KBFNGE5]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=HWTLDBL],#html-body [data-pb-style=K5KT07X],#html-body [data-pb-style=QOHVRVX],#html-body [data-pb-style=Y88A08Y]{border-style:none} }</style><div class="pagebuilder-instagram" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="CEVFYS8"><div class="row-full-width-inner" data-element="inner"><div class="pagebuilder-column-group pagebuilder-instagram--header" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="RUK4RKJ"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="HPXT0N6"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YU5PGBT"><div class="text-xs" data-content-type="text" data-appearance="default" data-element="main">
                        <p id="XD2F5AP">
                            INSTAGRAM
                        </p>
                    </div><h2 data-content-type="heading" data-appearance="default" data-element="main">#lecedrerouge</h2></div></div></div><div class="pagebuilder-column-group pagebuilder-instagram--body" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="TDO255T"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="JUV9V0T"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JN5P7LD"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><a href="https://www.instagram.com/le_cedre_rouge/" target="_blank" data-link-type="default" title="" data-element="link"><picture data-pb-style="HWTLDBL"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_3.jpg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="LI03SCX" loading="lazy"></source></picture></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="E9QKOFR"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><a href="https://www.instagram.com/le_cedre_rouge/" target="_blank" data-link-type="default" title="" data-element="link"><picture data-pb-style="K5KT07X"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_2.jpg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_2.jpg" alt="" title="" data-element="mobile_image" data-pb-style="S647AUF" loading="lazy"></source></picture></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MSA3TT7"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><a href="https://www.instagram.com/le_cedre_rouge/" target="_blank" data-link-type="default" title="" data-element="link"><picture data-pb-style="Y88A08Y"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_4.jpg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_4.jpg" alt="" title="" data-element="mobile_image" data-pb-style="MGJ9WQS" loading="lazy"></source></picture></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VHWIF2C"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><a href="https://www.instagram.com/le_cedre_rouge/" target="_blank" data-link-type="default" title="" data-element="link"><picture data-pb-style="QOHVRVX"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_1.jpg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/Instagram/img_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="KBFNGE5" loading="lazy"></source></picture></a></div></div></div></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=SOXCX0S]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MRE27HK]{display:inline-block}#html-body [data-pb-style=IF0GACH]{text-align:center}#html-body [data-pb-style=FEKN0IL]{display:inline-block}#html-body [data-pb-style=D0APAMG]{text-align:center}#html-body [data-pb-style=J8MIQGX]{display:inline-block}#html-body [data-pb-style=X3F4FNU]{text-align:center}#html-body [data-pb-style=K4UPPX7]{display:inline-block}#html-body [data-pb-style=EXNPMEK]{text-align:center}#html-body [data-pb-style=JWLBX16]{display:inline-block}#html-body [data-pb-style=WNDRPME]{text-align:center}#html-body [data-pb-style=UQ31H8X]{display:inline-block}#html-body [data-pb-style=FS2TJOY]{text-align:center}#html-body [data-pb-style=KBYOL05]{display:inline-block}#html-body [data-pb-style=JNRQABU]{text-align:center}</style><div class="block-links" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="SOXCX0S"><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="MRE27HK"><a class="pagebuilder-button-link" href="/mobilier/tables/tables-a-manger" target="" data-link-type="default" data-element="link" data-pb-style="IF0GACH"><span data-element="link_text">Tables &agrave; manger</span></a></div><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="FEKN0IL"><a class="pagebuilder-button-link" href="/mobilier/chaises-fauteuils-bancs-tabourets/chaises" target="" data-link-type="default" data-element="link" data-pb-style="D0APAMG"><span data-element="link_text">Chaises</span></a></div><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="J8MIQGX"><a class="pagebuilder-button-link" href="/mobilier/canapes" target="" data-link-type="default" data-element="link" data-pb-style="X3F4FNU"><span data-element="link_text">Canap&eacute;s</span></a></div><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="K4UPPX7"><a class="pagebuilder-button-link" href="/mobilier/chaises-fauteuils-bancs-tabourets/fauteuils" target="" data-link-type="default" data-element="link" data-pb-style="EXNPMEK"><span data-element="link_text">Fauteuils</span></a></div><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="JWLBX16"><a class="pagebuilder-button-link" href="/mobilier/meubles-de-rangement/bibliotheque-etageres" target="" data-link-type="default" data-element="link" data-pb-style="WNDRPME"><span data-element="link_text">Biblioth&egrave;ques et &eacute;tag&egrave;res</span></a></div><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="UQ31H8X"><a class="pagebuilder-button-link" href="/mobilier/tables/tables-basses" target="" data-link-type="default" data-element="link" data-pb-style="FS2TJOY"><span data-element="link_text">Tables basses</span></a></div><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="KBYOL05"><a class="pagebuilder-button-link" href="/mobilier/meubles-de-rangement/buffets-commodes" target="" data-link-type="default" data-element="link" data-pb-style="JNRQABU"><span data-element="link_text">Buffets</span></a></div></div></div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <style>#html-body [data-pb-style=AUD4QAE]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div class="pagebuilder-seo" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="AUD4QAE"><div class="row-full-width-inner" data-element="inner"><div data-content-type="text" data-appearance="default" data-element="main"><p></p><div class="pagebuilder-see-more">
    <h3 class="font-semibold text-base text-primary leading-tight mb-4 lg:mb-6">
        Le C&egrave;dre Rouge : L'Art du Design et de la Qualit&eacute; pour un Int&eacute;rieur et un Ext&eacute;rieur d'Exception    </h3>
            <div x-data="{isExpanded: false}" x-defer="intersect">
            <div class="content" :class="isExpanded ? 'expanded' : 'line-clamp-3'">
                Le C&egrave;dre Rouge est une destination incontournable pour tous ceux qui recherchent des articles de qualit&eacute; alliant esth&eacute;tique, durabilit&eacute; et &eacute;thique. Sp&eacute;cialiste en <a href="https://www.lecedrerouge.com/mobilier">mobilier d&rsquo;int&eacute;rieur</a>,<a href="https://www.lecedrerouge.com/jardin">mobilier de jardin</a>, <a href="https://www.lecedrerouge.com/luminaire">luminaire</a>, <a href="https://www.lecedrerouge.com/decoration">d&eacute;coration</a>, et <a href="https://www.lecedrerouge.com/art-de-la-table">art de la table</a>, notre site propose une vaste s&eacute;lection de produits con&ccedil;us pour sublimer votre maison et votre jardin. Que vous soyez &agrave; la recherche des derni&egrave;res nouveaut&eacute;s, d&rsquo;id&eacute;es cadeaux, ou encore de bonnes affaires, vous trouverez ici tout ce dont vous avez besoin pour cr&eacute;er un environnement &agrave; la fois raffin&eacute; et chaleureux. Mobilier : L&rsquo;&Eacute;l&eacute;gance et la Durabilit&eacute; au Service de Votre Int&eacute;rieur Chez Le C&egrave;dre Rouge, le mobilier est con&ccedil;u pour durer tout en offrant un design intemporel. Que vous cherchiez des meubles pour le salon, la salle &agrave; manger, la chambre, ou l'ext&eacute;rieur, notre s&eacute;lection r&eacute;pond &agrave; tous les besoins et styles. Explorez nos collections de tables, chaises, canap&eacute;s et rangements, et harmonisez-les avec nos luminaires et accessoires de  d&eacute;coration pour un int&eacute;rieur parfaitement coordonn&eacute;. Luminaire : Illuminez Vos Espaces avec Style Les luminaires jouent un r&ocirc;le cl&eacute; dans l'ambiance de votre maison. Notre gamme de luminaires en bois, m&eacute;tal, ou verre, allie fonctionnalit&eacute; et esth&eacute;tique pour cr&eacute;er des atmosph&egrave;res chaleureuses et accueillantes. Compl&eacute;tez votre mobilier avec des lampes de table, suspensions, ou appliques murales pour une d&eacute;coration lumineuse et harmonieuse. D&eacute;coration : Personnalisez Votre Int&eacute;rieur avec des Pi&egrave;ces Uniques La d&eacute;coration est l'&acirc;me de votre maison, et chez Le C&egrave;dre Rouge, nous vous offrons une vari&eacute;t&eacute; de produits pour ajouter une touche personnelle &agrave; chaque pi&egrave;ce ainsi qu&rsquo;&agrave; votre jardin. Des objets d&eacute;coratifs aux textiles, en passant par les miroirs et cadres, chaque &eacute;l&eacute;ment est soigneusement s&eacute;lectionn&eacute; pour enrichir votre espace. Combinez nos objets de d&eacute;coration avec du mobilier pour un style coh&eacute;rent et &eacute;l&eacute;gant. Jardin : Cr&eacute;ez un Havre de Paix &agrave; l'Ext&eacute;rieur Votre mobilier de jardin m&eacute;rite autant d'attention que votre int&eacute;rieur. Nos meubles et accessoires de jardin sont con&ccedil;us pour r&eacute;sister aux intemp&eacute;ries tout en conservant leur charme. Que vous cherchiez des bancs, des tables d'ext&eacute;rieur, des chaises, des tabourets, des parasols, des lampes, des poufs  ou des accessoires d&eacute;coratifs, Le C&egrave;dre Rouge vous offre des solutions qui transforment votre espace ext&eacute;rieur en un v&eacute;ritable refuge de tranquillit&eacute;. Art de la Table : &Eacute;l&eacute;gance et Convivialit&eacute; &agrave; Votre Table Pour vos moments de convivialit&eacute;, notre s&eacute;lection d&rsquo;art de la table marie parfaitement tradition et modernit&eacute;. De la vaisselle en c&eacute;ramique aux couverts &eacute;l&eacute;gants, en passant par les accessoires en bois, chaque pi&egrave;ce contribue &agrave; rendre vos repas plus chaleureux et raffin&eacute;s. Associez ces &eacute;l&eacute;ments &agrave; nos articles de d&eacute;coration pour une table harmonieuse et accueillante. Nos Nouveaut&eacute;s : Les Derni&egrave;res Tendances &agrave; Port&eacute;e de Main Le C&egrave;dre Rouge est toujours &agrave; la pointe du design. D&eacute;couvrez nos nouveaut&eacute;s et laissez-vous inspirer par les tendances actuelles en mati&egrave;re de mobilier, d&eacute;coration et luminaire. Chaque saison, nous s&eacute;lectionnons les meilleurs articles pour renouveler votre int&eacute;rieur et votre ext&eacute;rieur avec go&ucirc;t et modernit&eacute;. Cadeaux : Offrez de l&rsquo;Originalit&eacute; et de la Qualit&eacute; Pour les occasions sp&eacute;ciales, offrez un cadeau unique et significatif gr&acirc;ce &agrave; notre s&eacute;lection d'id&eacute;es cadeaux. Que ce soit pour un anniversaire, un mariage ou une pendaison de cr&eacute;maill&egrave;re, nos articles en c&egrave;dre rouge et autres mat&eacute;riaux nobles sont des choix parfaits pour ravir vos proches. Seconde Vie : Une Nouvelle Histoire pour Vos Objets Pr&eacute;f&eacute;r&eacute;s Engag&eacute;s dans une d&eacute;marche &eacute;cologique, nous proposons une section Seconde Vie o&ugrave; vous pouvez trouver des meubles et objets restaur&eacute;s ou recycl&eacute;s. Cette initiative vous permet de redonner vie &agrave; des pi&egrave;ces de qualit&eacute; tout en respectant l'environnement. C&rsquo;est aussi l&rsquo;occasion de d&eacute;nicher des tr&eacute;sors uniques pour votre int&eacute;rieur. Bonnes Affaires : La Qualit&eacute; Accessible &agrave; Tous Ne manquez pas nos bonnes affaires pour profiter de r&eacute;ductions sur une s&eacute;lection d&rsquo;articles de qualit&eacute;. Que vous recherchiez du mobilier, des luminaires ou des objets de d&eacute;coration, nos promotions vous permettront d&rsquo;acqu&eacute;rir des pi&egrave;ces exceptionnelles &agrave; des prix avantageux. Nos Marques : La Garantie d'une Expertise et d'une Qualit&eacute; In&eacute;gal&eacute;es Chez Le C&egrave;dre Rouge, nous travaillons avec des <a href="https://www.lecedrerouge.com/toutes-nos-marques">marques </a> reconnues pour leur savoir-faire et leur engagement en mati&egrave;re de qualit&eacute;. Chaque article que nous proposons est le fruit d&rsquo;une expertise artisanale et d&rsquo;une attention particuli&egrave;re aux d&eacute;tails, vous assurant ainsi un int&eacute;rieur &agrave; la hauteur de vos attentes. Explorez l&rsquo;univers de Le C&egrave;dre Rouge et laissez-vous inspirer par notre s&eacute;lection de mobilier d&rsquo;int&eacute;rieur mobilier de jardin, luminaire, d&eacute;coration, et art de la table, ainsi que par nos nouveaut&eacute;s, cadeaux, seconde vie, <a href="https://www.lecedrerouge.com/bon-plans">bonnes affaires </a> et nos marques. Chaque pi&egrave;ce est con&ccedil;ue pour transformer votre espace en un lieu unique, o&ugrave; &eacute;l&eacute;gance et durabilit&eacute; se rencontrent pour cr&eacute;er une atmosph&egrave;re accueillante et raffin&eacute;e.            </div>
            <button type="button" class="link mt-3" x-show="!isExpanded" @click="isExpanded = !isExpanded">
                Lire la suite            </button>
        </div>
    </div>
</div></div></div></div>
</div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><script type="application/ld+json">
    {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "https://www.lecedrerouge.com/",
    "potentialAction": {
    "@type": "SearchAction",
    "target":

    "https://www.lecedrerouge.com/catalogsearch/result?q={search_term_string}",
    "query-input": "required name=search_term_string"
    }
    }
    </script> 
</div><div data-content-type="block" data-appearance="default" data-element="main"></div></div></div>
<div x-data="initOverlay()"
     class="fixed inset-0 bg-black bg-opacity-20 z-30"
     @open-overlay.window="overlayIsActive = true; if ($event.detail && $event.detail.overTheTop) overTheTop = true;"
     @close-overlay.window="overlayIsActive = false; overTheTop = false;"
     @click="overlayIsActive = false; overTheTop = false;"
     x-show="overlayIsActive"
     x-transition:enter="transition ease-out duration-200"
     x-transition:enter-start="opacity-0"
     x-transition:enter-end="opacity-100"
     x-transition:leave="transition ease-in duration-200"
     x-transition:leave-start="opacity-100"
     x-transition:leave-end="opacity-0"
     x-cloak>
</div>

<script>
    function initOverlay(){
        return {
            overlayIsActive: false,
            overTheTop: false
        }
    }
</script>
</main><footer class="page-footer mt-auto"><div class="footer content">
<div class="container py-12 px-15 bg-merino-500 text-forest-500
            lg:px-28">
    <style>#html-body [data-pb-style=X0HP5P9],#html-body [data-pb-style=XQAPG13]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=XQAPG13]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=X0HP5P9]{align-self:stretch}#html-body [data-pb-style=LANT309]{display:flex;width:100%}#html-body [data-pb-style=C17N801],#html-body [data-pb-style=FLP5VGO],#html-body [data-pb-style=O19A6IX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:33.3333%;align-self:stretch}</style><div class="footer-reinsurance" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="XQAPG13"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="X0HP5P9"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="LANT309"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="O19A6IX"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://www.lecedrerouge.com/cgv">
    <img src="https://www.lecedrerouge.com/media/wysiwyg/other/footer_image/footer-icon-paiement.svg" alt="Paiement sécurisé" />
    <span>Paiement sécurisé</span>
    <span class="text-fern-500 text-sm">Carte, PayPal, Apple Pay, virement, Alma en 3x/4x sans frais</span>
    </a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="FLP5VGO"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://www.lecedrerouge.com/livraisons-retours">
    <img src="https://www.lecedrerouge.com/media/wysiwyg/other/footer_image/footer-icon-livraison.svg" alt="Livraison rapide" />
    <span>Livraison soignée</span>
    <span class="text-fern-500 text-sm">À domicile, sur rendez-vous</span>
    </a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C17N801"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://www.lecedrerouge.com/retours">
    <img src="https://www.lecedrerouge.com/media/wysiwyg/other/footer_image/footer-icon-retour.svg" alt="Retours et échanges" />
    <span>Retours</span>
    <span class="text-fern-500 text-sm">14 jours pour changer d'avis</span>
    </a></div></div></div></div></div></div>

<div class="container py-12 bg-fern-500 text-merino-500">
    <style>#html-body [data-pb-style=VM06N0I],#html-body [data-pb-style=WS7JELM]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=WS7JELM]{justify-content:center;display:flex;flex-direction:column;text-align:center}#html-body [data-pb-style=VM06N0I]{align-self:stretch}#html-body [data-pb-style=QJ1Q32I]{display:flex;width:100%}#html-body [data-pb-style=EGKYDNO]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}</style><div class="footer-support" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" id="" data-element="main" data-pb-style="WS7JELM"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-background-lazy-load="false" data-element="main" data-pb-style="VM06N0I"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="QJ1Q32I"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EGKYDNO"><h3 class="font-serif font-normal text-3xl leading-none mb-4 font-medium" data-content-type="heading" data-appearance="default" data-element="main">Besoin de conseils ?</h3><div data-content-type="text" data-appearance="default" data-element="main"><p>Notre &eacute;quipe de sp&eacute;cialistes est l&agrave; pour vous aider dans la s&eacute;lection de vos produits, l'am&eacute;nagement de votre espace ou pour un devis personnalis&eacute;</p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><ul>
    <li><a href="tel:+33175430951"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6479 9.75482L9.1525 10.242C7.46697 9.38961 6.42578 8.41046 5.81985 6.88416L6.28639 4.36265L5.40449 2H3.13167C2.44844 2 1.91042 2.56887 2.01246 3.24954C2.26721 4.94881 3.01831 8.0298 5.21391 10.242C7.51962 12.5652 10.8405 13.5733 12.6682 13.9739C13.3739 14.1287 14 13.5739 14 12.8462V10.6579L11.6479 9.75482Z" stroke="currentColor" stroke-linecap="round"/>
</svg><span>01 75 43 09 51</span></a></li>

    <li><a href="https://www.lecedrerouge.com/contacts"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 4V12H2V4M14 4H2M14 4L8 8L2 4" stroke="white"/>
</svg><span>Contactez-nous</span></a></li>
    </ul></div></div></div></div></div></div>

<div class="container py-12">
    <style>#html-body [data-pb-style=MF0DJDO]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="MF0DJDO"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- TrustBox widget - Carousel -->
    <div class="trustpilot-widget" data-locale="fr-FR" data-template-id="53aa8912dec7e10d38f59f36" data-businessunit-id="4fe1a050000064000516c712" data-style-height="140px" data-style-width="100%" data-theme="light" data-stars="4,5" data-review-languages="fr" data-font-family="Source Sans Pro" data-text-color="#13190C">
    <a href="https://fr.trustpilot.com/review/lecedrerouge.com" target="_blank" rel="noopener">Trustpilot</a>
    </div>
    <!-- End TrustBox widget -->
</div></div>
</div>

<div class="flex flex-col gap-2 container pt-6 pb-4 border-t border-merino-500
            lg:py-5">
    <style>#html-body [data-pb-style=QT7QYOR],#html-body [data-pb-style=Y6WX6AD]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QT7QYOR]{justify-content:center;display:flex;flex-direction:column;text-align:center}#html-body [data-pb-style=Y6WX6AD]{align-self:stretch}#html-body [data-pb-style=KMWQEG2]{display:flex;width:100%}#html-body [data-pb-style=V1TSI2H]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=L34NM6F]{border-style:none}#html-body [data-pb-style=AFAYMUI]{max-width:100%;height:auto}#html-body [data-pb-style=GXVYVB8]{margin-left:10px;border-style:none}#html-body [data-pb-style=JVPG2NS]{max-width:100%;height:auto}#html-body [data-pb-style=RJKDUAF]{margin-left:10px;border-style:none}#html-body [data-pb-style=SC6NT3A]{max-width:100%;height:auto}#html-body [data-pb-style=PKHGCT0]{margin-left:10px;border-style:none}#html-body [data-pb-style=Y2ALP5Q]{max-width:100%;height:auto}#html-body [data-pb-style=SV8TDPB]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=CYMYDFT]{display:flex;width:100%}#html-body [data-pb-style=GLULX3C]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center;width:100%;align-self:stretch}#html-body [data-pb-style=KC8JCU8]{border-style:none}#html-body [data-pb-style=Y5XOOI6]{max-width:100%;height:auto}#html-body [data-pb-style=F0ERGDK]{margin-left:10px;border-style:none}#html-body [data-pb-style=I4OWPV8]{max-width:100%;height:auto}#html-body [data-pb-style=M9VABC7]{margin-left:10px;border-style:none}#html-body [data-pb-style=I3PRH1F]{max-width:100%;height:auto}#html-body [data-pb-style=KVU271N]{margin-left:10px;border-style:none}#html-body [data-pb-style=L1K2G7Y]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=F0ERGDK],#html-body [data-pb-style=GXVYVB8],#html-body [data-pb-style=KC8JCU8],#html-body [data-pb-style=KVU271N],#html-body [data-pb-style=L34NM6F],#html-body [data-pb-style=M9VABC7],#html-body [data-pb-style=PKHGCT0],#html-body [data-pb-style=RJKDUAF]{border-style:none} }</style><div class="footer-paymentlogos" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="QT7QYOR"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="Y6WX6AD"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KMWQEG2"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="V1TSI2H"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="L34NM6F"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_visa.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_visa.svg" alt="Visa" title="Visa" data-element="mobile_image" data-pb-style="AFAYMUI" loading="lazy"></source></picture></div><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="GXVYVB8"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_mastercard.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_mastercard.svg" alt="Mastercard" title="Mastercard" data-element="mobile_image" data-pb-style="JVPG2NS" loading="lazy"></source></picture></div><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="RJKDUAF"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_amex.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_amex.svg" alt="American Express" title="American Express" data-element="mobile_image" data-pb-style="SC6NT3A" loading="lazy"></source></picture></div><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="PKHGCT0"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_paypal.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_paypal.svg" alt="PayPal" title="PayPal" data-element="mobile_image" data-pb-style="Y2ALP5Q" loading="lazy"></source></picture></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="SV8TDPB"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="CYMYDFT"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GLULX3C"><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="KC8JCU8"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_alma.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_alma.svg" alt="Alma" title="Alma" data-element="mobile_image" data-pb-style="Y5XOOI6" loading="lazy"></source></picture></div><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="F0ERGDK"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_applepay.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_applepay.svg" alt="Apple Pay" title="Apple Pay" data-element="mobile_image" data-pb-style="I4OWPV8" loading="lazy"></source></picture></div><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="M9VABC7"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_check.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_check.svg" alt="Ch&egrave;que" title="Ch&egrave;que" data-element="mobile_image" data-pb-style="I3PRH1F"></source></picture></div><div data-content-type="image" data-appearance="picture" data-animation="none" data-element="main"><picture data-pb-style="KVU271N"><source srcset="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_banktransfer.svg" media="(min-width: 768px)" data-element="source_srcset"><img src="https://www.lecedrerouge.com/media/wysiwyg/payments_picto/icon-payment_banktransfer.svg" alt="Virement bancaire" title="Virement bancaire" data-element="mobile_image" data-pb-style="L1K2G7Y" loading="lazy"></source></picture></div></div></div></div></div></div>

<div class="pb-12 lg:px-28
            lg:border-t lg:border-merino-500 lg:pt-12 lg:pb-40
            xl:pb-36 2xl:pb-[6.25rem]">
    <div class="flex flex-col gap-10 items-center lg:flex-row lg:gap-32">
        <div class="w-full border-t border-b border-merino-500 pt-6 pb-8 px-5
            lg:w-1/2 lg:border-none lg:p-0
            xl:w-1/3">
            <div class="w-full&#x20;mb-6&#x20;lg&#x3A;mb-12">
    <a class="flex items-center justify-center
            no-underline hover:no-underline
            w-full&#x20;max-w-80&#x20;mx-auto&#x20;xl&#x3A;max-w-&#x5B;18.5rem&#x5D;&#x20;2xl&#x3A;max-w-&#x5B;25rem&#x5D;"
       href="https://www.lecedrerouge.com/"
       aria-label="Aller&#x20;&#xE0;&#x20;la&#x20;page&#x20;d&#x27;accueil">
        <img class="w-full"
             src="https://www.lecedrerouge.com/static/version1774539495/frontend/Sev/lcr/default/images/logo.svg"
             alt="Logo&#x20;du&#x20;magasin"
            width="200"            height="150"        />
            </a>
</div>
            <div class="w-full text-center">
    <p class="mb-3">Rejoignez la newsletter Le Cèdre Rouge</p>
    <p class="text-green-500 mb-6 md:mb-3.5">Inscrivez-vous pour recevoir en exclusivité nos dernières actualités.</p>
    <form class="form subscribe"
          action="https://www.lecedrerouge.com/newsletter/subscriber/new/"
          method="post"
          x-data="initNewsletterForm()"
          @submit.prevent="submitForm()"
          id="newsletter-validate-detail"
          aria-label="Suivez&#x20;notre&#x20;newsletter"
    >
        <div class="relative mb-2 2xl:max-w-[32.6875rem] 2xl:mx-auto">
            <label for="newsletter-subscribe" class="sr-only">
                Adresse mail            </label>
            <input
                    name="email"
                    type="email"
                    required
                    id="newsletter-subscribe"
                    class="form-input inline-flex w-full py-2.5 px-3 min-h-0 placeholder-forest-500"
                    placeholder="Votre&#x20;adresse&#x20;e-mail"
                    aria-describedby="footer-newsletter-heading"
            >
            <input name="form_key" type="hidden" value="vMPOiWksZc8V8QW0" />            <div class="control">
    <input type="hidden"
           value=""
           name="g-recaptcha-response"
    />
</div>
            <button class="link absolute top-2.5 right-3" type="submit">
                S&#039;inscrire            </button>
        </div>
        <p class="text-green-500 text-xs">
            En vous inscrivant, vous acceptez notre <a href="https://www.lecedrerouge.com/politique-de-confidentialite" class="underline">politique de confidentialité.</a>        </p>
        <div>
            <template x-if="displayErrorMessage">
                <p class="flex items-center text-red">
                    <span class="inline-block w-8 h-8 mr-3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>exclamation-circle</title></svg>
                    </span>
                    <template x-for="errorMessage in errorMessages">
                        <span x-html="errorMessage"></span>
                    </template>
                </p>
            </template>
        </div>
    </form>
    <div class="w-full">
        <p class="sr-only">
Ce formulaire est protégé par reCAPTCHA. Les <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">règles de confidentialité</a> et les <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">conditions d&#039; utilisation</a> de <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google</a> s&#039;appliquent.</p>
    </div>
    <script>
        function initNewsletterForm() {
            return {
                errors: 0,
                hasCaptchaToken: 0,
                displayErrorMessage: false,
                errorMessages: [],
                setErrorMessages(messages) {
                    this.errorMessages = [messages]
                    this.displayErrorMessage = this.errorMessages.length
                },
                submitForm() {
                    // Do not rename $form, the variable is expected to be declared in the recaptcha output
                    const $form = document.querySelector('#newsletter-validate-detail');
                        if (!this.hasCaptchaToken) {
        this.errors = 1;
                const submitFunction = typeof customSubmit !== 'undefined' ? customSubmit : false;

        const executeGreCaptcha = () => {
            grecaptcha.ready(() => {
                grecaptcha.execute(
                    '6Ld3EKAbAAAAAIOQ0I0mJwjDQnzvK1dkighXbYHT',
                    {action: 'submit'}
                ).then((token) => {
                    if (token && token.length > 0) {
                        $form['g\u002Drecaptcha\u002Dresponse'].value = token;
                        this.errors = 0;
                        this.hasCaptchaToken = 1;
                        if (submitFunction) {
                            submitFunction.call(this);
                        } else {
                            (this.submitForm || $form.submit).call(this);
                        }
                    } else {
                        this.errors = 1;
                        const error = 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again';
                        if (this.setErrorMessages) {
                            this.setErrorMessages([error])
                            this.displayErrorMessage = true;
                        } else {
                            window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000);
                        }
                    }
                }).catch(exception => {
                    console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`)
                });
            })
        }

        if (window.grecaptcha) {
            executeGreCaptcha();
        } else {
            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Ld3EKAbAAAAAIOQ0I0mJwjDQnzvK1dkighXbYHT";
            const script = document.createElement('script');
            script.setAttribute('type', 'text/javascript');
            script.setAttribute('src', recaptchaUrl);
            document.head.appendChild(script);

            script.addEventListener("load", executeGreCaptcha, false);
        }
    }
    
                    if (this.errors === 0) {
                        $form.submit();
                    }
                }
            }
        }
    </script>
</div>
        </div>
        <div class="w-full px-5 lg:w-1/2 lg:px-0 xl:w-2/3">
            <style>#html-body [data-pb-style=QFVDC6K],#html-body [data-pb-style=RVLFH42]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QFVDC6K]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=RVLFH42]{align-self:stretch}#html-body [data-pb-style=TTHO0KD]{display:flex;width:100%}#html-body [data-pb-style=BFOUOJG],#html-body [data-pb-style=R33TVWI],#html-body [data-pb-style=T20737R],#html-body [data-pb-style=ULQE73R],#html-body [data-pb-style=XSKUVCT],#html-body [data-pb-style=YP6AJG3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=BFOUOJG],#html-body [data-pb-style=R33TVWI],#html-body [data-pb-style=T20737R],#html-body [data-pb-style=ULQE73R],#html-body [data-pb-style=YP6AJG3]{width:50%}#html-body [data-pb-style=BFOUOJG],#html-body [data-pb-style=R33TVWI],#html-body [data-pb-style=T20737R],#html-body [data-pb-style=YP6AJG3]{width:33.3333%}</style><div class="footer-links" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="QFVDC6K"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="6" data-background-lazy-load="false" data-element="main" data-pb-style="RVLFH42"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="TTHO0KD"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XSKUVCT"><h2 data-content-type="heading" data-appearance="default" data-element="main">Aide &amp; Contact</h2><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a href="/livraisons-retours" tabindex="-1">Livraison et retours</a></li>
<li><a href="/contacts" tabindex="-1">Contactez-nous</a></li>
<li><a href="/pro" tabindex="-1">Espace professionnels</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ULQE73R"><h2 data-content-type="heading" data-appearance="default" data-element="main">Le C&egrave;dre Rouge</h2><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a href="/a-propos">&Agrave; propos</a></li>
<li><a href="/nos-boutiques">Nos boutiques</a></li>
<li><a href="/rse">RSE</a></li>
<li><a href="/recrutement">Recrutement</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="R33TVWI"><h2 data-content-type="heading" data-appearance="default" data-element="main">Services</h2><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a href="/carte-cadeau">Carte cadeau</a></li>
<li><a href="/magazine">Le magazine</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YP6AJG3"><h2 data-content-type="heading" data-appearance="default" data-element="main">Top cat&eacute;gories</h2><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a href="/bon-plans">Bonnes affaires</a></li>
<li><a href="/en-stock">Livraison express</a></li>
<li><a href="/jardin">Jardin</a></li>
<li><a href="/mobilier">Mobilier</a></li>
<li><a href="/luminaires">Luminaires</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BFOUOJG"><h2 data-content-type="heading" data-appearance="default" data-element="main">Top marques</h2><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a href="/marques/fermob">Fermob</a></li>
<li><a href="/marques/ethnicraft">Ethnicraft</a></li>
<li><a href="/marques/kartell">Kartell</a></li>
<li><a href="/marques/panac">Panac</a></li>
<li><a href="/marques/usm">USM Haller</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T20737R"><h2 data-content-type="heading" data-appearance="default" data-element="main">Suivez-nous</h2><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><ul>
    <li><a target="_blank" href="https://www.facebook.com/lecedrerouge/?locale=fr_FR"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 0.0458984C4.55558 0.0458984 0.75 3.85148 0.75 8.5459C0.75 13.2403 4.55558 17.0459 9.25 17.0459C13.9444 17.0459 17.75 13.2403 17.75 8.5459C17.75 3.85148 13.9444 0.0458984 9.25 0.0458984ZM9.81754 9.04283V14.2125L7.737 14.2126V9.04288H5.9973V7.02818H7.73705V5.54236C7.73705 3.81809 8.79013 2.87923 10.3283 2.87923C11.0651 2.87923 11.6983 2.93407 11.8829 2.95853V4.76046L10.816 4.76095C9.97953 4.76095 9.81754 5.1585 9.81754 5.74179V7.02812H11.8126L11.5528 9.04283H9.81754Z" fill="currentColor"/>
    </svg>Facebook</a></li>
    <li><a target="_blank"  href="https://www.instagram.com/le_cedre_rouge/"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 0.0458984C4.55558 0.0458984 0.75 3.85148 0.75 8.5459C0.75 13.2403 4.55558 17.0459 9.25 17.0459C13.9444 17.0459 17.75 13.2403 17.75 8.5459C17.75 3.85148 13.9444 0.0458984 9.25 0.0458984ZM9.25042 6.77492C8.27245 6.77492 7.47987 7.56793 7.47987 8.5459C7.47987 9.52387 8.27245 10.3169 9.25042 10.3169C10.2284 10.3169 11.0214 9.52387 11.0214 8.5459C11.0214 7.56793 10.2284 6.77492 9.25042 6.77492ZM9.25042 11.2738C7.74379 11.2738 6.52251 10.0525 6.52251 8.5459C6.52251 7.03927 7.74379 5.81799 9.25042 5.81799C10.757 5.81799 11.9783 7.03927 11.9783 8.5459C11.9783 10.0525 10.757 11.2738 9.25042 11.2738ZM11.5561 6.06405C11.4861 5.95919 11.4488 5.83592 11.4488 5.70983C11.449 5.54082 11.5162 5.37878 11.6357 5.2593C11.7552 5.13982 11.9173 5.07266 12.0863 5.07259H12.0866C12.2127 5.07264 12.3359 5.11007 12.4407 5.18017C12.5455 5.25026 12.6272 5.34985 12.6754 5.46636C12.7236 5.58287 12.7362 5.71105 12.7115 5.83471C12.6869 5.95836 12.6261 6.07193 12.5369 6.16105C12.4477 6.25017 12.3341 6.31084 12.2104 6.33539C12.0868 6.35993 11.9586 6.34726 11.8421 6.29896C11.7256 6.25066 11.6261 6.16891 11.5561 6.06405ZM6.11761 12.6874C6.3047 12.7603 6.58622 12.8466 7.10417 12.8701C7.66398 12.8959 7.83172 12.901 9.25042 12.901C10.6691 12.901 10.8373 12.8959 11.3973 12.8701C11.9153 12.8466 12.1969 12.7603 12.3839 12.6874C12.6319 12.5908 12.8091 12.4757 12.9949 12.29C13.1807 12.1044 13.2957 11.9274 13.3923 11.6794C13.4648 11.4923 13.5515 11.2108 13.575 10.6928C13.6008 10.1324 13.6059 9.96463 13.6059 8.54594C13.6059 7.12725 13.6008 6.9595 13.575 6.39905C13.5515 5.88111 13.4652 5.5995 13.3923 5.4125C13.2957 5.16447 13.181 4.98725 12.9949 4.80144C12.8089 4.61563 12.6319 4.5002 12.3839 4.40406C12.1963 4.33181 11.9153 4.2449 11.3973 4.22131C10.8369 4.19598 10.6685 4.19041 9.25042 4.19041C7.83236 4.19041 7.66415 4.19556 7.10417 4.22131C6.58622 4.24486 6.30461 4.33113 6.11761 4.40406C5.86916 4.5002 5.69236 4.61537 5.50655 4.80144C5.32074 4.9875 5.20573 5.16447 5.10917 5.4125C5.03692 5.60005 4.95001 5.88111 4.92642 6.39905C4.90109 6.9595 4.89552 7.12725 4.89552 8.54594C4.89552 9.96463 4.90067 10.1328 4.92642 10.6928C4.94997 11.2108 5.03624 11.4924 5.10917 11.6794C5.20531 11.9274 5.32048 12.1042 5.50655 12.29C5.69261 12.4758 5.86958 12.5908 6.11761 12.6874ZM5.77069 3.51233C6.10818 3.381 6.49463 3.29133 7.06018 3.26557C7.62692 3.23939 7.80814 3.2334 9.25084 3.2334C10.6935 3.2334 10.8746 3.23982 11.4411 3.26557C12.0062 3.2909 12.3924 3.381 12.7306 3.51233C13.0795 3.64794 13.376 3.82942 13.6712 4.12509C13.9664 4.42076 14.148 4.71686 14.284 5.06617C14.4153 5.40366 14.505 5.79007 14.5307 6.35566C14.5565 6.9221 14.5625 7.10319 14.5625 8.5459C14.5625 9.9886 14.5565 10.1693 14.5307 10.7361C14.5054 11.3017 14.4153 11.6879 14.284 12.0256C14.148 12.3749 13.9669 12.6715 13.6712 12.9667C13.3756 13.2619 13.0795 13.4435 12.7301 13.5795C12.3924 13.7108 12.0062 13.8005 11.4407 13.8262C10.8742 13.8524 10.6931 13.8584 9.25042 13.8584C7.80771 13.8584 7.62692 13.852 7.06018 13.8262C6.49463 13.8005 6.10882 13.7108 5.77069 13.5795C5.42116 13.4435 5.12524 13.2618 4.82961 12.9667C4.53398 12.6716 4.35246 12.3749 4.21684 12.0256C4.08552 11.6879 3.99584 11.3017 3.97009 10.7361C3.94391 10.1697 3.93792 9.9886 3.93792 8.5459C3.93792 7.10319 3.94391 6.9221 3.97009 6.35566C3.99584 5.79011 4.08552 5.40387 4.21684 5.06617C4.35246 4.71665 4.53394 4.4203 4.82961 4.12509C5.12528 3.82989 5.42116 3.64794 5.77069 3.51233Z" fill="currentColor"/>
    </svg>Instagram</a></li>
    <li><a target="_blank"  href="https://www.pinterest.fr/lecedrerouge_deco/"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 0.0458984C4.55558 0.0458984 0.75 3.85148 0.75 8.5459C0.75 13.2403 4.55558 17.0459 9.25 17.0459C13.9444 17.0459 17.75 13.2403 17.75 8.5459C17.75 3.85148 13.9444 0.0458984 9.25 0.0458984ZM10.3113 13.342C9.45419 13.342 8.64692 12.8956 8.37151 12.3685C8.37151 12.3685 7.94651 13.9854 7.84204 14.3772C7.64497 15.1417 7.08938 16.1152 6.74511 16.6684C6.57747 16.617 6.41615 16.5551 6.25322 16.4925C6.24307 16.4886 6.23292 16.4847 6.22276 16.4808C6.14679 15.816 6.06606 14.7262 6.24176 13.9664C6.39609 13.3064 7.23422 9.76155 7.23422 9.76155C7.23422 9.76155 6.98017 9.25582 6.98017 8.50554C6.98017 7.33026 7.66159 6.45177 8.51159 6.45177C9.23338 6.45177 9.5824 6.99311 9.5824 7.64367C9.5824 8.10886 9.39356 8.72104 9.19476 9.36551C9.08307 9.72758 8.96824 10.0998 8.88198 10.462C8.68254 11.3048 9.30461 11.991 10.1356 11.991C11.6409 11.991 12.7972 10.405 12.7972 8.11615C12.7972 6.0885 11.3418 4.67342 9.26187 4.67342C6.85433 4.67342 5.44162 6.48026 5.44162 8.34646C5.44162 9.073 5.72179 9.85177 6.07081 10.2768C6.13254 10.3409 6.15391 10.4335 6.13017 10.5189C6.09055 10.6848 6.02101 10.9666 5.96693 11.1858C5.93351 11.3213 5.90599 11.4328 5.89511 11.4782C5.85949 11.6325 5.77402 11.6657 5.61257 11.5898C4.556 11.0983 3.89595 9.55498 3.89595 8.31322C3.89595 5.64213 5.83338 3.19185 9.48505 3.19185C12.4197 3.19185 14.7014 5.28361 14.7014 8.07816C14.7014 10.9938 12.8637 13.342 10.3113 13.342Z" fill="currentColor"/>
    </svg>
    Pinterest</a></li>
    </ul></div></div></div></div></div>        </div>
    </div>
</div>

<div class="bg-merino-500">
    <div class="container flex flex-col items-center gap-2 py-1.5 px-3
                lg:flex-row lg:justify-between lg:px-10
                xl:px-15">
        <div class="leading-tight">
            <small class="text-sm text-forest-500">
    © Le Cèdre Rouge 2026</small>
        </div>
        <div>
            <style>#html-body [data-pb-style=WYPVR91]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div class="footer-bottom-links" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="WYPVR91"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a href="/mentions-legales"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Mentions l&eacute;gales</span></span></span></span></span></span></span></span></a></li>
<li id="QI0Q5MJ"><a href="/cgv"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">CGV / </span></span></span></span></span></span></span></span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">CGU</span></span></span></span></span></span></span></span></a></li>
<li><a href="/politique-de-confidentialite"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Politique de confidentialit&eacute;</span></span></span></span></span></span></span></span></a></li>
</ul></div></div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
    /* POP-IN */
    .fixed div[role="dialog"] {
        width: 90vw !important;
        max-width: 800px !important;
        padding: 24px;
        border-radius: 0;
    }

    .fixed div[role="dialog"]>div {
        margin: 0;
    }

    .fixed div[role="dialog"] .ring-blue-500\/50 {
        --tw-ring-color: transparent;
    }

    .fixed div[role="dialog"] button {
        font-weight: normal;
    }

    .fixed div[role="dialog"] .afptc__modal__add {
        padding: 1rem 2.5rem;
        margin: auto;
    }

    .fixed div[role="dialog"] .afptc__modal__add svg {
        display: none;
    }

    .fixed div[role="dialog"] .afptc__modal__add span.hidden {
        display: block;
    }

    /* ITEM */
    .fixed div[role="dialog"] .item.product.product-item {
        padding: 0;
        box-shadow: none;
    }

    .fixed div[role="dialog"] .item.product.product-item .product-item-link {
        font-size: 1rem;
        line-height: 110%;
        font-weight: normal;
        text-align: left;
        width: 100%;
        display: inline-block;
    }

    .fixed div[role="dialog"] .item.product.product-item .price-container {
        display: flex;
        align-items: center;
        gap: .5rem;
    }

    .fixed div[role="dialog"] .item.product.product-item .old-price span {
        text-decoration: none;
    }

    .fixed div[role="dialog"] .item.product.product-item .old-price .price {
        text-decoration: line-through;
        font-weight: normal;
        color: rgba(19, 25, 12, .5);
    }

    .fixed div[role="dialog"] .item.product.product-item .afptc__product__actions:has([type=checkbox]:checked) .afptc__product__button {
        background-color: transparent;
        color: rgba(19, 25, 12, 1);
        border: 1px solid rgba(19, 25, 12, 1);
    }

    /* QTY */
    .fixed div[role="dialog"] .item.product.product-item .afptc-qty-field .btn-primary {
        background: transparent;
        color: rgba(19, 25, 12, 1);
        border: 0;
        font-size: 1.5rem;
        font-weight: normal;
        outline-color: transparent;
    }

    .fixed div[role="dialog"] .item.product.product-item input[name="qty"] {
        border-radius: 0;
        border-color: rgba(19, 25, 12, .1);
        box-shadow: none;
    }
</style></div></div>
</div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
    /* FOOTER NEWSLETTER ALIGN TO TOP */
    footer.page-footer>.footer>.pb-12>.flex.items-center:has(form) {
        align-items: flex-start;
    }

    @media (min-width: 767px) {
        .page-footer .footer-links [data-content-type=column-line] {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
</style></div>        </div>
    </div>
</div>
</div></footer><script>
    (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
        key: "AIzaSyBw9QzwV6uIcuGzwpuHuXRg0a38ZBY9C7c",
    });
</script>
<script type="text&#x2F;javascript">    const googlePlaces =     {
        restrictedCountries: ["BE","FR","LU"],
        // You can create your mixins and add your formatter by overriding initFormatters
        formatters: {},
        targets: {".form-address-edit .street #street_1":{".form-address-edit .street #street_1":["streetNumber","streetName"],"[name=\"city\"]":["city"],"[name=\"postcode\"]":["postcode"],"[name=\"region_id\"]":["region"],"[name=\"country_id\"]":["country"]},"#shipping-street-0":{"#shipping-street-0":["streetNumber","streetName"],"#shipping-city":["city"],"#shipping-postcode":["postcode"],"#shipping-country_id":["country"]},"#billing-street-0":{"#billing-street-0":["streetNumber","streetName"],"#billing-city":["city"],"#billing-postcode":["postcode"],"#billing-country_id":["country"]}},
        applied: [],

        initialize: function () {
            this.initFormatters();
            this.initLookup();

            const observer = new MutationObserver(mutationList => {
                for (const mutation of mutationList) {
                    if (mutation.type === 'childList') {
                        if (mutation.addedNodes.length > 0) {
                            this.initLookup();
                        }
                        for (const node of mutation.removedNodes) {
                            this.cleanup(node);
                        }
                    }
                }
            });
            observer.observe(document.body, {childList: true, subtree: true});

            return this;
        },

        /**
         * Extension point to add your own formatters
         */
        initFormatters: function () {
            this.formatters.defaultFormatter = this.formatAddress;
        },

        initLookup: function () {
            for (const [target, mapper] of Object.entries(this.targets)) {
                if (!(target in this.applied)) {
                    const inputs = document.querySelectorAll(target);
                    if (inputs.length > 0) {
                        for (const input of inputs) {
                            if (!this.applied.includes(input)) {
                                this.applied.push(input)
                                this.initComponent(input, mapper).catch(() => this.cleanup(input));
                            }
                        }
                    }
                }
            }
        },

        cleanup: function (node) {
            const index = this.applied.indexOf(node);
            if (index !== -1) {
                this.applied.splice(index, 1);
            }
        },

        initComponent: async function (input, mapper) {
            if (!(input instanceof HTMLElement)) {
                throw new Error('input must be an instance of HTMLElement.');
            }

            const options = {types: ['address']};
            if (this.restrictedCountries.length > 0) {
                options.componentRestrictions = {country: this.restrictedCountries};
            }

            const {Autocomplete} = await google.maps.importLibrary('places'),
                autocomplete = new Autocomplete(input, options);

            google.maps.event.addListener(autocomplete, 'place_changed', () => this.autocompleteFields(
                this.formatPlace(autocomplete.getPlace()),
                input.closest('form'),
                mapper
            ));
        },

        formatPlace: function (place) {
            return Object.values(this.formatters).reduce((res, format) => ({...res, ...format(place)}), {});
        },

        autocompleteFields: function (place, form, mapper) {
            for (const [selector, names] of Object.entries(mapper)) {
                let value = '';
                for (const name of names) {
                    if (name in place) {
                        value = `${value} ${place[name]}`;
                    }
                }
                this.setFieldValue(form.querySelector(selector), value.trim());
            }
        },

        setFieldValue: function (field, value) {
            if (field !== null) {
                let isSelect = field.tagName === 'SELECT';
                if (isSelect) {
                    const options = Array.from(field.options),
                        option = options.find(item => item.value === value) || options.find(item => item.text === value);
                    if (option !== undefined) {
                        value = option.value;
                    }
                }
                const wireTarget = field.getAttribute('wire:model.defer');
                if (wireTarget) {
                    const formWireId = this.getWireId(field.closest('form'));
                    Magewire.find(formWireId).set(wireTarget, value);
                } else {
                    field.value = value;
                }
                field.dispatchEvent(new Event('change'));
                if (isSelect) {
                    field.dispatchEvent(new Event('input'));
                }
            }
        },

        getWireId: function (element) {
            return element.getAttribute('wire:id') ?
                element.getAttribute('wire:id') :
                this.getWireId(element.parentNode);
        },

        formatAddress: function (place) {
            let addresses = {}, region = [];

            place.address_components.forEach((addressPart) => {
                if (addressPart.types.includes('street_number')) {
                    const streetNumber = addressPart.long_name;
                    addresses = {streetNumber, ...addresses};
                    return;
                }
                if (addressPart.types.includes('route')) {
                    const streetName = addressPart.long_name;
                    addresses = {streetName, ...addresses};
                    return;
                }
                if (addressPart.types.includes('country')) {
                    const country = addressPart.short_name.toUpperCase();
                    addresses = {country, ...addresses};
                    return;
                }
                if (addressPart.types.includes('sublocality')) {
                    const city = addressPart.long_name;
                    addresses = {city, ...addresses};
                    return;
                }
                if ((addressPart.types.includes('locality')) && (!Object.hasOwn(addresses, 'city'))) {
                    const city = addressPart.long_name;
                    addresses = {city, ...addresses};
                    return;
                }
                if ((addressPart.types.includes('postal_town')) && (!Object.hasOwn(addresses, 'city'))) {
                    const city = addressPart.long_name;
                    addresses = {city, ...addresses};
                    return;
                }
                if (addressPart.types.includes('postal_code')) {
                    const postcode = addressPart.long_name;
                    addresses = {postcode, ...addresses};
                    return;
                }
                if (addressPart.types.includes('administrative_area_level_1') ||
                    addressPart.types.includes('administrative_area_level_2')) {
                    region.push(addressPart.long_name);
                }
            });

            return {region, ...addresses};
        }
    };
    document.addEventListener('DOMContentLoaded', () => googlePlaces.initialize());</script>
<script>    function sevLoyaltyInitPriceComponent(loyaltyPrices) {
        return {
            sevLoyaltySegmentIds: [],
            sevLoyaltyPrices: loyaltyPrices,
            sevLoyaltyPrice: null,
            sevLoyaltyPriceBox: '',
            init() {
                window.addEventListener('private-content-loaded', (event) => {
                    const data = event.detail.data;
                    this.sevLoyaltySegmentIds = data?.sevLoyalty?.segmentIds ?? [];
                    this.sevLoyaltyPrice = null;
                    this.sevLoyaltyPriceBox = '';
                    if (this.sevLoyaltySegmentIds.length > 0) {
                        const loyaltyPrice = this.sevLoyaltyPrices.reduce(
                            (priceMatch, price) => priceMatch === null && this.sevLoyaltySegmentIds.includes(price.segmentId)
                                ? price : priceMatch,
                            null
                        );
                        this.sevLoyaltyPrice = loyaltyPrice?.price;
                        this.sevLoyaltyPriceBox = loyaltyPrice?.priceBox;
                    }
                });
            }
        }
    }</script>
<script>
    (() => {
        function src_default(Alpine) {
            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
                let evaluate = evaluateLater(expression);
                let options = {
                    rootMargin: getRootMargin(modifiers),
                    threshold: getThreshold(modifiers)
                };
                let observer = new IntersectionObserver((entries) => {
                    entries.forEach((entry) => {
                        if (entry.isIntersecting === (value === "leave"))
                            return;
                        evaluate();
                        modifiers.includes("once") && observer.disconnect();
                    });
                }, options);
                observer.observe(el);
                cleanup(() => {
                    observer.disconnect();
                });
            }));
        }
        function getThreshold(modifiers) {
            if (modifiers.includes("full"))
                return 0.99;
            if (modifiers.includes("half"))
                return 0.5;
            if (!modifiers.includes("threshold"))
                return 0;
            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
            if (threshold === "100")
                return 1;
            if (threshold === "0")
                return 0;
            return Number(`.${threshold}`);
        }
        function getLengthValue(rawValue) {
            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
            return match ? match[1] + (match[2] || "px") : void 0;
        }
        function getRootMargin(modifiers) {
            const key = "margin";
            const fallback = "0px 0px 0px 0px";
            const index = modifiers.indexOf(key);
            if (index === -1)
                return fallback;
            let values = [];
            for (let i = 1; i < 5; i++) {
                values.push(getLengthValue(modifiers[index + i] || ""));
            }
            values = values.filter((v) => v !== void 0);
            return values.length ? values.join(" ").trim() : fallback;
        }

        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();
</script>
<script>
    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) {
        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
    }
</script>
<script>
    (function () {
        "use strict";

        const hasAlpine = new Promise(resolve => {
            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
        });

        const hasInteract = new Promise(resolve => {
            (events => {
                const onInteract = () => {
                    resolve();
                    events.forEach(type => window.removeEventListener(type, onInteract));
                }
                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
        });

        const onIntersect = (el) => {
            return new Promise(resolve => {
                const observer = new IntersectionObserver(entries => {
                    for (const entry of entries) {
                        if (entry.isIntersecting) {
                            observer.disconnect()
                            resolve();
                        }
                    }
                }, {});
                observer.observe(el);
            });
        }

        function runComponent(el) {
            hasAlpine.then(() => {
                el.removeAttribute('x-ignore');
                queueMicrotask(() => Alpine.initTree(el));
            });
        }

        function initDeferredComponents() {
            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
                el.setAttribute('x-ignore', '');
                const deferUntil = (el.getAttribute('x-defer') || '').trim();
                switch (deferUntil) {
                    case 'interact':
                        hasInteract.then(() => runComponent(el));
                        break;
                    case 'intersect':
                        onIntersect(el).then(() => runComponent(el))
                        break;
                    case 'idle':
                        window.requestIdleCallback
                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
                            : setTimeout(() => runComponent(el), 4000);
                        break;
                    case 'eager':
                        runComponent(el);
                        break;
                    default:
                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
                        }
                }
            });
        }

        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
    })()
</script>

<script type="module"
        src="https://www.lecedrerouge.com/static/version1774539495/frontend/Magento/base/default/Hyva_Theme/js/alpine3.min.js"
        defer
        crossorigin
></script>
<script>
    'use strict';
    function dispatchMessages(messages, hideAfter) {
        const messagesEvent = new CustomEvent("messages-loaded", {
            detail: {
                messages: messages,
                hideAfter: hideAfter
            }
        });
        window.dispatchEvent(messagesEvent);
    }

    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
    }

    (function( hyva, undefined ) {

        hyva.initFormKey = () => {
            const inputSelector = 'input[name="form_key"]',
                formKey = hyva.getFormKey();

            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
                input.value = formKey
            });
        }

        hyva.initMessages = () => {
            try {
                const messages = hyva.getCookie('mage-messages');
                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];

                dispatchMessages(window.mageMessages);

                                // empty `mage-messages` cookie
                const skipSetDomain = true;
                hyva.setCookie('mage-messages','', -1, skipSetDomain);

            } catch (error) {
                console.warn('Error parsing Cookie Messages:', error);
            }
        }

        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
        hyva.alpineInitialized(hyva.initMessages)

    }( window.hyva = window.hyva || {} ));
</script>
<script>
    'use strict';
    {
        const private_content_key = 'mage-cache-storage';
        const private_content_expire_key = 'mage-cache-timeout';
        const private_content_version_key = 'private_content_version';
        const section_data_ids_key = 'section_data_ids';
        const mage_cache_session_id_key = 'mage-cache-sessid';
        const last_visited_store_key = 'last_visited_store';

        const ttl = 3600;

        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
        }

        function loadSectionData () {
            const browserStorage = hyva.getBrowserStorage();
            if (!browserStorage) {
                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                    [{
                        type: "warning",
                        text: "Veuillez activer localStorage dans votre navigateur."
                    }]
                );
                return;
            }
            try {
                let isInvalid = false;

                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
                    isInvalid = true;
                }
                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);

                if (!hyva.getCookie(mage_cache_session_id_key)) {
                    isInvalid = true;
                    browserStorage.removeItem(private_content_key);
                    const skipSetDomain = true;
                    const days = false;
                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
                }

                const cookieVersion = hyva.getCookie(private_content_version_key);
                const storageVersion = browserStorage.getItem(private_content_version_key);

                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
                    isInvalid = true;
                }

                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
                    browserStorage.removeItem(private_content_key);
                }

                if (isInvalid && cookieVersion) {
                    fetchPrivateContent([]);
                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
                    if (
                        privateContent &&
                        privateContentExpires &&
                        privateContent.cart &&
                        privateContent.customer
                    ) {
                        dispatchPrivateContent(privateContent);
                    } else {
                        fetchPrivateContent([]);
                    }
                } else {
                    if (document.getElementById('default-section-data')) {
                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
                        dispatchPrivateContent(privateContent);
                    } else {
                        dispatchPrivateContent({});
                    }
                }

            } catch (error) {
                console.warn('Error retrieving Private Content:', error);
            }
        }

        hyva.alpineInitialized(loadSectionData)
        window.addEventListener('reload-customer-section-data', loadSectionData);

        window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);

        function dispatchPrivateContent(data) {

            const privateContentEvent = new CustomEvent("private-content-loaded", {
                detail: {
                    data: window.processSectionDataBeforeDispatch(data)
                }
            });
            window.dispatchEvent(privateContentEvent);
        }

        function fetchPrivateContent(sections) {
            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(response => response.ok && response.json())
                .then(
                    data => {
                        if (data) {
                            try {
                                const browserStorage = hyva.getBrowserStorage();

                                // merge new data preserving non-invalidated sections
                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};

                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
                                    delete oldSectionData['checkout-data'];
                                }
                                const newSectionData = Object.assign(oldSectionData, data);

                                dispatchPrivateContent(newSectionData);

                                // don't persist messages, they've been dispatched already
                                if (newSectionData.messages && newSectionData.messages.messages ) {
                                    newSectionData.messages.messages = [];
                                }

                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));

                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
                                browserStorage.setItem(private_content_expire_key, expiresAt);

                                const newCookieVersion = hyva.getCookie(private_content_version_key);
                                browserStorage.setItem(private_content_version_key, newCookieVersion);

                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
                                hyva.setCookie(
                                    section_data_ids_key,
                                    JSON.stringify(
                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
                                            return sectionDataIds;
                                        }, {})
                                    ),
                                    false,
                                    true
                                );
                            } catch (error) {
                                console.warn("Couldn't store privateContent", error);
                            }
                        }
                    }
                );
        }
    }
</script>
<script>
    (() => {
        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
    })()
</script>
<script>
    (events => {
        const dispatchUserInteractionEvent = () => {
            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
            window.dispatchEvent(new Event('init-external-scripts'))
        };
        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])
</script>
<script>
    function initWishlist() {
        return {
            addToWishlist(productId) {
                const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'wishlist/index/add/';

                fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    } else {
                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                            [{
                                type: "warning",
                                text: "Impossible\u0020d\u0027ajouter\u0020un\u0020article\u0020\u00E0\u0020la\u0020liste\u0020de\u0020souhaits."
                            }], 5000
                        );
                    }
                }).then(function (response) {
                    if (!response) { return }
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: (response.success) ? "success" : "error",
                            text: (response.success)
                                ? "Produit\u0020a\u0020\u00E9t\u00E9\u0020ajout\u00E9\u0020\u00E0\u0020votre\u0020liste\u0020d\u0027achats."
                                : response.error_message
                        }], 5000
                    );
                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                    window.dispatchEvent(reloadCustomerDataEvent);
                }).catch(function (error) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: error
                        }], 5000
                    );
                });
            }
        }
    }
</script>
<script>
    'use strict';

    (() => {
        const initCarousels = (elements) => {
            if (!Glider) {
                return;
            }

            const initSliderCarousel = (slider) => {
                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
                slider.classList.add('glider-contain');

                slider.insertAdjacentHTML(
                    'beforeend',
                    '\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020py\u002D0\u0020px\u002D5\u0020mb\u002D6\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002D1\u0020gap\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u003C\u002Fdiv\u003E\u000A\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Darrows\u0020flex\u0020gap\u002D2.5\u0020justify\u002Dcenter\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022Pr\u00E9c\u00E9dent\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020type\u003D\u0022button\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020glider\u002Darrow\u0020w\u002D6\u0020h\u002D6\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020rounded\u002Dfull\u0020transition\u002Dcolors\u000A\u0020\u0020\u0020\u0020duration\u002D400\u0020text\u002Dforest\u002D500\u0020border\u0020border\u002Dforest\u002D500\u0020lg\u003Ahover\u003Aborder\u002Dswamp\u002D500\u0020lg\u003Ahover\u003Atext\u002Dswamp\u002D500\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u00206\u00209\u0022\u0020fill\u003D\u0022none\u0022\u0020class\u003D\u0022w\u002D2\u0020h\u002D2\u0022\u0020role\u003D\u0022img\u0022\u003E\u000A\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M5.63439\u00207.89979C5.85524\u00207.54936\u00205.75019\u00207.08625\u00205.39977\u00206.8654L2.57394\u00205.08446C2.17184\u00204.83105\u00201.91927\u00204.67078\u00201.74765\u00204.53663C1.64349\u00204.45521\u00201.60626\u00204.41074\u00201.59615\u00204.39718C1.58193\u00204.35127\u00201.58125\u00204.30223\u00201.59419\u00204.25594C1.60392\u00204.24211\u00201.63989\u00204.19662\u00201.74175\u00204.11234C1.90958\u00203.97346\u00202.1576\u00203.80624\u00202.5525\u00203.54175L5.41725\u00201.62303C5.7614\u00201.39253\u00205.85353\u00200.926681\u00205.62303\u00200.582527C5.39253\u00200.238374\u00204.92668\u00200.146242\u00204.58252\u00200.376745L1.68738\u00202.31582C1.33203\u00202.55379\u00201.01916\u00202.76331\u00200.785479\u00202.95668C0.543726\u00203.15672\u00200.290109\u00203.41485\u00200.17069\u00203.78221C0.0512405\u00204.14965\u00200.0567527\u00204.5463\u00200.186367\u00204.91029C0.315948\u00205.27418\u00200.57664\u00205.52517\u00200.823858\u00205.71841C1.06282\u00205.90521\u00201.38138\u00206.10595\u00201.7432\u00206.33395C1.75349\u00206.34043\u00201.76381\u00206.34694\u00201.77417\u00206.35347L4.6\u00208.1344C4.95043\u00208.35525\u00205.41354\u00208.25021\u00205.63439\u00207.89979Z\u0022\u0020fill\u003D\u0022currentColor\u0022\u002F\u003E\u000A\u003Ctitle\u003Earrow\u002Dleft\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022Suivant\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020type\u003D\u0022button\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020glider\u002Darrow\u0020w\u002D6\u0020h\u002D6\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020rounded\u002Dfull\u0020transition\u002Dcolors\u000A\u0020\u0020\u0020\u0020duration\u002D400\u0020text\u002Dforest\u002D500\u0020border\u0020border\u002Dforest\u002D500\u0020lg\u003Ahover\u003Aborder\u002Dswamp\u002D500\u0020lg\u003Ahover\u003Atext\u002Dswamp\u002D500\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u00206\u00209\u0022\u0020fill\u003D\u0022none\u0022\u0020class\u003D\u0022w\u002D2\u0020h\u002D2\u0022\u0020role\u003D\u0022img\u0022\u003E\u000A\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M0.365614\u00208.39979C0.144764\u00208.04936\u00200.249805\u00207.58625\u00200.600231\u00207.3654L3.42606\u00205.58446C3.82816\u00205.33105\u00204.08073\u00205.17078\u00204.25235\u00205.03663C4.35651\u00204.95521\u00204.39374\u00204.91074\u00204.40385\u00204.89718C4.41807\u00204.85127\u00204.41875\u00204.80223\u00204.40581\u00204.75594C4.39608\u00204.74211\u00204.36011\u00204.69662\u00204.25825\u00204.61234C4.09042\u00204.47346\u00203.8424\u00204.30624\u00203.4475\u00204.04175L0.582753\u00202.12303C0.2386\u00201.89253\u00200.146468\u00201.42668\u00200.376971\u00201.08253C0.607474\u00200.738374\u00201.07332\u00200.646242\u00201.41748\u00200.876745L4.31262\u00202.81582C4.66797\u00203.05379\u00204.98084\u00203.26331\u00205.21452\u00203.45668C5.45627\u00203.65672\u00205.70989\u00203.91485\u00205.82931\u00204.28221C5.94876\u00204.64965\u00205.94325\u00205.0463\u00205.81363\u00205.41029C5.68405\u00205.77418\u00205.42336\u00206.02517\u00205.17614\u00206.21841C4.93718\u00206.40521\u00204.61862\u00206.60595\u00204.2568\u00206.83395C4.24651\u00206.84043\u00204.23619\u00206.84694\u00204.22583\u00206.85347L1.4\u00208.6344C1.04957\u00208.85525\u00200.586464\u00208.75021\u00200.365614\u00208.39979Z\u0022\u0020fill\u003D\u0022currentColor\u0022\u002F\u003E\u000A\u003Ctitle\u003Earrow\u002Dright\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
                );

                const gliderElement = slider.querySelector('[data-role="glider-content"]');
                const gliderDots = slider.querySelector('.glider-dots');
                const gliderPrev = slider.querySelector('.glider-prev');
                const gliderNext = slider.querySelector('.glider-next');

                let gliderOptions = {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    scrollLock: true,
                    scrollLockDelay: 0,
                    draggable: true,
                    dragVelocity: 0,
                    dots: gliderDots,
                    arrows: {
                        prev: gliderPrev,
                        next: gliderNext,
                    },
                };

                if (slider.dataset.appearance === 'alternative') {
                    const { slidesToShowMobile, slidesToShowTablet, slidesToShowDesktop } = slider.dataset;
                    gliderOptions.slidesToShow = slidesToShowMobile;
                    gliderOptions.slidesToScroll = Math.floor(slidesToShowMobile);

                    gliderOptions.responsive = [
                        {
                            breakpoint: 768,
                            settings: {
                                slidesToShow: slidesToShowTablet,
                                slidesToScroll: Math.floor(slidesToShowTablet)
                            }
                        },
                        {
                            breakpoint: 1024,
                            settings: {
                                slidesToShow: slidesToShowDesktop,
                                slidesToScroll: Math.floor(slidesToShowDesktop)
                            }
                        },
                    ]
                }

                const glider = new Glider(gliderElement, gliderOptions);

                slider.classList.add('glider-initialized');
                if (slider.dataset.showArrows === 'true') {
                    gliderPrev.classList.remove('hidden');
                    gliderNext.classList.remove('hidden');
                }

                if (slider.dataset.autoplay !== 'false') {
                    hyva.gliderAutoplay(
                        glider,
                        slider.dataset.autoplaySpeed,
                        slider.dataset.infiniteLoop
                    );
                }
            };

            elements.forEach(element => {
                if (element.dataset.contentType === 'products') {
                    hyva.initProductCarousel(element);
                }
                if (element.dataset.contentType === 'slider') {
                    initSliderCarousel(element);
                }
            });
        };

        window.addEventListener('DOMContentLoaded', () => {
            const carouselElements = document.querySelectorAll(
                `[data-content-type="products"][data-appearance="carousel"],
                [data-content-type="slider"]`
            );

            if (carouselElements.length > 0) {
                const script = document.createElement('script');
                script.type = 'text/javascript';

                script.addEventListener('load', () => {
                    initCarousels(carouselElements);
                });

                script.src = 'https\u003A\u002F\u002Fwww.lecedrerouge.com\u002Fstatic\u002Fversion1774539495\u002Ffrontend\u002FHyva\u002Fdefault\u002Fdefault\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
                document.head.appendChild(script);
            }
        });
    })();
</script><script>
    'use strict';

    (() => {
        const applyShowOnHover = (element) => {
            const showOverlayOnHover = (element) => {
                const overlay = element.querySelector('.pagebuilder-overlay');
                const color = overlay.dataset.overlayColor;

                element.addEventListener('mouseover', () => {
                    overlay.style.backgroundColor = color;
                });
                element.addEventListener('mouseout', () => {
                    overlay.style.backgroundColor = 'transparent';
                });
            };

            const showButtonOnHover = (element) => {
                const button = element.querySelector('.pagebuilder-banner-button');

                element.addEventListener('mouseover', () => {
                    button.style.opacity = '1';
                    button.style.visibility = 'visible';
                });
                element.addEventListener('mouseout', () => {
                    button.style.opacity = '0';
                    button.style.visibility = 'hidden';
                });
            };

            if (element.dataset.showOverlay === 'hover') {
                showOverlayOnHover(element);
            }
            if (element.dataset.showButton === 'hover') {
                showButtonOnHover(element);
            }
        };

        window.addEventListener('DOMContentLoaded', () => {
            document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => {
                applyShowOnHover(element);
            });
        });
    })();
</script>
<script>
    function initPriceBox()
    {
        return {
            updatePrice(priceData) {
                const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                    regularPriceLabel && regularPriceLabel.classList.add('hidden');
                } else {
                    regularPriceLabel && regularPriceLabel.classList.remove('hidden');
                }
                regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
            }
        }
    }
</script>

    <script defer>
        'use strict';

        const initRowsSlider = (element) => {
            return {
                sliderInitialized: false,
                isHomePage: Boolean(parseInt(1)),
                init () {
                    const gliderScript = document.querySelector('script[src="https://www.lecedrerouge.com/static/version1774539495/frontend/Hyva/default/default/Magento_PageBuilder/js/glider.min.js"]');

                    if (gliderScript && window.hasOwnProperty('Glider')) {
                        this.launchSlider(element);
                    } else if (gliderScript && !window.hasOwnProperty('Glider')) {
                        gliderScript.addEventListener('load', () => {
                            this.launchSlider(element);
                        });
                    } else if (!gliderScript) {
                        const script = document.createElement('script');
                        this.appendGliderScript(script);

                        script.addEventListener('load', () => {
                            this.launchSlider(element);
                        });
                    }
                },
                launchSlider(element) {
                    const glider = new Glider(element, {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        scrollLock: true,
                        draggable: true,
                        skipTrack: true
                    });

                    hyva.gliderAutoplay(
                        glider,
                        5000,
                        true
                    );
                    this.sliderInitialized = true;
                },
                appendGliderScript(script) {
                    script.type = 'text/javascript';
                    script.src = 'https\u003A\u002F\u002Fwww.lecedrerouge.com\u002Fstatic\u002Fversion1774539495\u002Ffrontend\u002FHyva\u002Fdefault\u002Fdefault\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
                    document.head.appendChild(script);
                }
            }
        }
    </script>
<script>
    'use strict';

    (() => {
        const initSmoothScroll = (event) => {
            event.preventDefault();

            const targetElement = document.querySelector(event.currentTarget.getAttribute('href'));
            const headerElement = document.getElementById('header');

            window.scrollTo({
                top: targetElement.getBoundingClientRect().top + window.scrollY - headerElement.offsetHeight,
                behavior: 'smooth'
            });
        };

        const applySmoothScroll = () => {
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.removeEventListener('click', initSmoothScroll);
                anchor.addEventListener('click', initSmoothScroll);
            });
        };

        document.addEventListener('DOMContentLoaded', applySmoothScroll);
        document.addEventListener('alpine-initialized', applySmoothScroll);
    })();
</script>
<script>
    function initConfigurableOptions(productId, optionConfig) {

        function findPathParam(key) {
                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
            for (let i = 0; i < pathParts.length; i += 2) {
                if (pathParts[i] === key && pathParts.length > i) {
                    return pathParts[i + 1];
                }
            }
        }

        return {
            optionConfig,
            productId,
            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
            allowedAttributeOptions: [],
            selectedValues: [],
            init() {
                this.findAllowedAttributeOptions();
                this.$nextTick(() => {
                    if (typeof this.optionConfig.defaultValues === 'object') {
                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
                            this.changeOption(attributeId, value + '');
                        }
                    }
                    this.preselectQuerystringItems();
                    this.preselectLocationHashItems();
                });
            },
            productIndex: 0,
            productIndexForPrice: 0,
            optionIsActive(attributeId, optionId) {
                                return !!this.getAllowedAttributeOptions(attributeId).find(
                    option => option.id === optionId
                )
            },
            optionIsEnabled(attributeId, optionId) {
                                for (const productId in this.optionConfig.index) {
                    if (this.optionConfig.index[productId][attributeId] === optionId) {
                        return true;
                    }
                }
                return false;
            },
            findSimpleIndex() {
                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
                this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues);
            },
            calculateSimpleIndexForPartialSelection(selectedValues) {
                if (selectedValues.length === 0) return 0;
                return this.findProductIdsForPartialSelection(selectedValues)[0];
            },
            calculateSimpleIndexForFullSelection(selectedValues) {
                if (! this.isFullSelection(selectedValues)) return false;

                const productIndexes = this.optionConfig.index;
                return Object.keys(productIndexes).find(productIndex => {
                    const productCandidateOptions = productIndexes[productIndex];

                    for (const productOption in productCandidateOptions) {
                        if (
                            !selectedValues[productOption] ||
                            selectedValues[productOption] !== productCandidateOptions[productOption]
                        ) {
                            return false;
                        }
                    }
                    return productIndex;
                });
            },
            findAllowedAttributeOptions() {
                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
            },
            calculateAllowedAttributeOptions(selectedValues) {
                const allAttributes = this.optionConfig.attributes;
                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
                    return a.position - b.position
                });

                const newAllowedAttributeOptions = [];

                allAttributesSorted.forEach(attribute => {
                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
                        return !!option.products.find(product => {
                            return availableIndexes.includes(product);
                        })
                    });
                });
                return newAllowedAttributeOptions;
            },
            calculateAvailableProductIndexes(selectedOptions) {
                if (Object.keys(selectedOptions).length === 0) {
                                        if (Object.values(this.optionConfig.salable || {}).length) {
                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
                    }
                                        return Object.keys(this.optionConfig.index);
                }

                                const selectedIds = Object.keys(selectedOptions);
                if (Object.values(this.optionConfig.salable || {}).length) {
                                        const selectedOptionIndexes = selectedIds.map(attrId => {
                        const optionValue = selectedOptions[attrId];
                        return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
                    })
                                        return selectedOptionIndexes.reduce((acc, optionIndexes) => {
                        return acc.filter(index => optionIndexes.includes(index));
                    });
                } else {
                                        const productIndexes = this.optionConfig.index;
                    return Object.keys(productIndexes).filter(index => {
                                                for (const attrId of selectedIds) {
                            if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
                        }
                        return true
                    });
                }
            },
            findAttributeByOptionId(optionId) {
                for (const attributeId in this.optionConfig.attributes) {
                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
                    if (attributeOptions.find(option => option.id === optionId)) {
                        return attributeId;
                    }
                }
            },
            getAllowedAttributeOptions(attributeId) {
                return this.allowedAttributeOptions[attributeId] || []
            },
            getAllAttributeOptions(attributeId) {
                return (
                    this.optionConfig.attributes[attributeId] &&
                    this.optionConfig.attributes[attributeId].options
                ) || []
            },
            getProductIdsForOption(option) {
                const attributeId = this.findAttributeByOptionId(option.id);
                const allOptions = this.optionConfig.attributes[attributeId];
                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
                return opt && opt.products
                    ? opt.products
                    : [];
            },
            findProductIdsForPartialSelection(optionSelection) {
                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
                    const newCandidates = this.getProductIdsForOption({id: optionId});
                    return candidates === null
                        ? newCandidates
                        : candidates.filter(productId => newCandidates.includes(productId));
                }, null);
                return candidateProducts || [];
            },
            findCheapestProductForPartialSelection(optionSelection) {
                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
                return candidateProducts.reduce((cheapest, simpleIdx) => {
                    // in the first iteration we start with simpleIdx as the currently cheapest product
                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
                        ? simpleIdx
                        : cheapest;
                }, 0)
            },
            findProductIdToUseForOptionPrice(option) {
                // try to find a product for a complete selection
                const attributeId = this.findAttributeByOptionId(option.id);
                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
                // if there is no complete selection, use the cheapest product for the option
                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
            },
            getAttributeOptionLabel(option) {
                const optionProduct = this.findProductIdToUseForOptionPrice(option);

                if ((! optionProduct) || (optionProduct === this.productIndexForPrice)) {
                    return option.label;
                }

                const currentPrice = this.getOptionPriceAdjustmentBasePrice();

                if (this.optionConfig.optionPrices[optionProduct]) {
                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
                    if (optionPrice !== currentPrice){
                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
                    }
                }
                return option.label;
            },
            getOptionPriceAdjustmentBasePrice() {
                if (this.optionConfig.optionPrices[this.productIndexForPrice]) {
                    return this.optionConfig.optionPrices[this.productIndexForPrice].finalPrice.amount
                }
                return this.optionConfig.prices.finalPrice.amount; // default price if no option selection
            },
            clearOptionIfActive(optionId, value) {
                if (this.selectedValues[optionId] === value) {
                    this.blurLabel()
                    this.changeOption(optionId, '')
                }
            },
            removeAttrFromSelection(selectedValues, attributeId) {
                                attributeId = parseInt(attributeId);
                return selectedValues.reduce((newSelection, val, attr) => {
                    if (attr !== attributeId) {
                        newSelection[attr] = val;
                    }
                    return newSelection;
                }, []);
            },
            changeOption(attributeId, value) {
                if (value === '') {
                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
                                        this.selectedValues[attributeId] = value;
                }
                this.findSimpleIndex();
                this.findAllowedAttributeOptions();
                this.updatePrices();
                this.updateGallery();

                const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                window.dispatchEvent(
                    new CustomEvent(
                        'configurable-selection-changed',
                        {
                            detail: {
                                productId: this.productId,
                                optionId: attributeId,
                                value: value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku[id]),
                            }
                        }
                    )
                );
            },
            calculateIsMinimalPrice() {
                return ! this.isFullSelection(this.selectedValues);
            },
            isFullSelection(selectedValues) {
                return Object.values(selectedValues).length === Object.keys(this.optionConfig.attributes).length;
            },
            updatePrices() {
                const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices;
                window.dispatchEvent(
                    new CustomEvent(
                        "update-prices-" + this.productId,
                        {
                            detail: Object.assign(
                                value,
                                { isMinimalPrice: this.calculateIsMinimalPrice() }
                            )
                        }
                    )
                );
            },
            updateGallery () {
                if (this.productIndex) {
                    const images = this.optionConfig.images[this.productIndex];
                    images && window.dispatchEvent(new CustomEvent(
                        "update-gallery",
                        { detail: this.sortImagesByPosition(images) }
                    ));
                } else {
                    window.dispatchEvent(new Event("reset-gallery"));
                }
            },
            sortImagesByPosition(images) {
                return images.sort((x, y) => {
                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
                });
            },
            onGetCartData(data) {
                            },
            preselectCartItems(data) {
                // pre-select options based on cart data for current (quote) itemId
                const cart = data && data.cart;
                if (cart && cart.items) {
                    const cartItem = cart.items.find((item) => {
                        return (
                            item.item_id === this.itemId
                            && item.product_id === this.productId
                        )
                    });
                    if (cartItem && cartItem.options && cartItem.options.length) {
                        cartItem.options.map(option => {
                            this.changeOption(option.option_id, option.option_value);
                        })
                    }
                }
            },
            preselectQuerystringItems() {
                // pre-select option like ?size=167
                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
            },
            preselectLocationHashItems() {
                // pre-select option like #144=167
                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
            },
            preselectItemsBasedOnLocation(getLocationValue) {
                Object.values(this.optionConfig.attributes).map(attribute => {
                    const v = getLocationValue(attribute);
                    v && this.changeOption(attribute.id, v)
                });
            }
        }
    }

</script>
<script>
    function initSwatchOptions(swatchConfig) {
        return {
            swatchConfig,
            getAttributeSwatchData(attributeId) {
                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);

                return swatchConfig;
            },
            mapSwatchTypeNumberToTypeCode(typeNumber) {
                switch ("" + typeNumber) {
                    case "1":
                        return "color"
                    case "2":
                        return "image"
                    case "3":
                        return "empty"
                    case "0":
                    default:
                        return "text"
                }
            },
            getTypeOfFirstOption(attributeId) {
                for (const optionId in this.swatchConfig[attributeId]) {
                    const option = this.swatchConfig[attributeId][optionId];
                    if (typeof option.type !== 'undefined') {
                        return this.mapSwatchTypeNumberToTypeCode(option.type);
                    }
                }
            },
            getVisualSwatchType(attributeId, targetOptionId) {
                // If a type configuration is present for the given option id, use it
                const config = this.swatchConfig[attributeId];
                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
                }

                // Otherwise - if no config is present for the target option - use the type of the first option
                // with a type property from the attribute, thus assuming its the same type as the target option.
                // (This edge case condition can occur on single swatch products if some options are not salable)
                return this.getTypeOfFirstOption(attributeId);
            },
            getSwatchType(attributeId, optionId) {
                // Deserialize the attribute details the first time they are used
                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
                }
                const type =  this.swatchConfig[attributeId] &&
                    this.swatchConfig[attributeId].details &&
                    this.swatchConfig[attributeId].details.swatch_input_type ||
                    "empty";
                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
            },
            isTextSwatch(attributeId, optionId) {
                return this.getSwatchType(attributeId, optionId) === 'text';
            },
            isVisualSwatch(attributeId, optionId) {
                const type = this.getSwatchType(attributeId, optionId);

                return ['image', 'color'].includes(type);
            },
            getSwatchBackgroundStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

                if (type === "color") {
                        return 'background-color:' + config.value;
                } else if (type === "image") {
                        return "background: #ffffff url('" + config.value + "') no-repeat center";
                } else {
                    return '';
                }
            },
            getSwatchText(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
            },
            getOptionLabelFromOptionConfig(attributeId, optionId) {
                // Fallback if no value is present in swatchConfig data
                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
                return option && option[0] && option[0].label ||'';
            },
            getSwatchConfig(attributeId, optionId) {
                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
                    ? this.swatchConfig[attributeId][optionId]
                    : false;
            },
            activeTooltipItem: false,
            tooltipPositionElement: false,
            isTooltipVisible() {
                return this.activeTooltipItem &&
                    this.getSwatchConfig(
                        this.activeTooltipItem.attribute,
                        this.activeTooltipItem.item
                    );
            },
            isFirstItemCol() {
                return this.activeTooltipItem.index === 0;
            },
            getTooltipImageStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

                if (type === "color") {
                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
                } else if (type === "image") {
                    return "background: #ffffff url('" + config.thumb +
                        "') center center no-repeat; width: 110px; height: 90px;";
                } else {
                    return 'display:none';
                }
            },
            getTooltipPosition() {
                return this.tooltipPositionElement ?
                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
                    `left: ${
                        this.tooltipPositionElement.offsetLeft - (
                            this.tooltipPositionElement.closest('.snap') &&
                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
                            0
                        )
                    }px;` : ''
            },
            getTooltipLabel() {
                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
            },
            focusedLabel: false,
            focusLabel(optionId) {
                this.focusedLabel = optionId;
            },
            blurLabel() {
                this.focusedLabel = false;
            },
            showSwatches: false,
            initShowSwatchesIntersect() {
                if ('IntersectionObserver' in window && !window.scrollY) {
                    let io = new IntersectionObserver(
                        entries => {
                            entries.map(entry => {
                                if (entry.isIntersecting) {
                                    this.showSwatches = true;
                                    io.unobserve(this.$root);
                                }
                            })
                        }
                    );
                    io.observe(this.$root);
                } else {
                    this.showSwatches = true
                }
            }
        }
    }
</script>
<script>
    'use strict';

    (function () {
        const modals = [];
        const excludedFromFocusTrapping = new Set();

        function trapFocusInNextModalWithOverlay() {
            for (let idx = modals.length -1; idx >= 0; idx--) {
                const nextOnStack = modals[idx];
                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
                if (! isOverlayDisabled(nextDialogElement)) {
                    hyva.trapFocus(nextDialogElement);
                    break;
                }
            }
        }

        function focusables(dialogElement) {
            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
            return Array.from(dialogElement.querySelectorAll(selector))
                .filter(el => !el.hasAttribute('disabled'));
        }

        function firstVisible(elements) {
            const a = Array.from(elements);
            for (let i = 0; i < a.length; i++) {
                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
            }
            return null;
        }

        function isInViewport(element) {
            const rect = element && element.getBoundingClientRect();
            return rect &&
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.right <= window.innerWidth &&
                rect.bottom <= window.innerHeight;
        }

        function setFocusAfterTransition(dialogElement, duration) {
                        const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
            next: for (let candidate of candidates) {
                for (let child of nested) {
                    if (child.contains(candidate)) continue next;
                }
                setTimeout(() => candidate.focus(), 50);
                break;
            }
            window.setTimeout(() => {
                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
                    focusables(dialogElement)[0] ||
                    null;
                focusElement && isInViewport(focusElement) && focusElement.focus();
            }, Math.max(1, duration));
        }

        function determineTrigger($refs, dialog, trigger) {
                        if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
                return dialog.target;
            }
                        if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
                return trigger.target;
            }
                        if (typeof trigger === 'string') {
                try {
                    return $refs[trigger] || document.querySelector(trigger)
                } catch (e) {}
            }
                        if (trigger instanceof Element) {
                return trigger;
            }

                        return null;
        }

        function isOverlayDisabled(dialog) {
            return dialog && dialog.hasAttribute('x-no-overlay')
        }

        function areRemainingModalsWithoutOverlay(modals)
        {
            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);

            return overflowDisabled.length === modals.length;
        }

        window.hyva.modal = function(options = {}) {
                        if (this.$el && this.$el.dataset && this.$el.dataset.options) {
                try {
                    options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
                } catch (e) {
                    throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
                }
            }

            const config = Object.assign({
                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
                transitionEnterStart: 'opacity-0',
                transitionEnterEnd: 'opacity-100',
                transitionLeave: 'transition ease-in duration-300',
                transitionLeaveStart: 'opacity-100',
                transitionLeaveEnd: 'opacity-0',
            }, options);
            let lastHide = 0;

            return {
                opened: {},
                show(dialog, trigger) {
                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    const dialogElement = this.$refs[name];
                    if (! dialogElement) {
                                                return;
                    }
                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');

                    dialogElement.scrollTop = 0;

                                        if (this.opened[name]) {
                        return;
                    }

                    if (focusTargetAfterHide) {
                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
                    }

                    this.opened[name] = true;
                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
                    setFocusAfterTransition(dialogElement, config.duration);

                    const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};

                    modals.push(frame);
                    if (useOverlay) {
                        document.body.classList.add('overflow-hidden');
                    }
                    return new Promise(resolve => frame.resolve = resolve);
                },
                cancel() {
                    this.hide(false);
                },
                ok() {
                    this.hide(true);
                },
                hide(value) {
                                        if (Date.now() - lastHide < config.duration) {
                        return;
                    }
                    lastHide = Date.now();

                    const modal = modals.pop() || {};
                    if (! modal.instance) {
                        return;
                    }

                    const name = modal.name;
                    this.opened[name] = false;
                    hyva.releaseFocus(modal.instance.$refs[modal.name])
                    trapFocusInNextModalWithOverlay();

                    const nextFocusAfterHide = modal.focusTarget;
                    nextFocusAfterHide && setTimeout(() => {
                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
                        nextFocusAfterHide.focus()
                    }, config.duration);

                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
                        document.body.classList.remove('overflow-hidden');
                    }

                    modal.resolve(value);
                },
                overlay(dialog) {
                    dialog = this.$el.dataset.dialogRefName || dialog;
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    return {
                        ['x-show']() {
                            return this.opened[name]
                        },
                        ['x-transition:enter']: config.transitionEnter,
                        ['x-transition:enter-start']: config.transitionEnterStart,
                        ['x-transition:enter-end']: config.transitionEnterEnd,
                        ['x-transition:leave']: config.transitionLeave,
                        ['x-transition:leave-start']: config.transitionLeaveStart,
                        ['x-transition:leave-end']: config.transitionLeaveEnd,
                        ['@hyva-modal-show.window'](event) {
                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
                        }
                    };
                },
                showDialogOnInit() {
                    const parent = this.$el.closest('[data-dialog-ref-name]');
                    if (parent && parent.dataset.dialogRefName) {
                        this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName})
                    }
                }
            };
        }

        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]

        window.hyva.modal.pop = function () {
            if (modals.length > 0) {
                const modal = modals[modals.length -1];
                modal.instance.hide();
            }
        }

        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
            typeof selectors === 'string' || selectors instanceof String
                ? excludedFromFocusTrapping.add(selectors)
                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
        }

        window.hyva.modal.eventListeners = {
            keydown: event => {
                if (event.key === 'Escape') {
                    window.hyva.modal.pop();
                }
            },
                        click: event => {
                if (modals.length > 0) {
                    const modal = modals[modals.length -1];
                    const dialog = modal.instance.$refs[modal.name];
                    if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago
                        ! isOverlayDisabled(dialog) && // if dialog has overlay
                        ! dialog.contains(event.target)) { // if click is outside of dialog
                        modal.instance.hide();
                    }
                }
            }
        };

        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);

        document.addEventListener('click', window.hyva.modal.eventListeners.click);
    })();
    window.addEventListener('alpine:init', () => {
        Alpine.data('hyvaModal', window.hyva.modal);
    }, {once: true});
</script>
<script>
    'use strict';

    const grecaptchaV2LoadCallbacks = [];

    function executeRecaptchaLoadCallbacks () {
        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
            const callback = grecaptchaV2LoadCallbacks.pop();
            typeof callback === 'string' ? window[callback]() : callback();
        }
    }

    (function() {
        const loadRecaptchaScript = (event) => {

            if (window.grecaptcha || !event.target.form) {
                return;
            }

            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
            const siteKey = '6Ld3EKAbAAAAAIOQ0I0mJwjDQnzvK1dkighXbYHT';
            const script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
            script.async = true;
            document.head.appendChild(script);

            script.addEventListener('load', () => {
                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
            });
        }

        window.forceLoadRecaptchaScript = (form) => {
            loadRecaptchaScript({target: {form: form || 'dummy'}});
            executeRecaptchaLoadCallbacks();
        };

        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });

    }());

</script>



<script>
    const algoliaLayeredNavigation = () => {
        return {
            open: false,
            isMobile: window.matchMedia('(max-width: 1439px)').matches,
            isTouchDevice: window.matchMedia('(pointer: coarse)').matches,
            facetTopPosition: 0,
            currentRefinementsCount: 0,
            init() {
                const { offsetHeight: headerWrapperHeight } = document.querySelector('.header-wrapper');
                const { offsetHeight: searchContentHeight } = document.getElementById('search-content');
                let filtersTopPosition = null;

                if (this.isMobile) {
                    this._bind();

                    if (this.isTouchDevice) {
                        filtersTopPosition = headerWrapperHeight - searchContentHeight;
                    } else {
                        filtersTopPosition = headerWrapperHeight;
                    }
                }

                if (this.isMobile && this.isTouchDevice) {
                    filtersTopPosition = headerWrapperHeight - searchContentHeight;
                } else if (this.isMobile) {
                    filtersTopPosition = headerWrapperHeight;
                }

                if (filtersTopPosition) {
                    this.facetTopPosition = hyva.convertPxToRem(filtersTopPosition);
                }
            },

            _bind() {
                this.$watch('open', (state) => {
                    if (state) {
                        hyva.lockBody();
                    } else {
                        hyva.unlockBody();
                    }
                });

                window.addEventListener('close-algolia-filters-popin', () => {
                    this.open = false;
                    hyva.unlockBody();
                });

                window.addEventListener('algolia-current-refinements-count', (event) => {
                    const { count } = event.detail;
                    this.currentRefinementsCount = count;
                });
            }
        }
    }
</script>

<!-- Wrapping template -->
<script type="text/template" id="instant_wrapper_template">
    {{#findAutocomplete}}
        <div id="algolia-autocomplete-container"></div>
    {{/findAutocomplete}}

    <div id="instant-search-bar"></div>

    <div id="algolia_instant_selector"
         class="w-full h-full mx-auto  with-facets">
        <div class="flex flex-col lg:flex-row">
            <div class="w-full" id="algolia-right-container">
                <div>
                    <div itemscope itemtype="http://schema.org/ItemList"
                         x-data="algoliaLayeredNavigation()">
                        <div class="flex flex-wrap container items-center py-7 border-b border-merino-500 lg:flex-nowrap xl:items-baseline">
                            <div class="algolia-stats order-3 mt-5 w-full mt-0 lg:order-1 lg:w-auto lg:mt-0" id="algolia-stats"></div>
                            <div class="order-1 w-1/2 lg:order-2 lg:flex lg:flex-col lg:flex-1 lg:w-auto lg:items-center">
                                <div class="block xl:hidden">
                                    <button type="button" class="flex gap-x-1 text-primary text-base font-semibold"
                                            aria-controls="filters-content"
                                            :aria-expanded="open"
                                            @click="open = !open">
                                        Tous les filtres                                        <span x-text="open ? '-' : '+'"></span>
                                    </button>
                                </div>
                                <div id="instant-search-facets-container"
                                     x-ref="facetsContainer"
                                     :style="{ top: facetTopPosition }"
                                     class="hidden fixed left-0 right-0 bottom-0 z-40 pb-12
                                            bg-container border-t border-merino-500 overflow-auto
                                            xl:flex xl:static xl:border-none xl:overflow-visible
                                            xl:flex-wrap xl:justify-center xl:gap-y-4 xl:bg-transparent xl:z-30 xl:pb-0"
                                     :class="{ 'hidden' : isMobile && !open }">
                                    <div class="flex justify-between items-center
                                                px-5 py-7
                                                xl:hidden">
                                        <button type="button" class="flex gap-x-1 text-primary text-base font-semibold"
                                                aria-controls="filters-content"
                                                :aria-expanded="open"
                                                @click="open = !open">
                                            Tous les filtres                                            <span x-text="open ? '-' : '+'"></span>
                                        </button>
                                        <div id="algolia-popin-stats"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="flex order-2 w-1/2 justify-end lg:order-3 lg:w-auto">
                                <div class="hidden">
                                    SORT BY                                </div>
                                <div id="algolia-sorts" class="toolbar-sorter"></div>
                            </div>
                        </div>
                        <div class="container py-5 flex flex-col lg:flex-row lg:items-center lg:justify-between"
                            x-show="currentRefinementsCount > 0">
                            <div class="mb-5 lg:mb-0 lg:order-2 xl:ml-auto text-sm" id="clear-refinements"></div>
                            <div id="current-refinements" class="lg:order-1"></div>
                        </div>
                        <div id="algolia-banner"></div>
                        <div id="instant-empty-results-container"></div>
                        <div class="container py-6 lg:py-12" id="instant-search-results-container"
                            :class="currentRefinementsCount > 0 && 'pt-0 lg:pt-0'"></div>
                    </div>
                </div>
                <div>
                    <div id="instant-search-pagination-container"></div>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="instant-hit-template">
    <div class="item product product-item flex flex-col h-full w-full image-zoom relative bg-white"
         itemprop="itemListElement"
         itemscope
         itemtype="http://schema.org/ListItem">
        <meta itemprop="position" content="{{__position}}" />

        {{#labels}}
            <div class="product-items-labels-container absolute top-0 left-0 right-8 z-[1] flex flex-wrap gap-1 justify-start max-w-[22.5rem] p-2.5 pointer-events-none">
                {{{labels}}}
            </div>
        {{/labels}}

        <div class="product photo product-item-photo block w-full" tabindex="-1">
            <div class="product-ratio-visual-container aspect-product-item">
                {{#image_url}}
                    <img class="product-ratio-visual"
                         itemprop="image"
                         src="{{{image_url}}}"
                         alt="{{{name}}}" />
                {{/image_url}}
                {{^image_url}}
                    <span class="no-image"></span>
                {{/image_url}}
            </div>
        </div>
        <div class="product-info flex flex-col grow gap-2.5 p-2.5"
             itemprop="item" itemscope itemtype="http://schema.org/Product">
            <meta itemprop="url"
                  {{^__queryID}} content="{{url}}" {{/__queryID}}
                  {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
            />
            {{#manufacturer}}
            <span class="text-xs uppercase text-primary leading-tight">{{manufacturer}}</span>
            {{/manufacturer}}
            <a class="text-sm text-primary leading-tight line-clamp-2
                      before:absolute before:inset-0 before:z-10"
                {{^__queryID}} href="{{url}}" {{/__queryID}}
                {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
                data-objectid="{{objectID}}"
                data-indexname="{{__indexName}}"
                data-position="{{__position}}"
                data-queryid="{{__queryID}}">
                {{ name }}
            </a>

            {{#declinaisons}}
            <div>
                <p class="text-green-500 text-xs">
                    {{ declinaisonText }}
                </p>
            </div>
            {{/declinaisons}}

            {{#stockStatus}}
            <div>
                <p class="stock-status {{value}}"
                   title="Disponibilit&#xE9;">
                    {{label}}
                </p>
            </div>
            {{/stockStatus}}

            {{^price.EUR.default_max}}
                <div class="mt-auto" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                <meta itemprop="price" content="{{price.EUR.default}}" />
            {{/price.EUR.default_max}}
            {{#price.EUR.default_max}}
            <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
                <meta itemprop="lowPrice" content="{{price.EUR.default}}" />
                <meta itemprop="highPrice" content="{{price.EUR.default_max}}" />
                {{/price.EUR.default_max}}
                <meta itemprop="priceCurrency" content="EUR" />
                <div class="price-box">
                    {{#price.EUR.default_original_formated}}
                        <span class="special-price">
                            <span class="price">{{price.EUR.default_formated}}</span>
                        </span>
                        <div class="old-price flex gap-2.5 items-center">
                            <div class="price">{{price.EUR.default_original_formated}}</div>
                            {{#discount_percent}}
                                <span class="bg-container-darker rounded-[11rem] py-0.5 px-1.5 text-xs">{{discount_percent}}</span>
                            {{/discount_percent}}
                        </div>
                    {{/price.EUR.default_original_formated}}
                    {{^price.EUR.default_original_formated}}
                        <span class="price">{{price.EUR.default_formated}}</span>
                    {{/price.EUR.default_original_formated}}
                </div>
            </div>
        </div>
        <button x-data="initWishlist()"
                @click.prevent="addToWishlist({{objectID}})"
                class="absolute top-0 right-0 w-8 h-8
                    inline-flex items-center justify-center z-20"
        >
            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 11 10" fill="none" class="w-3 h-3" aria-hidden="true"><path d="M2.677.02A3.012 3.012 0 0 0 .166 2.066a2.898 2.898 0 0 0-.16 1.115c.027.686.271 1.331.699 1.847.057.069 1.093 1.138 2.302 2.377 2.419 2.477 2.262 2.33 2.493 2.33.231 0 .074.146 2.492-2.33a243.509 243.509 0 0 0 2.303-2.376 3.13 3.13 0 0 0 .645-1.36c.044-.208.049-.27.049-.607 0-.338-.005-.4-.049-.606a3.214 3.214 0 0 0-.476-1.14A3.015 3.015 0 0 0 8.672.081a2.95 2.95 0 0 0-1.983.232c-.357.179-.598.363-.964.738L5.5 1.28l-.225-.229C4.909.676 4.668.492 4.311.313A2.958 2.958 0 0 0 2.677.02m.81 1.042c.21.057.417.15.597.268.126.083.265.212.646.598.539.546.565.565.77.565.205 0 .231-.019.77-.565.526-.533.661-.642.955-.765.287-.122.41-.144.777-.144.285 0 .352.005.486.041.2.053.524.211.686.334.367.279.641.688.756 1.131.063.239.08.65.037.894a2.12 2.12 0 0 1-.374.882C9.5 4.425 5.528 8.516 5.5 8.516c-.024 0-4.004-4.093-4.087-4.203a2.621 2.621 0 0 1-.313-.61 2.35 2.35 0 0 1-.03-1.178c.115-.443.389-.852.756-1.131.225-.171.596-.329.878-.374.03-.004.187-.006.349-.002.225.004.326.015.434.044" fill="currentColor" fill-rule="evenodd"/></svg>
        </button>
    </div>
</script>

<script type="text/template" id="instant-stats-template">
    <div class="xl:py-2">
        {{#hasOneResult}}
        <span class="text-primary">
            {{nbHits}}
            produit        </span>
        {{/hasOneResult}}
        {{#hasManyResults}}
        <span class="text-primary">
            {{nbHits}}
            produits        </span>
        {{/hasManyResults}}
    </div>
</script>

<script type="text/template" id="refinements-lists-item-template">
    <label class="{{cssClasses.label}} {{#isRefined}}checked{{/isRefined}} flex items-center">
        <input class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} type="checkbox" value="{{value}}" />
        <span class="pl-2">{{value}}</span>
        <span class="{{cssClasses.count}} flex-grow text-right">{{count}}</span>
    </label>
</script>
<script type="text/template" id="current-refinements-template">
    <div class="cross-wrapper">
        <span class="clear-cross clear-refinement"></span>
    </div>
    <div class="current-refinement-wrapper">
        {{#label}}
        <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span>
        {{/label}}
        {{#operator}}
        {{{displayOperator}}}
        {{/operator}}
        {{#exclude}}-{{/exclude}}
        <span class="current-refinement-name">{{name}}</span>
    </div>
</script>
<script>
    'use strict';

    (() => {
        const browserStorage = hyva.getBrowserStorage();
        const storageKey = 'mage-banners-cache-storage';
        const cacheTimeoutKey = 'mage-banners-cache-timeout';
        const storeIdKey = 'mage-banners-storeId';
        const cartIdKey = 'mage-banners-cartDataId';
        const options = {
            cacheTtl: 30000,
            sectionLoadUrl: 'https://www.lecedrerouge.com/banner/ajax/load/'
        };

        if (browserStorage && browserStorage.getItem(storageKey) === null) {
            browserStorage.setItem(storageKey, "{}");
        }

        async function initBanners(elements) {
            invalidateCacheBySessionTimeOut();

            const storageData = JSON.parse(browserStorage.getItem(storageKey));
            let items = [];

            if (storageData.data) {
                items = getFromStorage();
            } else {
                items = await getFromServer();
            }

            populateDynamicBlocks(elements, items);
        }

        // Cache invalidation. Banner cache ttl is 30 sec by default.
        function invalidateCacheBySessionTimeOut() {
            const cacheEol = new Date(browserStorage.getItem(cacheTimeoutKey))
            const dateTo = new Date(Date.now() + options.cacheTtl);
            const globalStoreId = hyva.getCookie('store') || 'default';
            const mageCacheStorage = JSON.parse(browserStorage.getItem('mage-cache-storage'));
            let cartDataId = null;

            if (browserStorage.getItem(storeIdKey) === null) {
                browserStorage.setItem(storeIdKey, globalStoreId);
            }

            if (mageCacheStorage !== null &&
                mageCacheStorage.hasOwnProperty('cart')) {
                cartDataId = mageCacheStorage.cart['data_id'];
            }

            if (cacheEol < new Date() ||
                browserStorage.getItem(storeIdKey) !== globalStoreId ||
                Number(browserStorage.getItem(cartIdKey)) !== cartDataId)
            {
                browserStorage.setItem(storageKey, "{}");
                browserStorage.setItem(cacheTimeoutKey, dateTo);
                browserStorage.setItem(storeIdKey, globalStoreId);

                if (cartDataId) {
                    browserStorage.setItem(cartIdKey, cartDataId);
                }
            }
        }

        async function getFromServer() {
            try {
                const url = new URL(options.sectionLoadUrl);
                url.searchParams.append('requesting_page_url', url.origin);
                url.searchParams.append('_', Date.now());

                const response = await fetch(url.href, {
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                });
                const storageData = await response.json();

                browserStorage.setItem(storageKey, JSON.stringify(storageData));

                if (storageData.data && storageData.data.items) {
                    return storageData.data.items.fixed ? storageData.data.items.fixed : [];
                }
            } catch (error) {
                console.warn(error);

                return [];
            }
        }

        function getFromStorage() {
            const storageData = JSON.parse(browserStorage.getItem(storageKey));
            if (storageData.data && storageData.data.items) {
                return storageData.data.items.fixed || [];
            }
        }

        function populateDynamicBlocks(elements, items) {
            if (!items || items.length === 0) {
                console.log(`No\u0020banners\u0020found`);

                return;
            }

            for (const element of elements) {
                // Filter IDs by those allowed for current customer segment
                const ids = element.getAttribute('data-ids').split(',').filter((id) => items.hasOwnProperty(id));
                const config = {
                    type: element.getAttribute('data-rotate'),
                    dynamicBlockId: element.getAttribute('data-banner-id'),
                };

                getByType(config, element, items, ids);
            }
        }

        function getByType(config = null, element, items, ids) {
            if (!config) return;

            if (config.type === 'random') {
                ids = [ids[Math.floor(Math.random() * ids.length)]];
            }

            if (config.type === 'series' || config.type === 'shuffle') {
                ids = [getNextInOrder(config, ids)];
            }

            for (const id of ids) {
                if (items[id]) {
                    element.insertAdjacentHTML('beforeend', items[id].content);
                }
            }
        }

        function getNextInOrder(config, ids) {
            const dynamicBlockId = config.dynamicBlockId;
            const localStorageKey = 'dynamic-block-banner-rotator';
            let localStorageData = JSON.parse(localStorage.getItem(localStorageKey)) || {};
            let nextId;

            if (localStorageData[dynamicBlockId] && localStorageData[dynamicBlockId].length > 0) {
                nextId = localStorageData[dynamicBlockId].shift(0);
            } else {
                if (config.type === 'shuffle') {
                    ids.sort(() => Math.random() - 0.5);
                }
                nextId = ids.shift(0);
                localStorageData[dynamicBlockId] = ids;
            }

            localStorage.setItem(
                localStorageKey,
                JSON.stringify(localStorageData)
            );

            return nextId;
        }

        const elements = document.querySelectorAll('[data-banner-id][data-ids]');
        if (elements.length > 0) {
            initBanners(elements);
        }
    })();
</script>
<script defer>
    'use strict';

    (() => {
                const updateAccordionMarkup = (accordion) => {
            const sevPageBuilderAccordion = () => {
                return {
                    selected: [],
                    init() {
                        if (this.$el.dataset.openAllEntries === "true") {
                            const accordionItems = this.$el.querySelectorAll('[data-content-type="accordion-item"]');
                            accordionItems.forEach((accordionItem, index) => {
                                this.selected.push(index);
                            })
                        } else {
                            this.selected = this.$el.dataset.openFirstEntry === "true" ? [0] : [];
                        }
                    },
                    setSelected(index) {
                        if (this.selected.includes(index)) {
                            this.selected = this.selected.filter(element => element !== index);
                        } else {
                            this.selected.push(index);
                        }
                    }
                }
            }

            accordion.setAttribute('x-data', sevPageBuilderAccordion);
            accordion.setAttribute('x-defer', 'intersect');

            let titles = accordion.querySelectorAll('[data-element="title"]');
            let contents = accordion.querySelectorAll('[data-element="content"]');

            titles.forEach((title, index) => {
                const arrow = document.createElement('span');
                arrow.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 9 6" fill="none" class="w-2 h-2" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.10021 5.63439C1.45064 5.85524 1.91375 5.75019 2.1346 5.39977L3.91554 2.57394C4.16895 2.17184 4.32922 1.91927 4.46337 1.74765C4.54479 1.64349 4.58926 1.60626 4.60282 1.59615C4.64873 1.58193 4.69777 1.58125 4.74406 1.59419C4.75789 1.60392 4.80338 1.63989 4.88766 1.74175C5.02654 1.90958 5.19376 2.1576 5.45825 2.5525L7.37697 5.41725C7.60747 5.7614 8.07332 5.85353 8.41747 5.62303C8.76163 5.39253 8.85376 4.92668 8.62325 4.58252L6.68418 1.68738C6.44621 1.33203 6.23669 1.01916 6.04332 0.785479C5.84328 0.543726 5.58515 0.290109 5.21779 0.17069C4.85035 0.0512407 4.4537 0.0567529 4.08971 0.186367C3.72582 0.315948 3.47483 0.57664 3.28159 0.823858C3.09479 1.06282 2.89405 1.38138 2.66605 1.7432C2.65957 1.75349 2.65306 1.76381 2.64653 1.77417L0.865596 4.6C0.644746 4.95043 0.749788 5.41354 1.10021 5.63439Z" fill="currentColor"/>
<title>arrow-up</title></svg>
`;
                arrow.setAttribute('class', 'transition ml-2');
                arrow.setAttribute(':style', `!selected.includes(${index}) && 'transform: scaleY(-1)'`);

                title.setAttribute('x-on:click', `setSelected(${index})`);
                title.setAttribute(':aria-expanded', `selected.includes(${index})`);
                title.setAttribute('id', `collapsible-button-${index}`);
                title.setAttribute('aria-controls', `collapsible-content-${index}`);
                title.setAttribute(':class', `selected.includes(${index}) && 'active'`);
                title.append(arrow);
            });

            contents.forEach((content, index) => {
                content.setAttribute('x-show', `selected.includes(${index})`);
                content.setAttribute('id', `collapsible-content-${index}`);
                content.setAttribute('aria-labelledby', `collapsible-button-${index}`);
            });
        };

        document.querySelectorAll('[data-content-type="accordion"]').forEach((accordion) => {
            updateAccordionMarkup(accordion);
        });
    })();
</script>
<script type="text/json" id="default-section-data">
    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"requisition":[],"cart":[],"directory-data":{"BE":{"name":"Belgique","regions":{"1858":{"code":"VAN","name":"Antwerpen"},"1861":{"code":"WBR","name":"Brabant wallon"},"1864":{"code":"BRU","name":"Brussels-Capital Region"},"1867":{"code":"WHT","name":"Hainaut"},"1873":{"code":"WLG","name":"Li\u00e8ge"},"1870":{"code":"VLI","name":"Limburg"},"1876":{"code":"WLX","name":"Luxembourg"},"1879":{"code":"WNA","name":"Namur"},"1882":{"code":"VOV","name":"Oost-Vlaanderen"},"1885":{"code":"VBR","name":"Vlaams-Brabant"},"1888":{"code":"VWV","name":"West-Vlaanderen"}}},"CA":{"name":"Canada","regions":{"196":{"code":"AB","name":"Alberta"},"199":{"code":"BC","name":"British Columbia"},"202":{"code":"MB","name":"Manitoba"},"208":{"code":"NB","name":"New Brunswick"},"205":{"code":"NL","name":"Newfoundland and Labrador"},"214":{"code":"NT","name":"Northwest Territories"},"211":{"code":"NS","name":"Nova Scotia"},"217":{"code":"NU","name":"Nunavut"},"220":{"code":"ON","name":"Ontario"},"223":{"code":"PE","name":"Prince Edward Island"},"226":{"code":"QC","name":"Quebec"},"229":{"code":"SK","name":"Saskatchewan"},"232":{"code":"YT","name":"Yukon Territory"}}},"ES":{"name":"Espagne","regions":{"388":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"391":{"code":"Alava","name":"Alava"},"394":{"code":"Albacete","name":"Albacete"},"397":{"code":"Alicante","name":"Alicante"},"400":{"code":"Almeria","name":"Almeria"},"403":{"code":"Asturias","name":"Asturias"},"406":{"code":"Avila","name":"Avila"},"409":{"code":"Badajoz","name":"Badajoz"},"412":{"code":"Baleares","name":"Baleares"},"415":{"code":"Barcelona","name":"Barcelona"},"418":{"code":"Burgos","name":"Burgos"},"421":{"code":"Caceres","name":"Caceres"},"424":{"code":"Cadiz","name":"Cadiz"},"427":{"code":"Cantabria","name":"Cantabria"},"430":{"code":"Castellon","name":"Castellon"},"433":{"code":"Ceuta","name":"Ceuta"},"436":{"code":"Ciudad Real","name":"Ciudad Real"},"439":{"code":"Cordoba","name":"Cordoba"},"442":{"code":"Cuenca","name":"Cuenca"},"445":{"code":"Girona","name":"Girona"},"448":{"code":"Granada","name":"Granada"},"451":{"code":"Guadalajara","name":"Guadalajara"},"454":{"code":"Guipuzcoa","name":"Guipuzcoa"},"457":{"code":"Huelva","name":"Huelva"},"460":{"code":"Huesca","name":"Huesca"},"463":{"code":"Jaen","name":"Jaen"},"466":{"code":"La Rioja","name":"La Rioja"},"469":{"code":"Las Palmas","name":"Las Palmas"},"472":{"code":"Leon","name":"Leon"},"475":{"code":"Lleida","name":"Lleida"},"478":{"code":"Lugo","name":"Lugo"},"481":{"code":"Madrid","name":"Madrid"},"484":{"code":"Malaga","name":"Malaga"},"487":{"code":"Melilla","name":"Melilla"},"490":{"code":"Murcia","name":"Murcia"},"493":{"code":"Navarra","name":"Navarra"},"496":{"code":"Ourense","name":"Ourense"},"499":{"code":"Palencia","name":"Palencia"},"502":{"code":"Pontevedra","name":"Pontevedra"},"505":{"code":"Salamanca","name":"Salamanca"},"508":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"511":{"code":"Segovia","name":"Segovia"},"514":{"code":"Sevilla","name":"Sevilla"},"517":{"code":"Soria","name":"Soria"},"520":{"code":"Tarragona","name":"Tarragona"},"523":{"code":"Teruel","name":"Teruel"},"526":{"code":"Toledo","name":"Toledo"},"529":{"code":"Valencia","name":"Valencia"},"532":{"code":"Valladolid","name":"Valladolid"},"535":{"code":"Vizcaya","name":"Vizcaya"},"538":{"code":"Zamora","name":"Zamora"},"541":{"code":"Zaragoza","name":"Zaragoza"}}},"FR":{"name":"France","regions":{"544":{"code":"1","name":"Ain"},"547":{"code":"2","name":"Aisne"},"550":{"code":"3","name":"Allier"},"553":{"code":"4","name":"Alpes-de-Haute-Provence"},"559":{"code":"6","name":"Alpes-Maritimes"},"562":{"code":"7","name":"Ard\u00e8che"},"565":{"code":"8","name":"Ardennes"},"568":{"code":"9","name":"Ari\u00e8ge"},"571":{"code":"10","name":"Aube"},"574":{"code":"11","name":"Aude"},"577":{"code":"12","name":"Aveyron"},"745":{"code":"67","name":"Bas-Rhin"},"580":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"583":{"code":"14","name":"Calvados"},"586":{"code":"15","name":"Cantal"},"589":{"code":"16","name":"Charente"},"592":{"code":"17","name":"Charente-Maritime"},"595":{"code":"18","name":"Cher"},"598":{"code":"19","name":"Corr\u00e8ze"},"601":{"code":"2A","name":"Corse-du-Sud"},"607":{"code":"21","name":"C\u00f4te-d'Or"},"610":{"code":"22","name":"C\u00f4tes-d'Armor"},"613":{"code":"23","name":"Creuse"},"781":{"code":"79","name":"Deux-S\u00e8vres"},"616":{"code":"24","name":"Dordogne"},"619":{"code":"25","name":"Doubs"},"622":{"code":"26","name":"Dr\u00f4me"},"817":{"code":"91","name":"Essonne"},"625":{"code":"27","name":"Eure"},"628":{"code":"28","name":"Eure-et-Loir"},"631":{"code":"29","name":"Finist\u00e8re"},"634":{"code":"30","name":"Gard"},"640":{"code":"32","name":"Gers"},"643":{"code":"33","name":"Gironde"},"748":{"code":"68","name":"Haut-Rhin"},"604":{"code":"2B","name":"Haute-Corse"},"637":{"code":"31","name":"Haute-Garonne"},"673":{"code":"43","name":"Haute-Loire"},"700":{"code":"52","name":"Haute-Marne"},"754":{"code":"70","name":"Haute-Sa\u00f4ne"},"766":{"code":"74","name":"Haute-Savoie"},"805":{"code":"87","name":"Haute-Vienne"},"556":{"code":"5","name":"Hautes-Alpes"},"739":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"820":{"code":"92","name":"Hauts-de-Seine"},"646":{"code":"34","name":"H\u00e9rault"},"649":{"code":"35","name":"Ille-et-Vilaine"},"652":{"code":"36","name":"Indre"},"655":{"code":"37","name":"Indre-et-Loire"},"658":{"code":"38","name":"Is\u00e8re"},"661":{"code":"39","name":"Jura"},"664":{"code":"40","name":"Landes"},"667":{"code":"41","name":"Loir-et-Cher"},"670":{"code":"42","name":"Loire"},"676":{"code":"44","name":"Loire-Atlantique"},"679":{"code":"45","name":"Loiret"},"682":{"code":"46","name":"Lot"},"685":{"code":"47","name":"Lot-et-Garonne"},"688":{"code":"48","name":"Loz\u00e8re"},"691":{"code":"49","name":"Maine-et-Loire"},"694":{"code":"50","name":"Manche"},"697":{"code":"51","name":"Marne"},"703":{"code":"53","name":"Mayenne"},"706":{"code":"54","name":"Meurthe-et-Moselle"},"709":{"code":"55","name":"Meuse"},"712":{"code":"56","name":"Morbihan"},"715":{"code":"57","name":"Moselle"},"718":{"code":"58","name":"Ni\u00e8vre"},"721":{"code":"59","name":"Nord"},"724":{"code":"60","name":"Oise"},"727":{"code":"61","name":"Orne"},"769":{"code":"75","name":"Paris"},"730":{"code":"62","name":"Pas-de-Calais"},"733":{"code":"63","name":"Puy-de-D\u00f4me"},"736":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"742":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"751":{"code":"69","name":"Rh\u00f4ne"},"757":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"760":{"code":"72","name":"Sarthe"},"763":{"code":"73","name":"Savoie"},"775":{"code":"77","name":"Seine-et-Marne"},"772":{"code":"76","name":"Seine-Maritime"},"823":{"code":"93","name":"Seine-Saint-Denis"},"784":{"code":"80","name":"Somme"},"787":{"code":"81","name":"Tarn"},"790":{"code":"82","name":"Tarn-et-Garonne"},"814":{"code":"90","name":"Territoire-de-Belfort"},"829":{"code":"95","name":"Val-d'Oise"},"826":{"code":"94","name":"Val-de-Marne"},"793":{"code":"83","name":"Var"},"796":{"code":"84","name":"Vaucluse"},"799":{"code":"85","name":"Vend\u00e9e"},"802":{"code":"86","name":"Vienne"},"808":{"code":"88","name":"Vosges"},"811":{"code":"89","name":"Yonne"},"778":{"code":"78","name":"Yvelines"}}},"LU":{"name":"Luxembourg"},"data_id":1781018352},"captcha":[],"wishlist":{"items":[]},"company":[],"company_authorization":[],"customer-companies":[],"negotiable_quote":[],"purchase_order":[],"instant-purchase":[],"loggedAsCustomer":[],"multiplewishlist":[],"persistent":[],"review":[],"aw-afptc-promo":[],"hyva_enterprise":[],"hyva_checkout":[],"sevLoyalty":{"segmentIds":[14],"data_id":1781018352},"gtm-checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>

<script>
    'use strict';

    (() => {
        window.addEventListener('private-content-loaded', (event) => {
            const sectionData = event.detail.data;
            const company = sectionData.company;
            const companyAuth = sectionData.company_authorization;
            const customerCompanies = sectionData['customer-companies'];
            const permissions = {};

            if (company) {
                if (company.is_login_allowed === false) {
                    window.dispatchMessages && window.dispatchMessages([{
                        type: 'error',
                        text: 'Your\u0020account\u0020is\u0020locked. S\u0027il\u0020s\u2019agit\u0020d\u2019une\u0020erreur,\u0020veuillez\u0020contacter\u0020le\u0020vendeur.'
                    }]);
                    setTimeout(() => {
                        window.location.href = 'https\u003A\u002F\u002Fwww.lecedrerouge.com\u002Fcustomer\u002Faccount\u002Flogout\u002F';
                    }, 2000);
                }

                permissions.isCompanyAdmin = company.is_company_admin;
                permissions.isCompanyUser = company.has_customer_company;
                permissions.isCompanyBlocked = company.is_company_blocked;
                permissions.isCompanyRegistrationAllowed = company.is_storefront_registration_allowed;
                permissions.canRegister = !permissions.isCompanyUser && permissions.isCompanyRegistrationAllowed;
                permissions.canPlaceOrders = company.is_checkout_allowed;
            }

            if (companyAuth && companyAuth.resources) {
                permissions.canViewCompanyUsers = companyAuth.resources['Magento_Company\u003A\u003Ausers_view'];
                permissions.canViewNegotiableQuotes = companyAuth.resources['Magento_NegotiableQuote\u003A\u003Aall'];
                permissions.canViewPurchaseOrders = companyAuth.resources['Magento_PurchaseOrder\u003A\u003Aview_purchase_orders'];
                permissions.canViewOrders = companyAuth.resources['Magento_Sales\u003A\u003Aview_orders'];
            }

            if (customerCompanies && customerCompanies.items) {
                permissions.canChangeCompanies = customerCompanies.items.length > 1;
                const currentCompany = customerCompanies.items.find((item) => item.current) || {};
                permissions.currentCompanyName = currentCompany.name || '';
            }

            window.dispatchEvent(new CustomEvent('company-permissions-loaded', {detail: {...permissions}}));
        });
    })();
</script>
</div><script nonce="ZGRsOTVlaW1paWM0cTFrdDIyNTZlM2Z6YWdxeGM5bXE=">
    yireoGoogleTagManager2Pusher({"version":"3.10.0","page_type":"cms\/index\/index","page_path":"https:\/\/www.lecedrerouge.com\/","page_title":"Le C\u00e8dre Rouge : meubles, d\u00e9co, luminaires et salons de jardin  | Le C\u00e8dre Rouge","virtual_page":"","breadcrumb":[],"user":{"has_transacted":false}}, 'push (initial page) [data-layer.phtml]');
    </script>
<script nonce="ZGRsOTVlaW1paWM0cTFrdDIyNTZlM2Z6YWdxeGM5bXE=">
    function yireoGoogleTagManager2FindParentElementWithName(element, parentTagName) {
        if (!element.parentElement) {
            return null;
        }

        if (element.parentElement.tagName.toLowerCase() === parentTagName) {
            return element.parentElement;
        }

        return yireoGoogleTagManager2FindParentElementWithName(element.parentElement, parentTagName);
    }

    const products = document.querySelectorAll('.products a.product');
    if (products && products.length > 0) {
        products.forEach(function(product) {
            product.addEventListener('click', function(event, s) {
                let parentElement = yireoGoogleTagManager2FindParentElementWithName(event.target, 'form');
                const inputElement = parentElement.querySelector('input[name="product"]');
                const productId = inputElement.value;
                const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {};
                productData.item_id = productId;

                const eventData = {
                    'event': 'select_item',
                    'ecommerce': {
                        'items': [productData]
                    }
                }

                yireoGoogleTagManager2Pusher(eventData, 'push (page event "select_item") [script-product-clicks.phtml]');

                if (window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && confirm("Press to continue with redirect") === false) {
                    event.preventDefault();
                }
            });
        })
    }
</script>
<script nonce="ZGRsOTVlaW1paWM0cTFrdDIyNTZlM2Z6YWdxeGM5bXE=">
    window.addEventListener('private-content-loaded', function(event) {
        window.dataLayer = window.dataLayer || [];

        var isEmpty = function (variable) {
            if (typeof variable === 'undefined') {
                return true;
            }

            if (Array.isArray(variable) && variable.length === 0) {
                return true;
            }

            return typeof variable === 'object' && Object.keys(variable).length === 0;
        }

        var getSectionNames = function () {
            return ['cart', 'customer'];
        }

        getSectionNames().forEach(function (sectionName) {
            if (!event.detail.data[sectionName].gtm) {
                return;
            }

            const attributes = event.detail.data[sectionName].gtm;
            if (!Object.keys(attributes).length > 0) {
                return;
            }

            yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]');
        });

        let attributes = {};
        getSectionNames().forEach(function (sectionName) {
            if (!event.detail.data[sectionName].gtm_events) {
                return;
            }

            const gtmEvents = event.detail.data[sectionName].gtm_events;
            for (const [eventId, eventData] of Object.entries(gtmEvents)) {
                yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData);

                const metaData = eventData.meta;
                yireoGoogleTagManager2Pusher(eventData, 'push (customerData "' + sectionName + '"  event "' + eventId + '")');

                if (!metaData || metaData.cacheable !== true) {
                    yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"')

                    let mageCacheStorage = event.detail.data;

                    if (mageCacheStorage !== null
                        && typeof mageCacheStorage[sectionName] !== 'undefined'
                        && typeof mageCacheStorage[sectionName].gtm_events !== 'undefined'
                        && eventId in mageCacheStorage[sectionName].gtm_events) {
                        delete mageCacheStorage[sectionName].gtm_events[eventId];
                    }

                    window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage));
                }
            }
        });

        if (false === isEmpty(attributes)) {
            yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]');
        }
    });
</script>
<script>
    window.addEventListener('private-content-loaded', function(event) {
        window.dataLayer = window.dataLayer || [];
        const gtmEvents = event.detail?.data['customer']?.gtm;
        if (gtmEvents) {
            dataLayer.push({
                'page_type': 'cms\u002Findex\u002Findex',
                'user_status': gtmEvents.customerLoggedIn === 0 ? 'guest' : 'logged',
            });
        }
    });
</script>
<script>
    window.addEventListener('DOMContentLoaded', function(event) {
       window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            'event': 'page_view',
            'page_type': 'cms\u002Findex\u002Findex',
        });
    });
</script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-e1502e510e4556abeeb","applicationID":"1113644695","transactionName":"MgEEYkUHWxEHVUUKVwtLJ1VDD1oMSVVcEBcMCgJTT0lcDAJTSQ==","queueTime":0,"applicationTime":1296,"atts":"HkYTFA0dSE5EVxNZQxgZ","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>
