<!doctype html>
<html
lang="fr"
dir="ltr"
>
<head><script data-source-attribution="shopify.exit_interstitial">(()=>{var s=Function.prototype.bind.bind(Function.prototype.call),Wt=(i,c)=>{for(let d=i;d;d=Object.getPrototypeOf(d)){let h=Object.getOwnPropertyDescriptor(d,c);if(h)return h}throw new TypeError(`${c} is not defined`)},a=(i,c)=>s(Wt(i,c).get),H=(i,c)=>s(Wt(i,c).set);var It=s(String.prototype.endsWith),cn=s(String.prototype.slice),S=s(RegExp.prototype.exec),an=/^_(self|top|parent)$/i,ln=/(^|\s)noreferrer(\s|$)/i,Ct=/^(no-referrer(-when-downgrade)?|same-origin|(strict-)?origin(-when-cross-origin)?|unsafe-url)$/i,un=/^(never|default|always|origin-when-crossorigin)$/i,Ft=/^(no-referrer|same-origin|never)$/i,pn=/\s(musical_ly|trill)_|\sBytedanceWebview\//,Tt=i=>It(i,".")?cn(i,0,-1):i,Mt=i=>{let c=Tt(i),d=`.${c}`;return h=>{let _=Tt(h);return _===c||It(_,d)}},Dt=(i,c,d)=>i!==void 0&&(i.protocol==="https:"||i.protocol==="http:")&&i.origin!==c&&!d(i.hostname),nt=(i,c,d)=>i!==null&&S(ln,i)!==null?!0:c!==null&&S(Ct,c)!==null?S(Ft,c)!==null:d,Ht=(i,c)=>S(Ct,i)!==null||S(un,i)!==null?S(Ft,i)!==null:c,W=(i,{metaKey:c,ctrlKey:d,shiftKey:h,button:_})=>i&&S(an,i)===null?i:c||d||h||_===1?"_blank":"",Ut=i=>S(pn,i)!==null;var fn="http://www.w3.org/2000/svg",dn="http://www.w3.org/1999/xlink",ot=["rel","referrerpolicy","download","ping","hreflang","type"],gn=Object.freeze({__proto__:null,metaKey:!1,ctrlKey:!1,shiftKey:!1,button:0});function Kt(i){let c=window;if(c.top!==c)return;let d=document,h=c.navigation,_=location.origin,b=URL,U=a(b.prototype,"href"),$t=a(b.prototype,"origin"),Bt=a(b.prototype,"protocol"),qt=a(b.prototype,"hostname"),Gt=H(b.prototype,"search"),rt=FormData,Yt=URLSearchParams,jt=s(URLSearchParams.prototype.toString),Vt=s(URLSearchParams.prototype.append),st=s(Event.prototype.preventDefault),zt=s(Event.prototype.stopPropagation),ct=s(Event.prototype.stopImmediatePropagation),K=s(Event.prototype.composedPath),Xt=a(Event.prototype,"type"),Jt=a(Event.prototype,"target"),it=typeof SubmitEvent=="function"?a(SubmitEvent.prototype,"submitter"):void 0,Qt=typeof File=="function"?a(File.prototype,"name"):void 0,Zt=a(HTMLButtonElement.prototype,"form"),te=a(HTMLInputElement.prototype,"form"),ee=a(Event.prototype,"cancelable"),at=a(Event.prototype,"defaultPrevented"),ne=a(Event.prototype,"bubbles"),oe=a(Event.prototype,"currentTarget"),re=a(Event.prototype,"eventPhase"),{CAPTURING_PHASE:se}=Event,lt=a(Event.prototype,"cancelBubble"),ce=H(Event.prototype,"cancelBubble"),ie=a(MouseEvent.prototype,"button"),ae=a(MouseEvent.prototype,"metaKey"),le=a(MouseEvent.prototype,"ctrlKey"),ue=a(MouseEvent.prototype,"shiftKey"),pe=h&&a(NavigateEvent.prototype,"destination"),fe=h&&a(NavigationDestination.prototype,"url"),ut=h&&a(NavigateEvent.prototype,"navigationType"),de=h&&a(NavigateEvent.prototype,"formData"),pt=h&&"sourceElement"in NavigateEvent.prototype?a(NavigateEvent.prototype,"sourceElement"):void 0,w=s(Element.prototype.getAttribute),ge=s(Element.prototype.getAttributeNS),$=s(Element.prototype.setAttribute),ye=a(Element.prototype,"localName"),he=a(Element.prototype,"namespaceURI"),me=s(Document.prototype.querySelector),we=s(Document.prototype.querySelectorAll),Ee=a(NodeList.prototype,"length"),_e=s(NodeList.prototype.item),T=a(Node.prototype,"baseURI"),I=a(Node.prototype,"isConnected"),be=s(Document.prototype.createElement),ve=s(HTMLElement.prototype.click),Se=s(c.open),ke=s(location.assign),Ne=s(location.replace),Re=encodeURIComponent,Oe=s(String.prototype.startsWith),ft=s(String.prototype.charCodeAt),dt=s(String.prototype.slice),Le=s(String.prototype.toLowerCase),B=s(c.setTimeout),Pe=s(c.queueMicrotask),Ae=s(c.addEventListener),xe=s(c.removeEventListener),gt=s(EventTarget.prototype.addEventListener),yt=s(EventTarget.prototype.removeEventListener),ht=Object.defineProperties,q=t=>{let e=[],n=[HTMLElement.prototype,SVGElement.prototype,Document.prototype,c];for(let o=0;o<n.length;o+=1)try{e[e.length]={get:a(n[o],t),set:H(n[o],t)}}catch{}return e},We={click:q("onclick"),auxclick:q("onauxclick"),submit:q("onsubmit")},C=WeakMap,Te=WeakSet,G=s(WeakMap.prototype.get),mt=s(WeakMap.prototype.set),wt=s(WeakMap.prototype.delete),Ie=s(WeakSet.prototype.add),Ce=s(WeakSet.prototype.has),Fe=Mt(i.site),Et=Ut(navigator.userAgent),_t=U(new b(i.exitPath,_)),Me=`${_t}?`,R=(t,e)=>{try{let n=new b(t,e);return{href:U(n),origin:$t(n),protocol:Bt(n),hostname:qt(n)}}catch{return}},De=(t,e,n)=>{let o=n?"&noreferrer=1":"";return`${_t}?q=${Re(t.href)}&trigger=${e}${o}`},Y=()=>{let t=we(d,'meta[name="referrer" i][content]'),e=!1;for(let n=0;n<Ee(t);n+=1)e=Ht(w(_e(t,n),"content"),e);return e},j=(t,e,{target:n,noReferrer:o,replaces:r})=>{let u=De(t,e,o);if(n){Se(c,u,n,"noopener");return}(r?Ne:ke)(location,u)},F=t=>Dt(t,_,Fe),M=0,V,z=!1,He=t=>{if(M>0){V=t;return}t()},Ue=t=>{if(M-=1,t&&(z=!0),M>0)return;let e=z?void 0:V;V=void 0,z=!1,e&&e()},Ke=t=>t!==void 0&&Oe(t.href,Me),P=t=>{try{return ye(t)}catch{return}},bt=t=>nt(w(t,"rel"),w(t,"referrerpolicy"),Y()),$e=t=>{let e=pt?pt(t):null,n=e===null?void 0:P(e);return n==="a"||n==="area"?bt(e):Y()},Be=t=>{let e=R(fe(pe(t)));if(Ke(e)){ct(t);return}if(!ee(t)||ut(t)==="traverse"||!F(e)||de(t)!==null)return;st(t);let n={target:"",noReferrer:$e(t),replaces:ut(t)==="replace"};He(()=>j(e,"navigate",n))},A=t=>{let e=w(t,"href");return e===null&&he(t)===fn?ge(t,dn,"href"):e},qe=t=>{let e=K(t);for(let n=0;n<e.length;n+=1){let o=e[n],r=P(o);if(r==="a"||r==="area"){let u=A(o);if(u!==null)return{node:o,href:u}}}},vt=()=>{let t=me(d,"base[target]");return t?w(t,"target"):""},X=t=>w(t,"target")??vt(),Ge=t=>{try{return{metaKey:ae(t),ctrlKey:le(t),shiftKey:ue(t),button:ie(t)}}catch{return}},St=new Te,Ye=t=>{let e=!1,n=()=>{e=!0},o=()=>e||Ce(St,t);return ht(t,{__proto__:null,preventDefault:{__proto__:null,configurable:!0,value:n},defaultPrevented:{__proto__:null,configurable:!0,get:o},returnValue:{__proto__:null,configurable:!0,get:()=>!o(),set:r=>{r||n()}}}),o},je={click:new C,auxclick:new C,submit:new C},Ve=(t,e)=>{let n=We[t],o=je[t],r=[],u=f=>{for(let p=0;p<r.length;p+=1)if(r[p]===f)return!0;return!1},g=(f,p,E)=>{let m=s(E);function D(N){let O=m(this,N);return O===!1&&typeof N=="object"&&N!==null&&Ie(St,N),O}return{target:f,accessor:p,handler:E,wrapper:D,inFlight:0}},v=()=>{for(let f=0;f<e.length;f+=1)for(let p=0;p<n.length;p+=1){let E;try{E=n[p].get(e[f])}catch{continue}if(typeof E=="function"){let m=G(o,e[f]);(!m||m.wrapper!==E)&&(m=g(e[f],n[p],E),n[p].set(e[f],m.wrapper),mt(o,e[f],m)),u(m)||(m.inFlight+=1,r[r.length]=m)}break}};return v(),{wrap:v,unwrap:()=>{for(let f=0;f<r.length;f+=1){let p=r[f];p.inFlight-=1,!(p.inFlight>0)&&(G(o,p.target)===p&&wt(o,p.target),p.accessor.get(p.target)===p.wrapper&&p.accessor.set(p.target,p.handler))}}}},ze=(t,e,n)=>{let o=A(t),r=o===null?void 0:R(o,T(d));if(!F(r))return;let u={target:Et?"":W(X(t),n),noReferrer:bt(t),replaces:!1};return{__proto__:null,inWindow:u.target==="",go:()=>j(r,e,u)}},kt=t=>{let e=A(t);if(e===null||w(t,"download")===null)return!1;let n=R(e,T(d));return n!==void 0&&(n.origin===_||n.protocol==="blob:"||n.protocol==="data:")},Xe=(t,e)=>A(t)!==null&&!kt(t)&&W(X(t),e)==="",Je=(t,e)=>{let n=A(t);if(n===null)return!1;let o=be(d,"a"),r=W(X(t),e);$(o,"href",n),$(o,"target",r||"_self");for(let u=0;u<ot.length;u+=1){let g=w(t,ot[u]);g!==null&&$(o,ot[u],g)}return ve(o),r===""&&!kt(t)},Qe=(t,e,n)=>({__proto__:null,plan:()=>ze(t,e,n),navigatesWindow:()=>Xe(t,n),follow:()=>Je(t,n)}),Nt=(t,e,n)=>{M+=1;let o=K(t),r=o.length-1,u=0,g=!1,v=!1,k=l=>{v||(v=!0,Ue(l))},f=l=>{if(g)return;g=!0;let L=at(t),y=L?void 0:n.plan(),xt=l&&n.follow!==void 0,x;!L&&(y||xt)&&(st(t),x=Ye(t)),y?.readFields!==void 0&&(l?x&&Pe(c,()=>{x()||y.handlerReturned()}):y.readFields()),B(c,()=>{if(!x){k(!at(t)&&n.navigatesWindow());return}if(x()){k(!1);return}if(xt&&(y=n.plan(),!y)){k(n.follow());return}if(y.dropped!==void 0&&y.dropped()){k(!1);return}y.go(),k(y.inWindow)},0)},p=(l,L)=>{for(let y=0;y<o.length;y+=1)if(o[y]===l)return L===se?r-y:o.length+y;return-1},E=()=>{p(oe(t),re(t))<=u&&f(!0)},m=l=>{l===t&&f(!1)},D=Ve(e,o),N=l=>L=>{if(L===t){if(u=l,lt(t)){f(!1);return}D.wrap()}},O=[],tt=[],et=ne(t);if(et){for(let l=0;l<r;l+=1)O[l]=N(r-l),tt[l]=N(o.length+l),gt(o[l],e,O[l],!0),gt(o[l],e,tt[l],!1);Ae(c,e,m,!1)}if(B(c,()=>{if(g||k(!1),g=!0,D.unwrap(),!!et){for(let l=0;l<r;l+=1)yt(o[l],e,O[l],!0),yt(o[l],e,tt[l],!1);xe(c,e,m,!1)}},0),!et){f(!0);return}ht(t,{__proto__:null,stopPropagation:{__proto__:null,configurable:!0,value:()=>{E(),zt(t)}},stopImmediatePropagation:{__proto__:null,configurable:!0,value:()=>{f(!0),ct(t)}},cancelBubble:{__proto__:null,configurable:!0,get:()=>lt(t),set:l=>{l&&E(),ce(t,l)}}})},J=new C,Ze=(t,e)=>{let n=K(t);for(let o=0;o<n.length;o+=1){let r=n[o],u=P(r);if(u==="button"||u==="input"){mt(J,r,e),B(c,()=>wt(J,r),0);return}}},Rt=t=>{let e=Xt(t),n=Ge(t);if(!n||e==="auxclick"&&n.button!==1)return;e==="click"&&Ze(t,n);let o=qe(t);!o||!F(R(o.href,T(d)))||Nt(t,e,Qe(o.node,e,n))},Q=(t,e,n,o)=>(e?w(e,n):null)??w(t,o),Ot=(t,e)=>Le(Q(t,e,"formmethod","method")??""),Lt=(t,e,n)=>W(Q(t,e,"formtarget","target")??vt(),n),Pt=(t,e)=>{let n=Ot(t,e);if(n==="post"||n==="dialog")return;let o=Q(t,e,"formaction","action");if(o===null||o==="")return;let r=R(o,T(d));return F(r)?r:void 0},tn=(t,e)=>{if((e&&(P(e)==="button"?Zt:te)(e))===t)try{return new rt(t,e)}catch{}return new rt(t)},Z=t=>{let e="",n=0;for(let o=0;o<t.length;o+=1){let r=ft(t,o);(r===13||r===10)&&(e+=`${dt(t,n,o)}\r
`,r===13&&ft(t,o+1)===10&&(o+=1),n=o+1)}return n===0?t:e+dt(t,n)},en=t=>{try{return Z(Qt(t))}catch{return""}},At=(t,e,n)=>{try{let o=new b(n.href),r=new Yt;for(let u of tn(t,e)){let g=u[1];Vt(r,Z(u[0]),typeof g=="string"?Z(g):en(g))}return Gt(o,`?${jt(r)}`),R(U(o))??n}catch{return n}},nn=(t,e,n)=>{if(!I(t))return;let o=Pt(t,e);if(!o)return;let r,u=!1,g=()=>{r=At(t,e,o),I(t)||(u=!0)},v={target:Et?"":Lt(t,e,n),noReferrer:nt(w(t,"rel"),null,Y()),replaces:!1};return{__proto__:null,inWindow:v.target==="",go:()=>j(r??At(t,e,o),"submit",v),readFields:g,handlerReturned:()=>{I(t)?g():u=!0},dropped:()=>u}},on=(t,e,n)=>I(t)&&Ot(t,e)!=="dialog"&&Lt(t,e,n)==="",rn=(t,e,n)=>({__proto__:null,plan:()=>nn(t,e,n),navigatesWindow:()=>on(t,e,n)}),sn=t=>{if(!t.isTrusted)return;let e=Jt(t);if(P(e)!=="form")return;let n=it?it(t):null;if(!Pt(e,n))return;let o=(n&&G(J,n))??gn;Nt(t,"submit",rn(e,n,o))};h?.addEventListener("navigate",Be,!0),c.addEventListener("click",Rt,!0),c.addEventListener("auxclick",Rt,!0),c.addEventListener("submit",sn,!0)}Kt({"site":"lumesie.com","exitPath":"\/url"});})();
//# sourceURL=exit-interstitial.js
</script>
<link
rel="icon"
type="image/png"
href="//lumesie.com/cdn/shop/files/lumesie-icone-noir.png?crop=center&height=32&v=1792910484&width=32"
>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1,viewport-fit=cover"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Lumesie"
>
<meta
property="og:url"
content="https://lumesie.com/"
>
<meta
property="og:title"
content="Applique murale pour tous les styles | Lumesie"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Découvrez nos appliques murales pour chaque pièce : chambre, salon, salle de bain, extérieur. Livraison gratuite."
><meta
property="og:image"
content="http://lumesie.com/cdn/shop/files/banner.webp?v=1793768565"
>
<meta
property="og:image:secure_url"
content="https://lumesie.com/cdn/shop/files/banner.webp?v=1793768565"
>
<meta
property="og:image:width"
content="1024"
>
<meta
property="og:image:height"
content="572"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Applique murale pour tous les styles | Lumesie"
>
<meta
name="twitter:description"
content="Découvrez nos appliques murales pour chaque pièce : chambre, salon, salle de bain, extérieur. Livraison gratuite."
>
<title>
Applique murale pour tous les styles | Lumesie
</title>
<link
rel="canonical"
href="https://lumesie.com/"
>
<meta
name="description"
content="Découvrez nos appliques murales pour chaque pièce : chambre, salon, salle de bain, extérieur. Livraison gratuite."
>
<link href="//lumesie.com/cdn/shop/t/9/assets/overflow-list.css?v=16727044177065489451793686225" as="style" rel="preload">
<link href="//lumesie.com/cdn/shop/t/9/assets/base.css?v=101470124488811828791793686225" rel="stylesheet" type="text/css" media="all" />
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//lumesie.com/cdn/shop/t/9/assets/overflow-list.js?v=46858356770684902511793686225",
"@theme/component": "//lumesie.com/cdn/shop/t/9/assets/component.js?v=175690430936884589731793686225",
"@theme/dialog": "//lumesie.com/cdn/shop/t/9/assets/dialog.js?v=144816527575655702281793686225",
"@theme/events": "//lumesie.com/cdn/shop/t/9/assets/events.js?v=164878410936539277451793686225",
"@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
"@theme/view-event-elements": "//lumesie.com/cdn/shop/t/9/assets/view-event-elements.js?v=34258756885466567141793686225",
"@theme/focus": "//lumesie.com/cdn/shop/t/9/assets/focus.js?v=60436577539430446401793686225",
"@theme/morph": "//lumesie.com/cdn/shop/t/9/assets/morph.js?v=163551064521986254391793686225",
"@theme/paginated-list": "//lumesie.com/cdn/shop/t/9/assets/paginated-list.js?v=71290058904108491691793686225",
"@theme/performance": "//lumesie.com/cdn/shop/t/9/assets/performance.js?v=171015751390534793081793686225",
"@theme/product-form": "//lumesie.com/cdn/shop/t/9/assets/product-form.js?v=182322005050512164671793686225",
"@theme/recently-viewed-products": "//lumesie.com/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651793686225",
"@theme/scrolling": "//lumesie.com/cdn/shop/t/9/assets/scrolling.js?v=166966481516020134501793686225",
"@theme/section-renderer": "//lumesie.com/cdn/shop/t/9/assets/section-renderer.js?v=165897709872489896681793686225",
"@theme/section-hydration": "//lumesie.com/cdn/shop/t/9/assets/section-hydration.js?v=108434990705342316311793686225",
"@theme/money-formatting": "//lumesie.com/cdn/shop/t/9/assets/money-formatting.js?v=160151249720534550011793686225",
"@theme/utilities": "//lumesie.com/cdn/shop/t/9/assets/utilities.js?v=128964188705738871001793686225",
"@theme/variant-picker": "//lumesie.com/cdn/shop/t/9/assets/variant-picker.js?v=76692244208061220611793686225",
"@theme/variant-resolution": "//lumesie.com/cdn/shop/t/9/assets/variant-resolution.js?v=69293302205961280521793686225",
"@theme/media-gallery": "//lumesie.com/cdn/shop/t/9/assets/media-gallery.js?v=154207211298275592001793686225",
"@theme/quick-add": "//lumesie.com/cdn/shop/t/9/assets/quick-add.js?v=43224368435069079051793686225",
"@theme/paginated-list-aspect-ratio": "//lumesie.com/cdn/shop/t/9/assets/paginated-list-aspect-ratio.js?v=25254270272143792451793686225",
"@theme/component-cart-items": "//lumesie.com/cdn/shop/t/9/assets/component-cart-items.js?v=9046789195412539611793686225",
"@theme/component-quantity-selector": "//lumesie.com/cdn/shop/t/9/assets/component-quantity-selector.js?v=125177944711255157891793686225",
"@theme/comparison-slider": "//lumesie.com/cdn/shop/t/9/assets/comparison-slider.js?v=106705562947035711941793686225",
"@theme/sticky-add-to-cart": "//lumesie.com/cdn/shop/t/9/assets/sticky-add-to-cart.js?v=130489688094345781431793686225",
"@theme/fly-to-cart": "//lumesie.com/cdn/shop/t/9/assets/fly-to-cart.js?v=48483246440248933081793686225",
"@theme/scroll-container": "//lumesie.com/cdn/shop/t/9/assets/scroll-container.js?v=127018149358875384221793686225",
"@theme/theme-drawer": "//lumesie.com/cdn/shop/t/9/assets/theme-drawer.js?v=69307657216630184831793686225"
}
}
</script><script
src="//lumesie.com/cdn/shop/t/9/assets/standard-actions-override.js?v=171683365447094389611793686225"
type="module"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/page-view-event.js?v=12823247316348680231793686225"
type="module"
defer
></script>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/utilities.js?v=128964188705738871001793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/component.js?v=175690430936884589731793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/section-renderer.js?v=165897709872489896681793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/section-hydration.js?v=108434990705342316311793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/morph.js?v=163551064521986254391793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/focus.js?v=60436577539430446401793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/recently-viewed-products.js?v=94729125001750262651793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/scrolling.js?v=166966481516020134501793686225"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//lumesie.com/cdn/shop/t/9/assets/events.js?v=164878410936539277451793686225"
fetchpriority="low"
>
<script
src="//lumesie.com/cdn/shop/t/9/assets/overflow-list.js?v=46858356770684902511793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/quick-add.js?v=43224368435069079051793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/cart-discount.js?v=131878396574145547181793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/dialog.js?v=144816527575655702281793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/variant-picker.js?v=76692244208061220611793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/product-card.js?v=80689566448612614681793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/product-form.js?v=182322005050512164671793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/fly-to-cart.js?v=48483246440248933081793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/accordion-custom.js?v=105323356731531709191793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/media.js?v=147729010330982515121793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/product-price.js?v=179333985604099329921793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/product-sku.js?v=28741104639155857071793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/product-inventory.js?v=7173209571153411411793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/show-more.js?v=94563802205717136101793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/slideshow.js?v=156792930899744416701793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/layered-slideshow.js?v=99078667042736475191793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/anchored-popover.js?v=41103074827070742301793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/floating-panel.js?v=151277338116891310371793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/video-background.js?v=25237992823806706551793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/component-quantity-selector.js?v=125177944711255157891793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/media-gallery.js?v=154207211298275592001793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/rte-formatter.js?v=40306132146590816021793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/volume-pricing.js?v=15442793518842484731793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/price-per-item.js?v=10699834226661578971793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/volume-pricing-info.js?v=150538418000149674651793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/auto-close-details.js?v=58350291535404441581793686225"
defer="defer"
></script>
<script>
const supportsNativePopover = 'popover' in HTMLElement.prototype;
const Theme = {
supportsNativePopover,
popoverPolyfillReady: supportsNativePopover
? Promise.resolve()
: import("//lumesie.com/cdn/shop/t/9/assets/popover-polyfill.js?v=119029313658895111201793686225").then(() => {}),
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
items_added_to_cart_one: `1 article ajouté au panier`,
items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
cart_count: `Nombre total d’articles dans le panier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Outfit;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/outfit/outfit_n4.aca8c81f18f62c9baa15c2dc5d1f6dd5442cdc50.woff") format("woff");
}
@font-face {
font-family: Outfit;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/outfit/outfit_n7.bfc2ca767cd7c6962e82c320123933a7812146d6.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/outfit/outfit_n7.f0b22ea9a32b6f1f6f493dd3a7113aae3464d8b2.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/dm_sans/dmsans_n6.70a2453ea926d613c6a2f89af05180d14b3a7c96.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/dm_sans/dmsans_n6.355605667bef215872257574b57fc097044f7e20.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/dm_sans/dmsans_i6.b7d5b35c5f29523529e1bf4a3d0de71a44a277b6.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/dm_sans/dmsans_i6.9b760cc5bdd17b4de2c70249ba49bd707f27a31b.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//lumesie.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//lumesie.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
:root {
/* Safe area insets — non-zero on notched devices because meta-tags.liquid sets viewport-fit=cover */
--safe-area-inset-top: env(safe-area-inset-top, 0px);
--safe-area-inset-right: env(safe-area-inset-right, 0px);
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
--safe-area-inset-left: env(safe-area-inset-left, 0px);
/* Page Layout */
--sidebar-width: 25rem;
--theme-drawer-width: 30rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
/* Font families */
--font-body--family: Outfit, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Outfit, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: "DM Sans", sans-serif;
--font-heading--style: normal;
--font-heading--weight: 600;
--font-accent--family: Inter, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 700;
/* Margin sizes */
--font-heading--spacing: 0.25em;
--font-h1--spacing: var(--font-heading--spacing);
--font-h2--spacing: var(--font-heading--spacing);
--font-h3--spacing: var(--font-heading--spacing);
--font-h4--spacing: var(--font-heading--spacing);
--font-h5--spacing: var(--font-heading--spacing);
--font-h6--spacing: var(--font-heading--spacing);
--font-paragraph--spacing: 0.5em;
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.0rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.0rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: 0.8;
--opacity-muted-text: 0.6;
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-4xl: 2rem;
--margin-6xl: 5rem;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 4px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 14px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 14px;
--style-border-popover: 1px solid #dfdfdf;
--style-border-drawer: 1px solid #dfdfdf;
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--drawer-animation-speed: 0.2s;
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: 0.4980s;
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: 0.4648s;
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: 0.3818s;
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: 0.2988s;
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-accent--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
--variant-option-label-color: var(--color, var(--color-foreground));
/* Slideshow */
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
/* Centered dialog: reserve the larger side inset on both edges so a landscape
notch cannot cover the close button. 2vw keeps the original 96vw gutter. */
--quick-add-modal-width: min(
54rem,
calc(100vw - 2 * max(2vw, var(--safe-area-inset-left), var(--safe-area-inset-right)))
);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-subheading--family);
--cart-secondary-font-style: var(--font-subheading--style);
--cart-secondary-font-weight: var(--font-subheading--weight);
}
.custom-color-quick-add {
--quick-add-background: #ffffff;
--quick-add-foreground: #000000;
}
</style>
<style data-shopify>
.color-custom-popover,
.color-custom-popover .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #dfdfdf;
--color-border-rgb: 223 223 223;
}
.color-custom-popover {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-popover {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-drawer,
.color-custom-drawer .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #dfdfdf;
--color-border-rgb: 223 223 223;
}
.color-custom-drawer {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-drawer {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sale,
.color-custom-badge-sale .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #000000;
--color-border-rgb: 0 0 0;
}
.color-custom-badge-sale {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-badge-sale {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sold-out,
.color-custom-badge-sold-out .text-block {
/* Background */
--color-background: #eef1ea;
--color-background-rgb: 238 241 234;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #000000;
--color-border-rgb: 0 0 0;
}
.color-custom-badge-sold-out {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-badge-sold-out {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
/* Palette colors */
:root {
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-border: #000000;
--color-border-rgb: 0 0 0;
--palette-lightest: #ffffff;
--palette-lightest-rgb: 255 255 255;
--palette-darkest: #000000;
--palette-darkest-rgb: 0 0 0;
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(24 24 24 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-focus-outline: rgb(24 24 24);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: #3e3e3e;
--color-primary-button-hover-border: #262626;
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
--color-secondary-button-hover-border: #262626;
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(24 24 24 / 1.0);
--color-input-text-rgb: 24 24 24;
--color-input-border: rgb(223 223 223 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(223 223 223 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: #f2f2f2;
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: #d2d2d2;
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-text-rgb: 255 255 255;
--color-selected-variant-hover-background: #262626;
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: #262626;
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
--color-drawer-shadow-rgb: ;
--color-popover-shadow-rgb: 0 0 0;
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
}
body {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="w1BTU5AWTkFJ56rNH3xU3hYESasxxR5Ubp7DFkQkW7Y">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/106570907985/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="106570907985" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=106570907985" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":106570907985,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/106570907985","merchantName":"Lumesie","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Lumesie","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f3d6d246252f75d527512da743bc5e44","betas":["rich-media-storefront-analytics"],"domain":"lumesie.com","predictiveSearch":true,"shopId":106570907985,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "k84xjw-ys.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Lumesie – copie (Vous aimerez aussi)","id":210107040081,"schema_name":"Horizon","schema_version":"4.3.0","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "lumesie.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"backendHost":"bHVtZXNpZS5jb20="});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
</script>
<script id="__st">var __st={"a":106570907985,"offset":3600,"reqid":"68e2f535-3083-4fd4-9551-1dd2d050106d-1793866733","pageurl":"lumesie.com\/","u":"bef96a5dd073","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-FYHzja/5XSmzkjz6zHj7s4rACJGFuVoYZdumgoO2Ecs=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//lumesie.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-ed94c51f.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//lumesie.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//lumesie.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/lumesie.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-23c12384.js","sha256-r8Pww6V2udgtSdaVbcRtdZ4Kg+gXP7aLPZOtQSJPrbM=");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://lumesie.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://lumesie.com/cdn/shopifycloud/privacy-banner/privacy-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://lumesie.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<link rel="compression-dictionary" href="//lumesie.com/cdn/shop/t/9/compiled_assets/styles.css?v=89074800546236295811793686225" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//lumesie.com/cdn/shop/t/9/compiled_assets/styles.css?v=89074800546236295811793686225&subset=AGAHAAAAAAAAMAAAAABEAwCACbCbIAAcACCjgllZrgGYCwAF" crossorigin="anonymous">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
(function (c, l, a, r, i, t, y) {
c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
if (error) {
console.error("Error loading Shopify features:", error);
return;
}
c[a]('consentv2', {
ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
source: 101,
});
});
l.addEventListener("visitorConsentCollected", function (e) {
c[a]('consentv2', {
ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
source: 101,
});
});
})(window, document, "clarity", "script", "yzynamqqr4");
</script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 106570907985,storefrontBaseUrl: "https://lumesie.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://lumesie.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["7b21cf0b","b13923a8","4c64608a","08197dfb"],webPixelsConfigList: [{"id":"6193512785","configuration":"{\"myShopifyId\":\"k84xjw-ys.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"fbf2e1b7210bb72cdaa90050ace5f66b","type":"APP","apiClientId":139929878529,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"6067552593","configuration":"{\"projectId\":\"yzynamqqr4\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"5903319377","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-17155862463\\\",\\\"GTM-KL843S2H\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-17155862463\\\/YhFjCID-2YgdEL_fxvQ_\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-17155862463\\\/pzTeCIz-2YgdEL_fxvQ_\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-17155862463\\\/tI27CIn-2YgdEL_fxvQ_\\\",\\\"MC-X901YL5E4F\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-17155862463\\\/9KFHCO_72YgdEL_fxvQ_\\\",\\\"MC-X901YL5E4F\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-17155862463\\\/G5sfCIb-2YgdEL_fxvQ_\\\",\\\"MC-X901YL5E4F\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-17155862463\\\/alCfCI_-2YgdEL_fxvQ_\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-17155862463\\\/if0yCIP-2YgdEL_fxvQ_\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"5533106513","configuration":"{\"shopId\":\"k84xjw-ys.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e249017dc994c6fa585c2f74e9dbeb0c","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"5487427921","configuration":"{\"pixel_id\":\"10090574944373016\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"5485887825","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Lumesie","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"k84xjw-ys.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/lumesie.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"11310571028817","handle":"applique-murale-boule-g9","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572858995025","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11310571651409","handle":"applique-murale-pour-miroir","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572865941841","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11310571454801","handle":"applique-murale-travertin-wabi-sabi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572865089873","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11305734832465","handle":"applique-murale-exterieure-led","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55551754535249","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11310571880785","handle":"applique-murale-led-aluminium","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572868202833","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11310571258193","handle":"applique-murale-bambou","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572860731729","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11310573289809","handle":"applique-murale-boho","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572879606097","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11310573060433","handle":"applique-murale-chambre-enfant","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55572877934929","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://lumesie.com/cdn","4e7a7028w708d11bfpd22fc97dm92febe21",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"210107040081","themeStoreId":"2481","themePublished":"true","eventMetadataId":"4f86875f-5dc0-4a94-aed7-0bfe6e017b2b","pageType":"home","shopId":"106570907985","storefrontBaseUrl":"https:\/\/lumesie.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"7b21cf0b\", \"b13923a8\", \"4c64608a\", \"08197dfb\"]","isMerchantRequest":"false","hashVersion":"4e7a7028w708d11bfpd22fc97dm92febe21","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"68e2f535-3083-4fd4-9551-1dd2d050106d-1793866733"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (method == 'track' || method == 'page') {
var pageUrl;
try {
pageUrl = window.location.href;
} catch (e) {}
var pageReferrer;
try {
pageReferrer = document.referrer;
} catch (e) {}
try {
if (window.__TREKKIE_SHIM_QUEUE == null) {
window.__TREKKIE_SHIM_QUEUE = [];
}
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1),
pageContext: {
url: pageUrl,
referrer: pageReferrer
}
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":106570907985,"isMerchantRequest":null,"themeId":210107040081,"themeCityHash":"2022561455699041694","contentLanguage":"fr","currency":"EUR","eventMetadataId":"4f86875f-5dc0-4a94-aed7-0bfe6e017b2b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["7b21cf0b","b13923a8","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"68e2f535-3083-4fd4-9551-1dd2d050106d-1793866733","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//lumesie.com/cdn/shopifycloud/storefront/assets/shop_events_listener-819172a8.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://lumesie.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.15.1.min.js"
data-application="storefront-renderer"
data-shop-id="106570907985"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="210107040081"
data-theme-name="Horizon"
data-theme-version="4.3.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://lumesie.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"106570907985","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Se connecter ou créer un compte"},{"key":"account_menu.signed_out_state.section_divider","value":"Autres moyens de connexion"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OU"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Se connecter avec Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuer avec Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuer avec Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Envoyez-moi des nouvelles et des offres par e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Bonjour, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Compte"},{"key":"account_menu.signed_in_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Emplacements"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Rechercher"},{"key":"account_menu.aria_labels.close_menu","value":"Fermer le menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Retour au menu principal depuis {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, ouvre le sous-menu"},{"key":"account_menu.aria_labels.loading_menu","value":"Chargement du menu"},{"key":"account_menu.aria_labels.loading","value":"Chargement"},{"key":"account_menu.aria_labels.account","value":"Compte"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Se connecter avec e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Se connecter"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"FR","language":"fr"}}</script>
<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1825424334000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1793868534000"><meta name="request-id" content="68e2f535-3083-4fd4-9551-1dd2d050106d-1793866733" >
</head>
<body class="page-width-narrow card-hover-effect-none">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<theme-drawer id="chat-drawer">
<dialog
ref="panel"
class="theme-drawer__dialog chat-drawer"
>
<shopify-chat
mode="standalone"
mode-switch
></shopify-chat>
</dialog>
</theme-drawer>
<script type="module">
const chatDrawer = document.querySelector('#chat-drawer');
const shopifyChat = document.querySelector('shopify-chat');
document.addEventListener('theme-drawer:open', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
shopifyChat?.setAttribute('mode', 'managed');
});
document.addEventListener('theme-drawer:close', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
// If mode is still managed, this is a theme-initiated close (backdrop /
// Escape) — close the chat so the FAB appears. If mode is already
// standalone, the close was triggered by an undock (enter-standalone sets
// mode before closing the drawer) — leave the chat open as a floating panel.
if (shopifyChat?.getAttribute('mode') === 'managed') {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', 'standalone');
});
document.addEventListener('shopify-chat:enter-managed', () => {
// Captured at event-fire time — the dock-transition animation hint below
// depends on state as it was when the event was dispatched.
const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
// The activator-click path (FAB click on desktop with stored
// preferredMode=managed) dispatches enter-managed *before* calling show(),
// so the chat's `open` attribute at event time understates the imminent
// outcome. Defer to a microtask: by then show() (if any) has run, and we
// can distinguish the viewport-driven mobile→desktop transition that left
// a minimized FAB (chat stays closed → don't open an empty drawer) from
// an activator click (chat just opened → open the drawer).
queueMicrotask(() => {
if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
return;
}
chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
});
});
document.addEventListener('shopify-chat:enter-standalone', () => {
shopifyChat?.setAttribute('mode', 'standalone');
chatDrawer?.close?.();
});
document.addEventListener('shopify-chat:close', () => {
if (shopifyChat?.getAttribute('mode') === 'managed') {
chatDrawer?.close?.();
}
});
document.addEventListener('megaMenu:hover', () => {
if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
shopifyChat?.removeAttribute('open');
}
});
// After the chat upgrades it self-restores its preferred mode from
// sessionStorage. Reconcile any mismatch with the theme-drawer's state
// — the drawer is the source of truth for which mode the chat should
// be in (open → managed, closed → standalone).
customElements.whenDefined('shopify-chat').then(() => {
const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
if (shopifyChat?.getAttribute('mode') !== mode) {
// When switching managed → standalone (e.g. narrow viewport skipped
// drawer restore), also close the chat so it renders as the FAB
// rather than an open standalone panel.
if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', mode);
}
});
</script>
<div class="page-wrapper">
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--33204870906193__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
<script
src="//lumesie.com/cdn/shop/t/9/assets/announcement-bar.js?v=34024675399582161451793686225"
type="module"
fetchpriority="low"
></script>
<style data-shopify>
.color-custom-sections--33204870906193__header_announcements_9jGBFp,
.color-custom-sections--33204870906193__header_announcements_9jGBFp .text-block {
/* Background */
--color-background: #181818;
--color-background-rgb: 24 24 24;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: var(--palette-lightest);
--color-rgb: var(--palette-lightest-rgb);
--color-foreground: var(--palette-lightest);
--color-foreground-rgb: var(--palette-lightest-rgb);
--color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
--color-border: var(--palette-lightest);
--color-border-rgb: var(--palette-lightest-rgb);
}
.color-custom-sections--33204870906193__header_announcements_9jGBFp {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
--checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
}
.color-custom-sections--33204870906193__header_announcements_9jGBFp {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div class="section-background color-custom-sections--33204870906193__header_announcements_9jGBFp"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-custom-sections--33204870906193__header_announcements_9jGBFp"
style="--padding-block-start: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px;
; --border-bottom-width: 1px; --color-border: #dfdfdf;"
>
<announcement-bar-component
class="announcement-bar__slider"
autoplay="5" aria-live="polite"
>
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-chevron
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Diapositive précédente"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-chevron
button button-unstyled button-unstyled--transparent
"
aria-label="Diapositive suivante"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="
announcement-bar__slide
text-block
text-block--AajlrZ1Q4Vlg0WmxJQ__announcement_7NmHUf
text-block--align-center
text-block--full-width
custom-typography
custom-font-size
"
style="
--font-size: 1.125rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal);
--width: 100%;
--text-align: center;
--line-height: 1;
"
aria-hidden="false"
>
<p class="announcement-bar__text">
<strong>30 jours</strong> pour changer d'avis
</p>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
class="
announcement-bar__slide
text-block
text-block--AcXdyQnBUNVNiRitZN__announcement_BxgCk9
text-block--align-center
text-block--full-width
custom-typography
custom-font-size
custom-font-weight
"
style="
--font-size: 1.125rem;--font-weight: 500; --font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-loose);
--width: 100%;
--text-align: center;
--line-height: 1;
"
aria-hidden="true"
>
<p class="announcement-bar__text">
<strong>Livraison gratuite</strong> en France 🇫🇷
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
<style> #shopify-section-sections--33204870906193__header_announcements_9jGBFp slideshow-arrows, #shopify-section-sections--33204870906193__header_announcements_9jGBFp .slideshow-control {display: none !important;} </style></div><header id="shopify-section-sections--33204870906193__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Lumesie",
"logo": "https:\/\/lumesie.com\/cdn\/shop\/files\/lumesie-logo-noir.png?v=1792910484\u0026width=500",
"url": "https:\/\/lumesie.com"
}
</script>
<header-component
id="header-component"
class="header"
data-theme-color="rgb(255 255 255)"
data-bubble-style="default"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
data-header-rows="single"
style="
--color-background-top-row: rgba(255 255 255 / 1.0);
--color-background-bottom-row: rgba(255 255 255 / 1.0);
--cart-bubble-background: var(--palette-darkest);
--cart-bubble-text: #ffffff;
"
>
<div class="header__underlay header__underlay-closed"></div>
<div
class="header__underlay header__underlay-open"
></div><h1 class="visually-hidden">Lumesie</h1>
<div
class="header__row header__row--top color-#ffffff section section--full-width-margin section--page-width color-custom-top-sections--33204870906193__header_section"
ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
<div class="header__columns spacing-style">
<style data-shopify>
.color-custom-top-sections--33204870906193__header_section,
.color-custom-top-sections--33204870906193__header_section .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-top-sections--33204870906193__header_section {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-top-sections--33204870906193__header_section {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer"
ref="headerDrawerContainer"
data-hydration-key="header-drawer-mobile"
>
<style data-shopify>
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu-1,
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu-1 .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu-1 {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu-1 {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<script
src="//lumesie.com/cdn/shop/t/9/assets/header-drawer.js?v=121243031541024704371793686225"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer "
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="
menu-drawer
color-custom-AWE5VaHVkMmMxd0xsT__header-menu-1
"
>
<button
class="button close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;
--menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
var(--menu-font-2xl--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
--menu-parent-active-font-color: var(--color-foreground);
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
--menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
"
aria-label="Principale"
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
><details
id="Details-menu-drawer-menu-item-1"
class="menu-drawer__menu-container menu-drawer__menu-container--divider"
>
<summary
id="HeaderDrawer-nos-appliques"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Nos appliques</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-nos-appliques"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 1;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour au menu principal"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<a
href="/collections/toutes-les-appliques"
class="menu-drawer__title focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Nos appliques</span>
</a>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="
menu-drawer__list-item
menu-drawer__list-item--deep menu-drawer__list-item--divider
"
>
<accordion-custom
>
<details
id="Details-menu-drawer-nos-appliques-piece"
>
<summary
id="HeaderDrawer-nos-appliques-piece"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Pièce</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-nos-appliques-piece-chambre"
href="/collections/applique-murale-chambre"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Chambre</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-nos-appliques-piece-salon"
href="/collections/applique-murale-salon"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Salon</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-nos-appliques-piece-salle-de-bain"
href="/collections/applique-murale-salle-de-bain"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Salle de bain</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-nos-appliques-piece-cuisine"
href="/collections/applique-murale-cuisine"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Cuisine</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-nos-appliques-piece-exterieur"
href="/collections/applique-murale-exterieure"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Extérieur</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="
menu-drawer__list-item
menu-drawer__list-item--deep menu-drawer__list-item--divider
"
>
<accordion-custom
>
<details
id="Details-menu-drawer-nos-appliques-matiere"
>
<summary
id="HeaderDrawer-nos-appliques-matiere"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Matière</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-nos-appliques-matiere-metal"
href="/collections/applique-murale-metal"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Métal</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-nos-appliques-matiere-bois"
href="/collections/applique-murale-bois"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Bois</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-nos-appliques-matiere-verre"
href="/collections/applique-murale-en-verre"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Verre</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-nos-appliques-matiere-rotin"
href="/collections/applique-murale-rotin"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Rotin</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="
menu-drawer__list-item
menu-drawer__list-item--deep menu-drawer__list-item--divider
"
>
<accordion-custom
>
<details
id="Details-menu-drawer-nos-appliques-style"
>
<summary
id="HeaderDrawer-nos-appliques-style"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Style</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-nos-appliques-style-moderne"
href="/collections/applique-murale-moderne"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Moderne</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-nos-appliques-style-design"
href="/collections/applique-murale-design"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Design</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-nos-appliques-style-vintage"
href="/collections/applique-murale-vintage"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Vintage</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-nos-appliques-style-originale"
href="/collections/applique-murale-originale"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Originale</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="
menu-drawer__list-item
menu-drawer__list-item--deep menu-drawer__list-item--divider
"
>
<accordion-custom
>
<details
id="Details-menu-drawer-nos-appliques-type"
>
<summary
id="HeaderDrawer-nos-appliques-type"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Type</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-nos-appliques-type-led"
href="/collections/applique-murale-led"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">LED</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li><li
class="
menu-drawer__list-item
menu-drawer__list-item--deep menu-drawer__list-item--divider
"
>
<accordion-custom
>
<details
id="Details-menu-drawer-nos-appliques-couleur"
>
<summary
id="HeaderDrawer-nos-appliques-couleur"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Couleur</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-nos-appliques-couleur-noire"
href="/collections/applique-murale-noire"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Noire</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-nos-appliques-couleur-blanche"
href="/collections/applique-murale-blanche"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Blanche</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-nos-appliques-couleur-doree"
href="/collections/applique-murale-doree"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Dorée</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
><details
id="Details-menu-drawer-menu-item-2"
class="menu-drawer__menu-container menu-drawer__menu-container--divider"
>
<summary
id="HeaderDrawer-applique-murale-interieur"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
on:click="header-drawer/open/submenu"
>
<span class="menu-drawer__menu-item-text wrap-text">Applique murale intérieur</span>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-applique-murale-interieur"
class="menu-drawer__submenu has-submenu"
tabindex="-1"
style="--menu-drawer-animation-index: 2;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons menu-drawer__nav-buttons--with-title">
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
aria-label="Retour au menu principal"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<a
href="/collections/applique-murale-interieur"
class="menu-drawer__title focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Applique murale intérieur</span>
</a>
<button
class="button button-unstyled close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="
menu-drawer__list-item
menu-drawer__list-item--divider
"
><a
id="HeaderDrawer-applique-murale-interieur-chambre"
href="/collections/applique-murale-chambre"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Chambre</span>
</a></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--divider
"
><a
id="HeaderDrawer-applique-murale-interieur-salon"
href="/collections/applique-murale-salon"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Salon</span>
</a></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--divider
"
><a
id="HeaderDrawer-applique-murale-interieur-salle-de-bain"
href="/collections/applique-murale-salle-de-bain"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Salle de bain</span>
</a></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--divider
"
><a
id="HeaderDrawer-applique-murale-interieur-cuisine"
href="/collections/applique-murale-cuisine"
class="menu-drawer__menu-item menu-drawer__menu-item--parent"
>
<span class="menu-drawer__menu-item-text wrap-text">Cuisine</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
><a
id="HeaderDrawer-applique-murale-exterieure"
href="/collections/applique-murale-exterieure"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">Applique murale extérieure</span>
</a></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
><a
id="HeaderDrawer-blog"
href="/blogs/actualites"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">Blog</span>
</a></li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(255 255 255);
}
</style>
<a
href="/"
class="size-style spacing-style header-logo"
style="
--size-style-width: ;--size-style-height: ;
--padding-block-start: 0px;--padding-block-end: 0px;
--font-family: var(--font-body--family);
--font-style: var(--font-body--style);
--font-weight: 600;
"
>
<span
data-testid="header-logo"
>
<img src="//lumesie.com/cdn/shop/files/lumesie-logo-noir.png?height=30&v=1792910484" alt="Lumesie - Accueil" width="120" height="30" class="header-logo__image" srcset="//lumesie.com/cdn/shop/files/lumesie-logo-noir.png?height=30&v=1792910484 1x, //lumesie.com/cdn/shop/files/lumesie-logo-noir.png?height=60&v=1792910484 2x, //lumesie.com/cdn/shop/files/lumesie-logo-noir.png?height=90&v=1792910484 3x" style="--header-logo-image-width: 120px;--header-logo-image-width-mobile: 104px; --header-logo-image-height: 30px; --header-logo-image-height-mobile: 26px;">
</span>
</a>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<style data-shopify>
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu,
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-AWE5VaHVkMmMxd0xsT__header-menu {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<header-menu
ref="headerMenu"
class="header-menu"
data-hydration-key="header-menu"
data-skip-node-update
>
<div class="header-menu__inner">
<nav
class="menu-list"
aria-label="Principale"
style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;
--menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
var(--menu-font-sm--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu background-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//lumesie.com/cdn/shop/t/9/assets/overflow-list.css?v=16727044177065489451793686225" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Plus
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><span class="menu-list__trigger"><a
href="/collections/toutes-les-appliques"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Nos appliques</span>
</a><button
type="button"
class="menu-list__disclosure button-unstyled"
aria-controls="submenu-1"
aria-expanded="false"
ref="disclosure[]"
data-skip-node-update
on:click="/toggle"
>
<span class="visually-hidden">Afficher le sous-menu Nos appliques</span>
<svg
class="menu-list__disclosure-icon"
aria-hidden="true"
focusable="false"
viewBox="0 0 10 6"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg>
</button>
</span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
--menu-parent-active-font-color: var(--color-foreground);
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
--menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
"
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/applique-murale-interieur"
class="mega-menu__link mega-menu__link--parent"
>
<span class="wrap-text">Pièce</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/applique-murale-chambre"
class="mega-menu__link"
>
<span class="wrap-text">Chambre</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-salon"
class="mega-menu__link"
>
<span class="wrap-text">Salon</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-salle-de-bain"
class="mega-menu__link"
>
<span class="wrap-text">Salle de bain</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-cuisine"
class="mega-menu__link"
>
<span class="wrap-text">Cuisine</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-exterieure"
class="mega-menu__link"
>
<span class="wrap-text">Extérieur</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/toutes-les-appliques"
class="mega-menu__link mega-menu__link--parent"
>
<span class="wrap-text">Matière</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/applique-murale-metal"
class="mega-menu__link"
>
<span class="wrap-text">Métal</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-bois"
class="mega-menu__link"
>
<span class="wrap-text">Bois</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-en-verre"
class="mega-menu__link"
>
<span class="wrap-text">Verre</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-rotin"
class="mega-menu__link"
>
<span class="wrap-text">Rotin</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/toutes-les-appliques"
class="mega-menu__link mega-menu__link--parent"
>
<span class="wrap-text">Style</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/applique-murale-moderne"
class="mega-menu__link"
>
<span class="wrap-text">Moderne</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-design"
class="mega-menu__link"
>
<span class="wrap-text">Design</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-vintage"
class="mega-menu__link"
>
<span class="wrap-text">Vintage</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-originale"
class="mega-menu__link"
>
<span class="wrap-text">Originale</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/toutes-les-appliques"
class="mega-menu__link mega-menu__link--parent"
>
<span class="wrap-text">Type</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/applique-murale-led"
class="mega-menu__link"
>
<span class="wrap-text">LED</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/toutes-les-appliques"
class="mega-menu__link mega-menu__link--parent"
>
<span class="wrap-text">Couleur</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/applique-murale-noire"
class="mega-menu__link"
>
<span class="wrap-text">Noire</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-blanche"
class="mega-menu__link"
>
<span class="wrap-text">Blanche</span>
</a>
</li>
<li
>
<a
href="/collections/applique-murale-doree"
class="mega-menu__link"
>
<span class="wrap-text">Dorée</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
<span
class="mega-menu__content"
style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
>
<ul
class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
>
</ul>
</span>
</div>
</div>
</div>
</div></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><span class="menu-list__trigger"><a
href="/collections/applique-murale-interieur"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Applique murale intérieur</span>
</a><button
type="button"
class="menu-list__disclosure button-unstyled"
aria-controls="submenu-2"
aria-expanded="false"
ref="disclosure[]"
data-skip-node-update
on:click="/toggle"
>
<span class="visually-hidden">Afficher le sous-menu Applique murale intérieur</span>
<svg
class="menu-list__disclosure-icon"
aria-hidden="true"
focusable="false"
viewBox="0 0 10 6"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg>
</button>
</span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
--menu-parent-active-font-color: var(--color-foreground);
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
--menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
"
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/applique-murale-chambre"
class="mega-menu__link "
>
<span class="wrap-text">Chambre</span>
</a>
</div>
<div>
<a
href="/collections/applique-murale-salon"
class="mega-menu__link "
>
<span class="wrap-text">Salon</span>
</a>
</div>
<div>
<a
href="/collections/applique-murale-salle-de-bain"
class="mega-menu__link "
>
<span class="wrap-text">Salle de bain</span>
</a>
</div>
<div>
<a
href="/collections/applique-murale-cuisine"
class="mega-menu__link "
>
<span class="wrap-text">Cuisine</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
<span
class="mega-menu__content"
style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
>
<ul
class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
>
</ul>
</span>
</div>
</div>
</div>
</div></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><a
href="/collections/applique-murale-exterieure"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Applique murale extérieure</span>
</a></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><a
href="/blogs/actualites"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Blog</span>
</a></li>
<li
class="menu-list__list-item"
slot="more"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button
class="menu-list__link button-unstyled"
aria-haspopup="true"
aria-expanded="false"
ref="menuitem"
on:click="/toggle"
data-testid="header-menu-more-button"
data-skip-node-update
>
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</nav>
</div>
<script
src="//lumesie.com/cdn/shop/t/9/assets/header-menu.js?v=163571525810830592241793686225"
type="module"
fetchpriority="low"
></script>
</header-menu>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(255 255 255);
}
</style>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<script
type="module"
src="//lumesie.com/cdn/shop/t/9/assets/cart-icon.js?v=161134087893342399831793686225"
fetchpriority="low"
></script>
<header-actions
>
<div
class="account-button header-actions__action color-custom-popover"
>
<shopify-store store-domain="https://lumesie.com" country="FR" language="fr"></shopify-store>
<shopify-account
menu="mega-menu"
>
<span
slot="signed-out-avatar"
class="account-button__text header-actions__text-style hidden"
>
Compte
</span>
<span
slot="signed-out-avatar"
class=""
aria-hidden="true"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="17"
viewBox="0 0 15 17"
fill="none"
slot="signed-out-avatar"
class="account-button__icon"
>
<path
stroke="currentColor"
stroke-linejoin="round"
stroke-width="var(--icon-stroke-width)"
d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
/>
</svg>
</span>
</shopify-account>
</div>
<button
class="header-actions__action button-unstyled"
on:click="#cart-drawer/toggle"
aria-haspopup="dialog"
aria-expanded="false"
aria-controls="cart-drawer"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span class="hidden">
Panier
</span>
<span
class="svg-wrapper "
aria-hidden="true"
>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
data-testid="cart-count-live-region"
></span>
</header-actions>
<script
type="module"
src="//lumesie.com/cdn/shop/t/9/assets/header-actions.js?v=157135685635924702181793686225"
fetchpriority="low"
></script>
</div>
</div>
</div>
</header-component>
<script
src="//lumesie.com/cdn/shop/t/9/assets/header.js?v=146686092481561649561793686225"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--33204870906193__header_section', url);
</script>
<style> #shopify-section-sections--33204870906193__header_section .mega-menu__link--parent {font-weight: 700;} </style></header>
<!-- END sections: header-group -->
</div>
<script>
/**
* Sets `--header-height` and `--header-group-height` to measured values before first paint.
*
* A few CSS rules position content relative to the header at first paint — a hero sized to
* the remaining viewport, a transparent header's negative margin. Without a measured value
* those rules use the `60px` fallback from `sections/header.liquid`, and the content visibly
* jumps once `header.js` corrects the values after load.
*
* Measuring forces layout mid-parse, so it only runs where a consuming rule exists.
* Callers opt in: the transparent-header branch below, or `snippets/measure-header-heights.liquid`,
* which any new first-paint consumer must render too.
*
* Measures once per page; after load, header.js's ResizeObservers keep the values fresh.
* The group-height walk mimics calculateHeaderGroupHeight() in utilities.js — keep them
* in sync.
*/
window.measureHeaderHeights = (function () {
let measured = false;
return function measureHeaderHeights() {
if (measured) return;
const header = document.querySelector('#header-component');
const headerGroup = document.querySelector('#header-group');
if (!header || !headerGroup) return;
measured = true;
const headerHeight = header.offsetHeight;
let headerGroupHeight = 0;
for (const element of headerGroup.children) {
if (element instanceof HTMLElement) headerGroupHeight += element.offsetHeight;
}
/**
* A transparent header is absolutely positioned, so the loop above counts its section
* wrapper as 0px. When a section follows it in the group, header.liquid pushes that
* section down by the header's height using a margin, which offsetHeight also
* excludes — so the header's height has to be added back manually.
*/
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
};
})();
/**
* Transparent-header rules consume the measured heights at first paint on every
* template, so the transparent case opts in globally here instead of per-section.
*/
if (document.querySelector('#header-component')?.hasAttribute('transparent')) {
measureHeaderHeights();
}
/**
* Sets `--top-row-height`, consumed by the header underlays and submenus. Deferred to a
* rAF so the height read doesn't force layout mid-parse, and scoped to the
* header, where all consumers live, so the write only invalidates the header subtree.
* Mimics the `--top-row-height` write in updateHeaderHeights() in utilities.js
*/
(function setTopRowHeight() {
const header = document.querySelector('#header-component');
const headerTopRow = header?.querySelector('.header__row--top');
if (!headerTopRow) return;
window.requestAnimationFrame(function () {
header.style.setProperty('--top-row-height', `${headerTopRow.getBoundingClientRect().height}px`);
});
})();
/**
* Sets `--transparent-header-offset-boolean` when the first section must offset itself
* under a transparent header. The non-offset case relies on the `0` default declared in
* sections/header.liquid — unlike updateTransparentHeaderOffset() in utilities.js, which
* re-runs on editor changes and must write '0' to reset a previously written '1'.
*/
(function updateTransparentHeaderOffset() {
const header = document.querySelector('#header-component');
const headerSection = document.querySelector('#header-group .header-section');
if (!headerSection || !header?.hasAttribute('transparent')) return;
const hasImmediateSection = headerSection.nextElementSibling?.classList.contains('shopify-section');
if (!hasImmediateSection) {
document.body.style.setProperty('--transparent-header-offset-boolean', '1');
}
})();
/**
* Sets the initial menu style (inline menu vs. drawer) on the header component.
* Mimics setHeaderMenuStyle() in utilities.js
*/
(function setHeaderMenuStyle() {
const headerComponent = document.querySelector('#header-component');
if (headerComponent) {
const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
const overflowList = headerComponent.querySelector('overflow-list');
const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
}
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="false"
data-product-transition="false"
data-template="index"
>
<section id="shopify-section-template--33204876837201__hero_jVaWmY" class="shopify-section hero-wrapper section-wrapper">
<style data-shopify>
.color-custom-template--33204876837201__hero_jVaWmY,
.color-custom-template--33204876837201__hero_jVaWmY .text-block {
/* Background */
--color-background: #000000;
--color-background-rgb: 0 0 0;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
}
.color-custom-template--33204876837201__hero_jVaWmY {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<script>
const section = document.currentScript.closest('.shopify-section');
if (section && section === section.closest('#MainContent')?.firstElementChild) {
window.measureHeaderHeights?.();
}
</script>
<div
id="Hero-template--33204876837201__hero_jVaWmY"
class="hero color-custom-template--33204876837201__hero_jVaWmY"
style="
--hero-border-style: ;
--hero-border-width: px;
--hero-border-opacity: %;
--blur-opacity: 0.75;
--hero-min-height: 90svh;
--hero-min-height-mobile: 70svh;
--blur-opacity-mobile: 0.75;
--hero-object-position: center center;
--hero-object-position-mobile: center center;
"
>
<div
class="hero__container spacing-style section section--full-width"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));"
><div
class="hero__media-grid"
style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.7916666666666667;"
data-testid="hero-media-wrapper"
><div class="hero__overlay-desktop hero__overlay-desktop--hide-mobile">
<div
class="overlay overlay--solid"
style="
--overlay-layer: var(--layer-flat);
--overlay-color: #00000047;
--overlay-color--end: rgba(0, 0, 0, 0);
--overlay-direction: to top;"
></div>
</div><div class="hero__overlay-mobile" style="--hero-overlay-mobile: linear-gradient(to right, #00000063 0%, transparent 100%);"></div>
<picture
data-testid="hero-picture-1"
class="hero__media"
>
<source
media="(max-width: 749px)"
srcset="//lumesie.com/cdn/shop/files/Gemini_Generated_Image_f1fmktf1fmktf1fm.jpg?v=1792913378&width=416 416w,
//lumesie.com/cdn/shop/files/Gemini_Generated_Image_f1fmktf1fmktf1fm.jpg?v=1792913378&width=600 600w,
//lumesie.com/cdn/shop/files/Gemini_Generated_Image_f1fmktf1fmktf1fm.jpg?v=1792913378&width=800 800w,
//lumesie.com/cdn/shop/files/Gemini_Generated_Image_f1fmktf1fmktf1fm.jpg?v=1792913378&width=1200 1200w,
//lumesie.com/cdn/shop/files/Gemini_Generated_Image_f1fmktf1fmktf1fm.jpg?v=1792913378&width=1600 1600w
"
sizes="100vw"
width="1856"
height="2304"
>
<img src="//lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=3840" srcset="//lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=832 832w, //lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=1200 1200w, //lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=1600 1600w, //lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=1920 1920w, //lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=2560 2560w, //lumesie.com/cdn/shop/files/Gemini_Generated_Image_8600jt8600jt8600.jpg?v=1792912826&width=3840 3840w" width="2752" height="1536" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
</picture>
</div>
<div
class="
hero__content-wrapper
layout-panel-flex
layout-panel-flex--column
mobile-column
section-content-wrapper
page-width
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 24px;
--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
>
<div class=" spacing-style text-block text-block--AMVZZQkJlTHhVSjFCa__text_YLPk4p h1 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: #ffffff; --color-rgb: 255 255 255; --width: fit-content; --max-width: var(--max-width--body-narrow); ">
<h1>Appliques murales<br/>pour embellir votre intérieur</h1>
</div>
<rte-formatter class=" spacing-style text-block text-block--ATGNuRlg1SHBJRDRNM__text_wrnYiE rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: #ffffff; --color-rgb: 255 255 255; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Découvrez notre sélection d’appliques murales design, pensées pour apporter une lumière chaleureuse à chaque pièce de la maison</p>
</rte-formatter>
<style data-shopify>
.button-custom--ANmoxUlhMdWVMTDhNd__button_H9gpTf {
--button-background-color: rgb(201 161 85 / 1.0);
--button-color: rgb(255 255 255 / 1.0);
--button-border-color: rgb(201 161 85 / 1.0);
--button-focus-outline-color: rgb(201 161 85);
}
.button-custom--ANmoxUlhMdWVMTDhNd__button_H9gpTf:hover {
--button-background-color: #b28839;
--button-color: var(--palette-darkest);
--button-border-color: #b28839;
}
</style>
<a
href="/collections"
class="
size-style
button-custom
button-custom--ANmoxUlhMdWVMTDhNd__button_H9gpTf
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Découvrir nos appliques
</a>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0..1,0&display=block">
<style>
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT {
--ti-size: 14px;
--ti-icon-scale: 1.2;
--ti-gap: calc(3 * 4px);
--ti-pad: calc(3 * 0.2em);
--ti-radius: calc(var(--ti-size) * 0.4);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--ti-gap);
width: 100%;
margin-top: 0px !important;
margin-bottom: 14px !important;
justify-content: flex-start; align-items: center;
}
@media screen and (min-width: 750px) {
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT { --ti-size: 16px; }
}
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-item {
display: flex;
align-items: center;
gap: calc(var(--ti-size) * 0.5);
margin: 0 !important;
}
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: calc(var(--ti-size) * var(--ti-icon-scale));
height: calc(var(--ti-size) * var(--ti-icon-scale));
margin: 0 !important;
color: #ffffff;
font-family: 'Material Symbols Rounded';
font-size: calc(var(--ti-size) * var(--ti-icon-scale));
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
overflow: hidden;
-webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-icon--filled {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-text {
margin: 0 !important;
padding: 0 !important;
color: #ffffff;
font-size: var(--ti-size);
line-height: 1.35;
text-align: left;
}
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-text strong,
#TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT .ti-text b {
font-weight: 700;
}
</style>
<div id="TextIcon-AT0l1Z1ZYSUZ1cTJYc__text_with_icon_3X33RT" class="ti" ><div class="ti-item"><span class="ti-icon" aria-hidden="true">check_circle</span><p class="ti-text">Garantie 2 ans</p>
</div><div class="ti-item"><span class="ti-icon" aria-hidden="true">check_circle</span><p class="ti-text">SAV français</p>
</div></div>
</div>
</div>
</div>
</section><section id="shopify-section-template--33204876837201__icon_bar_FHH8be" class="shopify-section"><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,300..500,0..1,0&display=block" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>#shopify-section-template--33204876837201__icon_bar_FHH8be { display: block; width: 100%; grid-column: 1 / -1; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar, #shopify-section-template--33204876837201__icon_bar_FHH8be .ibar * { box-sizing: border-box; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 12px 0 12px;
background: #181818;
color: #ffffff;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__inner {
width: 100%;
max-width: var(--page-width, 1200px);
margin: 0 auto;
padding: 0 var(--page-margin, 20px);
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__inner--full { max-width: none; }
/* ID de section */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__copy-id {
position: absolute;
top: 8px;
left: 8px;
z-index: 3;
padding: 6px 10px;
border: 0;
border-radius: 6px;
background: #121212;
color: #fff;
font-size: 12px;
cursor: pointer;
}
/* En-tête */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__header { max-width: 760px; margin: 0 auto 32px; text-align: center; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__heading {
margin: 0;
font-family: var(--font-heading--family, inherit);
font-size: clamp(28px, 4vw, 42px);
line-height: 1.15;
color: inherit;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__heading strong { color: #6d388b; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__intro { margin-top: 12px; opacity: .85; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__intro p { margin: 0; }
/* Grille */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__viewport { position: relative; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px;
margin: 0;
padding: 0;
list-style: none;
}
/* Cartes */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
margin: 0;
text-align: center;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar--horizontal .ibar__item {
flex-direction: row;
align-items: center;
text-align: left;
}
/* Icône */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__icon { flex-shrink: 0; line-height: 0; color: currentColor; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__icon .material-symbols-outlined {
width: 46px;
height: 46px;
font-size: 46px;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__icon .material-symbols-outlined.is-filled {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__icon img {
display: block;
width: 46px;
height: 46px;
object-fit: contain;
}
/* Textes des cartes */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__info { display: flex; flex-direction: column; gap: 6px; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__title {
margin: 0;
font-family: var(--font-heading--family, inherit);
font-size: 20px;
line-height: 1.3;
color: inherit;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__text { font-size: 15px; line-height: 1.6; opacity: .9; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__text p { margin: 0; }
/* Navigation du slider */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 24px;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 1px solid #ffffff;
border-radius: 999px;
background: transparent;
color: #ffffff;
cursor: pointer;
transition: opacity .2s;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__arrow[disabled] { opacity: .3; cursor: default; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__arrow svg { width: 16px; height: 16px; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__side-arrows .ibar__arrow {
position: absolute;
top: 50%;
z-index: 2;
transform: translateY(-50%);
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__side-arrows .ibar__arrow--prev { left: 8px; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__side-arrows .ibar__arrow--next { right: 8px; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__dots { display: flex; gap: 8px; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__dots button {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
background: #ffffff;
opacity: .25;
cursor: pointer;
transition: opacity .2s, width .2s;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__dots button[aria-current="true"] { width: 22px; opacity: 1; }
#shopify-section-template--33204876837201__icon_bar_FHH8be ibar-slider { display: block; }
#shopify-section-template--33204876837201__icon_bar_FHH8be ibar-slider[data-inactive] .ibar__nav,
#shopify-section-template--33204876837201__icon_bar_FHH8be ibar-slider[data-inactive] .ibar__side-arrows { display: none; }
/* Slider : style commun */
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid.is-slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid.is-slider::-webkit-scrollbar { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid.is-slider > .ibar__item { scroll-snap-align: start; }
/* Ordinateur */
@media (min-width: 750px) {
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar.mobile-hidden { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--d-arrows-hidden .ibar__arrow,
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--d-arrows-under .ibar__side-arrows,
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--d-arrows-sides .ibar__nav .ibar__arrow { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--d-dots-hidden .ibar__dots { display: none; }
}
/* Mobile */
@media (max-width: 749px) {
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar.desktop-hidden { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 16px;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding-inline: 0px;
scroll-padding-inline: 0px;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__grid::-webkit-scrollbar { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__item {
flex: 0 0 calc((100% - 0 * 16px) / 1);
scroll-snap-align: start;
}
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--m-arrows-hidden .ibar__arrow,
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--m-arrows-under .ibar__side-arrows,
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--m-arrows-sides .ibar__nav .ibar__arrow { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__slider--m-dots-hidden .ibar__dots { display: none; }
#shopify-section-template--33204876837201__icon_bar_FHH8be .ibar__title { font-size: 18px; }
}</style><div class="ibar ibar--vertical all"><div class="ibar__inner"><ibar-slider
class="ibar__slider ibar__slider--d-arrows-hidden ibar__slider--d-dots-under ibar__slider--m-arrows-hidden ibar__slider--m-dots-under"
data-type="slide"
data-autoplay="false"
data-speed="5"
data-per-move-desktop="1"
data-inactive
>
<div class="ibar__viewport">
<ul class="ibar__grid" data-track><li class="ibar__item" >
<div class="ibar__icon"><span
class="material-symbols-outlined"
aria-hidden="true"
>local_shipping</span></div><div class="ibar__info"><h3 class="ibar__title">Livraison offerte</h3></div></li><li class="ibar__item" >
<div class="ibar__icon"><span
class="material-symbols-outlined"
aria-hidden="true"
>replay</span></div><div class="ibar__info"><h3 class="ibar__title">Retours sous 30 Jours</h3></div></li><li class="ibar__item" >
<div class="ibar__icon"><span
class="material-symbols-outlined"
aria-hidden="true"
>credit_card</span></div><div class="ibar__info"><h3 class="ibar__title">Paiements sécurisés</h3></div></li></ul>
<div class="ibar__side-arrows">
<button type="button" class="ibar__arrow ibar__arrow--prev" data-prev aria-label="Précédent"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
<button type="button" class="ibar__arrow ibar__arrow--next" data-next aria-label="Suivant"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M6 3l5 5-5 5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
</div>
</div>
<div class="ibar__nav">
<button type="button" class="ibar__arrow ibar__arrow--prev" data-prev aria-label="Précédent"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
<div class="ibar__dots" data-dots></div>
<button type="button" class="ibar__arrow ibar__arrow--next" data-next aria-label="Suivant"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M6 3l5 5-5 5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
</div>
</ibar-slider>
</div>
</div>
<script>
if (!customElements.get('ibar-slider')) {
customElements.define('ibar-slider', class extends HTMLElement {
connectedCallback() {
this.track = this.querySelector('[data-track]');
this.dots = this.querySelector('[data-dots]');
if (!this.track) return;
this.loop = this.dataset.type === 'loop';
this.max = 0;
this.querySelectorAll('[data-prev]').forEach((b) =>
b.addEventListener('click', () => this.go(this.index() - this.perMove(), true))
);
this.querySelectorAll('[data-next]').forEach((b) =>
b.addEventListener('click', () => this.go(this.index() + this.perMove(), true))
);
this.onScroll = () => this.update();
this.track.addEventListener('scroll', this.onScroll, { passive: true });
this.addEventListener('mouseenter', () => (this.paused = true));
this.addEventListener('mouseleave', () => (this.paused = false));
this.addEventListener('touchstart', () => (this.paused = true), { passive: true });
this.onBlockSelect = (e) => {
if (!this.contains(e.target)) return;
const i = [...this.track.children].indexOf(e.target.closest('.ibar__item'));
if (i > -1) this.go(i, false);
};
document.addEventListener('shopify:block:select', this.onBlockSelect);
this.ro = new ResizeObserver(() => this.build());
this.ro.observe(this.track);
this.build();
}
disconnectedCallback() {
if (this.ro) this.ro.disconnect();
clearInterval(this.timer);
document.removeEventListener('shopify:block:select', this.onBlockSelect);
}
isDesktop() {
return window.matchMedia('(min-width: 750px)').matches;
}
perMove() {
return this.isDesktop() ? Math.max(1, parseInt(this.dataset.perMoveDesktop, 10) || 1) : 1;
}
step() {
const s = this.track.children;
return s.length > 1 ? s[1].offsetLeft - s[0].offsetLeft : this.track.clientWidth;
}
build() {
clearInterval(this.timer);
const slides = this.track.children.length;
const cs = getComputedStyle(this.track);
const on = cs.display === 'flex' && slides > 1;
let max = 0;
if (on) {
const inner = this.track.clientWidth - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight);
const gap = parseFloat(cs.columnGap) || 0;
const perView = Math.max(1, Math.round((inner + gap) / this.step()));
max = Math.max(0, slides - perView);
}
this.max = max;
this.toggleAttribute('data-inactive', max === 0);
if (this.dots) {
this.dots.innerHTML = '';
if (max > 0) {
const pm = this.perMove();
const pages = Math.ceil(max / pm) + 1;
for (let k = 0; k < pages; k++) {
const target = Math.min(k * pm, max);
const b = document.createElement('button');
b.type = 'button';
b.dataset.index = target;
b.setAttribute('aria-label', 'Aller à la diapositive ' + (k + 1));
b.addEventListener('click', () => this.go(target, false));
this.dots.appendChild(b);
}
}
}
this.update();
if (max > 0 && this.dataset.autoplay === 'true') {
const ms = (parseFloat(this.dataset.speed) || 5) * 1000;
this.timer = setInterval(() => {
if (this.paused) return;
let n = this.index() + this.perMove();
if (n > this.max) n = 0;
this.go(n, false);
}, ms);
}
}
index() {
return Math.min(this.max, Math.max(0, Math.round(this.track.scrollLeft / this.step())));
}
go(i, wrap) {
if (wrap && this.loop) {
if (i > this.max) i = 0;
else if (i < 0) i = this.max;
}
i = Math.min(this.max, Math.max(0, i));
this.track.scrollTo({ left: i * this.step(), behavior: 'smooth' });
}
update() {
if (!this.max) return;
const i = this.index();
if (this.dots) {
let active = null;
[...this.dots.children].forEach((d) => {
if (parseInt(d.dataset.index, 10) <= i) active = d;
});
[...this.dots.children].forEach((d) => d.setAttribute('aria-current', d === active ? 'true' : 'false'));
}
if (!this.loop) {
this.querySelectorAll('[data-prev]').forEach((b) => (b.disabled = i <= 0));
this.querySelectorAll('[data-next]').forEach((b) => (b.disabled = i >= this.max));
}
}
});
}
</script>
</section><div id="shopify-section-template--33204876837201__collection_list_pP3MgY" class="shopify-section ui-test-collection-list">
<div
class="section-background"
></div>
<div
class="
section
section--page-width
section-resource-list
spacing-style
gap-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
--gap: 12px;
"
data-testid="collection-list"
>
<div class="section-resource-list__content">
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div class=" spacing-style text-block text-block--AblhkUzZuekZTTUt5U__text_HHTJEG h3 " style=" --padding-block-start: 0px; --padding-block-end:16px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>Trouvez l’applique murale adaptée à votre pièce</h2>
</div>
</div>
</div>
</div>
<div
class="
resource-list
resource-list--grid
"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 8px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="collections-list-grid"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
"
data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--gap: 8px;
">
<a
class="collection-card__link"
href="/collections/applique-murale-chambre"
>
<span class="visually-hidden">Applique murale chambre</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card"] {
--ratio: 1.0;
}
</style>
<div
class="
resource-image
collection-card__image
spacing-style border-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
><img src="//lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=3840" alt="Applique murale boule Orbis" srcset="//lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=240 240w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=352 352w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=832 832w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=1200 1200w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=1600 1600w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=1920 1920w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=2560 2560w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class=" spacing-style text-block text-block--AVi9kbkxJOVZQek5NV__collection_title_EE7y88 rte text-block--background rte " style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --color: #000000; --color-rgb: 0 0 0; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); ">
<p>Applique murale chambre</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
"
data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card-1"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--gap: 8px;
">
<a
class="collection-card__link"
href="/collections/applique-murale-salle-de-bain"
>
<span class="visually-hidden">Applique murale salle de bain</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card-1"] {
--ratio: 1.0;
}
</style>
<div
class="
resource-image
collection-card__image
spacing-style border-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
><img src="//lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=3840" alt="Applique murale LED pour miroir Speculum" srcset="//lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=240 240w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=352 352w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=832 832w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=1200 1200w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=1600 1600w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=1920 1920w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=2560 2560w, //lumesie.com/cdn/shop/files/applique-20-01.webp?v=1793681119&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class=" spacing-style text-block text-block--AVi9kbkxJOVZQek5NV__collection_title_EE7y88-1 rte text-block--background rte " style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --color: #000000; --color-rgb: 0 0 0; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); ">
<p>Applique murale salle de bain</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
"
data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card-2"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--gap: 8px;
">
<a
class="collection-card__link"
href="/collections/applique-murale-salon"
>
<span class="visually-hidden">Applique murale salon</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card-2"] {
--ratio: 1.0;
}
</style>
<div
class="
resource-image
collection-card__image
spacing-style border-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
><img src="//lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=3840" alt="Applique murale travertin wabi-sabi Lapis" srcset="//lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=240 240w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=352 352w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=832 832w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=1200 1200w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=1600 1600w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=1920 1920w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=2560 2560w, //lumesie.com/cdn/shop/files/applique-8-01.webp?v=1793542731&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class=" spacing-style text-block text-block--AVi9kbkxJOVZQek5NV__collection_title_EE7y88-2 rte text-block--background rte " style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --color: #000000; --color-rgb: 0 0 0; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); ">
<p>Applique murale salon</p>
</div>
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
"
data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card-3"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--gap: 8px;
">
<a
class="collection-card__link"
href="/collections/applique-murale-exterieure"
>
<span class="visually-hidden">Applique murale extérieure</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ARXAvVEMzdVV2TVlte__static-collection-card-3"] {
--ratio: 1.0;
}
</style>
<div
class="
resource-image
collection-card__image
spacing-style border-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
><img src="//lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=3840" alt="Applique murale extérieure LED Aura" srcset="//lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=240 240w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=352 352w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=832 832w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=1200 1200w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=1600 1600w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=1920 1920w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=2560 2560w, //lumesie.com/cdn/shop/files/applique-01.webp?v=1793428534&width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 25vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div class=" spacing-style text-block text-block--AVi9kbkxJOVZQek5NV__collection_title_EE7y88-3 rte text-block--background rte " style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --color: #000000; --color-rgb: 0 0 0; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); ">
<p>Applique murale extérieure</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--33204876837201__product_recommendations_kfkQim" class="shopify-section">
<script
src="//lumesie.com/cdn/shop/t/9/assets/product-recommendations.js?v=127096830375957167321793686225"
type="module"
fetchpriority="low"
></script>
<product-recommendations
id="product-recommendations-template--33204876837201__product_recommendations_kfkQim"
class="product-recommendations"
data-url="/recommendations/products?limit=4"
data-section-id="template--33204876837201__product_recommendations_kfkQim"
data-product-id="11310571880785"
data-intent="related"
data-testid="product-recommendations-section"
data-recommendations-performed="false"
data-hydration-key="product-recommendations-template--33204876837201__product_recommendations_kfkQim"
>
<div
class="section-background"
></div>
<div
class="
section
section--page-width
section-resource-list
spacing-style
gap-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
--column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2;
"
>
<div class="section-resource-list__content">
<div class=" spacing-style text-block text-block--AZHpMNlJyQmlmczg0V__text_ycaKCG h3 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>Notre sélection d’appliques murales</h2>
</div>
</div><div
class="resource-list resource-list--grid"
>
<div
class="product-recommendations__skeleton-item"
aria-label="Chargement des recommandations de produits"
></div>
<div
class="product-recommendations__skeleton-item"
aria-label="Chargement des recommandations de produits"
></div>
<div
class="product-recommendations__skeleton-item"
aria-label="Chargement des recommandations de produits"
></div>
<div
class="product-recommendations__skeleton-item"
aria-label="Chargement des recommandations de produits"
></div>
</div></div>
</product-recommendations>
</div><div id="shopify-section-template--33204876837201__section_HYXbW4" class="shopify-section section-wrapper">
<div class="section-background color-custom-template--33204876837201__section_HYXbW4"></div>
<div
class="section section--page-width color-custom-template--33204876837201__section_HYXbW4"
data-testid="ui-test-section"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--row
section-content-wrapper
mobile-column
"
style="
--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
"
data-testid="section-content"
>
<div
class="
image-block image-block--AS0hhdEd0TFJmZGtRc__image_eMXxdy image-block--height-fit spacing-style size-style
"
style="
--ratio: 1;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
>
<img src="//lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=3840" alt="" srcset="//lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=240 240w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=352 352w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=832 832w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=1200 1200w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=1600 1600w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=1920 1920w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=2560 2560w, //lumesie.com/cdn/shop/files/applique-murale-plissee-salon.webp?v=1792902938&width=3840 3840w" width="1024" height="1024" loading="lazy" class="image-block__image border-style" style="
--ratio: 1;
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
" sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div class=" spacing-style text-block text-block--AN29XanVRMTNQcWxES__text_r3TQKB h3 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-none); ">
<h2>À la recherche de l'applique murale parfaite pour votre maison ? </h2>
</div>
<rte-formatter class=" spacing-style text-block text-block--AK1RoamJnekZicFluR__text_rkY3Ni rte rte " style=" --padding-block-start: 0px; --padding-block-end:14px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); ">
<p>Chez Lumesie, nous sélectionnons des <strong>appliques murales</strong> pour embellir votre intérieur. Moderne, vintage, en bois, en verre ou en laiton : chaque modèle est choisi pour son style et la qualité de ses matériaux.</p><h3></h3><p>Nos <strong>appliques </strong>diffusent une lumière douce et chaleureuse, pour créer une ambiance où l’on se sent bien. Modèles LED, avec interrupteur ou sans fil, trouvez l’<strong>applique murale</strong> qui vous ressemble.</p>
</rte-formatter>
<a
href="/collections/applique-murale-interieur"
class="
size-style
button
button--AVm0rbUZSaEtEUHRid__button_GQpdKg
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Découvrir la sélection
</a>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--33204876837201__section_YA6F8x" class="shopify-section section-wrapper">
<div class="section-background color-custom-template--33204876837201__section_YA6F8x"></div>
<div
class="section section--page-width color-custom-template--33204876837201__section_YA6F8x"
data-testid="ui-test-section"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--column
section-content-wrapper
mobile-column
"
style="
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
"
data-testid="section-content"
>
<div class=" spacing-style text-block text-block--AWjZBMDBGL1Ara3QrV__text_emeeiH h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); ">
<h2>FAQ</h2>
</div>
<div
class="accordion accordion--AdXVyUHVJc3dzNERjW__accordion_nU4KQq accordion--caret border-style spacing-style accordion--dividers"
style="
--summary-font-family: var(--font-h5--family);
--summary-font-style: var(--font-h5--style);
--summary-font-weight: var(--font-h5--weight);
--summary-font-size: var(--font-h5--size);
--summary-font-line-height: var(--font-h5--line-height);
--summary-font-case: var(--font-h5--case);
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
"
>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Quelle lumière diffusent vos appliques murales ?
<span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter class=" spacing-style text-block text-block--AdGdJQWUyVTllNkoxO__text_nyQtNm rte text-block--align-left text-block--full-width rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: start; ">
<p>La plupart de nos modèles diffusent un blanc chaud, idéal pour créer une ambiance douce et chaleureuse. Certains existent aussi en blanc neutre ou froid. La température de couleur et la puissance sont indiquées sur chaque fiche produit.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Vos appliques éclairent-elles suffisamment une pièce ?
<span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter class=" spacing-style text-block text-block--ATTh0eTBTZXlsMGgvc__text_MRFJY8 rte text-block--align-left text-block--full-width rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: start; ">
<p>Nos appliques apportent une lumière d’ambiance et d’appoint. Pour éclairer toute une pièce, associez-en plusieurs ou gardez un éclairage principal. La puissance et, selon les modèles, la surface d’éclairage recommandée sont indiquées sur chaque fiche produit.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
L’installation d’une applique est-elle difficile ?
<span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter class=" spacing-style text-block text-block--AVTZsZnlXV3l1Y1l2K__text_7yrDLx rte text-block--align-left text-block--full-width rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: start; ">
<p>Nos appliques se fixent au mur avec des vis. Comme pour toute installation électrique, coupez le courant avant la pose et, par sécurité, faites-la réaliser par un électricien.</p><p></p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Ya t-il une garantie ?
<span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter class=" spacing-style text-block text-block--AWnZ2bTJwU3VlbC83d__text_FdUdFy rte text-block--align-left text-block--full-width rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: start; ">
<p>Oui, nos appliques murales sont garanties 2 ans contre les pannes et défauts de fabrication. Vous bénéficiez aussi de 30 jours pour changer d’avis : satisfait ou remboursé.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Quels sont les délais de livraison ?
<span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter class=" spacing-style text-block text-block--AWkZZZEVkenFpMGJYd__text_n3qUPH rte text-block--align-left text-block--full-width rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: start; ">
<p>📦 Expédition en <strong>24h à 48h</strong>.<br/><br/>🇫🇷 Livraison <strong>gratuite</strong> en France. Le délai dépend de l’applique choisie et il est indiqué sur la page de chaque produit.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--33204870742353__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
<style data-shopify>
.color-custom-sections--33204870742353__footer_m9NzUG,
.color-custom-sections--33204870742353__footer_m9NzUG .text-block {
/* Background */
--color-background: #181818;
--color-background-rgb: 24 24 24;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: var(--palette-lightest);
--color-rgb: var(--palette-lightest-rgb);
--color-foreground: var(--palette-lightest);
--color-foreground-rgb: var(--palette-lightest-rgb);
--color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
--color-border: var(--palette-lightest);
--color-border-rgb: var(--palette-lightest-rgb);
}
.color-custom-sections--33204870742353__footer_m9NzUG {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
--checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
}
.color-custom-sections--33204870742353__footer_m9NzUG {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="section-background color-custom-sections--33204870742353__footer_m9NzUG"
></div>
<div
class="section section--page-width color-custom-sections--33204870742353__footer_m9NzUG"
>
<div
class="
footer-content
spacing-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
--footer-gap: 20px;
--grid-columns: 3;
--last-row-count: 3;
--tablet-last-row-count: 1;
"
>
<div
class="
logo-block
spacing-style
"
style="
--logo-width: 191.36212624584718px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
>
<div class="logo-block__image-wrapper">
<img src="//lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=3840" alt="Lumesie" srcset="//lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=240 240w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=352 352w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=832 832w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=1200 1200w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=1600 1600w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=1920 1920w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=2560 2560w, //lumesie.com/cdn/shop/files/lumesie-logo-blanc.png?v=1792910484&width=3840 3840w" width="1200" height="301" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
</div>
</div>
<accordion-custom
class="menu"
open-by-default-on-desktop
open-by-default-on-mobile
data-disable-on-desktop="true"
data-disable-on-mobile="true"
>
<details
class="
menu__details
spacing-style
"
data-testid="menu-details"
style="
--spacing--size: 12px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
open
>
<summary class="menu__heading h4">
<span class="menu__heading__default">Liens rapides</span>
<span class="menu__heading__accordion">
Liens rapides
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</summary>
<nav
class="details-content"
>
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/policies/legal-notice">
Mentions légales
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/privacy-policy">
Politique de confidentialité
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/terms-of-sale">
Conditions générales de vente
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/refund-policy">
Politique de retour et de remboursement
</a>
</li>
<li class="menu__item paragraph">
<a href="/policies/shipping-policy">
Politique d'expédition
</a>
</li>
</ul>
</nav>
</details>
</accordion-custom>
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div class=" spacing-style text-block text-block--ASDJtc2dSd1hZUmQzU__text_EnyTee h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<h2>Nous contacter</h2>
</div>
<rte-formatter class=" spacing-style text-block text-block--ARHY2Tm15S3BtUmo4U__text_3BzkBe rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>Nous sommes disponibles à l'adresse mail suivante : <strong>contact@lumesie.com</strong></p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--33204870742353__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
<style data-shopify>
.color-custom-sections--33204870742353__footer_utilities_jLGE8U,
.color-custom-sections--33204870742353__footer_utilities_jLGE8U .text-block {
/* Background */
--color-background: #181818;
--color-background-rgb: 24 24 24;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: var(--palette-lightest);
--color-rgb: var(--palette-lightest-rgb);
--color-foreground: var(--palette-lightest);
--color-foreground-rgb: var(--palette-lightest-rgb);
--color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
--color-border: var(--palette-lightest);
--color-border-rgb: var(--palette-lightest-rgb);
}
.color-custom-sections--33204870742353__footer_utilities_jLGE8U {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
--checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
}
.color-custom-sections--33204870742353__footer_utilities_jLGE8U {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="section-background color-custom-sections--33204870742353__footer_utilities_jLGE8U"
></div>
<div
class="section section--page-width color-custom-sections--33204870742353__footer_utilities_jLGE8U"
>
<div
class="utilities utilities--blocks-1 spacing-style"
style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #dfdfdf; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="
footer-utilities__group-copyright
custom-typography
custom-font-size
"
style="
--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);
--color-utilities: #ffffff;
"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">Lumesie</a></span>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
</footer>
</div>
<div
id="shopify-section-cart-drawer-section"
class="shopify-section"
>
<script
type="module"
src="//lumesie.com/cdn/shop/t/9/assets/cart-drawer.js?v=155277300925515317381793686225"
fetchpriority="low"
></script>
<theme-drawer
id="cart-drawer"
data-skip-node-update
>
<dialog
ref="panel"
class="theme-drawer__dialog color-custom-drawer"
aria-labelledby="cart-drawer-heading"
cart-summary-sticky="true"
>
<cart-drawer-component
auto-open
>
<template id="empty-cart-template">
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//lumesie.com/cdn/shop/t/9/assets/component-cart-items.js?v=9046789195412539611793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/component-cart-quantity-selector.js?v=168493463479860323171793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/volume-pricing-info.js?v=150538418000149674651793686225"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://lumesie.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer vos achats
</span>
</a></div>
</div>
</div>
</template>
<div
class="cart-drawer__inner cart-drawer--empty"
data-hydration-key="cart-drawer-inner"
><div class="theme-drawer__header">
<button
on:click="#cart-drawer/close"
class="theme-drawer__close-button cart-drawer__close-button--empty"
type="button"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<cart-items-component
class="cart-items-component"
data-drawer
view-event-trigger="dialog"
data-section-id="cart-drawer-section"
view-event-payload="{"context":null,"cart":null}"
>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//lumesie.com/cdn/shop/t/9/assets/component-cart-items.js?v=9046789195412539611793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/component-cart-quantity-selector.js?v=168493463479860323171793686225"
type="module"
fetchpriority="low"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/volume-pricing-info.js?v=150538418000149674651793686225"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://lumesie.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer vos achats
</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</cart-drawer-component>
</dialog>
</theme-drawer>
</div>
<script
type="module"
src="//lumesie.com/cdn/shop/t/9/assets/theme-drawer.js?v=69307657216630184831793686225"
fetchpriority="low"
></script>
<script>
/* Runs synchronously during HTML parsing — opens the correct drawer on first
paint if navigation state was saved, so it renders with the rest of the page. */
(function () {
var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
if (!drawerIds.length) return;
// Only restore on wide viewports (squeeze mode). On narrow viewports the
// drawer is a modal overlay — let it start closed after navigation rather
// than re-opening a fullscreen dialog the user may have left behind.
if (!window.matchMedia('(min-width: 990px)').matches) return;
var dialogs = [];
for (var i = 0; i < drawerIds.length; i++) {
var drawer = document.getElementById(drawerIds[i]);
if (!drawer) continue;
drawer.setAttribute('open', '');
// Set [open] directly so the CSS slide-in applies without triggering
// the browser's dialog focusing steps — on wide viewports the drawer is
// a sidebar, not a modal, so focus should stay where it is.
// The instant class suppresses the slide-in transition for the initial restore.
// Set --drawer-stack-order so z-index layering matches the original order.
drawer.style.setProperty('--drawer-stack-order', String(i + 1));
var dialog = drawer.querySelector('dialog');
if (dialog) {
dialog.setAttribute('open', '');
dialog.classList.add('theme-drawer__dialog-instant');
dialogs.push(dialog);
}
// Let each drawer type handle its own restore (e.g. shopify-chat mode).
// Synchronous dispatch — listeners attached during earlier parsing run immediately.
drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
}
// Apply squeeze immediately, bypassing the margin transition.
// Only squeeze if at least one drawer was actually restored — saved
// drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
var pageWrapper = document.querySelector('.page-wrapper');
if (pageWrapper && dialogs.length > 0) {
pageWrapper.style.transition = 'none';
pageWrapper.classList.add('page-wrapper--drawer-open');
}
// Re-enable transitions after one paint so the instant state is rendered first.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
if (pageWrapper) pageWrapper.style.transition = '';
for (var j = 0; j < dialogs.length; j++) {
dialogs[j].classList.remove('theme-drawer__dialog-instant');
}
});
});
})();
</script>
<script
type="module"
>
const pageWrapper = document.querySelector('.page-wrapper');
const squeezeQuery = window.matchMedia('(min-width: 990px)');
// ── Squeeze coordination ──
// Listens to all drawers. Only squeezes on wide viewports.
document.addEventListener('theme-drawer:open', () => {
if (squeezeQuery.matches) {
pageWrapper?.classList.add('page-wrapper--drawer-open');
}
});
document.addEventListener('theme-drawer:close', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
if (!openDrawer) {
pageWrapper?.classList.remove('page-wrapper--drawer-open');
}
});
squeezeQuery.addEventListener('change', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
});
// ── State persistence ──
// Store open drawer IDs sorted by their visual stack order so
// the restore script can recreate the same z-index layering.
function persistDrawerState() {
const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
if (!openDrawers.length) {
sessionStorage.removeItem('theme-drawer-open');
return;
}
openDrawers.sort((a, b) => {
const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
return orderA - orderB;
});
sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
}
document.addEventListener('theme-drawer:open', persistDrawerState);
document.addEventListener('theme-drawer:close', persistDrawerState);
</script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/dialog.js?v=144816527575655702281793686225"
type="module"
></script>
<script
src="//lumesie.com/cdn/shop/t/9/assets/predictive-search.js?v=34228036626877155831793686225"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</h2>
<predictive-search-component
class="predictive-search color-custom-popover"
style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Rechercher</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Rechercher"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Fermer la boîte de dialogue"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Produits
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":11310571258193,"title":"Applique murale bambou Arundo","handle":"applique-murale-bambou","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/applique-murale-bambou"
>
<span class="visually-hidden">
Applique murale bambou Arundo
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//lumesie.com/cdn/shop/files/S2d7a3e8af13b4d0cbdccb856effde73bW.webp?v=1793470907&width=500" alt="" srcset="//lumesie.com/cdn/shop/files/S2d7a3e8af13b4d0cbdccb856effde73bW.webp?v=1793470907&width=240 240w, //lumesie.com/cdn/shop/files/S2d7a3e8af13b4d0cbdccb856effde73bW.webp?v=1793470907&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//lumesie.com/cdn/shop/files/S9f9070238500455aaf151afc14e1cd5bc.webp?v=1793470907&width=500" alt="Applique murale bambou Arundo" srcset="//lumesie.com/cdn/shop/files/S9f9070238500455aaf151afc14e1cd5bc.webp?v=1793470907&width=240 240w, //lumesie.com/cdn/shop/files/S9f9070238500455aaf151afc14e1cd5bc.webp?v=1793470907&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="72181892153681" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Applique murale bambou Arundo</p>
<div ref="priceContainer">
<span class="price"
><bdi>€89,99</bdi></span
>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":11310573289809,"title":"Applique murale boho Tela","handle":"applique-murale-boho","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/applique-murale-boho"
>
<span class="visually-hidden">
Applique murale boho Tela
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//lumesie.com/cdn/shop/files/S7c0eb9e0536945e3b6826c3a723a0f8eB.webp?v=1793470925&width=500" alt="" srcset="//lumesie.com/cdn/shop/files/S7c0eb9e0536945e3b6826c3a723a0f8eB.webp?v=1793470925&width=240 240w, //lumesie.com/cdn/shop/files/S7c0eb9e0536945e3b6826c3a723a0f8eB.webp?v=1793470925&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//lumesie.com/cdn/shop/files/S19d2e5801bcf40a3a58c9ad768cf144bD.webp?v=1793470924&width=500" alt="Applique murale boho Tela" srcset="//lumesie.com/cdn/shop/files/S19d2e5801bcf40a3a58c9ad768cf144bD.webp?v=1793470924&width=240 240w, //lumesie.com/cdn/shop/files/S19d2e5801bcf40a3a58c9ad768cf144bD.webp?v=1793470924&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="72181908210001" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Applique murale boho Tela</p>
<div ref="priceContainer">
<span class="price"
><bdi>€109,99</bdi></span
>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":11310571028817,"title":"Applique murale boule Orbis","handle":"applique-murale-boule-g9","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/applique-murale-boule-g9"
>
<span class="visually-hidden">
Applique murale boule Orbis
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=500" alt="" srcset="//lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=240 240w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-04-entree.webp?v=1793683559&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//lumesie.com/cdn/shop/files/applique-murale-boule-orbis-02-chambre.webp?v=1793683560&width=500" alt="Applique murale boule Orbis" srcset="//lumesie.com/cdn/shop/files/applique-murale-boule-orbis-02-chambre.webp?v=1793683560&width=240 240w, //lumesie.com/cdn/shop/files/applique-murale-boule-orbis-02-chambre.webp?v=1793683560&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="72224082264401" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Applique murale boule Orbis</p>
<div ref="priceContainer">
<span class="price"
><bdi>€119,99</bdi></span
>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":11310573060433,"title":"Applique murale chambre d’enfant Iris","handle":"applique-murale-chambre-enfant","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/applique-murale-chambre-enfant"
>
<span class="visually-hidden">
Applique murale chambre d’enfant Iris
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//lumesie.com/cdn/shop/files/applique-22-01.webp?v=1793682327&width=500" alt="" srcset="//lumesie.com/cdn/shop/files/applique-22-01.webp?v=1793682327&width=240 240w, //lumesie.com/cdn/shop/files/applique-22-01.webp?v=1793682327&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//lumesie.com/cdn/shop/files/applique-22-05.webp?v=1793682327&width=500" alt="Applique murale chambre d’enfant Iris" srcset="//lumesie.com/cdn/shop/files/applique-22-05.webp?v=1793682327&width=240 240w, //lumesie.com/cdn/shop/files/applique-22-05.webp?v=1793682327&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="72223973736785" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Applique murale chambre d’enfant Iris</p>
<div ref="priceContainer">
<span class="price"
><bdi>€109,99</bdi></span
>
</div>
</div>
</div></product-component>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<script
src="//lumesie.com/cdn/shop/t/9/assets/gift-card-recipient-form.js?v=170482155849799299241793686225"
type="module"
fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-custom-popover"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Fermer la boîte de dialogue"
><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</button>
<product-component
id="quick-add-modal-content"
class="quick-add-modal__content"
view-event-trigger="dialog"
></product-component>
</dialog>
</quick-add-dialog>
<div id="shopify-block-AcGxLUFVESnI4ajc0N__7054877461618660028" class="shopify-block shopify-app-block">
<script>window.OpusNoATC = true; window.opusFetchCartAdd = false;</script>
<!-- BEGIN app snippet: moonbundle-storefront-load -->
<link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.3.css" as="style" fetchpriority="low" rel="preload">
<link href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.3.js" as="script" fetchpriority="high" rel="preload">
<link
rel="stylesheet"
href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.3.css"
media="print"
fetchpriority="low"
onload="this.media='all'; this.onload=null;"
>
<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.3.css"></noscript>
<script defer fetchpriority="high" src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.3.js" data-moonbundle-core-script="bundle"></script>
<script>
(function () {
var widget = "bundle";
var stateKey = '__moonbundleBlockLoadState_' + widget;
if (window[stateKey] && window[stateKey].initialized) {
return;
}
if (!window[stateKey]) {
window[stateKey] = { initialized: true, started: false };
}
var state = window[stateKey];
var blockUrl = "https:\/\/cdn.shopify.com\/extensions\/01a0aa9a-ead5-76d9-a649-d8dff7f44389\/moonbundle-813\/assets\/moonbundle-block-v4.0.3.js";
var loadFnGlobal = "__moonbundleLoadBundleBlockAssets";
function isBundlePreviewMode() {
try {
var params = new URLSearchParams(window.location.search);
return (
params.get('moonbundle_preview') === '1' &&
!!params.get('moonbundle_bundle_id')
);
} catch (error) {
return false;
}
}
function hasMountTarget() {
if (widget === 'pg') {
return !!document.querySelector('moonbundle-progressive-gift[bar]');
}
if (document.querySelector('moonbundle-component[main-product][bundle]')) {
return true;
}
var deferredMounts = document.querySelectorAll(
'moonbundle-component[data-moonbundle-product-id]',
);
for (var i = 0; i < deferredMounts.length; i++) {
var mount = deferredMounts[i];
if (mount.getAttribute('data-moonbundle-schedule-fallback') === 'true') {
if (isBundlePreviewMode()) return true;
continue;
}
if (!mount.getAttribute('main-product')) {
return true;
}
}
return false;
}
function injectBlockScript() {
var srcKey = blockUrl.split('/').pop().split('?')[0];
var existing = document.head.querySelectorAll('script[src]');
for (var i = 0; i < existing.length; i++) {
if (existing[i].src.indexOf(srcKey) !== -1) {
return Promise.resolve();
}
}
return new Promise(function (resolve, reject) {
var script = document.createElement('script');
script.src = blockUrl;
script.defer = true;
script.onload = function () {
resolve();
};
script.onerror = function () {
reject(new Error('MoonBundle block script failed: ' + blockUrl));
};
document.head.appendChild(script);
});
}
function loadBlockAssets() {
if (state.started) return window[loadFnGlobal] || Promise.resolve();
if (!hasMountTarget()) return Promise.resolve();
state.started = true;
window[loadFnGlobal] = injectBlockScript().catch(function (error) {
state.started = false;
console.error('MoonBundle: block asset load failed (' + widget + ')', error);
throw error;
});
return window[loadFnGlobal];
}
window[loadFnGlobal] = loadBlockAssets;
function scheduleLoading() {
if (hasMountTarget()) {
loadBlockAssets();
return;
}
var mountObserver = new MutationObserver(function () {
if (!hasMountTarget()) return;
mountObserver.disconnect();
loadBlockAssets();
});
mountObserver.observe(document.documentElement, { childList: true, subtree: true });
window.setTimeout(function () {
mountObserver.disconnect();
}, 30000);
}
scheduleLoading();
})();
</script>
<noscript>
<script defer src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-block-v4.0.3.js"></script>
<script defer src="https://cdn.shopify.com/extensions/01a0aa9a-ead5-76d9-a649-d8dff7f44389/moonbundle-813/assets/moonbundle-v4.0.3.js"></script>
</noscript>
<!-- END app snippet -->
<script type="application/json" id="moonbundle-store-config">
{
"storefront-token": "d46d3d178b92f2fc5fce1e72b793753a",
"shop-config": { "money_format": "€{{amount_with_comma_separator}}", "ianaTimezone": "Europe\/Paris" },
"current-market-id": "gid:\/\/shopify\/Market\/117945139537"
}
</script>
<script type="application/json" id="moonbundle-global-custom">
{
"global-custom-css": "",
"global-custom-js": ""
}
</script>
</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>