<!doctype html>
<html lang="fr">
<head >
<script>
var LOCALE = 'fr\u002DFR';
var BASE_URL = 'https\u003A\u002F\u002Fedilians.com\u002F';
var require = {
'baseUrl': 'https\u003A\u002F\u002Fedilians.com\u002Fstatic\u002Fversion1784294797\u002Ffrontend\u002FImerys\u002Fevo\u002Ffr_FR'
};</script> <meta charset="utf-8"/><script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},feature_flags:["soft_nav"],distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1120125078",accountID:"3655768",trustKey:"1322840",xpid:"VwACVFFVABABVFNRDgUPUFwB",licenseKey:"NRJS-0c36ffb344b2851dd3c",applicationID:"1023948680",browserID:"1120125078"};;/*! For license information please see nr-loader-spa-1.318.0.min.js.LICENSE.txt */
(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>s});var n=r(944);function s(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),i=0===Object.keys(r).length?e:r;for(let o in i)if(void 0!==e[o])try{if(null===e[o]){r[o]=null;continue}Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):e[o]instanceof Map||e[o]instanceof Set||e[o]instanceof Date||e[o]instanceof RegExp?r[o]=e[o]:"object"==typeof e[o]&&null!==t[o]&&"object"==typeof t[o]?r[o]=s(e[o],t[o]):r[o]=e[o]}catch(e){r[o]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>o});var n=r(384),s=r(8122);const i={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function o(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,s.a)(e,i)])},7699(e,t,r){"use strict";var n=r(860);const s={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,s,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.318.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},6154(e,t,r){"use strict";var n=r(1863);const s="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=s?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,d=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,s,"WN",0,f,"bv",0,i,"gm",0,o,"lR",0,l,"m",0,c,"mw",0,a,"sb",0,u,"zk",0,()=>{const e=o?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<o.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>o,gX:()=>s,iW:()=>i});var n=[];function s(e){if(!e||i(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function i(e){return void 0===e.hostname}function o(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const s=r.indexOf("/");let i,o;s>0?(i=r.substring(0,s),o=r.substring(s)):(i=r,o="*");let[c]=i.split(":");n.push({hostname:a(c),pathname:a(o,!0)})}}function a(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(6154);function s(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>a,Ze:()=>d,x3:()=>c});var n=r(3241),s=r(3606),i=r(860),o=r(2646);function a(e,t){if(!e)return;const r={staged:!1,priority:i.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const i=e.ee,a=s.i.handlers;if(i&&!i.aborted&&i.backlog&&a){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=i.backlog[t],r=a[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof o.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}i.isolatedBacklog||delete a[t],i.backlog[t]=null,i.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],s=e[3],i=e[2];n.apply(s,i)}})}},7836(e,t,r){"use strict";var n=r(384),s=r(8990),i=r(2646),o=r(5607);const a="nr@context:".concat(o.W),c=function e(t,r){var n={},o={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var s=0;s<r.length;s++)r[s]===t&&r.splice(s,1)},emit:function(e,r,n,s,i){!1!==i&&(i=!0);if(c.aborted&&!s)return;t&&i&&t.emit(e,r,n);var a=h(n);g(e).forEach(e=>{e.apply(a,r)});var d=v()[o[e]];d&&d.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{o[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[o[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof i.y?e:e?(0,s.I)(e,a,()=>new i.y(a)):new i.y(a)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c),r.d(t,["P",0,a,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>s});var n=r(7836).ee.get("handle");function s(e,t,r,s,i){i?(i.buffer([e],s),i.emit(e,t,r)):(n.buffer([e],s),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>i});var n=r(9908);i.on=o;var s=i.handlers={};function i(e,t,r,i){o(i||n.d,s,e,t,r)}function o(e,t,r,s,i){i||(i="feature"),e||(e=n.d);var o=t[i]=t[i]||{};(o[r]=o[r]||[]).push([e,s])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function s(e,t,r=!1,s){window.addEventListener(e,t,n(r,s))}function i(e,t,r=!1,s){document.addEventListener(e,t,n(r,s))}r.d(t,{DD:()=>i,jT:()=>n,sp:()=>s})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>o,ZF:()=>a,bz:()=>i,el:()=>c});var n=r(6154);function s(e,t){return e?15&e[t]:16*Math.random()|0}function i(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?s(t,r++).toString(16):"y"===e?(3&s()|8).toString(16):e).join("")}function o(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const o=[];for(var a=0;a<e;a++)o.push(s(r,i++).toString(16));return o.join("")}function a(){return o(16)}function c(){return o(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>i});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,s=/([^?#]*)().*/;function i(e,t){return e?e.replace(t?n:s,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>s});var n=r(6154);function s(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},944(e,t,r){"use strict";r.d(t,{R:()=>s});var n=r(3241);function s(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>s});var n=Object.prototype.hasOwnProperty;function s(e,t,r){if(n.call(e,t))return e[t];var s=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:s,writable:!0,enumerable:!1}),s}catch(e){}return e[t]=s,s}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let s;return(...r)=>{n&&void 0===s&&(e.apply(this,r),s=setTimeout(()=>{s=clearTimeout(s)},t)),n||(clearTimeout(s),s=setTimeout(()=>{e.apply(this,r)},t))}}function s(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>s,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>i});var n=r(944);const s=new Map;function i(...e){return e.every(e=>{if(s.has(e))return s.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),i=t.includes("nrWrapper");return r||i||(0,n.R)(64,e?.name||t),s.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>s});var n=r(7836);function s(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},7508(e,t,r){"use strict";r.d(t,{AZ:()=>g,Qr:()=>b,QL:()=>m});var n=r(6154),s=r(1863),i=r(9119),o=r(7866);class a{dom=new c;performance=new c;constructor(e){this.url=e}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}let d;try{d=g(m())[0]}catch(e){d=g(e)[0]}const u=e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&e.name.endsWith(".js"),l=new Map;let f=[];function h(e){return l.get(e)}function p(e){const t=h(e);if(t)return t;const r=new a(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=p((0,i.L)(e.src));t.dom.start=(0,s.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,s.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().filter(u).forEach(e=>{const t=p((0,i.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e;const r=[];f.forEach(({test:t,addedAt:n},i)=>{(t(e)||(0,s.t)()-n>1e4)&&r.push(i)}),f=f.filter((e,t)=>!r.includes(t))})}).observe({type:"resource",buffered:!0})}function g(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(o.cn)||e.match(o.hB)||e.match(o.fL);if(r&&r[2])t.add((0,i.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,i.L)(r[1]))}}return[...t]}function m(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function v(e,t){return(0,i.L)(e.name)===t}function y(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType}function b(){const e={registeredAt:(0,s.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown"},t=m();if(!t)return e;const r=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const o=g(t),a=(o.length>1?o.filter(e=>d!==e):o)[0];if(!a)return e;if(r.includes(a))return e.asset=(0,i.L)(r),e.type="inline",e;e.correlation=h(a);const c=e.correlation?.performance.value||performance.getEntriesByType("resource").find(e=>v(e,a));c?y(e,c):function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,i.L)(r.href)===e)return!0}catch(e){}return!1}(a)&&(e.asset=a,e.type="preload",f.push({addedAt:(0,s.t)(),test:t=>!!v(t,a)&&(y(e,t),!0)})),Object.defineProperty(e,"scriptStart",{get:()=>e.correlation?.script.start||e.fetchEnd}),Object.defineProperty(e,"scriptEnd",{get:()=>e.correlation?.script.end||e.registeredAt})}catch(e){}return e}},5732(e,t,r){"use strict";r.d(t,{$5:()=>d,B5:()=>c,Ms:()=>s,Ux:()=>o,YA:()=>a,yx:()=>i});var n=r(7508);function s(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function i(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>t.metadata.timings?.asset?.endsWith(e)).map(e=>e.metadata.target)||[]}function o(e,t){if(!u(t))return{};const r=t.agentRef.runtime.appMetadata.agents[0].entityGuid;return e?e.attributes:{"entity.guid":r,appId:t.agentRef.info.applicationID}}function a(e,t){return c(e,t)?{"child.id":e.id,"child.type":e.type,...o(void 0,t)}:{}}function c(e,t){return!!e&&!!u(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function d(e){if(!e?.init.api.register.enabled)return[void 0];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let s=r.length-1;for(;r[s];)t.push(...i(r[s--],e))}catch(e){}return t.length||t.push(void 0),t}function u(e){return 2===e?.harvestEndpointVersion}r.d(t,["fQ",0,{MFE:"MFE",BA:"BA"}])},5289(e,t,r){"use strict";r.d(t,{GG:()=>o,Qr:()=>c,sB:()=>a});var n=r(3878),s=r(6389);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();const r=(0,s.J)(e),o=setInterval(()=>{i()&&(clearInterval(o),r())},500);(0,n.sp)("load",r,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(i())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),s=r(1863),i=r(944),o=r(1910);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,o.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,s.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,i.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,a])},2843(e,t,r){"use strict";r.d(t,{G:()=>i,u:()=>s});var n=r(3878);function s(e,t=!1,r,s){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,s)}function i(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),s=r(3434),i=r(8990),o=r(6154);const a={},c=o.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(a[t.debugId]++)return t;a[t.debugId]=1;var r=(0,s.YM)(t,!0);function f(e){r.inPlace(e,[d,u],"-",p)}function p(e,t){return e[1]}return"getPrototypeOf"in Object&&(o.RI&&h(document,f),c&&h(c.prototype,f),h(o.gm,f)),t.on(d+"-start",function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)&&"newrelic"!==e[0]){var s=(0,i.I)(n,l,function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=e[1]=s}}),t.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),s=r(5607),i=r(5732);const o="nr@original:".concat(s.W);var a=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),s.inPlace=function(e,t,r,n,i,o){r||(r="");const a="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=s(u,a?d+r:r,n,d,i,o))}},s.flag=o,s;function s(t,n,s,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,l,p;let g,m;try{a=this,o=[...arguments],m=h?(0,i.$5)(r):[void 0],l="function"==typeof s?s(o,a):s||{}}catch(t){u([t,"",[o,a,c],l],e)}d(n+"start",[o,a,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(a,o),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[o,a,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,a,m],l,f),d(n+"end",[o,a,p,m],l,f)}}}function d(r,n,s,i){if(!c||t){var o=c;c=!0;try{e.emit(r,n,s,t,i)}catch(t){u([t,r,n,s],e)}c=o}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}r.d(t,["Jt",0,o])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const s=r(860).K7.genericEvents,i=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,s,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,i,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),s=r(1863),i=r(860),o=r(3969),a=r(993);function c(e,t,r={},c=a.p_.INFO,d=!0,u,l=(0,s.t)()){(0,n.p)(o.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,i.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,i.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(a.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const s=r(860).K7.sessionReplay,i={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0};r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,s,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,i])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>o,SR:()=>i,rF:()=>a});var n=r(384),s=r(7767);function i(e){return!!(0,n.dV)().o.MO&&(0,s.V)(e)&&!0===e?.session_trace.enabled}function o(e){return!0===e?.session_replay.preload&&i(e)}function a(e,t){try{if("string"==typeof t?.type){if("password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,s="-start",i="-end",o="fn"+s,a="fn"+i;r.d(t,["He",0,"bstResource","Kp",0,i,"Lc",0,a,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,s,"uP",0,o])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},4234(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(1687);class s{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>i});var n=r(9566),s=r(1741);class i extends s.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(944),s=r(4261);class i{#e(e,...t){if(this[e]!==i.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(s.hG,e,t)}register(e){return this.#e(s.eY,e)}recordCustomEvent(e,t){return this.#e(s.fF,e,t)}setPageViewName(e,t){return this.#e(s.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(s.cD,e,t,r)}noticeError(e,t){return this.#e(s.o5,e,t)}setUserId(e,t=!1){return this.#e(s.Dl,e,t)}setApplicationVersion(e){return this.#e(s.nb,e)}setErrorHandler(e){return this.#e(s.bt,e)}addRelease(e,t){return this.#e(s.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(s.BL,e)}recordReplay(){return this.#e(s.CH)}pauseReplay(){return this.#e(s.Tb)}addToTrace(e){return this.#e(s.U2,e)}setCurrentRouteName(e){return this.#e(s.PA,e)}interaction(e){return this.#e(s.dT,e)}wrapLogger(e,t,r){return this.#e(s.Wb,e,t,r)}measure(e,t){return this.#e(s.V1,e,t)}consent(e){return this.#e(s.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),s=r(9908),i=r(1863),o=r(944),a=r(3969),c=r(8362),d=r(860);function u(e,t,r,i){const u=i||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,s.p)(a.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,o.R)(23,e)}})}function l(e,t,r,n,o){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(o||null===r)&&(0,s.p)("api-"+n,[(0,i.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",s="jserrors",i="browser/blobs",o="browser/logs",a={ajax:"ajax",genericEvents:"generic_events",jserrors:s,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[a.pageViewEvent]:1,[a.pageViewTiming]:2,[a.metrics]:3,[a.jserrors]:4,[a.softNav]:5,[a.ajax]:6,[a.sessionTrace]:7,[a.sessionReplay]:8,[a.logging]:9,[a.genericEvents]:10},d={[a.pageViewEvent]:"rum",[a.pageViewTiming]:n,[a.ajax]:n,[a.softNav]:n,[a.metrics]:s,[a.jserrors]:s,[a.sessionTrace]:i,[a.sessionReplay]:i,[a.logging]:o,[a.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,a,"P3",0,c,"XX",0,s,"Yy",0,o,"df",0,i])}};const t={};function r(n){const s=t[n];if(void 0!==s)return s.exports;const i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var s=t[n++],i=t[n++];r.o(e,s)?0===i&&n++:0===i?Object.defineProperty(e,s,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,s,{enumerable:!0,get:i})}else for(var s in t)r.o(t,s)&&!r.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({212:"nr-spa-compressor",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.318.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.318.0.PROD:";r.l=(n,s,i,o)=>{if(e[n])return void e[n].push(s);let a,c;if(void 0!==i){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+i){a=r;break}}}if(!a){c=!0;var u={478:"sha512-/AXW8qyVjSgMyJ0lqhyifzwkZr8Ov8ZawKsaWj/CA0lp1Wc2+mmueK/UZHaZaSaYaeeJrB/t4P4uWS3e/9jcvw==",249:"sha512-d5lfhJ91dhhW+XbJR9kV0bQKVZQ8bL6dLDyNQnbRISd7W8ML4JOITQuDViwNgTzHErkgFqH3y/ei4iFZ4KFArw==",212:"sha512-gN6Uud0E6YjLpz0JH3q9aL2zIDa7IUbUmjJIX7MfeckSRKGBfYej+fsSeww2YriQCGKX4ksVkZ6jFAQkYhX/gA=="};a=document.createElement("script"),a.charset="utf-8",r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",t+i),a.src=n,0!==a.src.indexOf(window.location.origin+"/")&&(a.crossOrigin="anonymous"),u[o]&&(a.integrity=u[o])}e[n]=[s];const l=(t,r)=>{a.onerror=a.onload=null,clearTimeout(f);const s=e[n];if(delete e[n],a.parentNode?.removeChild(a),s?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=l.bind(null,a.onerror),a.onload=l.bind(null,a.onload),c&&document.head.appendChild(a)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={38:0,788:0};r.f.j=(t,n)=>{let s=r.o(e,t)?e[t]:void 0;if(0!==s)if(s)n.push(s[2]);else{const i=new Promise((r,n)=>s=e[t]=[r,n]);n.push(s[2]=i);const o=r.p+r.u(t),a=new Error,c=n=>{if(r.o(e,t)&&(s=e[t],0!==s&&(e[t]=void 0),s)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed: ("+e+": "+r+")",a.name="ChunkLoadError",a.type=e,a.request=r,s[1](a)}};r.l(o,c,"chunk-"+t,t)}};const t=(t,n)=>{let[s,i,o]=n;var a,c,d=0;if(s.some(t=>0!==e[t])){for(a in i)r.o(i,a)&&(r.m[a]=i[a]);if(o)o(r)}for(t&&t(n);d<s.length;d++)c=s[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.318.0.PROD"]=self["webpackChunk:NRBA-1.318.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var s=r(384),i=r(1741);var o=r(2555),a=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(a.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(a.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v}};var w=r(7836),R=r(3241);const T={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};function A(e,t={},n,a){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,s.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,T)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,o.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,s.pV)();Object.getOwnPropertyNames(i.W.prototype).forEach(r=>{const n=i.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let s=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return s?s(...t):n})})}(e),e.runtime.loaderType=n,e.ee=w.ee.get(e.agentIdentifier),e.exposed=h,(0,R.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.runtime.configured=!0)}var x=r(9908),S=r(1863),O=r(4261),_=r(1738);var N=r(1687),P=r(4234),L=r(5289),k=r(5270),C=r(7767),j=r(6389),I=r(7699);const D=new WeakSet;class M extends P.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,j.J)(()=>{(0,N.Ak)(e,this.featureName),t()}))}):(0,N.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const s=async()=>{if(await this.deferred,this.#t(e),!(0,o.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);let s;try{if((0,C.V)(e.init)){const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));s=t(e)}}catch(e){(0,l.R)(20,e),this.ee.emit("internal-error",[e]),(0,x.p)(I.qh,[e],void 0,this.featureName,this.ee)}try{if(!this.#r(this.featureName,s,e.init))return(0,N.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,N.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1),this.ee&&this.ee.abort()}};g.RI?(0,L.GG)(()=>s(),!0):s()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,k.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!D.has(e)&&(D.add(e),!(0,o.f)(e.info))){const t=(0,s.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}A(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var B=r(6630);class H extends M{static featureName=B.T;constructor(e){var t;super(e,B.T),this.setupInspectionEvents(),t=e,(0,_.Y)(O.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,x.p)("api-"+O.Fw,[(0,S.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5839)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,R.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,L.sB)(t=>{e(t,"DOMContentLoaded")}),(0,L.GG)(t=>{e(t,"load")}),(0,L.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,R.W)({type:"lifecycle",name:"session",data:t})})}}class W extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,s.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(H),A(this,e,e.loaderType||"agent"),t=this,(0,_.Y)(O.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,_.U)(t,e,r,O.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,_.Y)(O.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,x.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,_.U)(e,"enduser.id",t,O.Dl,!0)},e)}(this),function(e){(0,_.Y)(O.nb,function(t){if("string"==typeof t||null===t)return(0,_.U)(e,"application.version",t,O.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,_.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,_.Y)(O.Pv,function(t=!0){if("boolean"==typeof t){if((0,x.p)("api-"+O.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures];r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&r.featureName!==t.K7.pageViewEvent)return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,s.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var K=r(2843),F=r(782);class U extends M{static featureName=F.T;constructor(e){super(e,F.T),g.RI&&((0,K.u)(()=>(0,x.p)("docHidden",[(0,S.t)()],void 0,F.T,this.ee),!0),(0,K.G)(()=>(0,x.p)("winPagehide",[(0,S.t)()],void 0,F.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var V=r(3969);class z extends M{static featureName=V.TZ;constructor(e){super(e,V.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var G=r(6774),q=r(3878),Y=r(3304);class Z{constructor(e,t,r,n,s){this.name="UncaughtError",this.message="string"==typeof e?e:(0,Y.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=s}}function Q(e){return ee(e)?e:new Z(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function X(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ee(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return Q(e.reason)}const r=Q(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function J(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Z(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ee(e.error)?e.error:Q(e)}function ee(e){return e instanceof Error&&!!e.stack}function te(e,r,n,s,i=(0,S.t)()){"string"==typeof e&&(e=new Error(e)),(0,x.p)("err",[e,i,!1,r,n.runtime.isRecording,void 0,s],void 0,t.K7.jserrors,n.ee),(0,x.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var re=r(5732),ne=r(993),se=r(3785);function ie(e,{customAttributes:t={},level:r=ne.p_.INFO}={},n,s,i=(0,S.t)()){(0,se.R)(n.ee,e,t,r,!1,s,i)}function oe(e,r,n,s,i=(0,S.t)()){(0,x.p)("api-"+O.hG,[i,e,r,s],void 0,t.K7.genericEvents,n.ee)}function ae(e,r,n,s,i=(0,S.t)()){const{start:o,end:a,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(o,0),d.end=u(a,i),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,x.p)("api-"+O.V1,[d,e,s],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ce(e,r={},n,s,i=(0,S.t)()){(0,x.p)("api-"+O.fF,[i,e,r,s],void 0,t.K7.genericEvents,n.ee)}var de=r(7508);const ue=(e,t)=>{if(!e||!t)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(r.dataset?.nrMfeId===t)return!0;r=r.parentNode}}catch(e){}return!1},le=(e,t)=>{const r=g.gm.document?.querySelector('[data-nr-mfe-id="'.concat(e,'"]'));let n=!!r;const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const i=1===r.nodeType?r:null;i?.dataset?.nrMfeId===e&&(s.disconnect(),s.observe(i,{childList:!0,subtree:!0}),n=!0),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(n||ue(r,e))&&t(r,s)})})});return s.observe(r||g.gm.document,{childList:!0,subtree:!0}),s},fe=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function he(e,t){let r=null,n=null;const s=e=>null===e?null:e-(t?.scriptStart||t?.registeredAt||0),i={fcp:{get value(){return s(r)}},lcp:{get value(){return s(n)}},cls:{value:null},inp:{value:null},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return i;const o=[],a=()=>{r??=(0,S.t)(),n??=(0,S.t)(),i.cls.value??=0};g.gm.document?.querySelector('[data-nr-mfe-id="'.concat(e,'"]'))&&a(),le(e,(e,t)=>{a(),t.disconnect()});let c=0,d=null;const u=new Set;try{d=new g.gm.ResizeObserver(e=>{e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>c&&(c=t,n=(0,S.t)()),d.unobserve(e.target)}catch(e){}})})}catch(e){}const l=le(e,e=>{if(a(),d)try{const t=1===e.nodeType?e:e.parentElement;t&&!u.has(t)&&(u.add(t),"IMG"===t.tagName?t.complete?d.observe(t):t.addEventListener("load",()=>{d.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?d.observe(t):t.addEventListener("loadeddata",()=>{d.observe(t)},{once:!0}):d.observe(t))}catch(e){}});d&&o.push(d),o.push(l),fe(o,{type:"layout-shift",buffered:!0},t=>{t.hadRecentInput||(t.sources||[]).some(r=>!!ue(r.node,e)&&(a(),i.cls.value+=t.value,!0))}),fe(o,{type:"event",buffered:!0,durationThreshold:40},t=>{t.interactionId&&ue(t.target,e)&&(null===i.inp.value||t.duration>i.inp.value)&&(a(),i.inp.value=t.duration)});const f=["pointerdown","keydown"],h=()=>{f.forEach(e=>{g.gm.removeEventListener(e,p,{passive:!0})})};i.disconnect=()=>{o.forEach(e=>{try{e?.disconnect()}catch(e){}}),h()};const p=t=>{ue(t?.target,e)&&((()=>{try{l?.disconnect(),d?.disconnect()}catch(e){}})(),h())};return f.forEach(e=>{g.gm.addEventListener(e,p,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,i.disconnect,{once:!0,passive:!0})}),i}var pe=r(9566);const ge=["name","id","type"],me=new Map([[oe,"addPageAction"],[ie,"log"],[ae,"measure"],[te,"noticeError"],[ce,"recordCustomEvent"]]),ve={experimental:(0,j.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,j.J)(()=>(0,l.R)(55)),invalidTarget:(0,j.J)(e=>(0,l.R)(48,e)),deregistered:(0,j.J)(()=>(0,l.R)(68))};function ye(e){(0,_.Y)(O.eY,function(t){return be(e,t)},e)}function be(e,r){ve.experimental(),r||={},r.instance=(0,pe.LA)(8),r.type=re.fQ.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents[0].entityGuid},type:re.fQ.BA};const n=(0,de.Qr)(),s=he(r.id,n),i={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...i,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||re.fQ.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{ge.includes(e)||(i["source.".concat(e)]=t)});let o=()=>{};const a=e.runtime.registeredEntities,c=e=>{r.blocked=!0,o=e};function d(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||c(ve.disabled),d(r.id)&&d(r.name)||c(()=>ve.invalidTarget(r));const u={addPageAction:(t,n={})=>g(oe,[t,{...i,...n},e],r),deregister:()=>{h(),c(ve.deregistered)},log:(t,n={})=>g(ie,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),measure:(t,n={})=>g(ae,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>g(te,[t,{...i,...n},e],r),recordCustomEvent:(t,n={})=>g(ce,[t,{...i,...n},e],r),setApplicationVersion:e=>p("application.version",e),setCustomAttribute:(e,t)=>p(e,t),setUserId:e=>p("enduser.id",e),metadata:{get customAttributes(){return i},target:r,timings:n,vitals:s}},f=()=>(r.blocked&&o(),r.blocked);function h(){if(n.reportedAt)return;n.reportedAt=(0,S.t)(),s.disconnect(),n.fcp=s.fcp,n.lcp=s.lcp,n.cls=s.cls,n.inp=s.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,timeToRegister:n.registeredAt,"nr.vitals.fcp.value":s.fcp?.value??null,"nr.vitals.lcp.value":s.lcp?.value??null,"nr.vitals.cls.value":s.cls?.value??null,"nr.vitals.inp.value":s.inp?.value??null};u.recordCustomEvent("MicroFrontEndTiming",r)}f()||(a.push(u),(0,K.G)(h));const p=(e,t)=>{f()||(i[e]=t)},g=(r,n,s)=>{if(f()&&r!==be)return;const i=(0,S.t)(),o=me.get(r)||"unknown";(0,x.p)(V.xV,["API/register/".concat(o,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,s,i)}catch(e){(0,l.R)(50,e)}};return u}class Ee extends M{static featureName=G.T;constructor(e){var t;super(e,G.T),t=e,(0,_.Y)(O.o5,(e,r)=>te(e,r,t),t),function(e){(0,_.Y)(O.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,_.Y)(O.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),ye(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,x.p)("ierr",[Q(t),(0,S.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,x.p)("err",[X(t),(0,S.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,q.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,x.p)("err",[J(t),(0,S.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,q.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var we=r(8990);let Re=1;function Te(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,we.I)(e,"nr@id",function(){return Re++})}function Ae(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,Y.A)(e).length}catch(e){return}}}var xe=r(8139),Se=r(3434);const Oe={},_e=["open","send","setRequestHeader"];function Ne(e,t){var r=e||w.ee;const n=function(e){return(e||w.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(Oe[n.debugId]++)return n;Oe[n.debugId]=1,(0,xe.u)(r);var s=(0,Se.YM)(n),i=g.gm.XMLHttpRequest,o=g.gm.MutationObserver,a=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new i(e),o=n.context(r);o.targets=(0,re.$5)(t);try{n.emit("new-xhr",[r],o),r.addEventListener(d,(a=o,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,n.emit("xhr-resolved",[],e)),s.inPlace(e,u,"fn-",E)}),(0,q.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var a;return r};function p(e,t){s.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(i,h),h.prototype=i.prototype,s.inPlace(h.prototype,_e,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),o&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),o){var m=a&&a.resolve();if(!c&&!a){var v=1,y=document.createTextNode(v);new o(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Pe="fetch-",Le=Pe+"body-",ke=["arrayBuffer","blob","json","text","formData"],Ce=g.gm.Request,je=g.gm.Response,Ie="prototype";const De={};function Me(e,t){const r=function(e){return(e||w.ee).get("fetch")}(e);if(!(Ce&&je&&g.gm.fetch))return r;if(De[r.debugId]++)return r;function n(e,n,s){var i=e[n];"function"==typeof i&&(e[n]=function(){var e=[...arguments];const n={},o=(0,re.$5)(t);var a;r.emit(s+"before-start",[e],n),n[w.P]&&n[w.P].dt&&(a=n[w.P].dt);var c=i.apply(this,e);return r.emit(s+"start",[e,a],c),c.then(function(e){return r.emit(s+"end",[null,e,o],c),e},function(e){throw r.emit(s+"end",[e,void 0,o],c),e})})}return De[r.debugId]=1,ke.forEach(e=>{n(Ce[Ie],e,Le),n(je[Ie],e,Le)}),n(g.gm,"fetch",Pe),r.on(Pe+"end",function(e,t,n){var s=this;if(s.targets=n||[void 0],t){var i=t.headers.get("content-length");null!==i&&(s.rxSize=i),r.emit(Pe+"done",[null,t],s)}else r.emit(Pe+"done",[e],s)}),r}var Be=r(7485);class He{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,s=(t.trustKey||"").toString()||null;if(!r||!n)return null;var i=(0,pe.ZF)(),o=(0,pe.el)(),a=Date.now(),c={spanId:i,traceId:o,timestamp:a};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(i,o),c.traceContextStateHeader=this.generateTraceContextStateHeader(i,a,r,n,s)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(i,o,a,r,n,s)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,s){return s+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,s,i){if(!("function"==typeof g.gm?.btoa))return null;var o={v:[0,1],d:{ty:"Browser",ac:n,ap:s,id:e,tr:t,ti:r}};return i&&n!==i&&(o.d.tk=i),btoa((0,Y.A)(o))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var s=(0,Be.D)(r.allowed_origins[n]);if(e.hostname===s.hostname&&e.protocol===s.protocol&&e.port===s.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var We=r(7295);function Ke(e){return"string"==typeof e?e:e instanceof(0,s.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}var Fe=["load","error","abort","timeout"],Ue=Fe.length,Ve=(0,s.dV)().o.REQ,ze=(0,s.dV)().o.XHR;const Ge="X-NewRelic-App-Data",qe="internal-error";class Ye extends M{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new He(e),this.handler=(e,t,r,n)=>(0,x.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},s={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};Ze(n,r.name),this.handler("xhr",[n,s,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}Me(this.ee,e),Ne(this.ee,e),function(e,r,n,s){const i=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function o(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){_(t,e)},(0,q.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,q.jT)(!1))}function a(e){this.params={method:e[0]},Ze(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=s.generateTracePayload(this.parsedOrigin);if(n){var i=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),i=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),i=!0),i&&(this.dt=n)}}function u(e,t){i&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,s=e[0],i=this;if(n&&s){var o=Ae(s);o&&(n.txSize=o)}this.startTime=(0,S.t)(),this.requestBody=s,this.listener=function(e){try{"abort"!==e.type||i.loadCaptureCalled||(i.params.aborted=!0),("load"!==e.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof i.end)&&i.end(t)}catch(e){try{r.emit(qe,[e])}catch(e){}}};for(var a=0;a<Ue;a++)t.addEventListener(Fe[a],this.listener,(0,q.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Te(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Te(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,S.t)()}function v(e,t){t instanceof ze&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof ze&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof ze&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,S.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,S.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Be.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=s.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)a(e[0].headers,n)&&(this.dt=n);else{var i={};for(var o in r)i[o]=r[o];i.headers=new Headers(r.headers||{}),a(i.headers,n)&&(this.dt=n),e.length>1?e[1]=i:e.push(i)}}function a(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,S.t)(),this.dt=t;let[r,n={}]=e;Ze(this,Ke(r));const s=(""+(r&&r instanceof Ve&&r.method||n.method||"GET")).toUpperCase();this.params.method=s,this.txSize=Ae(n.body||r?.body)||0;try{var o=n.headers||r?.headers;if(i&&o)if(this.requestHeaders??={},o instanceof Headers)o.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof o)for(var a in o)this.requestHeaders[a.toLowerCase()]=o[a]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,S.t)(),this.params||(this.params={}),(0,We.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>O(n,this,e))};t&&i?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Ae(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(qe,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Ue;t++)e.removeEventListener(Fe[t],this.listener,!1);if(t.aborted)return;if((0,We.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):_(this,e),n.cbTime=this.cbTime,i){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Ae(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),s=e.substring(r+2);t[n.toLowerCase()]=s}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(qe,[e])}}const s=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>O(s,this,e))}function O(e,r,s){n("xhr",[...e,s],r,t.K7.ajax)}function _(e,n){e.params.status=n.status;var s=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Ae(e.response):"text"===r||""===r||void 0===r?Ae(e.responseText):void 0}(n,e.lastSize);if(void 0!==s&&0!==n.status&&(e.metrics.rxSize=s),e.sameOrigin&&n.getAllResponseHeaders().indexOf(Ge)>=0){var i=n.getResponseHeader(Ge);i&&((0,x.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",o),r.on("open-xhr-start",a),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}function Ze(e,t){var r=(0,Be.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const Qe={},Xe=["pushState","replaceState"];function $e(e){const t=function(e){return(e||w.ee).get("history")}(e);return!g.RI||Qe[t.debugId]++||(Qe[t.debugId]=1,(0,Se.YM)(t).inPlace(window.history,Xe,"-")),t}var Je=r(3738);function et(e){(0,_.Y)(O.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,x.p)(V.XG,[O.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:O.BL,start:r,origin:"nr"}),(0,x.p)("api-"+O.hG,[n,O.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:tt,bD:rt,d3:nt,Kp:st,TZ:it,Lc:ot,uP:at,Rz:ct}=Je;class dt extends M{static featureName=it;constructor(e){var n;super(e,it),n=e,(0,_.Y)(O.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,x.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),et(e);if(!(0,C.V)(e.init))return void this.deregisterDrain();const s=this.ee;let i;$e(s),this.eventsEE=(0,xe.u)(s),this.eventsEE.on(at,function(e,t){this.bstStart=(0,S.t)()}),this.eventsEE.on(ot,function(e,r){(0,x.p)("bst",[e[0],r,this.bstStart,(0,S.t)()],void 0,t.K7.sessionTrace,s)}),s.on(ct+nt,function(e){this.time=(0,S.t)(),this.startPath=location.pathname+location.hash}),s.on(ct+st,function(e){(0,x.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,s)});try{i=new PerformanceObserver(e=>{const r=e.getEntries();(0,x.p)(tt,[r],void 0,t.K7.sessionTrace,s)}),i.observe({type:rt,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:i})}}var ut=r(733),lt=r(6344);class ft extends M{static featureName=lt.TZ;#s;recorder;constructor(e){var n;let s;super(e,lt.TZ),n=e,(0,_.Y)(O.CH,function(){(0,x.p)(O.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,_.Y)(O.Tb,function(){(0,x.p)(O.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const i="".concat(u.Wt).concat((0,ut.Y)(e.info.licenseKey,e.info.applicationID));try{s=JSON.parse(localStorage.getItem(i))}catch(e){}(0,k.SR)(e.init)&&this.ee.on(O.CH,()=>this.#i()),this.#o(s)&&this.importRecorder().then(e=>{e.startRecording(lt.Qb.PRELOAD,s?.sessionReplayMode)}),this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,x.p)(lt.Vh,[e],void 0,this.featureName,this.ee))})}#o(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,k.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#s??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#s)}#i(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,lt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(lt.Qb.API,u.g.FULL)}))}}var ht=r(3962);class pt extends M{static featureName=ht.TZ;constructor(e){if(super(e,ht.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,_.Y)(O.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const s=n.prototype={createTracer:function(n,s){var i={},o=this,a="function"==typeof s;return(0,x.p)(V.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((a?"":"no-")+"fn-start",[(0,S.t)(),o,a],i),a)try{return s.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],i),t}finally{r.emit("fn-end",[(0,S.t)()],i)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{_.Y.apply(this,[r,function(){return(0,x.p)(O.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,s])}),(0,_.Y)(O.PA,function(){(0,x.p)(O.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,s.dV)().o.MO)return;const n=$e(this.ee);try{this.removeOnAbort=new AbortController}catch(e){}ht.tC.forEach(e=>{(0,q.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)});const i=()=>(0,x.p)("newURL",[(0,S.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",i),n.on("replaceState-end",i),(0,q.sp)(ht.OV,e=>{c(e),(0,x.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let o=!1;const a=new((0,s.dV)().o.MO)((e,t)=>{o||(o=!0,requestAnimationFrame(()=>{(0,x.p)("newDom",[(0,S.t)()],void 0,this.featureName,this.ee),o=!1}))}),c=(0,j.s)(e=>{"loading"!==document.readyState&&((0,x.p)("newUIEvent",[e],void 0,this.featureName,this.ee),a.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),a.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:a})}}var gt=r(9119),mt=r(981);const vt={},yt=new Set;function bt(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class Et{constructor(e,t){this.timestamp=(0,S.t)(),this.currentUrl=(0,gt.L)(window.location.href),this.socketId=(0,pe.LA)(8),this.requestedUrl=(0,gt.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class wt extends M{static featureName=a.TZ;constructor(e){super(e,a.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,i=!e.init.feature_flags.includes("no_spv"),o=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,i];var c;let d;if(c=e,(0,_.Y)(O.hG,(e,t)=>oe(e,t,c),c),function(e){(0,_.Y)(O.fF,(t,r)=>ce(t,r,e),e)}(e),et(e),ye(e),function(e){(0,_.Y)(O.V1,(t,r)=>ae(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e){if(!(0,s.dV)().o.WS)return e;const t=e.get("websockets");if(vt[t.debugId]++)return t;vt[t.debugId]=1,(0,K.G)(()=>{const e=(0,S.t)();yt.forEach(r=>{r.nrData.closedAt=e,r.nrData.closeCode=1001,r.nrData.closeReason="Page navigating away",r.nrData.closeWasClean=!1,r.nrData.openedAt&&(r.nrData.connectedDuration=e-r.nrData.openedAt),t.emit("ws",[r.nrData],r)})});class r extends WebSocket{static name=mt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return r.name}#a(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Et(e[0],e[1]),this.addEventListener("open",()=>{this.nrData.openedAt=(0,S.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),yt.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=bt(e.data);this.nrData.messageOrigin??=(0,gt.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,S.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,yt.delete(this),t.emit("ws",[this.nrData],this)})}addEventListener(e,t,...r){const n=this,s="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#a(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#a(e),e}}}:t;return super.addEventListener(e,s,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=bt(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#a(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#a(e),e}}}return g.gm.WebSocket=r,t}(this.ee);u.on("ws",e=>{(0,x.p)("ws-complete",[e],void 0,this.featureName,this.ee)})}if(i&&g.gm.addEventListener("securitypolicyviolation",e=>{(0,x.p)("spv",[e],void 0,t.K7.genericEvents,this.ee)},(0,q.jT)(!1,this.removeOnAbort.signal)),g.RI){if(Me(this.ee,e),Ne(this.ee,e),d=$e(this.ee),e.init.user_actions.enabled){function l(t){const r=(0,Be.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function f(){d.emit("navChange")}a.Zp.forEach(e=>(0,q.sp)(e,e=>(0,x.p)("ua",[e],void 0,this.featureName,this.ee),!0)),a.qN.forEach(e=>{const t=(0,j.s)(e=>{(0,x.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,q.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,x.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,q.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{l(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,x.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,q.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!l(Ke(e[0]))&&(0,x.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",f),d.on("replaceState-end",f),window.addEventListener("hashchange",f,(0,q.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",f,(0,q.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,x.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}o.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}var Rt=r(2646);const Tt=new Map;function At(e,t,r,n,s=!0,i){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const o=function(e){return(e||w.ee).get("logger")}(e),a=(0,Se.YM)(o,void 0,i),c=new Rt.y(w.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=s;const d=t[r]?.[Se.Jt]||t[r];return Tt.set(d,c),a.inPlace(t,[r],"wrap-logger-",()=>Tt.get(d),void 0,!0),o}var xt=r(1910);class St extends M{static featureName=ne.TZ;constructor(e){var t;super(e,ne.TZ),t=e,(0,_.Y)("log",(e,r)=>ie(e,r,t),t),function(e){(0,_.Y)(O.Wb,(t,r,{customAttributes:n={},level:s=ne.p_.INFO}={})=>{At(e.ee,t,r,{customAttributes:n,level:s},!1,e)},e)}(e),ye(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,xt.i)(g.gm.console[t]),At(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([e],t,r,s=[]){const{level:i,customAttributes:o,autoCaptured:a}=this;s.forEach(t=>{(0,se.R)(n,e,o,i,a,t)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new W({features:[Ye,H,U,dt,ft,z,Ee,wt,St,pt],loaderType:"spa"})})()})();</script>
<meta name="title" content="Quand refaire sa toiture ? Une chance pour la maison | Edilians"/>
<meta name="description" content="Quand refaire sa toiture ? Un nouvel aménagement de la toiture de la maison améliore la performance énergétique de l’ensemble de l'habitation. Edilians, leader français des tuiles en terre cuite vous conseille."/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="facebook-domain-verification" content="95f079tha7j9hp9s08z61lxv6nr5e8"/>
<title>Quand refaire sa toiture ? Une chance pour la maison | Edilians</title>
<link rel="stylesheet" type="text/css" media="all" href="https://edilians.com/static/version1784294797/frontend/Edilians/evo/default/css/styles.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://edilians.com/static/version1784294797/frontend/Imerys/evo/default/css/styles-m.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://edilians.com/static/version1784294797/frontend/Imerys/evo/default/css/header.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://edilians.com/static/version1784294797/frontend/Imerys/evo/default/fonts/fontawesome/css/all.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://edilians.com/static/version1784294797/frontend/Magento/base/default/Imerys_Thematic/css/thematic.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://edilians.com/static/version1784294797/frontend/Magento/base/default/Algolia_AlgoliaSearch/internals/recommend.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://edilians.com/static/version1784294797/frontend/Imerys/evo/default/css/styles-l.css" />
<link rel="stylesheet" type="text/css" media="print" href="https://edilians.com/static/version1784294797/frontend/Imerys/evo/default/css/print.css" />
<script type="text/javascript" src="https://edilians.com/static/version1784294797/base/Magento/base/default/requirejs/require.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/base/Magento/base/default/mage/requirejs/baseUrlResolver.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/frontend/Imerys/evo/fr_FR/requirejs-map.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/base/Magento/base/default/mage/requirejs/mixins.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/frontend/Imerys/evo/fr_FR/requirejs-config.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/base/Magento/base/default/mage/polyfill.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/frontend/Imerys/evo/default/js/header.js"></script>
<script type="text/javascript" src="https://edilians.com/static/version1784294797/frontend/Magento/base/default/Smile_ElasticsuiteTracker/js/tracking.js"></script>
<link rel="preload" as="font" crossorigin="anonymous" href="https://edilians.com/static/version1784294797/frontend/Edilians/default/default/fonts/raleway/raleway-variable.woff2" />
<link rel="icon" type="image/x-icon" href="https://edilians.com/media/favicon/stores/4/favicon_2.ico" />
<link rel="shortcut icon" type="image/x-icon" href="https://edilians.com/media/favicon/stores/4/favicon_2.ico" />
<script type="text/javascript" data-routing="commerce=rum" defer="defer" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@^2/dist/rum-standalone.js"></script>
<script>
//<![CDATA[
try {
smileTracker.setConfig({
beaconUrl : 'https://edilians.com/elasticsuite/tracker/hit/image/h.png',
telemetryUrl : 'https://t.elasticsuite.io/track',
telemetryEnabled : '',
sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"edilians.com","path":"\/"},
});
smileTracker.addPageVar('store_id', '4');
require(['Smile_ElasticsuiteTracker/js/user-consent'], function (userConsent) {
if (userConsent({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) {
smileTracker.sendTag();
}
});
} catch (err) {
;
}
//]]>
</script>
<link rel="alternate" hreflang="fr" href="https://edilians.com/quand-refaire-sa-toiture" />
<link rel="alternate" hreflang="be" href="https://edilians.be/quand-refaire-sa-toiture" /></head>
<body id="html-body" class="thematic-index-page page-layout-1column">
<script>
let inseeUrl = localStorage.getItem('insee_url');
if (inseeUrl == null || inseeUrl != 'https://api.insee.fr/entreprises/sirene/V3.11/siret/') {
localStorage.setItem('insee_url', "https://api.insee.fr/entreprises/sirene/V3.11/siret/");
}
</script>
<script>
require([
'Amasty_InvisibleCaptcha/js/model/am-recaptcha',
], function (amRecaptchaModel) {
amRecaptchaModel.setConfig({
"formsToProtect": "",
"isEnabledOnPayments": "",
"checkoutRecaptchaValidateUrl": "https://edilians.com/amcapthca/checkout/validate",
"invisibleCaptchaCustomForm": "-1",
"recaptchaConfig": {
"lang": "hl\u003Den",
"theme": "light",
"badge": "bottomright",
"sitekey": "6Lcwbm8qAAAAAEGdPStE9AFfa-lKq1iG03Yxwe7E",
"size": "invisible"
}
})
});
</script>
<script>
// Fix to prevent 'no reCaptcha Token' error while slow site loading.
// Submit button should catch am-captcha.js initialization8 first
(function () {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', onReadyStateListener);
} else {
onReadyState();
}
function onReadyStateListener() {
onReadyState();
}
function onReadyState (formsOnPage) {
if (typeof formsOnPage === 'undefined') {
let formsToProtect = "";
let forms = formsToProtect.split(',');
formsOnPage = [];
forms.forEach(form => {
let existingForm = document.querySelectorAll(form);
if (existingForm.length) {
formsOnPage.push(existingForm);
}
})
}
formsOnPage.forEach(form => {
let submit = form[0].querySelector('[type="submit"]');
if (submit) {
let isAlreadyDisabled = submit.getAttribute('disabled');
if (!isAlreadyDisabled) {
submit.setAttribute('disabled', true);
submit.setAttribute('am-captcha-protect', true);
}
}
})
}
window.addEventListener('amform-elements-rendered', function (event) {
onReadyState([event.detail.form]);
});
window.addEventListener('am-recaptcha-submit-event', function (event) {
onReadyState([event.detail.form]);
});
})();
</script>
<script>
var BASE_URL = 'https://edilians.com/';
var THEME_PATH = 'https://edilians.com/static/version1784294797/frontend/Imerys/evo/fr_FR';
var COOKIE_CONFIG = {
"expires": null,
"path": "\u002F",
"domain": ".edilians.com",
"secure": false,
"lifetime": "86400",
"cookie_restriction_enabled": false };
var CURRENT_STORE_CODE = 'fr';
var CURRENT_WEBSITE_ID = '1';
window.hyva = window.hyva || {}
window.cookie_consent_groups = window.cookie_consent_groups || {}
window.cookie_consent_groups['necessary'] = true;
window.cookie_consent_config = window.cookie_consent_config || {};
window.cookie_consent_config['necessary'] = [].concat(
window.cookie_consent_config['necessary'] || [],
[
'user_allowed_save_cookie',
'form_key',
'mage-messages',
'private_content_version',
'mage-cache-sessid'
]
);
</script>
<script>
'use strict';
(function( hyva, undefined ) {
function lifetimeToExpires(options, defaults) {
var lifetime = options.lifetime || defaults.lifetime;
if (lifetime) {
var date = new Date;
date.setTime(date.getTime() + lifetime * 1000);
return date;
}
return null;
}
function generateRandomString() {
const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
length = 16;
let formKey = '',
charactersLength = allowedCharacters.length;
for (var i = 0; i < length; i++) {
formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
}
return formKey;
}
const cookieTempStorage = {};
const internalCookie = {
get(name) {
const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return v ? v[2] : null;
},
set(name, value, days, skipSetDomain) {
let expires,
path,
domain,
secure,
samesite;
const defaultCookieConfig = {
expires: null,
path: '/',
domain: null,
secure: false,
lifetime: null,
samesite: 'lax'
};
const cookieConfig = window.COOKIE_CONFIG || {};
expires = days
? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
: lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
path = cookieConfig.path || defaultCookieConfig.path;
domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
secure = cookieConfig.secure || defaultCookieConfig.secure;
samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
document.cookie = name + "=" + encodeURIComponent(value) +
(expires ? '; expires=' + expires.toGMTString() : '') +
(path ? '; path=' + path : '') +
(domain ? '; domain=' + domain : '') +
(secure ? '; secure' : '') +
(samesite ? '; samesite=' + samesite : 'lax');
},
isWebsiteAllowedToSaveCookie() {
const allowedCookies = this.get('user_allowed_save_cookie');
if (allowedCookies) {
const allowedWebsites = JSON.parse(unescape(allowedCookies));
return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
}
return false;
},
getGroupByCookieName(name) {
const cookieConsentConfig = window.cookie_consent_config || {};
let group = null;
for (let prop in cookieConsentConfig) {
if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
if (cookieConsentConfig[prop].includes(name)) {
group = prop;
break;
}
}
return group;
},
isCookieAllowed(name) {
const cookieGroup = this.getGroupByCookieName(name);
return cookieGroup
? window.cookie_consent_groups[cookieGroup]
: this.isWebsiteAllowedToSaveCookie();
},
saveTempStorageCookies() {
for (const [name, data] of Object.entries(cookieTempStorage)) {
if (this.isCookieAllowed(name)) {
this.set(name, data['value'], data['days'], data['skipSetDomain']);
delete cookieTempStorage[name];
}
}
}
};
hyva.getCookie = (name) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
}
return internalCookie.get(name);
}
hyva.setCookie = (name, value, days, skipSetDomain) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
cookieTempStorage[name] = {value, days, skipSetDomain};
return;
}
return internalCookie.set(name, value, days, skipSetDomain);
}
hyva.getBrowserStorage = () => {
const browserStorage = window.localStorage || window.sessionStorage;
if (!browserStorage) {
console.warn('Browser Storage is unavailable');
return false;
}
try {
browserStorage.setItem('storage_test', 1);
browserStorage.removeItem('storage_test');
} catch (error) {
console.warn('Browser Storage is not accessible', error);
return false;
}
return browserStorage;
}
hyva.postForm = (postParams) => {
const form = document.createElement("form");
let data = postParams.data;
if (!data.uenc) {
data.uenc = btoa(window.location.href);
}
form.method = "POST";
form.action = postParams.action;
Object.keys(postParams.data).map(key => {
const field = document.createElement("input");
field.type = 'hidden'
field.value = postParams.data[key];
field.name = key;
form.appendChild(field);
});
const form_key = document.createElement("input");
form_key.type = 'hidden';
form_key.value = hyva.getFormKey();
form_key.name="form_key";
form.appendChild(form_key);
document.body.appendChild(form);
form.submit();
}
hyva.getFormKey = function () {
let formKey = hyva.getCookie('form_key');
if (!formKey) {
formKey = generateRandomString();
hyva.setCookie('form_key', formKey);
}
return formKey;
}
hyva.formatPrice = (value, showSign) => {
var formatter = new Intl.NumberFormat(
'fr\u002DFR',
{
style: 'currency',
currency: 'EUR',
signDisplay: showSign ? "always" : "auto"
}
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '€' || value;
case 'minusSign':
return '- ';
case 'plusSign':
return '+ ';
default :
return value;
}
}).reduce((string, part) => string + part) :
formatter.format(value);
}
const formatStr = function (str, nStart) {
const args = Array.from(arguments).slice(2);
return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
const idx = parseInt(n) - nStart;
if (args[idx] === null || args[idx] === void 0) {
return m;
}
return p.length % 2
? p.slice(0, -1).replace('%%', '%') + args[idx]
: p.replace('%%', '%') + n;
})
}
hyva.str = function (string) {
const args = Array.from(arguments);
args.splice(1, 0, 1);
return formatStr.apply(undefined, args);
}
hyva.strf = function () {
const args = Array.from(arguments);
args.splice(1, 0, 0);
return formatStr.apply(undefined, args);
}
/**
* Take a html string as `content` parameter and
* extract an element from the DOM to replace in
* the current page under the same selector,
* defined by `targetSelector`
*/
hyva.replaceDomElement = (targetSelector, content) => {
// Parse the content and extract the DOM node using the `targetSelector`
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
// Bail if content can't be found
if (!contentNode) {
return;
}
// Extract all the script tags from the new content.
// Script tags won't execute when inserted into a dom-element directly,
// therefore we need to inject them to the head of the document.
const tmpScripts = contentNode.getElementsByTagName('script');
if (tmpScripts.length > 0) {
// Push all script tags into an array
// (to prevent dom manipulation while iterating over dom nodes)
const scripts = [];
for (let i = 0; i < tmpScripts.length; i++) {
scripts.push(tmpScripts[i]);
}
// Iterate over all script tags and duplicate+inject each into the head
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
// Remove the original (non-executing) node from the page
scripts[i].parentNode.removeChild(scripts[i]);
}
}
// Replace the old DOM node with the new content
document.querySelector(targetSelector).replaceWith(contentNode);
// Reload customerSectionData and display cookie-messages if present
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
const replace = {['+']: '-', ['/']: '_', ['=']: ','};
hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
}( window.hyva = window.hyva || {} ));
</script>
<input name="form_key" type="hidden" value="inwD3bljwZbIilwI" />
<script>
window.dataLayer = window.dataLayer || [];
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
f = d.getElementsByTagName(s)[0];
j = d.createElement(s);
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5Q494WG');
/*
window.dlCurrencyCode = config.storeCurrencyCode;
if (config.ordersData.length > 0) {
$.each(config.ordersData, function (index, value) {
dataLayer.push(value);
});
}
*/
</script>
<div class="page-wrapper"><div class="page-header"><a class="action skip sr-only contentarea"
href="#contentarea">
<span>
Allez au contenu </span>
</a>
</div><script>
function initHeader () {
return {
searchOpen: false,
cart: {},
switcherOpen: false,
openMobileMenu: false,
openSolarMenu: false,
mobileMenuActiveId: 0,
desktopMenuActiveId: 0,
getData(data) {
if (data.cart) { this.cart = data.cart }
},
closeUi() {
this.searchOpen = false;
this.switcherOpen = false;
},
}
}
</script>
<header
id="header"
class="w-full sticky top-0 z-70 page-header"
x-data="initHeader()"
@keydown.window.escape="closeUi()"
@private-content-loaded.window="getData(event.detail.data)"
>
<div class="bg-primary text-white text-sm py-2 text-center">
<div class="container">
<span>Et si on se retrouvait à BATIMAT ?</span>
<a href="https://www.batimat.com/fr-fr/register.html?code=1727442856978229-JEA" class="font-bold underline hover:no-underline ml-1">
Récupérer mon invitation gratuite </a>
</div>
</div>
<div class="z-80 relative py-4 lg:py-5 bg-white">
<div class="container flex flex-col gap-4 lg:gap-7">
<div class="flex items-center justify-between w-full lg:relative lg:gap-10 xl:gap-20">
<!--Menu Icon-->
<button
class="flex items-center gap-2 lg:hidden focus:outline-none text-gray-950 hover:text-primary-400 text-sm font-semibold"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.add('overflow-hidden-mobile')"
>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 21 16" class="stroke-current" width="18" height="18"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.6292" d="M2.1713 13.9489h16.6574M2.1713 7.9999h16.6574M2.1713 2.0508h16.6574"/></svg>
</span>
<span class="">
Menu </span>
</button>
<!--Logo-->
<div class="w-auto lg:z-10 -mt-1 lg:mt-0">
<a
class="logo"
href="https://edilians.com"
title="Edilians"
aria-label="Edilians"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 133 32" class="block lg:w-40 lg:h-auto" width="94" height="22">
<g fill="none" fill-rule="evenodd">
<path fill="#2D2E83" d="M127.135 17.801c1.838-.022 3.626.592 5.055 1.734l-1.556 2.23c-1.017-.784-2.25-1.245-3.537-1.324-1.147 0-1.75.52-1.75 1.172v.038c0 .881.584 1.172 2.935 1.768 2.762.71 4.337 1.691 4.337 4.035v.039c0 2.668-2.057 4.169-4.992 4.169-2.13.008-4.188-.759-5.783-2.154l-.014-.024 1.768-2.092c1.112 1.01 2.554 1.588 4.063 1.63 1.224 0 1.961-.476 1.961-1.267v-.039c0-.748-.482-1.134-2.737-1.71-2.742-.69-4.51-1.43-4.51-4.112v-.038c0-2.44 1.985-4.055 4.76-4.055zm-61.888.195v13.451h-2.992v-13.45h2.992zm20.5 0v13.451h-2.993v-13.45h2.992zm11.796-.095l5.826 13.546h-3.137l-1.243-3.016h-5.74l-1.243 3.016h-3.05l5.826-13.546h2.761zm-55.325.095v2.63h-7.286v2.73h6.414v2.63h-6.414v2.826h7.382v2.63H31.96V17.997h10.259zm30.392 0v10.76h6.78v2.687h-9.772V17.996h2.992zm36.59 0l6.375 8.282v-8.282h2.954v13.447h-2.544l-6.588-8.548v8.548h-2.954V17.996h2.757zm-57.947 0c4.28 0 7.228 2.902 7.228 6.671v.038c0 3.783-2.949 6.723-7.228 6.723h-5.3V17.996h5.3zm0 2.669h-2.308v8.1l2.308.01c2.448 0 4.101-1.635 4.101-4.017v-.039c.056-1.09-.358-2.155-1.14-2.927-.781-.773-1.857-1.183-2.96-1.127zm44.868.776l-1.807 4.36 3.614.014-1.807-4.374z"/>
<g fill-rule="nonzero">
<path fill="#0A5C95" d="M26.886 3.906c-5.22-.776-10.292 2.109-12.239 6.962 6.804-5.123 16.5-3.92 21.814 2.706-.648-4.986-4.57-8.936-9.599-9.668"/>
<path fill="#16799D" d="M12.807 2.545c-3.556 3.118-4.47 8.249-2.207 12.382.35-7.601 6.78-13.532 14.47-13.347-3.847-2.422-8.851-2.028-12.263.965"/>
<path fill="#1A4086" d="M3.36 11.913c.35 4.234 3.6 7.675 7.848 8.307C5.84 15.83 5.008 7.999 9.336 2.6 5.468 4.04 3.03 7.838 3.36 11.913"/>
<path fill="#0A5C95" d="M2.856 22.76c3.004 2.72 7.507 3.03 10.863.751-6.583.387-12.27-4.503-12.798-11.005-1.745 3.47-.96 7.664 1.927 10.285"/>
<path fill="#16799D" d="M10.192 30.347c3.512-.215 6.408-2.8 6.983-6.234-3.7 4.284-10.185 4.854-14.59 1.281 1.132 3.146 4.237 5.168 7.607 4.953"/>
<path fill="#1A4086" d="M20.575 28.978c1.434-2.27 1.103-5.217-.8-7.12 1.04 4.224-1.527 8.496-5.776 9.613 2.505.72 5.19-.291 6.576-2.477"/>
<path fill="#0A5C95" d="M25.206 22.404c-.846-2.147-3.078-3.432-5.383-3.102 3.471 1.456 5.136 5.384 3.752 8.853 1.767-1.352 2.419-3.696 1.6-5.751"/>
<path fill="#16799D" d="M24.214 15.98c-1.883-.824-4.092-.253-5.327 1.376 3.086-1.238 6.606.189 7.927 3.212.275-1.94-.787-3.824-2.6-4.613"/>
<path fill="#1A4086" d="M19.519 12.656c-1.511.574-2.423 2.102-2.2 3.687 1.023-2.392 3.8-3.527 6.232-2.547-.93-1.216-2.559-1.68-4-1.14"/>
</g>
</g>
</svg>
</a>
</div>
<!--Search-->
<div
class="absolute top-0 left-0 right-0 h-full px-6 lg:px-0 lg:relative hidden bg-white z-10 flex justify-center items-center w-full lg:!block lg:max-w-md lg:h-10"
id="search-content"
:class="{ 'block': searchOpen, 'hidden': !searchOpen }"
@click.outside="searchOpen = false"
x-show="searchOpen"
>
<script>
//todo move result url to view model
const algoliaConfig = Object.assign(
{"instant":{"enabled":false,"selector":".columns","isAddToCartEnabled":true,"addToCartParams":{"action":"https:\/\/edilians.com\/checkout\/cart\/add","formKey":"inwD3bljwZbIilwI","redirectUrlParam":"uenc"},"infiniteScrollEnabled":false,"urlTrackedParameters":["query","attribute:*","index","page"],"isSearchBoxEnabled":false,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[{"name":"pages","label":"Pages","hitsPerPage":"3"}],"nbOfProductsSuggestions":6,"nbOfCategoriesSuggestions":0,"nbOfQueriesSuggestions":3,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/edilians.com\/checkout\/cart\/add","formKey":"inwD3bljwZbIilwI","redirectUrlParam":"uenc"}},"extensionVersion":"3.13.4","applicationId":"testingQGPDLRBJ6J","indexName":"magento2_fr","apiKey":"YWYyNTY3YjE1MWU4MWEwYjY1M2RiNjcxOTYzMDE4NTRmZTM3NzQyYzRmYTUzM2QxM2I2YjEzZmJlMDhlZjcxZHRhZ0ZpbHRlcnM9","attributeFilter":[],"facets":[{"attribute":"price","type":"slider","label":"Price","searchable":"2","create_rule":"2"},{"attribute":"categories","type":"conjunctive","label":"Categories","searchable":"2","create_rule":"2"},{"attribute":"color","type":"disjunctive","label":"Colors","searchable":"1","create_rule":"2"},{"attribute":"categories.level0","type":"conjunctive","label":"Categories Level 0","searchable":"1","create_rule":"2"}],"areCategoriesInFacets":true,"hitsPerPage":9,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Lowest price","name":"magento2_fr_products_price_default_asc","label":"Lowest price","ranking":["asc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"]},{"attribute":"price","sort":"desc","sortLabel":"Highest price","name":"magento2_fr_products_price_default_desc","label":"Highest price","ranking":["desc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"]},{"attribute":"created_at","sort":"desc","sortLabel":"Newest first","name":"magento2_fr_products_created_at_desc","label":"Newest first","ranking":["desc(created_at)","typo","geo","words","filters","proximity","attribute","exact","custom"]},{"attribute":"type_produit","sort":"asc","sortLabel":"tuiles","name":"magento2_fr_products_type_produit_asc","label":"tuiles","ranking":["asc(type_produit)","typo","geo","words","filters","proximity","attribute","exact","custom"]}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":true,"productId":null,"priceKey":".EUR.default","priceGroup":null,"origFormatedVar":"price.EUR.default_original_formated","tierFormatedVar":"price.EUR.default_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"maxValuesPerFacet":10,"autofocus":true,"resultPageUrl":"https:\/\/edilians.com\/catalogsearch\/result","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/edilians.com\/quand-refaire-sa-toiture"},"showCatsNotIncludedInNavigation":false,"showSuggestionsOnNoResultsPage":true,"baseUrl":"https:\/\/edilians.com","popularQueries":[],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/edilians.com\/static\/version1784294797\/frontend\/Magento\/base\/default\/Algolia_AlgoliaSearch\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":false,"ISSelector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","conversionAnalyticsMode":null,"addToCartSelector":".action.primary.tocart","orderedProductIds":[]},"isPersonalizationEnabled":false,"personalization":{"enabled":false,"viewedEvents":{"viewProduct":{"eventName":"Viewed Product","enabled":false,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product Clicked","enabled":false,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Recommended Product Clicked","enabled":false,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter Clicked","enabled":false,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1784851200,"queue":{"isEnabled":true,"nbOfJobsToRun":5,"retryLimit":3,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"\u00e0","or":"ou","go":"Go","popularQueries":"You can try one of the popular search queries","seeAll":"Voir tous les produits","allDepartments":"All departments","seeIn":"See products in","orIn":"or in","noProducts":"No products for query","noResults":"Aucun r\u00e9sultat","refine":"Refine","selectedFilters":"Selected Filters","clearAll":"Tout Supprimer","previousPage":"Page pr\u00e9c\u00e9dente","nextPage":"Page suivante","searchFor":"Search for products","relevance":"Pertinence","categories":"Cat\u00e9gories","products":"Produits","suggestions":"Suggestions","searchBy":"Search by","searchForFacetValuesPlaceholder":"Search for other ...","showMore":"Show more products","searchTitle":"Search results for","placeholder":"Rechercher","addToCart":"Ajouter au panier","searchSuggestions":"Suggestions de recherche","technicalDocuments":"Documentations techniques"}}, {
resultURL:'https\u003A\u002F\u002Fedilians.com\u002Fcatalogsearch\u002Fresult',
placeholder: 'Rechercher'
}
)
const instantsearchScripts = ["https:\/\/edilians.com\/static\/version1784294797\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/algoliaBundle.min.js","https:\/\/edilians.com\/static\/version1784294797\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/common.js","https:\/\/edilians.com\/static\/version1784294797\/frontend\/Magento\/base\/default\/Hyva_AlgoliaSearch\/js\/internals\/instantsearch.js"]
const autocompleteScripts = ["https:\/\/edilians.com\/static\/version1784294797\/frontend\/Edilians\/default\/default\/Hyva_AlgoliaSearch\/js\/internals\/autocomplete-js.js","https:\/\/edilians.com\/static\/version1784294797\/frontend\/Edilians\/default\/default\/Hyva_AlgoliaSearch\/js\/internals\/algoliasearch.js","https:\/\/edilians.com\/static\/version1784294797\/frontend\/Edilians\/default\/default\/Hyva_AlgoliaSearch\/js\/internals\/algoliasearch-query-suggestion-plugin.js"]
function loadScript (url) {
let script = document.createElement('script')
script.setAttribute('type', 'text/javascript')
script.setAttribute('src', url)
document.head.append(script)
return new Promise((resolve) => script.addEventListener('load', resolve))
}
function loadScripts(scripts) {
return Promise.all(scripts.map(loadScript))
}
let autocompleteInitialized = false
async function initAlgoliaAutoComplete() {
if (autocompleteInitialized) {
return
}
autocompleteInitialized = true
await loadScripts(autocompleteScripts)
await loadScript('https\u003A\u002F\u002Fedilians.com\u002Fstatic\u002Fversion1784294797\u002Ffrontend\u002FEdilians\u002Fevo\u002Fdefault\u002FHyva_AlgoliaSearch\u002Fjs\u002Finternals\u002FautocompleteConfig.js')
}
function initInstantSearch() {
loadScripts(instantsearchScripts).then(() => {
algoliaCommon()
initAlgoliaInstantSearch()
})
}
if (algoliaConfig.autocomplete.enabled) {
document.addEventListener('DOMContentLoaded', async () => {
await initAlgoliaAutoComplete()
})
}
if (algoliaConfig.instant.enabled && algoliaConfig.isSearchPage) {
initInstantSearch()
}
</script>
<div class="w-full flex justify-center">
<div class="w-full">
<div id="algolia-autocomplete-container"></div>
</div>
</div>
</div>
<!-- Icons Navigation -->
<div class="flex items-center shrink-0">
<!--Search Icon-->
<button
type="button"
id="menu-search-icon"
class="lg:hidden flex items-center text-white bg-secondary hover:bg-secondary-lighter focus:outline-none h-8 pl-3 pr-7 -mr-6 rounded-l-full"
@click="searchOpen = !searchOpen; $nextTick(function () { document.getElementById('autocomplete-0-input').focus(); });"
>
<span class="sr-only label">
Rechercher </span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 16 16" class="w-4 h-4 stroke-current" width="24" height="24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.3336 12.6667c2.9455 0 5.3333-2.3878 5.3333-5.3334C12.6669 4.3878 10.2791 2 7.3336 2 4.388 2 2.0002 4.3878 2.0002 7.3333c0 2.9456 2.3879 5.3334 5.3334 5.3334Zm6.6656 1.3334-2.9-2.9"/></svg>
</button>
<!-- contact icon -->
<a href="/nous-contacter" class="hidden lg:flex lg:items-center font-bold text-gray-950 hover:text-primary-400 after:content-['|'] after:ml-4 after:text-xs">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 25 19" class="text-gray-400 fill-current mr-2" width="18" height="18"><path fill-rule="evenodd" d="M22.0484.0796c1.104 0 2.0004.8952 2.0004 2.0004v13.9992c0 1.104-.8952 2.0004-2.0004 2.0004H2.0492c-1.104 0-2.0004-.8952-2.0004-2.0004V2.08C.0488.976.944.0796 2.0492.0796h19.9992ZM8.6504 10.6732l-5.892 5.8224h18.39L15.32 10.7332l-3.2712 2.2644-3.3984-2.3244ZM22.4168 5.83l-5.7552 3.9792 5.7552 5.6832V5.83ZM1.682 5.9032v9.4032l5.6232-5.5572-5.6232-3.846Zm20.3472-4.2384H2.0864a.4296.4296 0 0 0-.3.1032.312.312 0 0 0-.102.2664v1.944l10.3644 7.0884 10.3728-7.158V2.1184c.0012-.1608-.036-.2772-.1104-.3504a.3665.3665 0 0 0-.2808-.1032h-.0012Z" clip-rule="evenodd"/></svg>
Contact </a>
<!--Customer Icon & Dropdown-->
<a
id="customer-menu"
class="hidden lg:flex items-center font-bold text-gray-950 hover:text-primary-400 focus:outline-none ml-4 after:content-['|'] after:ml-4 after:text-xs"
title="Compte pro"
href="https://edilians.com/customer/account"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 16 20" class="fill-current text-gray-400 mr-2" width="18" height="18"><path d="M13.2988 10.0796a2.2496 2.2496 0 0 1 2.25 2.25v.75c0 2.9565-2.79 6-7.5 6s-7.5-3.0435-7.5-6v-.75a2.2502 2.2502 0 0 1 2.25-2.25h10.5Zm0 1.5h-10.5a.7498.7498 0 0 0-.75.75v.75c0 2.157 2.148 4.5 6 4.5s6-2.343 6-4.5v-.75a.75.75 0 0 0-.75-.75Zm-5.25-11.25a4.1248 4.1248 0 0 1 4.125 4.125 4.125 4.125 0 1 1-4.125-4.125Zm0 1.5a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Z"/></svg>
Compte pro</a>
<!-- store switcher -->
<div class="relative ml-4 hidden lg:block">
<button
@click.prevent="switcherOpen = !switcherOpen;"
type="button"
class="font-bold text-gray-950 hover:text-primary-400 flex items-center focus:outline-none uppercase hover:text-primary-400"
:class="{ 'text-primary-400': switcherOpen }"
aria-haspopup="true"
aria-expanded="true"
>
Fr <span x-show="!switcherOpen">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="ml-1 fill-current" width="16" height="16">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</span>
<span x-show="switcherOpen" x-cloak>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="ml-1 fill-current rotate-180" width="16" height="16">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</span>
</button>
<nav
x-show="switcherOpen"
:class="{ 'hidden' : !switcherOpen }"
class="absolute z-20 hidden top-8 p-8 overflow-auto origin-top-right bg-white right-0 rounded-sm shadow-theme w-56"
@click.outside="switcherOpen = false;"
@keydown.window.escape="switcherOpen = false"
>
<div role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<ul class="flex flex-col gap-2 text-sm">
<li class="">
<a
href="https://edilians.eu/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
English Worldwide
</a>
</li>
<li class="">
<a
class="flex items-center"
>
Français
<span class="block rounded-full w-1.5 h-1.5 bg-primary ml-4"></span>
</a>
</li>
<li class="">
<a
href="https://edilians.co.uk/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
English United Kingdom
</a>
</li>
<li class="">
<a
href="https://edilians.be/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Belge
</a>
</li>
<li class="">
<a
href="https://edilians.nl/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Nederlandse
</a>
</li>
<li class="">
<a
href="https://edilians.es/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Español
</a>
</li>
<li class="">
<a
href="https://edilians.it/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Italiano
</a>
</li>
<li class="">
<a
href="https://edilians.pl/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Polski
</a>
</li>
</ul>
</div>
</nav>
</div>
<a href="https://edilians.com/demande-de-devis" class="n-btn n-btn-primary hidden lg:flex h-8.5 text-base ml-4">
Devis en ligne
</a>
</div>
</div>
<div>
<!--Main Navigation-->
<nav
class="flex items-center font-bold text-gray-950 gap-6 max-lg:relative"
@click.outside="desktopMenuActiveId = 0"
@keydown.window.escape="desktopMenuActiveId = 0"
>
<ul class="hidden lg:flex gap-6">
<li class="menu-desktop__item--parent important">
<span
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 818) ? 0 : 818"
:class="{ 'text-secondary underline': desktopMenuActiveId == 818 }"
class="hover:text-secondary hover:underline flex items-center text-xs xl:text-sm min-[1440px]:text-base cursor-pointer"
>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 21 16" class="stroke-current mr-2" width="18" height="18"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.6292" d="M2.1713 13.9489h16.6574M2.1713 7.9999h16.6574M2.1713 2.0508h16.6574"/></svg>
</span>
<a
href="https://edilians.com/nos-produits.html"
class="menu-desktop__link flex items-center gap-4"
data-menu="menu-818">
Tous nos produits</a>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-[2.2rem] lg:top-[7.9rem] xl:top-32 min-[1440px]:top-[8.25rem] md:h-[436px]"
x-show="desktopMenuActiveId == 818 || [821,845,881,896,899,917,932,944].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level1 shrink-0 pl-6 xl:pl-16 xl:text-lg md:w-1/3 md:mr-6 py-10 font-semibold flex flex-col items-start gap-4" data-menu="menu-818">
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 821) ? 0 : 821"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-821">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M8.68 19.84s-.08 0-.12-.03a.28.28 0 0 1-.16-.3l.12-.84-3.53-.21c-.08 0-.15-.04-.2-.1s-.07-.14-.06-.22L6.38 6.82a.28.28 0 0 1 .3-.24l2.98.22c.55-1.58 2.18-2.1 3.44-2.08 1.57.04 2.83.83 3.07 1.94.46 2.13 3.1 12.66 3.13 12.77.02.1 0 .2-.08.27-.05.06-.12.07-.2.09a.25.25 0 0 1-.2-.09c-.02-.03-2.38-2.45-5.04-2.45s-3.85 1.36-4.82 2.46l-.05.05a.3.3 0 0 1-.21.1Zm.44-1.42v.04l-.03.23a5.98 5.98 0 0 1 4.68-2.02c2.01 0 3.79 1.21 4.74 1.99-.55-2.21-1.97-7.91-2.63-10.69a.3.3 0 0 1-.04-.1c-.18-.85-1.22-1.46-2.52-1.49-1.15-.04-2.57.45-2.95 1.89L9.13 18.42Zm-3.79-.5 3.26.2L9.8 8.21l-2.31-.15-1.15 8.08a.27.27 0 0 1-.32.24.28.28 0 0 1-.24-.32l1.19-8.35a.27.27 0 0 1 .3-.24l2.73.18c.64-1.4 2.17-1.85 3.34-1.84.85.02 1.62.27 2.17.66-.34-.69-1.28-1.16-2.42-1.19-1.14-.02-2.56.45-2.95 1.89-.04.13-.16.23-.3.21L6.9 7.17 5.34 17.92Z"/>
</svg></div>
Tuiles Terre Cuite</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 821 || [824,827,830,833,836,839,842].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-821">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 818"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M8.68 19.84s-.08 0-.12-.03a.28.28 0 0 1-.16-.3l.12-.84-3.53-.21c-.08 0-.15-.04-.2-.1s-.07-.14-.06-.22L6.38 6.82a.28.28 0 0 1 .3-.24l2.98.22c.55-1.58 2.18-2.1 3.44-2.08 1.57.04 2.83.83 3.07 1.94.46 2.13 3.1 12.66 3.13 12.77.02.1 0 .2-.08.27-.05.06-.12.07-.2.09a.25.25 0 0 1-.2-.09c-.02-.03-2.38-2.45-5.04-2.45s-3.85 1.36-4.82 2.46l-.05.05a.3.3 0 0 1-.21.1Zm.44-1.42v.04l-.03.23a5.98 5.98 0 0 1 4.68-2.02c2.01 0 3.79 1.21 4.74 1.99-.55-2.21-1.97-7.91-2.63-10.69a.3.3 0 0 1-.04-.1c-.18-.85-1.22-1.46-2.52-1.49-1.15-.04-2.57.45-2.95 1.89L9.13 18.42Zm-3.79-.5 3.26.2L9.8 8.21l-2.31-.15-1.15 8.08a.27.27 0 0 1-.32.24.28.28 0 0 1-.24-.32l1.19-8.35a.27.27 0 0 1 .3-.24l2.73.18c.64-1.4 2.17-1.85 3.34-1.84.85.02 1.62.27 2.17.66-.34-.69-1.28-1.16-2.42-1.19-1.14-.02-2.56.45-2.95 1.89-.04.13-.16.23-.3.21L6.9 7.17 5.34 17.92Z"/>
</svg></div>
Tuiles Terre Cuite </li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/fortement-galbees.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-824">
Fortement galbées</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/faiblement-galbees.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-827">
Faiblement galbées</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/petits-moules.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-830">
Petits moules</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/canal.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-833">
Canals</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/plates.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-836">
Plates</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/landing-patrimoine"
class="menu-desktop__inner-link"
data-menu="menu-839">
Sélection patrimoine</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/landing-patrimoine"
data-menu="menu-842" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-selection-patrimoine.jpg"
alt="Sélection Patrimoine"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Sélection Patrimoine <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 845) ? 0 : 845"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-845">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M16.74 19.35h-1.76c-.17 0-.34 0-.5-.02-.24-.03-.32-.12-.36-.36l-.07-.56c-.02-.09-.09-.14-.17-.16-.12-.03-.2.04-.26.13-.1.17-.08.36-.11.55-.05.31-.14.38-.45.42H8.73c-.4 0-.47-.09-.51-.48-.02-.17.01-.34-.07-.49-.04-.08-.11-.13-.21-.11a.26.26 0 0 0-.15.09c-.12.16-.09.36-.12.54-.06.33-.15.42-.5.45l-.38.01H3.14l-.38-.01c-.32-.03-.44-.12-.43-.42.02-.7-.19-.75-.78-.73l-.19-.01c-.25-.03-.38-.17-.36-.42.02-.23.07-.46.11-.68l1.17-5.53 1.39-6.57.14-.55c.06-.24.2-.37.44-.37h1.13c.22.01.34.13.38.35.02.12.02.25.03.37.04.33.11.43.42.44.96.02 1.93.01 2.89.01.27 0 .42-.14.48-.4l.11-.43c.06-.23.22-.36.45-.36.33-.01.67-.03 1-.01.29.02.44.17.37.46-.16.7.05.75.67.76h2.39c.44 0 .5-.05.6-.48.15-.62.1-.73.93-.73.21 0 .42-.01.63.01.27.03.37.15.37.41l-.02.19c-.04.51.01.59.53.6.96.02 1.93.02 2.89 0 .4 0 .48-.05.56-.45.15-.77.3-.74.97-.76h.63c.25.03.36.18.34.44 0 .08-.03.16-.04.25-.41 2.16-.75 4.33-1.09 6.5-.31 2.03-.67 4.05-1.01 6.07l-.03.12c-.1.48-.39.74-.87.79-.38.04-.48.09-.51.5-.05.63-.21.66-.81.66h-1.89Zm-11.77-.61h1.56c.4-.02.5-.13.55-.54v-.06c.03-.59.13-1.16.25-1.74l1.31-6.59c.23-1.15.44-2.3.64-3.46.07-.36-.02-.46-.37-.5H6.15c-.13 0-.25 0-.38.02-.21.02-.34.14-.4.35l-.08.37-.83 3.99-1.38 6.51c-.08.39-.12.79-.15 1.18-.02.3.1.43.39.46.12.02.25.01.38.01h1.26Zm11.77 0h1.57c.42-.01.51-.1.55-.52.03-.35.06-.71.12-1.06.19-1.11.36-2.23.54-3.35l.74-4.52.49-2.91c.06-.38-.03-.48-.43-.51h-.44c-.75-.01-1.51-.01-2.26-.03-.73-.02-.78-.01-.91.71-.21 1.17-.4 2.35-.58 3.53l-.73 4.59c-.16.99-.35 1.98-.53 2.97-.04.25-.08.5-.1.75-.02.2.07.32.27.35.14.02.29.03.44.03h1.26Zm-5.88 0h1.51c.45-.01.58-.12.6-.54.02-.4.08-.79.15-1.18.24-1.51.46-3.02.71-4.53l.9-5.26.15-.99c.02-.2-.08-.32-.27-.36-.1-.02-.21-.03-.31-.03h-2.45c-.53 0-.59.06-.71.59l-.03.12-.88 4.62-1.08 5.61c-.09.47-.18.95-.25 1.42-.07.42.02.51.46.52h1.51Zm-9.09-1.7c-.02.31.04.43.2.46.2.03.34-.06.43-.28l.06-.24c.21-1.52.64-2.98.95-4.48l1.5-7.12c.03-.14.04-.29.05-.44 0-.14-.07-.24-.21-.27a.32.32 0 0 0-.34.11c-.12.15-.15.34-.18.53l-.37 1.78-1.89 8.96-.2.99ZM16.34 5.05c.02-.24-.05-.37-.19-.39-.14-.02-.27.05-.33.23-.07.24-.13.48-.17.73l-.85 5.21-.92 5.45c-.05.31-.1.62-.13.93-.02.14.05.25.2.27.14.02.26-.03.3-.16.08-.26.15-.53.19-.79l.37-2.23.8-4.96.42-2.54.31-1.75Zm3.3 12.16c0 .12.03.24.18.28.15.04.28-.04.34-.2.06-.18.11-.36.14-.55.29-1.67.58-3.34.85-5.01.32-2.02.61-4.05 1-6.06.04-.23.08-.45.1-.68.02-.19-.07-.31-.21-.33-.18-.02-.28.09-.32.24-.06.2-.12.4-.15.61l-.71 4.33-1.06 6.37-.16 1Zm-11.78-.08c-.02.21.05.32.2.35.15.03.28-.04.33-.21.05-.16.1-.32.13-.48l.54-2.83.92-4.8.72-3.76c.03-.16.06-.33.07-.5 0-.11-.06-.21-.16-.24-.13-.04-.26 0-.32.13s-.11.27-.14.41c-.08.37-.13.74-.2 1.11-.31 1.69-.6 3.38-.93 5.06-.33 1.7-.69 3.4-1.04 5.1l-.12.67Z"/>
</svg></div>
Accessoires de couverture</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 845 || [848,851,854,857,860,863,1051,866,869,872,875,878].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-845">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 818"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M16.74 19.35h-1.76c-.17 0-.34 0-.5-.02-.24-.03-.32-.12-.36-.36l-.07-.56c-.02-.09-.09-.14-.17-.16-.12-.03-.2.04-.26.13-.1.17-.08.36-.11.55-.05.31-.14.38-.45.42H8.73c-.4 0-.47-.09-.51-.48-.02-.17.01-.34-.07-.49-.04-.08-.11-.13-.21-.11a.26.26 0 0 0-.15.09c-.12.16-.09.36-.12.54-.06.33-.15.42-.5.45l-.38.01H3.14l-.38-.01c-.32-.03-.44-.12-.43-.42.02-.7-.19-.75-.78-.73l-.19-.01c-.25-.03-.38-.17-.36-.42.02-.23.07-.46.11-.68l1.17-5.53 1.39-6.57.14-.55c.06-.24.2-.37.44-.37h1.13c.22.01.34.13.38.35.02.12.02.25.03.37.04.33.11.43.42.44.96.02 1.93.01 2.89.01.27 0 .42-.14.48-.4l.11-.43c.06-.23.22-.36.45-.36.33-.01.67-.03 1-.01.29.02.44.17.37.46-.16.7.05.75.67.76h2.39c.44 0 .5-.05.6-.48.15-.62.1-.73.93-.73.21 0 .42-.01.63.01.27.03.37.15.37.41l-.02.19c-.04.51.01.59.53.6.96.02 1.93.02 2.89 0 .4 0 .48-.05.56-.45.15-.77.3-.74.97-.76h.63c.25.03.36.18.34.44 0 .08-.03.16-.04.25-.41 2.16-.75 4.33-1.09 6.5-.31 2.03-.67 4.05-1.01 6.07l-.03.12c-.1.48-.39.74-.87.79-.38.04-.48.09-.51.5-.05.63-.21.66-.81.66h-1.89Zm-11.77-.61h1.56c.4-.02.5-.13.55-.54v-.06c.03-.59.13-1.16.25-1.74l1.31-6.59c.23-1.15.44-2.3.64-3.46.07-.36-.02-.46-.37-.5H6.15c-.13 0-.25 0-.38.02-.21.02-.34.14-.4.35l-.08.37-.83 3.99-1.38 6.51c-.08.39-.12.79-.15 1.18-.02.3.1.43.39.46.12.02.25.01.38.01h1.26Zm11.77 0h1.57c.42-.01.51-.1.55-.52.03-.35.06-.71.12-1.06.19-1.11.36-2.23.54-3.35l.74-4.52.49-2.91c.06-.38-.03-.48-.43-.51h-.44c-.75-.01-1.51-.01-2.26-.03-.73-.02-.78-.01-.91.71-.21 1.17-.4 2.35-.58 3.53l-.73 4.59c-.16.99-.35 1.98-.53 2.97-.04.25-.08.5-.1.75-.02.2.07.32.27.35.14.02.29.03.44.03h1.26Zm-5.88 0h1.51c.45-.01.58-.12.6-.54.02-.4.08-.79.15-1.18.24-1.51.46-3.02.71-4.53l.9-5.26.15-.99c.02-.2-.08-.32-.27-.36-.1-.02-.21-.03-.31-.03h-2.45c-.53 0-.59.06-.71.59l-.03.12-.88 4.62-1.08 5.61c-.09.47-.18.95-.25 1.42-.07.42.02.51.46.52h1.51Zm-9.09-1.7c-.02.31.04.43.2.46.2.03.34-.06.43-.28l.06-.24c.21-1.52.64-2.98.95-4.48l1.5-7.12c.03-.14.04-.29.05-.44 0-.14-.07-.24-.21-.27a.32.32 0 0 0-.34.11c-.12.15-.15.34-.18.53l-.37 1.78-1.89 8.96-.2.99ZM16.34 5.05c.02-.24-.05-.37-.19-.39-.14-.02-.27.05-.33.23-.07.24-.13.48-.17.73l-.85 5.21-.92 5.45c-.05.31-.1.62-.13.93-.02.14.05.25.2.27.14.02.26-.03.3-.16.08-.26.15-.53.19-.79l.37-2.23.8-4.96.42-2.54.31-1.75Zm3.3 12.16c0 .12.03.24.18.28.15.04.28-.04.34-.2.06-.18.11-.36.14-.55.29-1.67.58-3.34.85-5.01.32-2.02.61-4.05 1-6.06.04-.23.08-.45.1-.68.02-.19-.07-.31-.21-.33-.18-.02-.28.09-.32.24-.06.2-.12.4-.15.61l-.71 4.33-1.06 6.37-.16 1Zm-11.78-.08c-.02.21.05.32.2.35.15.03.28-.04.33-.21.05-.16.1-.32.13-.48l.54-2.83.92-4.8.72-3.76c.03-.16.06-.33.07-.5 0-.11-.06-.21-.16-.24-.13-.04-.26 0-.32.13s-.11.27-.14.41c-.08.37-.13.74-.2 1.11-.31 1.69-.6 3.38-.93 5.06-.33 1.7-.69 3.4-1.04 5.1l-.12.67Z"/>
</svg></div>
Accessoires de couverture </li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/eclairement.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-848">
Eclairement</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/faitage-et-aretier.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-851">
Faitage et arêtiers</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/etancheite.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-854">
Etanchéité</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/finitions.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-857">
Finitions</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/rive.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-860">
Rive</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/egout.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-863">
Egout</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/habillage.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-1051">
Habillage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/outillage.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-866">
Outillage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/securite.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-869">
Sécurité</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/ventilation.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-872">
Ventilation</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/fixation.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-875">
Fixation</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture.html"
data-menu="menu-878" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-accessoires-couverture.jpg"
alt="Accessoires de couverture"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Accessoires de couverture <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 881) ? 0 : 881"
>
<a
href="https://edilians.com/nos-produits/produits-solaires.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-881">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M19.66 10.86c-.81.05-1.64-.77-1.62-1.81.01-.98.79-1.78 1.68-1.77.93.02 1.67.85 1.65 1.85 0 .79-.72 1.8-1.71 1.72Zm-1.07-1.78c0 .68.47 1.2 1.09 1.21.64 0 1.14-.53 1.13-1.22 0-.65-.51-1.18-1.12-1.18-.62 0-1.1.52-1.1 1.19Zm1.39 3.2v.51c0 .09-.03.19-.06.27-.04.09-.12.14-.21.14s-.17-.05-.21-.14a.8.8 0 0 1-.06-.22V11.7c0-.23.12-.37.25-.39.15-.02.27.14.3.39v.56Zm-.01-6.32v.57c-.01.19-.11.3-.25.32-.14.01-.26-.09-.28-.28l-.03-.96c0-.13.01-.26.04-.39.03-.11.1-.2.22-.21.11-.01.25.09.27.22.03.24.03.49.04.73h-.02Zm-1.68 4.88a.4.4 0 0 1-.09.26l-.78.83a.5.5 0 0 1-.13.09c-.11.05-.21.03-.29-.06a.27.27 0 0 1-.04-.26 6.68 6.68 0 0 1 .94-1.05.23.23 0 0 1 .25-.03c.09.05.13.12.14.22Zm3.1-.24s.1.03.15.08c.27.27.53.55.78.83.14.16.15.35.07.46-.09.12-.28.1-.46-.08l-.64-.67a.69.69 0 0 1-.19-.33c-.03-.15.11-.32.28-.29Zm1.05-4.24c0 .09-.02.18-.08.25l-.78.84a.42.42 0 0 1-.19.09c-.09.02-.18 0-.24-.09-.06-.08-.08-.19-.02-.27.28-.39.6-.75.97-1.04.15-.12.34 0 .34.21Zm-5.29-.24c.1-.01.18.03.24.1l.79.84c.04.04.06.09.08.14.04.09.03.19-.03.27-.06.08-.15.1-.24.09a.28.28 0 0 1-.15-.06 5.8 5.8 0 0 1-.85-.93c-.04-.05-.05-.14-.05-.21 0-.11.11-.22.2-.23Zm-.39 3.24h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm5.89 0h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm-2.63 8.95c-.07-.15-.17-.29-.26-.43l-2.73-4.07-2.1-3.15a1.14 1.14 0 0 0-1.03-.57c-2.51.01-5.03.01-7.54 0-.37 0-.65.14-.88.43l-.23.31-4.49 6.71c-.09.14-.18.28-.25.44-.18.46.04.91.5.98.23.04.46.03.69.03h17.46c.18 0 .36 0 .53-.02.35-.05.48-.33.33-.66Zm-2.65-3-2.25.05-1.53-2.25 2.27-.05 1.51 2.25Zm-3.1 3.11-1.7-2.5 2.29-.05 1.73 2.55h-2.33Zm-2.03-3-1.53-2.25 2.29-.05 1.53 2.25-2.29.05Zm-2.77.07-1.51-2.26 2.16-.05 1.53 2.25-2.15.05-.03.01Zm5.24-4.15.82 1.23-2.27.05-1.32-1.94h1.54q.78 0 1.22.66Zm-3.3-.66s0 .09.03.13l1.23 1.82-2.29.05-1.36-2.01h2.4Zm-4.81.04c.17-.03.35-.04.53-.04h1.35c0 .05 0 .1.03.14l1.27 1.88-2.16.05-.83-1.24-.32-.52c-.06-.11 0-.24.12-.26Zm3.95 7.56c-.07.17-.24.13-.38.14H1.62c-.19 0-.43.08-.54-.12-.12-.23.1-.38.2-.54l4.11-6.16c.36-.54.43-.54.78 0l4.21 6.3c.08.12.22.24.15.4Zm.48-.44-1.25-1.87 2.19-.05 1.69 2.49h-1.62c-.46 0-.75-.19-1.01-.58Zm8.08.54c-.14.02-.28.04-.42.04h-1.55c0-.05 0-.1-.03-.14l-1.64-2.42 2.15-.05.07-.03 1.15 1.72.38.62c.06.12.01.24-.11.26Z" class="cls-1"/>
</svg></div>
Solaire</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 881 || [884,887,890,1077,893].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-881">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 818"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M19.66 10.86c-.81.05-1.64-.77-1.62-1.81.01-.98.79-1.78 1.68-1.77.93.02 1.67.85 1.65 1.85 0 .79-.72 1.8-1.71 1.72Zm-1.07-1.78c0 .68.47 1.2 1.09 1.21.64 0 1.14-.53 1.13-1.22 0-.65-.51-1.18-1.12-1.18-.62 0-1.1.52-1.1 1.19Zm1.39 3.2v.51c0 .09-.03.19-.06.27-.04.09-.12.14-.21.14s-.17-.05-.21-.14a.8.8 0 0 1-.06-.22V11.7c0-.23.12-.37.25-.39.15-.02.27.14.3.39v.56Zm-.01-6.32v.57c-.01.19-.11.3-.25.32-.14.01-.26-.09-.28-.28l-.03-.96c0-.13.01-.26.04-.39.03-.11.1-.2.22-.21.11-.01.25.09.27.22.03.24.03.49.04.73h-.02Zm-1.68 4.88a.4.4 0 0 1-.09.26l-.78.83a.5.5 0 0 1-.13.09c-.11.05-.21.03-.29-.06a.27.27 0 0 1-.04-.26 6.68 6.68 0 0 1 .94-1.05.23.23 0 0 1 .25-.03c.09.05.13.12.14.22Zm3.1-.24s.1.03.15.08c.27.27.53.55.78.83.14.16.15.35.07.46-.09.12-.28.1-.46-.08l-.64-.67a.69.69 0 0 1-.19-.33c-.03-.15.11-.32.28-.29Zm1.05-4.24c0 .09-.02.18-.08.25l-.78.84a.42.42 0 0 1-.19.09c-.09.02-.18 0-.24-.09-.06-.08-.08-.19-.02-.27.28-.39.6-.75.97-1.04.15-.12.34 0 .34.21Zm-5.29-.24c.1-.01.18.03.24.1l.79.84c.04.04.06.09.08.14.04.09.03.19-.03.27-.06.08-.15.1-.24.09a.28.28 0 0 1-.15-.06 5.8 5.8 0 0 1-.85-.93c-.04-.05-.05-.14-.05-.21 0-.11.11-.22.2-.23Zm-.39 3.24h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm5.89 0h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm-2.63 8.95c-.07-.15-.17-.29-.26-.43l-2.73-4.07-2.1-3.15a1.14 1.14 0 0 0-1.03-.57c-2.51.01-5.03.01-7.54 0-.37 0-.65.14-.88.43l-.23.31-4.49 6.71c-.09.14-.18.28-.25.44-.18.46.04.91.5.98.23.04.46.03.69.03h17.46c.18 0 .36 0 .53-.02.35-.05.48-.33.33-.66Zm-2.65-3-2.25.05-1.53-2.25 2.27-.05 1.51 2.25Zm-3.1 3.11-1.7-2.5 2.29-.05 1.73 2.55h-2.33Zm-2.03-3-1.53-2.25 2.29-.05 1.53 2.25-2.29.05Zm-2.77.07-1.51-2.26 2.16-.05 1.53 2.25-2.15.05-.03.01Zm5.24-4.15.82 1.23-2.27.05-1.32-1.94h1.54q.78 0 1.22.66Zm-3.3-.66s0 .09.03.13l1.23 1.82-2.29.05-1.36-2.01h2.4Zm-4.81.04c.17-.03.35-.04.53-.04h1.35c0 .05 0 .1.03.14l1.27 1.88-2.16.05-.83-1.24-.32-.52c-.06-.11 0-.24.12-.26Zm3.95 7.56c-.07.17-.24.13-.38.14H1.62c-.19 0-.43.08-.54-.12-.12-.23.1-.38.2-.54l4.11-6.16c.36-.54.43-.54.78 0l4.21 6.3c.08.12.22.24.15.4Zm.48-.44-1.25-1.87 2.19-.05 1.69 2.49h-1.62c-.46 0-.75-.19-1.01-.58Zm8.08.54c-.14.02-.28.04-.42.04h-1.55c0-.05 0-.1-.03-.14l-1.64-2.42 2.15-.05.07-.03 1.15 1.72.38.62c.06.12.01.24-.11.26Z" class="cls-1"/>
</svg></div>
Solaire </li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solaire-toiture-tuiles-ardoises.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-884">
Pour toiture en Tuiles ou Ardoises</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solaire-toiture-plate-et-installation-au-sol.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-887">
Pour toiture plate et installations au sol</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solaire-pour-facade.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-890">
Pour façade</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solplanet-onduleur-solaire-batteries-stockage.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-1077">
Solplanet - Onduleurs solaires et batteries de stockage</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="https://edilians.com/tuile-solaire-max.html"
data-menu="menu-893" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-solaire.jpg"
alt="Tuile Solaire Max"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Tuile Solaire Max <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/isolation-toiture.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-896">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M19.01 11.64c-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.15 0-.27-.12-.27-.27s.12-.27.27-.27c.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.15 0 .27.12.27.27s-.12.27-.27.27c-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1Zm0 2.61c-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.15 0-.27-.12-.27-.27s.12-.27.27-.27c.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.15 0 .27.12.27.27s-.12.27-.27.27c-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1Zm3.72-6.72H1.27c-.15 0-.27-.2-.27-.45s.12-.45.27-.45h21.46c.15 0 .27.2.27.45s-.12.45-.27.45Zm0 9.35H1.27c-.15 0-.27-.2-.27-.45s.12-.45.27-.45h21.46c.15 0 .27.2.27.45s-.12.45-.27.45Z" class="cls-1"/>
</svg></div>
Isolation</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 899) ? 0 : 899"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-899">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M1.44 19.85H.56c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.64 1.64 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm3.24-1.45H3.8c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.5.59a1.65 1.65 0 0 1-1.2 1.44c-.22.04-.49.37-.5.59Zm-1.91-2.2h-.88c.01-.65.58-1.33 1.2-1.45.21-.04.49-.37.49-.59.01-.63.58-1.31 1.2-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm16.2-1.22c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.21-.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.03 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.36 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.39-1.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 18.38 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 12.17 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Z"/>
</svg></div>
Étanchéité à l'air</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 899 || [902,905,908,911,1053,1040,914].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-899">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 818"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M1.44 19.85H.56c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.64 1.64 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm3.24-1.45H3.8c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.5.59a1.65 1.65 0 0 1-1.2 1.44c-.22.04-.49.37-.5.59Zm-1.91-2.2h-.88c.01-.65.58-1.33 1.2-1.45.21-.04.49-.37.49-.59.01-.63.58-1.31 1.2-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm16.2-1.22c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.21-.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.03 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.36 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.39-1.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 18.38 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 12.17 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Z"/>
</svg></div>
Étanchéité à l'air </li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/ecrans-de-sous-toiture.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-902">
Ecrans de sous-toiture</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/pares-vapeur.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-905">
Pares Vapeur</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/pares-pluie.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-908">
Pares pluie</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/accessoires-d-etancheite-a-l-air.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-911">
Accessoires d'étanchéité à l'air</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/sous-couverture-en-climat-de-montagne-et-plaine.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-1053">
Sous-couverture en climat de montagne et plaine</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/edilians-distributeur-officiel-dupont"
data-menu="menu-1040" class="menu-desktop__inner-link">
EDILIANS distributeur officiel DuPont</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air.html"
data-menu="menu-914" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-etancheite-air.jpg"
alt="Etanchéité à l'air"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Etanchéité à l'air <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 917) ? 0 : 917"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-917">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M12.09 18H1.81c-.65 0-1.07-.65-.62-1.24.52-.69 1.01-1.4 1.52-2.09l3.43-4.7c.17-.24.36-.47.54-.7.22-.28.52-.4.88-.39h2.2c.24 0 .41-.11.52-.33.21-.43.49-.8.8-1.16.4-.48.72-.51 1.16 0 .3.34.57.7.77 1.11.14.28.35.4.67.37.24-.02.41-.1.52-.32.22-.44.51-.84.85-1.19.07-.07.13-.15.21-.21.21-.17.43-.17.65 0l.09.08c.53.56 1 1.16 1.16 1.94.07.36.32.62.53.9.03.04.1.08.15.07.11-.02.09-.11.07-.18-.17-.82.18-1.49.64-2.12.17-.24.38-.45.59-.65.23-.22.47-.23.69-.02.54.51.97 1.09 1.18 1.8.14.47.14.96-.17 1.4-.42.59-1.21.84-1.9.58l-.27-.12c-.12-.04-.25-.22-.36-.06-.09.12.06.25.14.36l1.35 1.86 2.78 3.8c.13.17.26.35.36.54.17.3.03.59-.32.66-.13.03-.28.03-.41.03H12.1Zm5.58-.6h3.68c.18 0 .36-.01.53-.03.14-.02.21-.14.14-.26a5 5 0 0 0-.35-.54l-2.91-3.99-1.35-1.85c-.23-.31-.38-.48-.74-.11l-.14.11c-.99.7-2.22.11-2.5-.75l-.07-.22c-.08-.19-.18-.25-.35-.25-.15 0-.26.07-.31.22-.05.15-.12.29-.18.43-.09.2-.22.37-.39.5-.91.71-2.15.38-2.59-.69a1.95 1.95 0 0 1-.08-.22.37.37 0 0 0-.35-.27c-.57-.04-1.15-.05-1.72 0-.2.02-.28.16-.18.33l.23.34 1.7 2.33c1.06 1.46 2.14 2.9 3.18 4.37.28.39.61.56 1.09.55 1.23-.02 2.46 0 3.68 0Zm-10.68 0h4.64c.2 0 .4.02.59-.05.08-.03.13-.11.1-.19a1.98 1.98 0 0 0-.23-.4l-.93-1.28-3.71-5.09c-.4-.54-.48-.54-.88.02l-4.54 6.23c-.13.19-.4.38-.3.6.12.27.45.17.7.17h4.58Zm13.5-8.01c-.05-.59-.42-1.09-.86-1.55-.09-.1-.22-.08-.32.02a2.7 2.7 0 0 0-.83 1.51c-.08.54.36 1.02.93 1.06a1 1 0 0 0 1.08-1.04Zm-3.92 0a2.68 2.68 0 0 0-.82-1.5c-.09-.09-.22-.11-.32-.02-.45.42-.8.92-.87 1.55-.06.53.44 1.01.99 1.02a1 1 0 0 0 1.03-1.05Zm-5.89-.07c-.03.43.09.72.4.93a1 1 0 0 0 1.11.04.87.87 0 0 0 .46-.93 2.5 2.5 0 0 0-.8-1.45c-.13-.13-.28-.12-.41.03-.31.33-.56.7-.7 1.13-.04.11-.05.23-.06.27Z"/>
</svg></div>
Eaux Pluviales</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 917 || [920,923,926,929].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-917">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 818"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M12.09 18H1.81c-.65 0-1.07-.65-.62-1.24.52-.69 1.01-1.4 1.52-2.09l3.43-4.7c.17-.24.36-.47.54-.7.22-.28.52-.4.88-.39h2.2c.24 0 .41-.11.52-.33.21-.43.49-.8.8-1.16.4-.48.72-.51 1.16 0 .3.34.57.7.77 1.11.14.28.35.4.67.37.24-.02.41-.1.52-.32.22-.44.51-.84.85-1.19.07-.07.13-.15.21-.21.21-.17.43-.17.65 0l.09.08c.53.56 1 1.16 1.16 1.94.07.36.32.62.53.9.03.04.1.08.15.07.11-.02.09-.11.07-.18-.17-.82.18-1.49.64-2.12.17-.24.38-.45.59-.65.23-.22.47-.23.69-.02.54.51.97 1.09 1.18 1.8.14.47.14.96-.17 1.4-.42.59-1.21.84-1.9.58l-.27-.12c-.12-.04-.25-.22-.36-.06-.09.12.06.25.14.36l1.35 1.86 2.78 3.8c.13.17.26.35.36.54.17.3.03.59-.32.66-.13.03-.28.03-.41.03H12.1Zm5.58-.6h3.68c.18 0 .36-.01.53-.03.14-.02.21-.14.14-.26a5 5 0 0 0-.35-.54l-2.91-3.99-1.35-1.85c-.23-.31-.38-.48-.74-.11l-.14.11c-.99.7-2.22.11-2.5-.75l-.07-.22c-.08-.19-.18-.25-.35-.25-.15 0-.26.07-.31.22-.05.15-.12.29-.18.43-.09.2-.22.37-.39.5-.91.71-2.15.38-2.59-.69a1.95 1.95 0 0 1-.08-.22.37.37 0 0 0-.35-.27c-.57-.04-1.15-.05-1.72 0-.2.02-.28.16-.18.33l.23.34 1.7 2.33c1.06 1.46 2.14 2.9 3.18 4.37.28.39.61.56 1.09.55 1.23-.02 2.46 0 3.68 0Zm-10.68 0h4.64c.2 0 .4.02.59-.05.08-.03.13-.11.1-.19a1.98 1.98 0 0 0-.23-.4l-.93-1.28-3.71-5.09c-.4-.54-.48-.54-.88.02l-4.54 6.23c-.13.19-.4.38-.3.6.12.27.45.17.7.17h4.58Zm13.5-8.01c-.05-.59-.42-1.09-.86-1.55-.09-.1-.22-.08-.32.02a2.7 2.7 0 0 0-.83 1.51c-.08.54.36 1.02.93 1.06a1 1 0 0 0 1.08-1.04Zm-3.92 0a2.68 2.68 0 0 0-.82-1.5c-.09-.09-.22-.11-.32-.02-.45.42-.8.92-.87 1.55-.06.53.44 1.01.99 1.02a1 1 0 0 0 1.03-1.05Zm-5.89-.07c-.03.43.09.72.4.93a1 1 0 0 0 1.11.04.87.87 0 0 0 .46-.93 2.5 2.5 0 0 0-.8-1.45c-.13-.13-.28-.12-.41.03-.31.33-.56.7-.7 1.13-.04.11-.05.23-.06.27Z"/>
</svg></div>
Eaux Pluviales </li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales/gouttieres.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-920">
Gouttières</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales/descentes.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-923">
Descentes</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales/accessoires.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-926">
Accessoires</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="https://edilians.com/nos-produits/eaux-pluviales.html"
data-menu="menu-929" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/v/i/visuel_2_1.png"
alt="Eaux pluviales"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Eaux pluviales <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 932) ? 0 : 932"
>
<a
href="#"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-932">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M22.83 1.68V1H1v.68h10.58v6.54H1v.68h3.3v6.6H1v.68h10.58v6.6H1v.68h21.83v-.68H12.25v-6.6h10.58v-.68h-3.3V8.9h3.3v-.68H12.25V1.68h10.58ZM18.85 15.5H4.98V8.9h13.87v6.6Z"/>
</svg></div>
Profilés Façade</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 932 || [935,938,941].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-932">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 818"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M22.83 1.68V1H1v.68h10.58v6.54H1v.68h3.3v6.6H1v.68h10.58v6.6H1v.68h21.83v-.68H12.25v-6.6h10.58v-.68h-3.3V8.9h3.3v-.68H12.25V1.68h10.58ZM18.85 15.5H4.98V8.9h13.87v6.6Z"/>
</svg></div>
Profilés Façade </li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/catalog/category/view/s/tuiles-terre-cuite-en-bardage/id/14"
data-menu="menu-935" class="menu-desktop__inner-link">
Tuile terre cuite en bardage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/catalog/category/view/s/accessoires-de-bardage/id/15"
data-menu="menu-938" class="menu-desktop__inner-link">
Accessoires de bardage</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="https://edilians.com/catalog/category/view/s/solutions-facade/id/13"
data-menu="menu-941" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-profile-facade.jpg"
alt="Profilés Façade"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Profilés Façade <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/nos-produits.html"
data-menu="menu-944" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/r/h/rhona_10_ste_foy-ardoise_realisation-edilians_97936_1_.jpg"
alt="Tous nos produits"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Tous nos produits <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
</ul>
<ul
class="menu-landing flex items-center gap-6 text-sm lg:text-xs xl:text-sm min-[1440px]:text-base snap overflow-auto -mx-6 lg:mx-0 scroll-pl-6 pl-6 pr-12 lg:px-0 after:pointer-events-none after:bg-gradient-to-l after:from-white after:to-35% after:w-full after:h-full after:absolute after:-right-6 lg:after:hidden"
>
<li class="shrink-0">
<span
@click="desktopMenuActiveId = 0"
class="hover:text-secondary hover:underline"
>
<a
href="https://edilians.com/tuiles-terre-cuite"
class="menu-desktop__link"
data-menu="menu-752">
Tuiles terre cuite</a>
</span>
</li>
<li class="shrink-0">
<span
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 755 || [1056,1059,1062,1065,1068,1080].indexOf(desktopMenuActiveId) != -1) ? 0 : 755"
:class="{ 'text-secondary underline': desktopMenuActiveId == 755 || [1056,1059,1062,1065,1068,1080].indexOf(desktopMenuActiveId) != -1 }"
class="hover:text-secondary hover:underline"
>
<a
href="https://edilians.com/solaire"
class="menu-desktop__link"
data-menu="menu-755">
Solaire</a>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-[2.2rem] lg:top-[7.9rem] xl:top-32 min-[1440px]:top-[8.25rem] md:h-[436px]"
x-show="desktopMenuActiveId == 755 || [1056,1059,1062,1065,1068,1080].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-desktop__inner-list menu-desktop__inner-list--level1 shrink-0 pl-6 xl:pl-16 xl:text-lg md:w-1/3 md:mr-6 py-10 font-semibold flex flex-col items-start gap-4" data-menu="menu-755">
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/le-solaire-chez-edilians"
class="menu-desktop__inner-link"
data-menu="menu-1056">
Le Solaire chez EDILIANS</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/installateurs-photovoltaique"
class="menu-desktop__inner-link"
data-menu="menu-1059">
Pour les installateurs photovoltaïques</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/couvreurs-solaire"
class="menu-desktop__inner-link"
data-menu="menu-1062">
Pour les couvreurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/solaire"
class="menu-desktop__inner-link"
data-menu="menu-1065">
Pour les particuliers</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/nos-produits/produits-solaires.html"
data-menu="menu-1068" class="menu-desktop__inner-link">
Nos produits solaires</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/solaire"
data-menu="menu-1080" class="menu-desktop__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/t/u/tuile_solaire_max-noires-realisa.jpg"
alt="Nos produits solaires"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Nos produits solaires <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="shrink-0">
<span
@click="desktopMenuActiveId = 0"
class="hover:text-secondary hover:underline"
>
<a
href="https://edilians.com/renovation-energetique"
class="menu-desktop__link"
data-menu="menu-758">
Rénovation énergétique</a>
</span>
</li>
<li class="shrink-0">
<span
@click="desktopMenuActiveId = 0"
class="hover:text-secondary hover:underline"
>
<a
href="https://edilians.com/accessoires-facade"
class="menu-desktop__link"
data-menu="menu-761">
Façade</a>
</span>
</li>
</ul>
<ul class="hidden lg:flex order-first mr-6">
<li class="menu-desktop__item--parent important flex items-center mr-2 last-of-type:mr-0 after:content-['|'] after:text-xs after:ml-2 last-of-type:after:hidden">
<span
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 581 || [584,605,629].indexOf(desktopMenuActiveId) != -1) ? 0 : 581"
:class="{ 'text-secondary underline': desktopMenuActiveId == 581 || [584,605,629].indexOf(desktopMenuActiveId) != -1 }"
class="hover:text-secondary flex items-center cursor-pointer hover:underline text-xs xl:text-sm min-[1440px]:text-base"
>
<a
data-menu="menu-581" class="menu-pro__link">
Particuliers</a>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-[2.2rem] lg:top-[7.9rem] xl:top-32 min-[1440px]:top-[8.25rem] md:h-[436px]"
x-show="desktopMenuActiveId == 581 || [584,605,629].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level1 shrink-0 pl-6 xl:pl-16 xl:text-lg md:w-1/3 md:mr-6 py-10 font-semibold flex flex-col items-start gap-4" data-menu="menu-581">
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent important">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 584) ? 0 : 584"
>
<a
data-menu="menu-584" class="menu-pro__inner-link">
Services et outils</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 584 || [587,590,593,596,599,602].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-584">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 581"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Services et outils </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/demande-de-devis"
data-menu="menu-587" class="menu-pro__inner-link">
Demande de devis</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/trouver-tuiles-edilians"
data-menu="menu-590" class="menu-pro__inner-link">
Aide au choix</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/compatibilite-tuile/toiture-maison"
data-menu="menu-593" class="menu-pro__inner-link">
Compatibilité ancienne tuile</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/trouver-un-produit"
class="menu-pro__inner-link"
data-menu="menu-596">
Points de vente</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/service-sos-toiture"
class="menu-pro__inner-link"
data-menu="menu-599">
SOS Toiture</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/demande-de-devis"
data-menu="menu-602" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-demande-de-devis.jpg"
alt="Demande de devis"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
Un projet ? </span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Demande de devis <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent important">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 605) ? 0 : 605"
>
<a
href="blog"
data-menu="menu-605" class="menu-pro__inner-link">
Blog Toit & Moi</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 605 || [608,611,614,617,620,623,626].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-605">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 581"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Blog Toit & Moi </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/blog/category/prendre-soin-de-toit.html"
data-menu="menu-608" class="menu-pro__inner-link">
Prendre soin de Toit</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/blog/category/tout-sur-la-tuile-et-les-accessoires.html"
data-menu="menu-611" class="menu-pro__inner-link">
Tout sur la Tuile & les Accessoires</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/blog/category/tout-sur-l-isolation.html"
data-menu="menu-614" class="menu-pro__inner-link">
Tout sur l'Isolation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/blog/category/le-solaire-et-toit.html"
data-menu="menu-617" class="menu-pro__inner-link">
Le Solaire & Toit</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/blog/category/tout-sur-la-renovation.html"
data-menu="menu-620" class="menu-pro__inner-link">
Tout sur la Rénovation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/blog/category/inspire-toit.html"
data-menu="menu-623" class="menu-pro__inner-link">
Inspire-Toit</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/blog"
data-menu="menu-626" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-blog-toit-et-moi.jpg"
alt="Tout le Blog"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Tout le Blog <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/blog"
data-menu="menu-629" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-particuliers.jpg"
alt="Toit & Moi"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Toit & Moi <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-desktop__item--parent important flex items-center mr-2 last-of-type:mr-0 after:content-['|'] after:text-xs after:ml-2 last-of-type:after:hidden">
<span
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 632 || [1037,635,665,689,704,725,740,743,1093,1074,749].indexOf(desktopMenuActiveId) != -1) ? 0 : 632"
:class="{ 'text-secondary underline': desktopMenuActiveId == 632 || [1037,635,665,689,704,725,740,743,1093,1074,749].indexOf(desktopMenuActiveId) != -1 }"
class="hover:text-secondary flex items-center cursor-pointer hover:underline text-xs xl:text-sm min-[1440px]:text-base"
>
<a
data-menu="menu-632" class="menu-pro__link">
Professionnels</a>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-[2.2rem] lg:top-[7.9rem] xl:top-32 min-[1440px]:top-[8.25rem] md:h-[436px]"
x-show="desktopMenuActiveId == 632 || [1037,635,665,689,704,725,740,743,1093,1074,749].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level1 shrink-0 pl-6 xl:pl-16 xl:text-lg md:w-1/3 md:mr-6 py-10 font-semibold flex flex-col items-start gap-4" data-menu="menu-632">
<li class="menu-pro__inner-item menu-pro__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/documentations"
data-menu="menu-1037" class="menu-pro__inner-link">
Documentation technique</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 635) ? 0 : 635"
>
<a
href="home"
data-menu="menu-635" class="menu-pro__inner-link">
Couvreurs / Artisans</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 635 || [638,641,644,647,650,653,659,662].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-635">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 632"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Couvreurs / Artisans </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-638">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/etarif"
class="menu-pro__inner-link"
data-menu="menu-641">
Etarif</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/couvreurs-solaire"
class="menu-pro__inner-link"
data-menu="menu-644">
Le Solaire pour les couvreurs</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/conformite-dtu"
data-menu="menu-647" class="menu-pro__inner-link">
Vérification conformité DTU</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/section-liteaux"
data-menu="menu-650" class="menu-pro__inner-link">
Détermination Section Liteau</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/calcul-fixation-tuile-edilians/calcul-toiture"
data-menu="menu-653" class="menu-pro__inner-link">
Prescription de fixation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://mysolarproject.edilians.com"
data-menu="menu-659" class="menu-pro__inner-link" target="_blank" rel="noopener">
Simulateur Solaire</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/guides-de-pose"
data-menu="menu-662" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-guides-de-pose.jpg"
alt="Guides de pose"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Guides de pose <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 665) ? 0 : 665"
>
<a
data-menu="menu-665" class="menu-pro__inner-link">
Négoces / Transporteurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 665 || [668,671,674,677,680,683,686].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-665">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 632"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Négoces / Transporteurs </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-668">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/etarif"
class="menu-pro__inner-link"
data-menu="menu-671">
Etarif</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/chargexpress"
class="menu-pro__inner-link"
data-menu="menu-674">
Charg'express</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/palettes-consignees"
class="menu-pro__inner-link"
data-menu="menu-677">
Palettes consignées</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/section-liteaux"
data-menu="menu-680" class="menu-pro__inner-link">
Détermination Section Liteau</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/calcul-fixation-tuile-edilians/calcul-toiture"
data-menu="menu-683" class="menu-pro__inner-link">
Prescription de fixation</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/chargexpress"
data-menu="menu-686" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-charg-express.jpg"
alt="Charg'express"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Charg'express <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 689) ? 0 : 689"
>
<a
data-menu="menu-689" class="menu-pro__inner-link">
Constructeurs / Promoteurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 689 || [692,695,698,701].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-689">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 632"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Constructeurs / Promoteurs </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/CCTP-construction-toiture"
data-menu="menu-692" class="menu-pro__inner-link">
CCTP</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-695">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/fichier-texture"
data-menu="menu-698" class="menu-pro__inner-link">
Fichiers textures</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/CCTP-construction-toiture"
data-menu="menu-701" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-cctp.jpg"
alt="Cahier des Clauses Techniques Particulières"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Cahier des Clauses Techniques Particulières <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 704) ? 0 : 704"
>
<a
data-menu="menu-704" class="menu-pro__inner-link">
Architectes / Prescripteurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 704 || [707,710,713,716,719,1076,722].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-704">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 632"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Architectes / Prescripteurs </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-707">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/conformite-dtu"
data-menu="menu-710" class="menu-pro__inner-link">
Vérification Conformité DTU</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/section-liteaux"
data-menu="menu-713" class="menu-pro__inner-link">
Détermination Section Liteau</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/fichier-texture"
data-menu="menu-716" class="menu-pro__inner-link">
Fichiers Textures</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/CCTP-construction-toiture"
data-menu="menu-719" class="menu-pro__inner-link">
CCTP</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/l-atelier-edi-experts"
class="menu-pro__inner-link"
data-menu="menu-1076">
L'Atelier EDI-Experts</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/outil-etudes-quantitatives-presentation"
data-menu="menu-722" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-etude-quantitative.jpg"
alt="Étude quantitative"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Étude quantitative <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 725) ? 0 : 725"
>
<a
data-menu="menu-725" class="menu-pro__inner-link">
Installateurs photovoltaïque / Distributeurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 725 || [1046,728,731,737,1043].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-pro__inner-list menu-pro__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-725">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 632"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Installateurs photovoltaïque / Distributeurs </li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/installateurs-photovoltaique"
data-menu="menu-1046" class="menu-pro__inner-link" target="_blank" rel="noopener">
Photovoltaïque pour les installateurs</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/my-solar-project"
data-menu="menu-728" class="menu-pro__inner-link" target="_blank" rel="noopener">
My Solar Project</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-731">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/compatibility"
data-menu="menu-1043" class="menu-pro__inner-link">
Tableau compatibilité modules photovoltaïques</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="https://mysolarproject.edilians.com"
data-menu="menu-737" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full" target="__blank" rel="noopener">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-simulateur-solaire.jpg"
alt="Simulateur Solaire"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Simulateur Solaire <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/guides-de-pose"
class="menu-pro__inner-link"
data-menu="menu-740">
Guides de pose</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="/services-pros/declarations-performances.html"
data-menu="menu-743" class="menu-pro__inner-link">
Déclaration de performances</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/ma-demande-de-derogation"
data-menu="menu-1093" class="menu-pro__inner-link">
Demande de dérogation</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/maison-des-services-edilians"
class="menu-pro__inner-link"
data-menu="menu-1074">
La Maison des Services</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/systeme-360-renovation-energetique"
data-menu="menu-749" class="menu-pro__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/t/o/toit-couvreur-edilians-professionnel.jpg"
alt="Système 360 Rénovation énergétique"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Système 360 Rénovation énergétique <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
</ul>
<ul class="hidden lg:flex">
<li class="menu-desktop__item--parent important">
<span
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 764 || [767,770,773,776,779,812,1047,1050,815].indexOf(desktopMenuActiveId) != -1 ) ? 0 : 764"
:class="{ 'text-secondary underline': desktopMenuActiveId == 764 || [767,770,773,776,779,812,1047,1050,815].indexOf(desktopMenuActiveId) != -1 }"
class="hover:text-secondary flex items-center cursor-pointer hover:underline text-xs xl:text-sm min-[1440px]:text-base"
>
<a
data-menu="menu-764" class="menu-discover__link">
Découvrir EDILIANS</a>
<span x-show="desktopMenuActiveId != 764">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="ml-1 fill-current" width="16" height="16">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</span>
<span x-show="desktopMenuActiveId == 764" x-cloak>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="ml-1 fill-current rotate-180" width="16" height="16">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</span>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-[2.2rem] lg:top-[7.9rem] xl:top-32 min-[1440px]:top-[8.25rem] md:h-[436px]"
x-show="desktopMenuActiveId == 764 || [767,770,773,776,779,812,1047,1050,815].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-discover__inner-list menu-discover__inner-list--level1 shrink-0 pl-6 xl:pl-16 xl:text-lg md:w-1/3 md:mr-6 py-10 font-semibold flex flex-col items-start gap-4" data-menu="menu-764">
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians-group.com/"
data-menu="menu-767" class="menu-discover__inner-link" target="_blank" rel="noopener">
Edilians Group</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/notre-histoire"
class="menu-discover__inner-link"
data-menu="menu-770">
Notre histoire</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/innovation-expertise"
class="menu-discover__inner-link"
data-menu="menu-773">
Innovation et expertise</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/terroirs-savoir-faire"
class="menu-discover__inner-link"
data-menu="menu-776">
Terroirs et savoirs faire</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 menu-discover__inner-item--parent">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
@click.prevent="desktopMenuActiveId = (desktopMenuActiveId == 779) ? 0 : 779"
>
<a
data-menu="menu-779" class="menu-discover__inner-link">
Appellations de terroirs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<nav
class="bg-white absolute lg:w-full max-lg:-mx-6 left-0 max-lg:right-0 top-0 z-20 md:h-[436px]"
x-show="desktopMenuActiveId == 779 || [782,785,788,791,794,797,800,803,806,809].indexOf(desktopMenuActiveId) != -1"
x-cloak
>
<div class="flex max-md:flex-col max-w-[1920px] h-full mx-auto">
<ul class="menu-discover__inner-list menu-discover__inner-list--level2 shrink-0 pl-6 xl:pl-16 xl:text-lg w-2/3 pt-5 pb-20 pr-6 xl:pr-16 font-medium grid grid-rows-8 grid-cols-2 grid-flow-col items-center gap-x-10" data-menu="menu-779">
<li class="col-span-2">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="desktopMenuActiveId = 764"
>
<span class="sr-only">
Back </span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
</li>
<li class="col-span-2 flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Appellations de terroirs </li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/aubois"
class="menu-discover__inner-link"
data-menu="menu-782">
Aubois</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/doyet"
class="menu-discover__inner-link"
data-menu="menu-785">
Doyet</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/gelis"
class="menu-discover__inner-link"
data-menu="menu-788">
Gélis</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/huguenot"
class="menu-discover__inner-link"
data-menu="menu-791">
Huguenot</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/jacob"
class="menu-discover__inner-link"
data-menu="menu-794">
Jacob</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/phalempin"
class="menu-discover__inner-link"
data-menu="menu-797">
Phalempin</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/poudenx"
class="menu-discover__inner-link"
data-menu="menu-800">
Poudenx</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/sans"
class="menu-discover__inner-link"
data-menu="menu-803">
Sans</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/appellation-tuiles-ste-foy"
class="menu-discover__inner-link"
data-menu="menu-806">
Ste-Foy</a>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/terroirs-savoir-faire"
data-menu="menu-809" class="menu-discover__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-appellations-de-terroirs.jpg"
alt="Nos appellations de terroirs, notre fierté"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Nos appellations de terroirs, notre fierté <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/rse"
class="menu-discover__inner-link"
data-menu="menu-812">
Engagement RSE</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilians.com/academie-edilians-formations"
class="menu-discover__inner-link"
data-menu="menu-1047">
Formations</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1">
<span
class="leading-tight cursor-pointer flex items-center hover:underline"
>
<a
href="https://edilife.csod.com/ux/ats/careersite/4/home?c=edilife"
data-menu="menu-1050" class="menu-discover__inner-link" target="_blank" rel="noopener">
Nous rejoindre</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-3" width="20" height="20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
</ul>
<div class="w-full @container relative">
<a
href="/innovation-expertise"
data-menu="menu-815" class="menu-discover__inner-link group w-full after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/s/g/sga-visuels-agences-interim-img_1775.jpg"
alt="Innovation et expertise"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-11 right-11 bottom-10 flex flex-col items-center md:items-start gap-4 @[640px]:left-22">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white min-w-80"
>
Innovation et expertise <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current -rotate-45" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</div>
</div>
</nav>
</li>
</ul>
</nav>
<!-- <//?= $block->getChildHtml('menu-discover') ?>-->
<!--Mobile Navigation-->
<nav
class="lg:hidden min-h-screen bg-white px-6 py-3 z-10 w-full sm:max-w-96 fixed left-0 top-0 bottom-0 overflow-y-auto"
x-show="openMobileMenu"
x-cloak
@keydown.window.escape="openMobileMenu = false; document.body.classList.remove('overflow-hidden-mobile');"
>
<!-- mobile menu header -->
<div class="flex items-center justify-between mb-6">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</div>
<!-- mobile menu main nav -->
<ul class="font-semibold flex flex-col gap-3 pb-18">
<li class="h-9.5 flex items-center">
<span
class="w-full flex items-center cursor-pointer h-full hover:underline"
@click.prevent="mobileMenuActiveId = '818'"
>
<a
href="https://edilians.com/nos-produits.html"
class="menu-desktop__link flex items-center gap-4"
data-menu="menu-818">
Tous nos produits</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level1 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-3" data-menu="menu-818" :class="{ '-translate-x-full' : mobileMenuActiveId !== '818' && ['821','845','881','896','899','917','932','944'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '818' && ['821','845','881','896','899','917','932','944'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between mb-3">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = ''"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Tous nos produits </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '821'"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-821">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M8.68 19.84s-.08 0-.12-.03a.28.28 0 0 1-.16-.3l.12-.84-3.53-.21c-.08 0-.15-.04-.2-.1s-.07-.14-.06-.22L6.38 6.82a.28.28 0 0 1 .3-.24l2.98.22c.55-1.58 2.18-2.1 3.44-2.08 1.57.04 2.83.83 3.07 1.94.46 2.13 3.1 12.66 3.13 12.77.02.1 0 .2-.08.27-.05.06-.12.07-.2.09a.25.25 0 0 1-.2-.09c-.02-.03-2.38-2.45-5.04-2.45s-3.85 1.36-4.82 2.46l-.05.05a.3.3 0 0 1-.21.1Zm.44-1.42v.04l-.03.23a5.98 5.98 0 0 1 4.68-2.02c2.01 0 3.79 1.21 4.74 1.99-.55-2.21-1.97-7.91-2.63-10.69a.3.3 0 0 1-.04-.1c-.18-.85-1.22-1.46-2.52-1.49-1.15-.04-2.57.45-2.95 1.89L9.13 18.42Zm-3.79-.5 3.26.2L9.8 8.21l-2.31-.15-1.15 8.08a.27.27 0 0 1-.32.24.28.28 0 0 1-.24-.32l1.19-8.35a.27.27 0 0 1 .3-.24l2.73.18c.64-1.4 2.17-1.85 3.34-1.84.85.02 1.62.27 2.17.66-.34-.69-1.28-1.16-2.42-1.19-1.14-.02-2.56.45-2.95 1.89-.04.13-.16.23-.3.21L6.9 7.17 5.34 17.92Z"/>
</svg></div>
Tuiles Terre Cuite</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-821" :class="{ '-translate-x-full' : mobileMenuActiveId !== '821' && ['824','827','830','833','836','839','842'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '821' && ['824','827','830','833','836','839','842'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '818'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M8.68 19.84s-.08 0-.12-.03a.28.28 0 0 1-.16-.3l.12-.84-3.53-.21c-.08 0-.15-.04-.2-.1s-.07-.14-.06-.22L6.38 6.82a.28.28 0 0 1 .3-.24l2.98.22c.55-1.58 2.18-2.1 3.44-2.08 1.57.04 2.83.83 3.07 1.94.46 2.13 3.1 12.66 3.13 12.77.02.1 0 .2-.08.27-.05.06-.12.07-.2.09a.25.25 0 0 1-.2-.09c-.02-.03-2.38-2.45-5.04-2.45s-3.85 1.36-4.82 2.46l-.05.05a.3.3 0 0 1-.21.1Zm.44-1.42v.04l-.03.23a5.98 5.98 0 0 1 4.68-2.02c2.01 0 3.79 1.21 4.74 1.99-.55-2.21-1.97-7.91-2.63-10.69a.3.3 0 0 1-.04-.1c-.18-.85-1.22-1.46-2.52-1.49-1.15-.04-2.57.45-2.95 1.89L9.13 18.42Zm-3.79-.5 3.26.2L9.8 8.21l-2.31-.15-1.15 8.08a.27.27 0 0 1-.32.24.28.28 0 0 1-.24-.32l1.19-8.35a.27.27 0 0 1 .3-.24l2.73.18c.64-1.4 2.17-1.85 3.34-1.84.85.02 1.62.27 2.17.66-.34-.69-1.28-1.16-2.42-1.19-1.14-.02-2.56.45-2.95 1.89-.04.13-.16.23-.3.21L6.9 7.17 5.34 17.92Z"/>
</svg></div>
Tuiles Terre Cuite </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/fortement-galbees.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-824">
Fortement galbées</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/faiblement-galbees.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-827">
Faiblement galbées</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/petits-moules.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-830">
Petits moules</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/canal.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-833">
Canals</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite/plates.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-836">
Plates</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/landing-patrimoine"
class="menu-desktop__inner-link"
data-menu="menu-839">
Sélection patrimoine</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/landing-patrimoine"
data-menu="menu-842" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-selection-patrimoine.jpg"
alt="Sélection Patrimoine"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Sélection Patrimoine <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '845'"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-845">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M16.74 19.35h-1.76c-.17 0-.34 0-.5-.02-.24-.03-.32-.12-.36-.36l-.07-.56c-.02-.09-.09-.14-.17-.16-.12-.03-.2.04-.26.13-.1.17-.08.36-.11.55-.05.31-.14.38-.45.42H8.73c-.4 0-.47-.09-.51-.48-.02-.17.01-.34-.07-.49-.04-.08-.11-.13-.21-.11a.26.26 0 0 0-.15.09c-.12.16-.09.36-.12.54-.06.33-.15.42-.5.45l-.38.01H3.14l-.38-.01c-.32-.03-.44-.12-.43-.42.02-.7-.19-.75-.78-.73l-.19-.01c-.25-.03-.38-.17-.36-.42.02-.23.07-.46.11-.68l1.17-5.53 1.39-6.57.14-.55c.06-.24.2-.37.44-.37h1.13c.22.01.34.13.38.35.02.12.02.25.03.37.04.33.11.43.42.44.96.02 1.93.01 2.89.01.27 0 .42-.14.48-.4l.11-.43c.06-.23.22-.36.45-.36.33-.01.67-.03 1-.01.29.02.44.17.37.46-.16.7.05.75.67.76h2.39c.44 0 .5-.05.6-.48.15-.62.1-.73.93-.73.21 0 .42-.01.63.01.27.03.37.15.37.41l-.02.19c-.04.51.01.59.53.6.96.02 1.93.02 2.89 0 .4 0 .48-.05.56-.45.15-.77.3-.74.97-.76h.63c.25.03.36.18.34.44 0 .08-.03.16-.04.25-.41 2.16-.75 4.33-1.09 6.5-.31 2.03-.67 4.05-1.01 6.07l-.03.12c-.1.48-.39.74-.87.79-.38.04-.48.09-.51.5-.05.63-.21.66-.81.66h-1.89Zm-11.77-.61h1.56c.4-.02.5-.13.55-.54v-.06c.03-.59.13-1.16.25-1.74l1.31-6.59c.23-1.15.44-2.3.64-3.46.07-.36-.02-.46-.37-.5H6.15c-.13 0-.25 0-.38.02-.21.02-.34.14-.4.35l-.08.37-.83 3.99-1.38 6.51c-.08.39-.12.79-.15 1.18-.02.3.1.43.39.46.12.02.25.01.38.01h1.26Zm11.77 0h1.57c.42-.01.51-.1.55-.52.03-.35.06-.71.12-1.06.19-1.11.36-2.23.54-3.35l.74-4.52.49-2.91c.06-.38-.03-.48-.43-.51h-.44c-.75-.01-1.51-.01-2.26-.03-.73-.02-.78-.01-.91.71-.21 1.17-.4 2.35-.58 3.53l-.73 4.59c-.16.99-.35 1.98-.53 2.97-.04.25-.08.5-.1.75-.02.2.07.32.27.35.14.02.29.03.44.03h1.26Zm-5.88 0h1.51c.45-.01.58-.12.6-.54.02-.4.08-.79.15-1.18.24-1.51.46-3.02.71-4.53l.9-5.26.15-.99c.02-.2-.08-.32-.27-.36-.1-.02-.21-.03-.31-.03h-2.45c-.53 0-.59.06-.71.59l-.03.12-.88 4.62-1.08 5.61c-.09.47-.18.95-.25 1.42-.07.42.02.51.46.52h1.51Zm-9.09-1.7c-.02.31.04.43.2.46.2.03.34-.06.43-.28l.06-.24c.21-1.52.64-2.98.95-4.48l1.5-7.12c.03-.14.04-.29.05-.44 0-.14-.07-.24-.21-.27a.32.32 0 0 0-.34.11c-.12.15-.15.34-.18.53l-.37 1.78-1.89 8.96-.2.99ZM16.34 5.05c.02-.24-.05-.37-.19-.39-.14-.02-.27.05-.33.23-.07.24-.13.48-.17.73l-.85 5.21-.92 5.45c-.05.31-.1.62-.13.93-.02.14.05.25.2.27.14.02.26-.03.3-.16.08-.26.15-.53.19-.79l.37-2.23.8-4.96.42-2.54.31-1.75Zm3.3 12.16c0 .12.03.24.18.28.15.04.28-.04.34-.2.06-.18.11-.36.14-.55.29-1.67.58-3.34.85-5.01.32-2.02.61-4.05 1-6.06.04-.23.08-.45.1-.68.02-.19-.07-.31-.21-.33-.18-.02-.28.09-.32.24-.06.2-.12.4-.15.61l-.71 4.33-1.06 6.37-.16 1Zm-11.78-.08c-.02.21.05.32.2.35.15.03.28-.04.33-.21.05-.16.1-.32.13-.48l.54-2.83.92-4.8.72-3.76c.03-.16.06-.33.07-.5 0-.11-.06-.21-.16-.24-.13-.04-.26 0-.32.13s-.11.27-.14.41c-.08.37-.13.74-.2 1.11-.31 1.69-.6 3.38-.93 5.06-.33 1.7-.69 3.4-1.04 5.1l-.12.67Z"/>
</svg></div>
Accessoires de couverture</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-845" :class="{ '-translate-x-full' : mobileMenuActiveId !== '845' && ['848','851','854','857','860','863','1051','866','869','872','875','878'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '845' && ['848','851','854','857','860','863','1051','866','869','872','875','878'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '818'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M16.74 19.35h-1.76c-.17 0-.34 0-.5-.02-.24-.03-.32-.12-.36-.36l-.07-.56c-.02-.09-.09-.14-.17-.16-.12-.03-.2.04-.26.13-.1.17-.08.36-.11.55-.05.31-.14.38-.45.42H8.73c-.4 0-.47-.09-.51-.48-.02-.17.01-.34-.07-.49-.04-.08-.11-.13-.21-.11a.26.26 0 0 0-.15.09c-.12.16-.09.36-.12.54-.06.33-.15.42-.5.45l-.38.01H3.14l-.38-.01c-.32-.03-.44-.12-.43-.42.02-.7-.19-.75-.78-.73l-.19-.01c-.25-.03-.38-.17-.36-.42.02-.23.07-.46.11-.68l1.17-5.53 1.39-6.57.14-.55c.06-.24.2-.37.44-.37h1.13c.22.01.34.13.38.35.02.12.02.25.03.37.04.33.11.43.42.44.96.02 1.93.01 2.89.01.27 0 .42-.14.48-.4l.11-.43c.06-.23.22-.36.45-.36.33-.01.67-.03 1-.01.29.02.44.17.37.46-.16.7.05.75.67.76h2.39c.44 0 .5-.05.6-.48.15-.62.1-.73.93-.73.21 0 .42-.01.63.01.27.03.37.15.37.41l-.02.19c-.04.51.01.59.53.6.96.02 1.93.02 2.89 0 .4 0 .48-.05.56-.45.15-.77.3-.74.97-.76h.63c.25.03.36.18.34.44 0 .08-.03.16-.04.25-.41 2.16-.75 4.33-1.09 6.5-.31 2.03-.67 4.05-1.01 6.07l-.03.12c-.1.48-.39.74-.87.79-.38.04-.48.09-.51.5-.05.63-.21.66-.81.66h-1.89Zm-11.77-.61h1.56c.4-.02.5-.13.55-.54v-.06c.03-.59.13-1.16.25-1.74l1.31-6.59c.23-1.15.44-2.3.64-3.46.07-.36-.02-.46-.37-.5H6.15c-.13 0-.25 0-.38.02-.21.02-.34.14-.4.35l-.08.37-.83 3.99-1.38 6.51c-.08.39-.12.79-.15 1.18-.02.3.1.43.39.46.12.02.25.01.38.01h1.26Zm11.77 0h1.57c.42-.01.51-.1.55-.52.03-.35.06-.71.12-1.06.19-1.11.36-2.23.54-3.35l.74-4.52.49-2.91c.06-.38-.03-.48-.43-.51h-.44c-.75-.01-1.51-.01-2.26-.03-.73-.02-.78-.01-.91.71-.21 1.17-.4 2.35-.58 3.53l-.73 4.59c-.16.99-.35 1.98-.53 2.97-.04.25-.08.5-.1.75-.02.2.07.32.27.35.14.02.29.03.44.03h1.26Zm-5.88 0h1.51c.45-.01.58-.12.6-.54.02-.4.08-.79.15-1.18.24-1.51.46-3.02.71-4.53l.9-5.26.15-.99c.02-.2-.08-.32-.27-.36-.1-.02-.21-.03-.31-.03h-2.45c-.53 0-.59.06-.71.59l-.03.12-.88 4.62-1.08 5.61c-.09.47-.18.95-.25 1.42-.07.42.02.51.46.52h1.51Zm-9.09-1.7c-.02.31.04.43.2.46.2.03.34-.06.43-.28l.06-.24c.21-1.52.64-2.98.95-4.48l1.5-7.12c.03-.14.04-.29.05-.44 0-.14-.07-.24-.21-.27a.32.32 0 0 0-.34.11c-.12.15-.15.34-.18.53l-.37 1.78-1.89 8.96-.2.99ZM16.34 5.05c.02-.24-.05-.37-.19-.39-.14-.02-.27.05-.33.23-.07.24-.13.48-.17.73l-.85 5.21-.92 5.45c-.05.31-.1.62-.13.93-.02.14.05.25.2.27.14.02.26-.03.3-.16.08-.26.15-.53.19-.79l.37-2.23.8-4.96.42-2.54.31-1.75Zm3.3 12.16c0 .12.03.24.18.28.15.04.28-.04.34-.2.06-.18.11-.36.14-.55.29-1.67.58-3.34.85-5.01.32-2.02.61-4.05 1-6.06.04-.23.08-.45.1-.68.02-.19-.07-.31-.21-.33-.18-.02-.28.09-.32.24-.06.2-.12.4-.15.61l-.71 4.33-1.06 6.37-.16 1Zm-11.78-.08c-.02.21.05.32.2.35.15.03.28-.04.33-.21.05-.16.1-.32.13-.48l.54-2.83.92-4.8.72-3.76c.03-.16.06-.33.07-.5 0-.11-.06-.21-.16-.24-.13-.04-.26 0-.32.13s-.11.27-.14.41c-.08.37-.13.74-.2 1.11-.31 1.69-.6 3.38-.93 5.06-.33 1.7-.69 3.4-1.04 5.1l-.12.67Z"/>
</svg></div>
Accessoires de couverture </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/eclairement.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-848">
Eclairement</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/faitage-et-aretier.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-851">
Faitage et arêtiers</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/etancheite.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-854">
Etanchéité</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/finitions.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-857">
Finitions</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/rive.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-860">
Rive</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/egout.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-863">
Egout</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/habillage.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-1051">
Habillage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/outillage.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-866">
Outillage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/securite.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-869">
Sécurité</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/ventilation.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-872">
Ventilation</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture/fixation.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-875">
Fixation</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture.html"
data-menu="menu-878" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-accessoires-couverture.jpg"
alt="Accessoires de couverture"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Accessoires de couverture <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '881'"
>
<a
href="https://edilians.com/nos-produits/produits-solaires.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-881">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M19.66 10.86c-.81.05-1.64-.77-1.62-1.81.01-.98.79-1.78 1.68-1.77.93.02 1.67.85 1.65 1.85 0 .79-.72 1.8-1.71 1.72Zm-1.07-1.78c0 .68.47 1.2 1.09 1.21.64 0 1.14-.53 1.13-1.22 0-.65-.51-1.18-1.12-1.18-.62 0-1.1.52-1.1 1.19Zm1.39 3.2v.51c0 .09-.03.19-.06.27-.04.09-.12.14-.21.14s-.17-.05-.21-.14a.8.8 0 0 1-.06-.22V11.7c0-.23.12-.37.25-.39.15-.02.27.14.3.39v.56Zm-.01-6.32v.57c-.01.19-.11.3-.25.32-.14.01-.26-.09-.28-.28l-.03-.96c0-.13.01-.26.04-.39.03-.11.1-.2.22-.21.11-.01.25.09.27.22.03.24.03.49.04.73h-.02Zm-1.68 4.88a.4.4 0 0 1-.09.26l-.78.83a.5.5 0 0 1-.13.09c-.11.05-.21.03-.29-.06a.27.27 0 0 1-.04-.26 6.68 6.68 0 0 1 .94-1.05.23.23 0 0 1 .25-.03c.09.05.13.12.14.22Zm3.1-.24s.1.03.15.08c.27.27.53.55.78.83.14.16.15.35.07.46-.09.12-.28.1-.46-.08l-.64-.67a.69.69 0 0 1-.19-.33c-.03-.15.11-.32.28-.29Zm1.05-4.24c0 .09-.02.18-.08.25l-.78.84a.42.42 0 0 1-.19.09c-.09.02-.18 0-.24-.09-.06-.08-.08-.19-.02-.27.28-.39.6-.75.97-1.04.15-.12.34 0 .34.21Zm-5.29-.24c.1-.01.18.03.24.1l.79.84c.04.04.06.09.08.14.04.09.03.19-.03.27-.06.08-.15.1-.24.09a.28.28 0 0 1-.15-.06 5.8 5.8 0 0 1-.85-.93c-.04-.05-.05-.14-.05-.21 0-.11.11-.22.2-.23Zm-.39 3.24h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm5.89 0h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm-2.63 8.95c-.07-.15-.17-.29-.26-.43l-2.73-4.07-2.1-3.15a1.14 1.14 0 0 0-1.03-.57c-2.51.01-5.03.01-7.54 0-.37 0-.65.14-.88.43l-.23.31-4.49 6.71c-.09.14-.18.28-.25.44-.18.46.04.91.5.98.23.04.46.03.69.03h17.46c.18 0 .36 0 .53-.02.35-.05.48-.33.33-.66Zm-2.65-3-2.25.05-1.53-2.25 2.27-.05 1.51 2.25Zm-3.1 3.11-1.7-2.5 2.29-.05 1.73 2.55h-2.33Zm-2.03-3-1.53-2.25 2.29-.05 1.53 2.25-2.29.05Zm-2.77.07-1.51-2.26 2.16-.05 1.53 2.25-2.15.05-.03.01Zm5.24-4.15.82 1.23-2.27.05-1.32-1.94h1.54q.78 0 1.22.66Zm-3.3-.66s0 .09.03.13l1.23 1.82-2.29.05-1.36-2.01h2.4Zm-4.81.04c.17-.03.35-.04.53-.04h1.35c0 .05 0 .1.03.14l1.27 1.88-2.16.05-.83-1.24-.32-.52c-.06-.11 0-.24.12-.26Zm3.95 7.56c-.07.17-.24.13-.38.14H1.62c-.19 0-.43.08-.54-.12-.12-.23.1-.38.2-.54l4.11-6.16c.36-.54.43-.54.78 0l4.21 6.3c.08.12.22.24.15.4Zm.48-.44-1.25-1.87 2.19-.05 1.69 2.49h-1.62c-.46 0-.75-.19-1.01-.58Zm8.08.54c-.14.02-.28.04-.42.04h-1.55c0-.05 0-.1-.03-.14l-1.64-2.42 2.15-.05.07-.03 1.15 1.72.38.62c.06.12.01.24-.11.26Z" class="cls-1"/>
</svg></div>
Solaire</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-881" :class="{ '-translate-x-full' : mobileMenuActiveId !== '881' && ['884','887','890','1077','893'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '881' && ['884','887','890','1077','893'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '818'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M19.66 10.86c-.81.05-1.64-.77-1.62-1.81.01-.98.79-1.78 1.68-1.77.93.02 1.67.85 1.65 1.85 0 .79-.72 1.8-1.71 1.72Zm-1.07-1.78c0 .68.47 1.2 1.09 1.21.64 0 1.14-.53 1.13-1.22 0-.65-.51-1.18-1.12-1.18-.62 0-1.1.52-1.1 1.19Zm1.39 3.2v.51c0 .09-.03.19-.06.27-.04.09-.12.14-.21.14s-.17-.05-.21-.14a.8.8 0 0 1-.06-.22V11.7c0-.23.12-.37.25-.39.15-.02.27.14.3.39v.56Zm-.01-6.32v.57c-.01.19-.11.3-.25.32-.14.01-.26-.09-.28-.28l-.03-.96c0-.13.01-.26.04-.39.03-.11.1-.2.22-.21.11-.01.25.09.27.22.03.24.03.49.04.73h-.02Zm-1.68 4.88a.4.4 0 0 1-.09.26l-.78.83a.5.5 0 0 1-.13.09c-.11.05-.21.03-.29-.06a.27.27 0 0 1-.04-.26 6.68 6.68 0 0 1 .94-1.05.23.23 0 0 1 .25-.03c.09.05.13.12.14.22Zm3.1-.24s.1.03.15.08c.27.27.53.55.78.83.14.16.15.35.07.46-.09.12-.28.1-.46-.08l-.64-.67a.69.69 0 0 1-.19-.33c-.03-.15.11-.32.28-.29Zm1.05-4.24c0 .09-.02.18-.08.25l-.78.84a.42.42 0 0 1-.19.09c-.09.02-.18 0-.24-.09-.06-.08-.08-.19-.02-.27.28-.39.6-.75.97-1.04.15-.12.34 0 .34.21Zm-5.29-.24c.1-.01.18.03.24.1l.79.84c.04.04.06.09.08.14.04.09.03.19-.03.27-.06.08-.15.1-.24.09a.28.28 0 0 1-.15-.06 5.8 5.8 0 0 1-.85-.93c-.04-.05-.05-.14-.05-.21 0-.11.11-.22.2-.23Zm-.39 3.24h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm5.89 0h-.58c-.18-.01-.28-.13-.27-.28 0-.13.09-.23.24-.25.4-.04.81-.05 1.21 0 .15.02.24.12.25.24 0 .15-.1.26-.27.28h-.58Zm-2.63 8.95c-.07-.15-.17-.29-.26-.43l-2.73-4.07-2.1-3.15a1.14 1.14 0 0 0-1.03-.57c-2.51.01-5.03.01-7.54 0-.37 0-.65.14-.88.43l-.23.31-4.49 6.71c-.09.14-.18.28-.25.44-.18.46.04.91.5.98.23.04.46.03.69.03h17.46c.18 0 .36 0 .53-.02.35-.05.48-.33.33-.66Zm-2.65-3-2.25.05-1.53-2.25 2.27-.05 1.51 2.25Zm-3.1 3.11-1.7-2.5 2.29-.05 1.73 2.55h-2.33Zm-2.03-3-1.53-2.25 2.29-.05 1.53 2.25-2.29.05Zm-2.77.07-1.51-2.26 2.16-.05 1.53 2.25-2.15.05-.03.01Zm5.24-4.15.82 1.23-2.27.05-1.32-1.94h1.54q.78 0 1.22.66Zm-3.3-.66s0 .09.03.13l1.23 1.82-2.29.05-1.36-2.01h2.4Zm-4.81.04c.17-.03.35-.04.53-.04h1.35c0 .05 0 .1.03.14l1.27 1.88-2.16.05-.83-1.24-.32-.52c-.06-.11 0-.24.12-.26Zm3.95 7.56c-.07.17-.24.13-.38.14H1.62c-.19 0-.43.08-.54-.12-.12-.23.1-.38.2-.54l4.11-6.16c.36-.54.43-.54.78 0l4.21 6.3c.08.12.22.24.15.4Zm.48-.44-1.25-1.87 2.19-.05 1.69 2.49h-1.62c-.46 0-.75-.19-1.01-.58Zm8.08.54c-.14.02-.28.04-.42.04h-1.55c0-.05 0-.1-.03-.14l-1.64-2.42 2.15-.05.07-.03 1.15 1.72.38.62c.06.12.01.24-.11.26Z" class="cls-1"/>
</svg></div>
Solaire </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solaire-toiture-tuiles-ardoises.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-884">
Pour toiture en Tuiles ou Ardoises</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solaire-toiture-plate-et-installation-au-sol.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-887">
Pour toiture plate et installations au sol</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solaire-pour-facade.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-890">
Pour façade</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/produits-solaires/solplanet-onduleur-solaire-batteries-stockage.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-1077">
Solplanet - Onduleurs solaires et batteries de stockage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/tuile-solaire-max.html"
data-menu="menu-893" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-solaire.jpg"
alt="Tuile Solaire Max"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Tuile Solaire Max <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/isolation-toiture.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-896">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M19.01 11.64c-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.15 0-.27-.12-.27-.27s.12-.27.27-.27c.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.15 0 .27.12.27.27s-.12.27-.27.27c-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1Zm0 2.61c-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1-1.01 0-1.52-.55-1.97-1.04-.42-.46-.78-.85-1.53-.85-.15 0-.27-.12-.27-.27s.12-.27.27-.27c.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.98 0 1.49.54 1.93 1.02.43.47.8.87 1.58.87.69 0 1.05-.38 1.46-.82.46-.5.99-1.07 2.05-1.07.15 0 .27.12.27.27s-.12.27-.27.27c-.83 0-1.21.42-1.66.9-.43.47-.92 1-1.85 1Zm3.72-6.72H1.27c-.15 0-.27-.2-.27-.45s.12-.45.27-.45h21.46c.15 0 .27.2.27.45s-.12.45-.27.45Zm0 9.35H1.27c-.15 0-.27-.2-.27-.45s.12-.45.27-.45h21.46c.15 0 .27.2.27.45s-.12.45-.27.45Z" class="cls-1"/>
</svg></div>
Isolation</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '899'"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-899">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M1.44 19.85H.56c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.64 1.64 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm3.24-1.45H3.8c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.5.59a1.65 1.65 0 0 1-1.2 1.44c-.22.04-.49.37-.5.59Zm-1.91-2.2h-.88c.01-.65.58-1.33 1.2-1.45.21-.04.49-.37.49-.59.01-.63.58-1.31 1.2-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm16.2-1.22c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.21-.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.03 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.36 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.39-1.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 18.38 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 12.17 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Z"/>
</svg></div>
Étanchéité à l'air</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-899" :class="{ '-translate-x-full' : mobileMenuActiveId !== '899' && ['902','905','908','911','1053','1040','914'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '899' && ['902','905','908','911','1053','1040','914'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '818'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M1.44 19.85H.56c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.64 1.64 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm3.24-1.45H3.8c.01-.65.58-1.33 1.21-1.45.21-.04.49-.37.49-.59.01-.63.59-1.32 1.21-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.5.59a1.65 1.65 0 0 1-1.2 1.44c-.22.04-.49.37-.5.59Zm-1.91-2.2h-.88c.01-.65.58-1.33 1.2-1.45.21-.04.49-.37.49-.59.01-.63.58-1.31 1.2-1.44.21-.04.49-.37.49-.59l.88.02a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59a1.65 1.65 0 0 1-1.2 1.44c-.21.04-.49.37-.49.59Zm16.2-1.22c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.21-.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.03 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.36 2.67c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.67a4 4 0 0 0-.59 1.21.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm9.39-1.08c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 18.38 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Zm-6.21 2.68c-.81 0-1.47-.66-1.47-1.47 0-.66.85-1.89 1.11-2.26l.36-.5.36.5c.26.36 1.11 1.6 1.11 2.26 0 .81-.66 1.47-1.47 1.47Zm0-2.68A4 4 0 0 0 12.17 7a.6.6 0 0 0 1.18 0 4 4 0 0 0-.59-1.21Z"/>
</svg></div>
Étanchéité à l'air </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/ecrans-de-sous-toiture.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-902">
Ecrans de sous-toiture</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/pares-vapeur.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-905">
Pares Vapeur</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/pares-pluie.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-908">
Pares pluie</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/accessoires-d-etancheite-a-l-air.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-911">
Accessoires d'étanchéité à l'air</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air/sous-couverture-en-climat-de-montagne-et-plaine.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-1053">
Sous-couverture en climat de montagne et plaine</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/edilians-distributeur-officiel-dupont"
data-menu="menu-1040" class="menu-desktop__inner-link">
EDILIANS distributeur officiel DuPont</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air.html"
data-menu="menu-914" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-etancheite-air.jpg"
alt="Etanchéité à l'air"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Etanchéité à l'air <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '917'"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-917">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M12.09 18H1.81c-.65 0-1.07-.65-.62-1.24.52-.69 1.01-1.4 1.52-2.09l3.43-4.7c.17-.24.36-.47.54-.7.22-.28.52-.4.88-.39h2.2c.24 0 .41-.11.52-.33.21-.43.49-.8.8-1.16.4-.48.72-.51 1.16 0 .3.34.57.7.77 1.11.14.28.35.4.67.37.24-.02.41-.1.52-.32.22-.44.51-.84.85-1.19.07-.07.13-.15.21-.21.21-.17.43-.17.65 0l.09.08c.53.56 1 1.16 1.16 1.94.07.36.32.62.53.9.03.04.1.08.15.07.11-.02.09-.11.07-.18-.17-.82.18-1.49.64-2.12.17-.24.38-.45.59-.65.23-.22.47-.23.69-.02.54.51.97 1.09 1.18 1.8.14.47.14.96-.17 1.4-.42.59-1.21.84-1.9.58l-.27-.12c-.12-.04-.25-.22-.36-.06-.09.12.06.25.14.36l1.35 1.86 2.78 3.8c.13.17.26.35.36.54.17.3.03.59-.32.66-.13.03-.28.03-.41.03H12.1Zm5.58-.6h3.68c.18 0 .36-.01.53-.03.14-.02.21-.14.14-.26a5 5 0 0 0-.35-.54l-2.91-3.99-1.35-1.85c-.23-.31-.38-.48-.74-.11l-.14.11c-.99.7-2.22.11-2.5-.75l-.07-.22c-.08-.19-.18-.25-.35-.25-.15 0-.26.07-.31.22-.05.15-.12.29-.18.43-.09.2-.22.37-.39.5-.91.71-2.15.38-2.59-.69a1.95 1.95 0 0 1-.08-.22.37.37 0 0 0-.35-.27c-.57-.04-1.15-.05-1.72 0-.2.02-.28.16-.18.33l.23.34 1.7 2.33c1.06 1.46 2.14 2.9 3.18 4.37.28.39.61.56 1.09.55 1.23-.02 2.46 0 3.68 0Zm-10.68 0h4.64c.2 0 .4.02.59-.05.08-.03.13-.11.1-.19a1.98 1.98 0 0 0-.23-.4l-.93-1.28-3.71-5.09c-.4-.54-.48-.54-.88.02l-4.54 6.23c-.13.19-.4.38-.3.6.12.27.45.17.7.17h4.58Zm13.5-8.01c-.05-.59-.42-1.09-.86-1.55-.09-.1-.22-.08-.32.02a2.7 2.7 0 0 0-.83 1.51c-.08.54.36 1.02.93 1.06a1 1 0 0 0 1.08-1.04Zm-3.92 0a2.68 2.68 0 0 0-.82-1.5c-.09-.09-.22-.11-.32-.02-.45.42-.8.92-.87 1.55-.06.53.44 1.01.99 1.02a1 1 0 0 0 1.03-1.05Zm-5.89-.07c-.03.43.09.72.4.93a1 1 0 0 0 1.11.04.87.87 0 0 0 .46-.93 2.5 2.5 0 0 0-.8-1.45c-.13-.13-.28-.12-.41.03-.31.33-.56.7-.7 1.13-.04.11-.05.23-.06.27Z"/>
</svg></div>
Eaux Pluviales</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-917" :class="{ '-translate-x-full' : mobileMenuActiveId !== '917' && ['920','923','926','929'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '917' && ['920','923','926','929'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '818'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M12.09 18H1.81c-.65 0-1.07-.65-.62-1.24.52-.69 1.01-1.4 1.52-2.09l3.43-4.7c.17-.24.36-.47.54-.7.22-.28.52-.4.88-.39h2.2c.24 0 .41-.11.52-.33.21-.43.49-.8.8-1.16.4-.48.72-.51 1.16 0 .3.34.57.7.77 1.11.14.28.35.4.67.37.24-.02.41-.1.52-.32.22-.44.51-.84.85-1.19.07-.07.13-.15.21-.21.21-.17.43-.17.65 0l.09.08c.53.56 1 1.16 1.16 1.94.07.36.32.62.53.9.03.04.1.08.15.07.11-.02.09-.11.07-.18-.17-.82.18-1.49.64-2.12.17-.24.38-.45.59-.65.23-.22.47-.23.69-.02.54.51.97 1.09 1.18 1.8.14.47.14.96-.17 1.4-.42.59-1.21.84-1.9.58l-.27-.12c-.12-.04-.25-.22-.36-.06-.09.12.06.25.14.36l1.35 1.86 2.78 3.8c.13.17.26.35.36.54.17.3.03.59-.32.66-.13.03-.28.03-.41.03H12.1Zm5.58-.6h3.68c.18 0 .36-.01.53-.03.14-.02.21-.14.14-.26a5 5 0 0 0-.35-.54l-2.91-3.99-1.35-1.85c-.23-.31-.38-.48-.74-.11l-.14.11c-.99.7-2.22.11-2.5-.75l-.07-.22c-.08-.19-.18-.25-.35-.25-.15 0-.26.07-.31.22-.05.15-.12.29-.18.43-.09.2-.22.37-.39.5-.91.71-2.15.38-2.59-.69a1.95 1.95 0 0 1-.08-.22.37.37 0 0 0-.35-.27c-.57-.04-1.15-.05-1.72 0-.2.02-.28.16-.18.33l.23.34 1.7 2.33c1.06 1.46 2.14 2.9 3.18 4.37.28.39.61.56 1.09.55 1.23-.02 2.46 0 3.68 0Zm-10.68 0h4.64c.2 0 .4.02.59-.05.08-.03.13-.11.1-.19a1.98 1.98 0 0 0-.23-.4l-.93-1.28-3.71-5.09c-.4-.54-.48-.54-.88.02l-4.54 6.23c-.13.19-.4.38-.3.6.12.27.45.17.7.17h4.58Zm13.5-8.01c-.05-.59-.42-1.09-.86-1.55-.09-.1-.22-.08-.32.02a2.7 2.7 0 0 0-.83 1.51c-.08.54.36 1.02.93 1.06a1 1 0 0 0 1.08-1.04Zm-3.92 0a2.68 2.68 0 0 0-.82-1.5c-.09-.09-.22-.11-.32-.02-.45.42-.8.92-.87 1.55-.06.53.44 1.01.99 1.02a1 1 0 0 0 1.03-1.05Zm-5.89-.07c-.03.43.09.72.4.93a1 1 0 0 0 1.11.04.87.87 0 0 0 .46-.93 2.5 2.5 0 0 0-.8-1.45c-.13-.13-.28-.12-.41.03-.31.33-.56.7-.7 1.13-.04.11-.05.23-.06.27Z"/>
</svg></div>
Eaux Pluviales </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales/gouttieres.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-920">
Gouttières</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales/descentes.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-923">
Descentes</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales/accessoires.html"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-926">
Accessoires</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/nos-produits/eaux-pluviales.html"
data-menu="menu-929" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/v/i/visuel_2_1.png"
alt="Eaux pluviales"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Eaux pluviales <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 menu-desktop__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '932'"
>
<a
href="#"
class="menu-desktop__inner-link flex items-center gap-4"
data-menu="menu-932">
<div class="w-6 h-6 fill-current"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M22.83 1.68V1H1v.68h10.58v6.54H1v.68h3.3v6.6H1v.68h10.58v6.6H1v.68h21.83v-.68H12.25v-6.6h10.58v-.68h-3.3V8.9h3.3v-.68H12.25V1.68h10.58ZM18.85 15.5H4.98V8.9h13.87v6.6Z"/>
</svg></div>
Profilés Façade</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-desktop__inner-list menu-desktop__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-932" :class="{ '-translate-x-full' : mobileMenuActiveId !== '932' && ['935','938','941'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '932' && ['935','938','941'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '818'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
<div class="fill-current w-7 h-7 mr-3"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
<path d="M22.83 1.68V1H1v.68h10.58v6.54H1v.68h3.3v6.6H1v.68h10.58v6.6H1v.68h21.83v-.68H12.25v-6.6h10.58v-.68h-3.3V8.9h3.3v-.68H12.25V1.68h10.58ZM18.85 15.5H4.98V8.9h13.87v6.6Z"/>
</svg></div>
Profilés Façade </li>
<!-- Submenu nav -->
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/catalog/category/view/s/tuiles-terre-cuite-en-bardage/id/14"
data-menu="menu-935" class="menu-desktop__inner-link">
Tuile terre cuite en bardage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/catalog/category/view/s/accessoires-de-bardage/id/15"
data-menu="menu-938" class="menu-desktop__inner-link">
Accessoires de bardage</a>
</span>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/catalog/category/view/s/solutions-facade/id/13"
data-menu="menu-941" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-profile-facade.jpg"
alt="Profilés Façade"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Profilés Façade <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-desktop__inner-item menu-desktop__inner-item--level1 leading-none flex items-center hover:underline mt-3">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/nos-produits.html"
data-menu="menu-944" class="menu-desktop__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/r/h/rhona_10_ste_foy-ardoise_realisation-edilians_97936_1_.jpg"
alt="Tous nos produits"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Tous nos produits <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="h-9.5 flex items-center">
<span
class="w-full flex items-center cursor-pointer h-full hover:underline"
@click.prevent="mobileMenuActiveId = '581'"
>
<a
data-menu="menu-581" class="menu-pro__link">
Particuliers</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level1 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-3" data-menu="menu-581" :class="{ '-translate-x-full' : mobileMenuActiveId !== '581' && ['584','605','629'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '581' && ['584','605','629'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between mb-3">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = ''"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Particuliers </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent important leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '584'"
>
<a
data-menu="menu-584" class="menu-pro__inner-link">
Services et outils</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-584" :class="{ '-translate-x-full' : mobileMenuActiveId !== '584' && ['587','590','593','596','599','602'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '584' && ['587','590','593','596','599','602'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '581'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Services et outils </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/demande-de-devis"
data-menu="menu-587" class="menu-pro__inner-link">
Demande de devis</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/trouver-tuiles-edilians"
data-menu="menu-590" class="menu-pro__inner-link">
Aide au choix</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/compatibilite-tuile/toiture-maison"
data-menu="menu-593" class="menu-pro__inner-link">
Compatibilité ancienne tuile</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/trouver-un-produit"
class="menu-pro__inner-link"
data-menu="menu-596">
Points de vente</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/service-sos-toiture"
class="menu-pro__inner-link"
data-menu="menu-599">
SOS Toiture</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/demande-de-devis"
data-menu="menu-602" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-demande-de-devis.jpg"
alt="Demande de devis"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
Un projet ? </span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Demande de devis <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent important leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '605'"
>
<a
href="blog"
data-menu="menu-605" class="menu-pro__inner-link">
Blog Toit & Moi</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-605" :class="{ '-translate-x-full' : mobileMenuActiveId !== '605' && ['608','611','614','617','620','623','626'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '605' && ['608','611','614','617','620','623','626'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '581'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Blog Toit & Moi </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog/category/prendre-soin-de-toit.html"
data-menu="menu-608" class="menu-pro__inner-link">
Prendre soin de Toit</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog/category/tout-sur-la-tuile-et-les-accessoires.html"
data-menu="menu-611" class="menu-pro__inner-link">
Tout sur la Tuile & les Accessoires</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog/category/tout-sur-l-isolation.html"
data-menu="menu-614" class="menu-pro__inner-link">
Tout sur l'Isolation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog/category/le-solaire-et-toit.html"
data-menu="menu-617" class="menu-pro__inner-link">
Le Solaire & Toit</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog/category/tout-sur-la-renovation.html"
data-menu="menu-620" class="menu-pro__inner-link">
Tout sur la Rénovation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog/category/inspire-toit.html"
data-menu="menu-623" class="menu-pro__inner-link">
Inspire-Toit</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog"
data-menu="menu-626" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-blog-toit-et-moi.jpg"
alt="Tout le Blog"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Tout le Blog <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline mt-3">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/blog"
data-menu="menu-629" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-particuliers.jpg"
alt="Toit & Moi"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Toit & Moi <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="h-9.5 flex items-center">
<span
class="w-full flex items-center cursor-pointer h-full hover:underline"
@click.prevent="mobileMenuActiveId = '632'"
>
<a
data-menu="menu-632" class="menu-pro__link">
Professionnels</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level1 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-3" data-menu="menu-632" :class="{ '-translate-x-full' : mobileMenuActiveId !== '632' && ['1037','635','665','689','704','725','740','743','1093','1074','749'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '632' && ['1037','635','665','689','704','725','740','743','1093','1074','749'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between mb-3">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = ''"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Professionnels </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/documentations"
data-menu="menu-1037" class="menu-pro__inner-link">
Documentation technique</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '635'"
>
<a
href="home"
data-menu="menu-635" class="menu-pro__inner-link">
Couvreurs / Artisans</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-635" :class="{ '-translate-x-full' : mobileMenuActiveId !== '635' && ['638','641','644','647','650','653','659','662'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '635' && ['638','641','644','647','650','653','659','662'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '632'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Couvreurs / Artisans </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-638">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/etarif"
class="menu-pro__inner-link"
data-menu="menu-641">
Etarif</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/couvreurs-solaire"
class="menu-pro__inner-link"
data-menu="menu-644">
Le Solaire pour les couvreurs</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/conformite-dtu"
data-menu="menu-647" class="menu-pro__inner-link">
Vérification conformité DTU</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/section-liteaux"
data-menu="menu-650" class="menu-pro__inner-link">
Détermination Section Liteau</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/calcul-fixation-tuile-edilians/calcul-toiture"
data-menu="menu-653" class="menu-pro__inner-link">
Prescription de fixation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://mysolarproject.edilians.com"
data-menu="menu-659" class="menu-pro__inner-link" target="_blank" rel="noopener">
Simulateur Solaire</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/guides-de-pose"
data-menu="menu-662" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-guides-de-pose.jpg"
alt="Guides de pose"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Guides de pose <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '665'"
>
<a
data-menu="menu-665" class="menu-pro__inner-link">
Négoces / Transporteurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-665" :class="{ '-translate-x-full' : mobileMenuActiveId !== '665' && ['668','671','674','677','680','683','686'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '665' && ['668','671','674','677','680','683','686'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '632'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Négoces / Transporteurs </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-668">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/etarif"
class="menu-pro__inner-link"
data-menu="menu-671">
Etarif</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/chargexpress"
class="menu-pro__inner-link"
data-menu="menu-674">
Charg'express</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/palettes-consignees"
class="menu-pro__inner-link"
data-menu="menu-677">
Palettes consignées</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/section-liteaux"
data-menu="menu-680" class="menu-pro__inner-link">
Détermination Section Liteau</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/calcul-fixation-tuile-edilians/calcul-toiture"
data-menu="menu-683" class="menu-pro__inner-link">
Prescription de fixation</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/chargexpress"
data-menu="menu-686" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-charg-express.jpg"
alt="Charg'express"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Charg'express <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '689'"
>
<a
data-menu="menu-689" class="menu-pro__inner-link">
Constructeurs / Promoteurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-689" :class="{ '-translate-x-full' : mobileMenuActiveId !== '689' && ['692','695','698','701'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '689' && ['692','695','698','701'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '632'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Constructeurs / Promoteurs </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/CCTP-construction-toiture"
data-menu="menu-692" class="menu-pro__inner-link">
CCTP</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-695">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/fichier-texture"
data-menu="menu-698" class="menu-pro__inner-link">
Fichiers textures</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/CCTP-construction-toiture"
data-menu="menu-701" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-cctp.jpg"
alt="Cahier des Clauses Techniques Particulières"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Cahier des Clauses Techniques Particulières <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '704'"
>
<a
data-menu="menu-704" class="menu-pro__inner-link">
Architectes / Prescripteurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-704" :class="{ '-translate-x-full' : mobileMenuActiveId !== '704' && ['707','710','713','716','719','1076','722'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '704' && ['707','710','713','716','719','1076','722'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '632'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Architectes / Prescripteurs </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-707">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/conformite-dtu"
data-menu="menu-710" class="menu-pro__inner-link">
Vérification Conformité DTU</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/section-liteaux"
data-menu="menu-713" class="menu-pro__inner-link">
Détermination Section Liteau</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/fichier-texture"
data-menu="menu-716" class="menu-pro__inner-link">
Fichiers Textures</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/CCTP-construction-toiture"
data-menu="menu-719" class="menu-pro__inner-link">
CCTP</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/l-atelier-edi-experts"
class="menu-pro__inner-link"
data-menu="menu-1076">
L'Atelier EDI-Experts</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/outil-etudes-quantitatives-presentation"
data-menu="menu-722" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-etude-quantitative.jpg"
alt="Étude quantitative"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Étude quantitative <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 menu-pro__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '725'"
>
<a
data-menu="menu-725" class="menu-pro__inner-link">
Installateurs photovoltaïque / Distributeurs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-pro__inner-list menu-pro__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-725" :class="{ '-translate-x-full' : mobileMenuActiveId !== '725' && ['1046','728','731','737','1043'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '725' && ['1046','728','731','737','1043'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '632'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Installateurs photovoltaïque / Distributeurs </li>
<!-- Submenu nav -->
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/installateurs-photovoltaique"
data-menu="menu-1046" class="menu-pro__inner-link" target="_blank" rel="noopener">
Photovoltaïque pour les installateurs</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/my-solar-project"
data-menu="menu-728" class="menu-pro__inner-link" target="_blank" rel="noopener">
My Solar Project</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/outil-etudes-quantitatives-presentation"
class="menu-pro__inner-link"
data-menu="menu-731">
Étude quantitative</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://mysolarproject.edilians.com"
data-menu="menu-737" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full" target="__blank" rel="noopener">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-simulateur-solaire.jpg"
alt="Simulateur Solaire"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Simulateur Solaire <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/compatibility"
data-menu="menu-1043" class="menu-pro__inner-link">
Tableau compatibilité modules photovoltaïques</a>
</span>
</li>
</ul>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/guides-de-pose"
class="menu-pro__inner-link"
data-menu="menu-740">
Guides de pose</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/services-pros/declarations-performances.html"
data-menu="menu-743" class="menu-pro__inner-link">
Déclaration de performances</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/ma-demande-de-derogation"
data-menu="menu-1093" class="menu-pro__inner-link">
Demande de dérogation</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/maison-des-services-edilians"
class="menu-pro__inner-link"
data-menu="menu-1074">
La Maison des Services</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-pro__inner-item menu-pro__inner-item--level1 leading-none flex items-center hover:underline mt-3">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/systeme-360-renovation-energetique"
data-menu="menu-749" class="menu-pro__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/t/o/toit-couvreur-edilians-professionnel.jpg"
alt="Système 360 Rénovation énergétique"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Système 360 Rénovation énergétique <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="h-9.5 flex items-center">
<span
class="w-full flex items-center cursor-pointer h-full hover:underline"
@click.prevent="mobileMenuActiveId = '764'"
>
<a
data-menu="menu-764" class="menu-discover__link">
Découvrir EDILIANS</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-discover__inner-list menu-discover__inner-list--level1 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-3" data-menu="menu-764" :class="{ '-translate-x-full' : mobileMenuActiveId !== '764' && ['767','770','773','776','779','812','1047','1050','815'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '764' && ['767','770','773','776','779','812','1047','1050','815'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between mb-3">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = ''"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Découvrir EDILIANS </li>
<!-- Submenu nav -->
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians-group.com/"
data-menu="menu-767" class="menu-discover__inner-link" target="_blank" rel="noopener">
Edilians Group</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/notre-histoire"
class="menu-discover__inner-link"
data-menu="menu-770">
Notre histoire</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/innovation-expertise"
class="menu-discover__inner-link"
data-menu="menu-773">
Innovation et expertise</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/terroirs-savoir-faire"
class="menu-discover__inner-link"
data-menu="menu-776">
Terroirs et savoirs faire</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 menu-discover__inner-item--parent leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
@click.prevent="mobileMenuActiveId = '779'"
>
<a
data-menu="menu-779" class="menu-discover__inner-link">
Appellations de terroirs</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
<ul
class="menu-discover__inner-list menu-discover__inner-list--level2 fixed top-0 left-0 z-20 w-full sm:max-w-96 h-full transition-transform duration-200 ease-in-out -translate-x-full transform bg-white px-6 pt-3 pb-20 overflow-y-auto overflow-x-hidden flex flex-col bg-white gap-6" data-menu="menu-779" :class="{ '-translate-x-full' : mobileMenuActiveId !== '779' && ['782','785','788','791','794','797','800','803','806','809'].indexOf(mobileMenuActiveId) == -1, 'translate-x-0' : mobileMenuActiveId === '779' && ['782','785','788','791','794','797','800','803','806','809'].indexOf(mobileMenuActiveId) == -1, }"
>
<!-- Submenu header -->
<li class="flex items-center justify-between">
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="mobileMenuActiveId = '764'"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="stroke-current rotate-180" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</button>
<button
class="block focus:outline-none text-gray-950 hover:text-primary-400"
type="button"
@click="openMobileMenu = !openMobileMenu; document.body.classList.remove('overflow-hidden-mobile')"
>
<span class="sr-only">
Close menu </span>
<span x-show="openMobileMenu" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14" class="fill-current" width="16" height="16"><path d="M13.3.70998c-.0925-.092704-.2024-.166252-.3234-.216433-.121-.050181-.2507-.076012-.3816-.076012-.131 0-.2607.025831-.3816.076012-.121.050181-.2309.123729-.3234.216433l-4.89002 4.88-4.89-4.890001C2.0174.607397 1.90749.533957 1.78652.483852 1.66556.433747 1.53591.407959 1.40498.407959s-.26058.025788-.38154.075893C.902472.533957.792561.607397.699979.699979.607397.792561.533957.902472.483852 1.02344c-.050105.12096-.075893.25061-.075893.38154s.025788.26058.075893.38154c.050105.12097.123545.23088.216127.32346l4.890001 4.89L.699979 11.89c-.092582.0926-.166022.2025-.216127.3234-.050105.121-.075893.2506-.075893.3816 0 .1309.025788.2606.075893.3815.050105.121.123545.2309.216127.3235.092582.0926.202493.166.323461.2161.12096.0501.25061.0759.38154.0759s.26058-.0258.38154-.0759c.12097-.0501.23088-.1235.32346-.2161l4.89-4.89002L11.89 13.3c.0926.0926.2025.166.3234.2161.121.0501.2506.0759.3816.0759.1309 0 .2606-.0258.3815-.0759.121-.0501.2309-.1235.3235-.2161.0926-.0926.166-.2025.2161-.3235.0501-.1209.0759-.2506.0759-.3815 0-.131-.0258-.2606-.0759-.3816-.0501-.1209-.1235-.2308-.2161-.3234L8.40998 6.99998l4.89002-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>
</span>
</button>
</li>
<!-- Submenu title -->
<li class="flex items-center font-bold text-xl text-secondary after:w-10 after:h-px after:ml-3 after:bg-secondary">
Appellations de terroirs </li>
<!-- Submenu nav -->
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/aubois"
class="menu-discover__inner-link"
data-menu="menu-782">
Aubois</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/doyet"
class="menu-discover__inner-link"
data-menu="menu-785">
Doyet</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/gelis"
class="menu-discover__inner-link"
data-menu="menu-788">
Gélis</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/huguenot"
class="menu-discover__inner-link"
data-menu="menu-791">
Huguenot</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/jacob"
class="menu-discover__inner-link"
data-menu="menu-794">
Jacob</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/phalempin"
class="menu-discover__inner-link"
data-menu="menu-797">
Phalempin</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/poudenx"
class="menu-discover__inner-link"
data-menu="menu-800">
Poudenx</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/sans"
class="menu-discover__inner-link"
data-menu="menu-803">
Sans</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline font-medium hover:font-bold">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/appellation-tuiles-ste-foy"
class="menu-discover__inner-link"
data-menu="menu-806">
Ste-Foy</a>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level2 leading-none flex items-center hover:underline">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/terroirs-savoir-faire"
data-menu="menu-809" class="menu-discover__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/m/e/menu-edilians-appellations-de-terroirs.jpg"
alt="Nos appellations de terroirs, notre fierté"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Nos appellations de terroirs, notre fierté <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/rse"
class="menu-discover__inner-link"
data-menu="menu-812">
Engagement RSE</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilians.com/academie-edilians-formations"
class="menu-discover__inner-link"
data-menu="menu-1047">
Formations</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline h-9.5 pl-2.5 shrink-0">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="https://edilife.csod.com/ux/ats/careersite/4/home?c=edilife"
data-menu="menu-1050" class="menu-discover__inner-link" target="_blank" rel="noopener">
Nous rejoindre</a>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current ml-1 -z-1" width="16" height="16">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
</span>
</li>
<li class="menu-discover__inner-item menu-discover__inner-item--level1 leading-none flex items-center hover:underline mt-3">
<span
class="w-full flex items-center cursor-pointer h-full"
>
<a
href="/innovation-expertise"
data-menu="menu-815" class="menu-discover__inner-link group aspect-video w-full relative after:bg-gradient-to-t after:from-gray-950/60 after:absolute after:top-0 after:w-full after:h-full">
<img
src="https://edilians.com/media/snowdog/menu/node/s/g/sga-visuels-agences-interim-img_1775.jpg"
alt="Innovation et expertise"
class="w-full h-full object-cover"
/>
<span class="z-10 absolute left-4 right-4 bottom-4 flex flex-col gap-4">
<span class="text-lg text-white font-semibold leading-tight">
</span>
<span
class="n-btn bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white group-hover:bg-secondary-lighter group-hover:border-secondary-lighter group-hover:text-white"
>
Innovation et expertise <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="text-white stroke-current" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</span>
</span>
</a>
</span>
</li>
</ul>
</li>
<li>
<a href="/blog" class="n-btn flex-col bg-secondary border-secondary hover:bg-secondary-lighter hover:border-secondary-lighter hover:text-white leading-tight">
<span>Conseils & inspirations</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 .3 183 46.8" class="fill-current" width="61" height="15">
<path d="m97.4 32.3 4 4 2.8-5.1 4.3 2.2-3.8 6.4 4.5 4.3-4 3c-.2 0-.5-.1-.6-.3l-2.8-2.8-.5-.5-1.4 1.1a11.4 11.4 0 0 1-7.6 2.4c-3.1-.2-6-1.3-7.7-4.2-2.3-3.8-1-8.5 3-11l1.6-1-.5-.8a8 8 0 0 1-1.4-6 6.8 6.8 0 0 1 4-5.2 9.1 9.1 0 0 1 7.9 0 6.9 6.9 0 0 1 1.2 11.6c-1 .8-2 1.3-3 2Zm.6 7.9-4.3-4.5-1.4-1.3-2 1.3-.2.3a3.7 3.7 0 0 0 1.6 6c2.2.8 4.7-.2 6.3-1.8Zm0-14.9c0-1-.1-1.5-.6-2a3 3 0 0 0-3.2-.7c-1.2.4-1.8 1.3-1.9 2.5 0 1 .2 1.7.7 2.5 1 1.6 1.2 1.7 3 .7l.8-.5c.8-.7 1.3-1.4 1.2-2.5Z"/>
<path d="m144.7 30.1-7 9c-.4.6-1 .6-1.6 0l-6.5-8.4-.5-.6v15.7c0 .6-.2.8-.8.8h-4.5V18.2h2c.2 0 .4.4.5.5l10 12.8.7.7 1.3-1.7 9-11.5c.4-.5.9-.9 1.6-.8h1.2v28.2h-5.2V30.1h-.2ZM17.9 7.3l-.4.6L6.2 19.2c-.5.5-1 .8-1.7.7H1.8C1 20 .5 19.5 0 19c-.3-.8 0-1.3.5-1.8l4.3-4.4L16.6 1c1-1 2-1 2.9 0l15.9 15.9c.5.6.8 1.5.5 2-.4.8-1 1-1.8 1h-2.5c-.7 0-1.2-.2-1.7-.7L18.6 8l-.4-.7H18Z"/>
<path d="M35.7 26.5a10 10 0 0 1 8.5 4.2c1 1.5 1.5 3 1.7 4.8a11 11 0 0 1-1.3 6.6c-2.2 3.6-5.5 5-9.6 4.8a9.6 9.6 0 0 1-9.4-7.6c-.7-3.3-.2-6.4 2-9.2a10 10 0 0 1 8-3.5ZM41 36.7l-.1-1.4c-.5-2.5-2-3.7-4.6-4.3-2.2-.4-4.4.8-5.3 2.5a6.3 6.3 0 0 0 0 6.5c1 1.6 2.5 2.4 4.4 2.5 3.6 0 5.8-2.8 5.6-5.8Zm133.3 0a9.5 9.5 0 0 1-8.5 10c-4 .6-7.6-.5-10.2-3.8-1.8-2.3-2.1-5-1.8-7.7a9.5 9.5 0 0 1 8.6-8.6c3.8-.4 7.3.5 9.8 3.6 1.5 1.9 2.2 4 2 6.5Zm-15.7 0 .1 1.5a5.3 5.3 0 0 0 10.3.9 7 7 0 0 0 .3-3.3 5 5 0 0 0-3-4.4c-3.8-1.7-7.7 1-7.7 5.2Z"/>
<path d="m72.4 42.3.6 4-4 .7c-1.2.2-2.2 0-3.3-.2-2.9-.7-4.3-2.7-4.8-5.5l-.2-2v-8.6c-1.3 0-2.5-.2-3.8-.3V27h3.8l.3-3.4c0-.6 0-1.3.2-2 0-.2.2-.4.3-.4h4.1V27h6.5v3.7h-6.5v9c.2 2.6 1.8 3.9 4.4 3.3l2.4-.7ZM21 46.6h-5.5V18.4H21v28.2Zm33.3 0h-5V27h5v19.5Zm123.4-19.5h4.9v19.5h-5V27Z"/>
<path d="M51.8 18.7c1.8 0 2.9 1 3 2.7 0 1.7-1.2 3-3 3a2.8 2.8 0 0 1-2.9-3c0-1.7 1.1-2.7 3-2.7Z"/>
<path d="M180.2 18.7c1.7 0 2.8 1 2.8 2.5 0 2-1 3.2-3 3.2a3 3 0 0 1-2.8-2.9c0-1.7 1.2-2.8 3-2.8Z"/>
</svg>
</a>
</li>
<li>
<a href="https://edilians.com/demande-de-devis" class="n-btn n-btn-primary">
Devis en ligne
</a>
</li>
<li class="border-t border-gray-400 mt-3 pt-2.5">
<a href="/nous-contacter" class="flex items-center text-sm h-9.5 pl-2.5 hover:underline">
Contact </a>
</li>
<li class="">
<a href="https://edilians.com/customer/account" class="flex items-center text-sm h-9.5 pl-2.5 hover:underline">
Compte pro </a>
</li>
<!-- mobile menu store switcher -->
<li class="flex items-center justify-between text-sm h-9.5 pl-2.5 relative">
<span class="">
Langue </span>
<button
@click.prevent="switcherOpen = !switcherOpen;"
type="button"
class="font-bold text-gray-950 hover:text-primary-400 flex items-center focus:outline-none uppercase hover:text-primary-400"
:class="{ 'text-primary-400': switcherOpen }"
aria-haspopup="true"
aria-expanded="true"
>
Fr <span x-show="!switcherOpen">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="ml-1 fill-current" width="16" height="16">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</span>
<span x-show="switcherOpen" x-cloak>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="ml-1 fill-current rotate-180" width="16" height="16">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
</span>
</button>
<nav
x-show="switcherOpen"
:class="{ 'hidden' : !switcherOpen }"
class="absolute z-20 hidden top-8 p-8 overflow-auto origin-top-right bg-white right-0 rounded-sm shadow-theme w-56"
@click.outside="switcherOpen = false;"
@keydown.window.escape="switcherOpen = false"
>
<div role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<ul class="flex flex-col gap-2 text-sm">
<li class="">
<a
href="https://edilians.eu/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
English Worldwide
</a>
</li>
<li class="">
<a
class="flex items-center"
>
Français
<span class="block rounded-full w-1.5 h-1.5 bg-primary ml-4"></span>
</a>
</li>
<li class="">
<a
href="https://edilians.co.uk/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
English United Kingdom
</a>
</li>
<li class="">
<a
href="https://edilians.be/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Belge
</a>
</li>
<li class="">
<a
href="https://edilians.nl/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Nederlandse
</a>
</li>
<li class="">
<a
href="https://edilians.es/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Español
</a>
</li>
<li class="">
<a
href="https://edilians.it/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Italiano
</a>
</li>
<li class="">
<a
href="https://edilians.pl/quand-refaire-sa-toiture"
class="flex items-center hover:underline"
>
Polski
</a>
</li>
</ul>
</div>
</nav>
</li>
</ul>
</nav>
<!-- mobile menu backdrop -->
<div
class="backdrop lg:hidden"
x-show="openMobileMenu"
x-cloak
@click="openMobileMenu = false; document.body.classList.remove('overflow-hidden-mobile')"
aria-label="Close panel"
>
</div>
</div>
</div>
</div>
<div
class="backdrop hidden"
:class="{ 'lg:block': desktopMenuActiveId !=0, 'max-lg:!block': searchOpen, 'z-70': searchOpen || desktopMenuActiveId !=0, }"
aria-label="Close panel"
@click.prevent="searchOpen = false;"
>
</div>
</header>
<div class="top-container">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://edilians.com/"},{"@type":"ListItem","position":2,"name":"Services pros","item":"https://edilians.com/services-pros.html"},{"@type":"ListItem","position":3,"name":"Fiches Thématiques"}]}</script> <nav class="breadcrumbs container pb-6 pt-9" aria-label="Breadcrumb">
<ul class="items list-reset flex justify-start items-center flex-wrap text-gray-950 text-xs font-semibold">
<li class="item flex items-center Home">
<a href="https://edilians.com/"
class="no-underline opacity-60"
title="Accueil"
>Accueil</a>
</li>
<li class="item flex items-center Professionnal Services">
<span aria-hidden="true" class="separator px-2">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.6">
<path d="M11 9L14 12L11 15" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
</span>
<a href="https://edilians.com/services-pros.html"
class="no-underline opacity-60"
title="Services pros"
>Services pros</a>
</li>
<li class="item flex items-center Thematic Sheets">
<span aria-hidden="true" class="separator px-2">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.6">
<path d="M11 9L14 12L11 15" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
</span>
<span class="text-gray-950 font-bold"
aria-current="page"
>Fiches Thématiques</span>
</li>
</ul>
</nav>
</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div>
<div class="page messages container"><script>
function initMessages() {
"use strict";
return {
messages: window.mageMessages || [],
isEmpty() {
return this.messages.reduce(
function (isEmpty, message) {
return isEmpty && message === undefined
}, true
)
},
removeMessage(messageIndex) {
this.messages[messageIndex] = undefined;
},
addMessages(messages, hideAfter) {
var $this = this;
messages.map(function(message) {
$this.messages = $this.messages.concat(message);
if (hideAfter) {
$this.setHideTimeOut($this.messages.length -1, hideAfter);
}
});
},
setHideTimeOut(messageIndex, hideAfter) {
var $this = this;
setTimeout(
function(messageIndex) {
$this.removeMessage(messageIndex);
},
hideAfter,
messageIndex
);
},
eventListeners: {
['@messages-loaded.window']() {
this.addMessages(event.detail.messages, event.detail.hideAfter)
},
['@private-content-loaded.window'](event) {
const data = event.detail.data;
if (
data.messages &&
data.messages.messages &&
data.messages.messages.length
) {
this.addMessages(data.messages.messages);
}
},
['@clear-messages.window']() {
this.messages = [];
}
}
}
}
</script>
<section id="messages"
x-data="initMessages()"
x-spread="eventListeners"
>
<template x-if="!isEmpty()">
<div class="w-full">
<div role="alert" class="messages container mx-auto py-3">
<template x-for="(message, index) in messages" :key="index">
<div>
<template x-if="message">
<div :class="message.type + ' message flex items-center justify-between w-full p-2 bg-gray-600 shadow rounded text-white mb-2'"
:ui-id="'message-' + message.type"
>
<span x-html="message.text"></span>
<a href="#" class="close cursor-pointer" title="close"
@click.prevent="removeMessage(index)">
<svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg"
width="18" height="18" viewbox="0 0 18 18">
<path
d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z">
</path>
</svg>
</a>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</section>
</div><div class="columns"><div
class="fixed left-0 bottom-0 right-0 lg:bottom-auto lg:left-auto lg:top-96 flex lg:flex-col font-bold text-sm text-gray-950 text-center z-70 pointer-events-none px-6 py-3 lg:p-0 bg-white lg:bg-transparent divide-x lg:divide-x-0 lg:gap-6 lg:font-medium shadow-theme lg:shadow-none"
>
<a
href="https://edilians.com"
class="w-1/3 flex justify-center items-center text-center h-12 leading-none lg:hidden pointer-events-auto flex flex-col gap-2 hover:text-primary-light pr-4"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 19 18" class="stroke-current lg:hidden shrink-0" width="18" height="18"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.5 16V7.5a.9996.9996 0 0 0-.4-.8l-7-5.25a1 1 0 0 0-1.2 0l-7 5.25a1 1 0 0 0-.4.8V16a1 1 0 0 0 1 1h4a1.0002 1.0002 0 0 0 1-1v-3a1 1 0 0 1 1-1h2a1.0001 1.0001 0 0 1 1 1v3a1.0001 1.0001 0 0 0 1 1h4a1.0001 1.0001 0 0 0 1-1Z"/></svg>
<span class="">Accueil</span>
</a>
<a
href="/blog"
class="w-1/3 flex justify-center items-center h-12 lg:rounded-l-full leading-none pointer-events-auto flex flex-col gap-1.5 hover:text-primary-light px-4 lg:text-white lg:bg-secondary lg:border-0 lg:h-20 lg:w-48 lg:hover:text-white lg:hover:bg-secondary-lighter lg:px-0"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" class="stroke-current lg:hidden shrink-0" width="18" height="18"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.663 15h4.673M10 1v1m6.364 1.636-.707.707M19 10h-1M2 10H1m3.343-5.657-.707-.707m2.828 9.9a4.9998 4.9998 0 0 1 .7583-7.6925 5 5 0 0 1 6.3137 7.6925l-.548.547A3.3727 3.3727 0 0 0 12 16.469V17a2 2 0 0 1-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547Z"/></svg>
<span class="hidden lg:block">Conseils & inspirations</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 .3 183 46.8" class="lg:w-16 lg:h-4 fill-current" width="61" height="15">
<path d="m97.4 32.3 4 4 2.8-5.1 4.3 2.2-3.8 6.4 4.5 4.3-4 3c-.2 0-.5-.1-.6-.3l-2.8-2.8-.5-.5-1.4 1.1a11.4 11.4 0 0 1-7.6 2.4c-3.1-.2-6-1.3-7.7-4.2-2.3-3.8-1-8.5 3-11l1.6-1-.5-.8a8 8 0 0 1-1.4-6 6.8 6.8 0 0 1 4-5.2 9.1 9.1 0 0 1 7.9 0 6.9 6.9 0 0 1 1.2 11.6c-1 .8-2 1.3-3 2Zm.6 7.9-4.3-4.5-1.4-1.3-2 1.3-.2.3a3.7 3.7 0 0 0 1.6 6c2.2.8 4.7-.2 6.3-1.8Zm0-14.9c0-1-.1-1.5-.6-2a3 3 0 0 0-3.2-.7c-1.2.4-1.8 1.3-1.9 2.5 0 1 .2 1.7.7 2.5 1 1.6 1.2 1.7 3 .7l.8-.5c.8-.7 1.3-1.4 1.2-2.5Z"/>
<path d="m144.7 30.1-7 9c-.4.6-1 .6-1.6 0l-6.5-8.4-.5-.6v15.7c0 .6-.2.8-.8.8h-4.5V18.2h2c.2 0 .4.4.5.5l10 12.8.7.7 1.3-1.7 9-11.5c.4-.5.9-.9 1.6-.8h1.2v28.2h-5.2V30.1h-.2ZM17.9 7.3l-.4.6L6.2 19.2c-.5.5-1 .8-1.7.7H1.8C1 20 .5 19.5 0 19c-.3-.8 0-1.3.5-1.8l4.3-4.4L16.6 1c1-1 2-1 2.9 0l15.9 15.9c.5.6.8 1.5.5 2-.4.8-1 1-1.8 1h-2.5c-.7 0-1.2-.2-1.7-.7L18.6 8l-.4-.7H18Z"/>
<path d="M35.7 26.5a10 10 0 0 1 8.5 4.2c1 1.5 1.5 3 1.7 4.8a11 11 0 0 1-1.3 6.6c-2.2 3.6-5.5 5-9.6 4.8a9.6 9.6 0 0 1-9.4-7.6c-.7-3.3-.2-6.4 2-9.2a10 10 0 0 1 8-3.5ZM41 36.7l-.1-1.4c-.5-2.5-2-3.7-4.6-4.3-2.2-.4-4.4.8-5.3 2.5a6.3 6.3 0 0 0 0 6.5c1 1.6 2.5 2.4 4.4 2.5 3.6 0 5.8-2.8 5.6-5.8Zm133.3 0a9.5 9.5 0 0 1-8.5 10c-4 .6-7.6-.5-10.2-3.8-1.8-2.3-2.1-5-1.8-7.7a9.5 9.5 0 0 1 8.6-8.6c3.8-.4 7.3.5 9.8 3.6 1.5 1.9 2.2 4 2 6.5Zm-15.7 0 .1 1.5a5.3 5.3 0 0 0 10.3.9 7 7 0 0 0 .3-3.3 5 5 0 0 0-3-4.4c-3.8-1.7-7.7 1-7.7 5.2Z"/>
<path d="m72.4 42.3.6 4-4 .7c-1.2.2-2.2 0-3.3-.2-2.9-.7-4.3-2.7-4.8-5.5l-.2-2v-8.6c-1.3 0-2.5-.2-3.8-.3V27h3.8l.3-3.4c0-.6 0-1.3.2-2 0-.2.2-.4.3-.4h4.1V27h6.5v3.7h-6.5v9c.2 2.6 1.8 3.9 4.4 3.3l2.4-.7ZM21 46.6h-5.5V18.4H21v28.2Zm33.3 0h-5V27h5v19.5Zm123.4-19.5h4.9v19.5h-5V27Z"/>
<path d="M51.8 18.7c1.8 0 2.9 1 3 2.7 0 1.7-1.2 3-3 3a2.8 2.8 0 0 1-2.9-3c0-1.7 1.1-2.7 3-2.7Z"/>
<path d="M180.2 18.7c1.7 0 2.8 1 2.8 2.5 0 2-1 3.2-3 3.2a3 3 0 0 1-2.8-2.9c0-1.7 1.2-2.8 3-2.8Z"/>
</svg>
</a>
<a
href="https://edilians.com/demande-de-devis"
class="w-1/3 flex justify-center items-center h-12 lg:rounded-l-full leading-none pointer-events-auto flex flex-col gap-2 hover:text-primary-light pl-4 lg:text-white lg:bg-peach lg:border-0 lg:h-20 lg:w-48 lg:hover:text-white lg:hover:bg-peach-400 lg:leading-relaxed lg:px-0"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 17" class="fill-current lg:hidden shrink-0" width="18" height="18"><path d="M1.3 9c-.2333 0-.3917-.1084-.475-.325-.0833-.2167-.0333-.4.15-.55L8.65 1.2c.1833-.1834.396-.3127.638-.388C9.53.7366 9.7674.6993 10 .7c.2333 0 .471.0376.713.113.242.0753.4543.2043.637.387L14 3.6V2c0-.2834.096-.521.288-.713.192-.192.4293-.2877.712-.287h1c.2833 0 .521.096.713.288.192.192.2877.4293.287.712v4.3l2.025 1.825c.1833.15.2333.3333.15.55-.0833.2166-.2417.325-.475.325h-.925c-.25 0-.4917-.046-.725-.138a2.0353 2.0353 0 0 1-.625-.387L10 2.7 3.575 8.475a2.0252 2.0252 0 0 1-.625.388A1.945 1.945 0 0 1 2.225 9H1.3ZM7 16v-4c0-.2834.096-.521.288-.713.192-.192.4293-.2877.712-.287h4c.2833 0 .521.096.713.288.192.192.2877.4293.287.712v4c0 .2833-.096.521-.288.713-.192.192-.4293.2876-.712.287H8c-.2833 0-.521-.096-.713-.288-.192-.192-.2877-.4294-.287-.712Zm2-1h2v-2H9v2Z"/></svg>
<span>Devis <br class="hidden lg:block"/>en ligne</span>
</a>
</div>
<div x-data="{ scrolling: false }"
class="fixed bottom-28 lg:bottom-6 right-6 lg:left-auto z-60 pointer-events-none transition duration-300 ease-in-out opacity-0"
:class="{ 'opacity-100': scrolling, 'cursor-pointer': scrolling }"
@scroll.window="scrolling = (window.pageYOffset > 300) ? true : false"
>
<a class="flex justify-center items-center h-10 w-10 lg:w-20 lg:h-20 rounded-full bg-gray-950 hover:bg-gray-800 text-white transform transition"
:class="{ 'pointer-events-auto': scrolling }"
@click="window.scrollTo({top: 0, behavior: 'smooth'})"
title="Go to top"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 18 19" class="lg:w-6 lg:h-6 stroke-current -rotate-90" width="12" height="12"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M2 10h15m0 0L9 2m8 8-8 7"/></svg>
</a>
</div><div class="column main"><style>
#thematic .wysiwyg li::before {
border-color: #455e66 !important;
}
#thematic .wysiwyg h3, #thematic .wysiwyg a, #thematic #page .footer .content .wrapper .category::after {
color: #455e66 !important;
}
</style>
<div id="thematic">
<div id="page" class="decoration-455e66" style="border-bottom: 5px solid #455e66 !important;">
<div class="header">
<div class="wrapper-image">
<img src="/media/wysiwyg/dossiers_thematiques/choisir-toit-maison-chance-ban.jpg"/> </div>
<div class="baseline">
<span class="category bgcolor" style="background-color:#455e66">
Tirer avantage de sa toiture </span>
<h1>Quand refaire sa toiture : une chance pour la maison</h1>
</div>
</div>
<div class="body">
<div class="content">
<p class="long-summary">
</p>
<p class="publication-date">
Publié le 09/12/2024 </p>
<div class="wysiwyg">
<style>#html-body [data-pb-style=I6EB1Q4]{display:flex;flex-direction:column}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="I6EB1Q4"><div data-content-type="html" data-appearance="default" data-element="main"><h2>Esthétique : l’aspect extérieur reste un élément d’aménagement essentiel</h2>
<p>Tous les toits n’offrent pas les mêmes performances ni les mêmes durées de vie. Une toiture plate dit toit-terrasse nécessite de refaire de l’étanchéité tous les 10-12 ans.</p>
<p><cite> <span class="txt">Alors que la <a href="nos-produits/tuiles-terre-cuite.html">tuile terre cuite</a> d’ un toit en pente en terre cuite est garantie 30 ans, et dure encore bien plus longtemps.</span> </cite>Un conduit de cheminée est facile à placer sur un toit en pente, beaucoup moins sur un toit-terrasse. Sur une toiture en pente, le conduit de cheminée doit dépasser de 40 cm du faitage. Sur un toit-terrasse, le conduit doit présenter une saillie de 1,20 m.</p>
<p>La toiture a une fonction primaire de protection de la maison, mais aussi une fonction esthétique essentielle.</p>
<p>On dit du toit qu’il est la cinquième façade de la maison. Il est bien plus que cela. En effet, on voit plus le toit que les murs.</p>
<div class="chiffres">
<p class="mfnbr"><span class="nbr">60 %</span> DE CE QUE LE REGARD EMBRASSE D’UNE MAISON C’EST SON TOIT.</p>
<div class="desc">
<ul>
<li><a href="nos-produits/tuiles-terre-cuite.html">Choisir sa tuile</a> donne la note : tuile contemporaine, design, traditionnelle, originale, patrimoniale...</li>
<li>Choix du coloris d'une toiture maison.</li>
</ul>
On choisit la couleur des volets et de la façade de la maison. On choisit les ouvertures. On doit choisir sa toiture.</div>
</div>
<h2>Aménagement des combles : une opportunité d’agrandir la maison</h2>
<p>La rénovation de la toiture de la maison est l’occasion d’en repenser tout le plan avec <strong>l’aménagement des combles</strong> par exemple. L’isolation de la toiture, qui permet donc l’<strong>isolation des combles</strong>, s’il y en a, est perçue comme un sujet ennuyeux.</p>
<p>Comme une contrainte thermique nécessaire. Alors même que c’est un moyen de dépasser la simple question de la protection toiture pour entrer dans la dimension de l’habitabilité.</p>
<p><a href="/prix-renovation-toiture">Refaire sa toiture</a>, c’est aussi transformer sa maison à son goût, repenser l’esthétique globale du bâti et lui donner une allure harmonieuse. La toiture participe pour beaucoup à cette belle apparence.</p>
<h2>Dehors : la toiture se pare de tuiles</h2>
<div class="visuel">
<p class="legend">Rénovation de toiture :<br> la gare de Néris (Allier)</p>
</div>
<p><a href="https://edilians.com/prix-renovation-toiture">Refaire sa toiture</a> est également l'occasion de choisir de nouvelles tuiles terre cuite et un nouveau coloris. <br> Parfois, le choix d’une tuile est restreint par des contraintes régionales. Renseignez-vous. Ne vous résignez pas.</p>
<ul>
<li>Vous pouvez choisir de rester dans un modèle identique, mais un coloris différent.</li>
<li>Vous pouvez choisir un modèle plus qualitatif ou plus traditionnel, plus conforme au style de la maison que celui que vous possédez.</li>
<li>Vous pouvez choisir de moderniser le bâti par une tuile plus contemporaine.</li>
</ul>
<p>Refaire une toiture permet une infinité de possibilités. Même si une partie de ces choix dépend directement du type de toiture, de la pente de toit, de votre région d’habitation et du PLU.</p>
<p>Vous avez la chance de rénover votre toit à partir d’un très large éventail de solutions. Saisissez-la.</p>
<p>Faites votre toit, osez la touche personnelle et le look de la maison sera le vôtre.</p></div></div></div> </div>
<div class="other-section">
<div class="related-article">
Consultez d'autres sélections de fiches <b>en lien avec cet article :</b><br /> </div>
<div class="current-category">
<b>Thématique</b> de la fiche <span class="category bgcolor" style="background-color:#455e66 !important;">
<a href="/tirer-avantage-de-sa-toiture">Tirer avantage de sa toiture</a>
</span>
</div>
</div>
<div class="other-article">
<div class="previous">
<i class="fas fa-angle-left"></i>
<div class="wrapper">
<span>
Article précédent </span>
<a href="/cout-agrandissement-maison">
Coût de l’agrandissement d’une maison : Que faut-il savoir ? </a>
</div>
</div>
<div class="network">
<a href="http://www.facebook.com/sharer/sharer.php?u=https://edilians.com/quand-refaire-sa-toiture" target="_blank" onclick="window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"><i class="fab fa-facebook-square"></i></a>
<a href="https://twitter.com/home?status=https://edilians.com/quand-refaire-sa-toiture" target="_blank" onclick="window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"><i class="fab fa-twitter-square"></i></a>
<!--<a href="https://plus.google.com/share?url=https://edilians.com/quand-refaire-sa-toiture" target="_blank" onclick="window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"><i class="fab fa-google-plus-square"></i></a>-->
</div>
<div class="next">
<i class="fas fa-angle-right"></i>
<div class="wrapper">
<span>
Article suivant </span>
<a href="/extension-de-maison">
Extension de maison : Identifier les possibilités de sa maison </a>
</div>
</div>
</div>
</div>
<div class="sidebar"></div>
</div>
<div class="footer">
<div class="to-read">
<div class="arrow">
<div class="previous"><i class="fas fa-angle-left"></i></div>
<div class="wrapper">
<h4>
À lire <b>également</b> </h4>
<span class="baseline">Consultez d'autres selections de fiches en lien avec le thème de cet article </div>
<div class="next"><i class="fas fa-angle-right"></i></div>
</div>
<div class="content">
<ul class="rslides">
<li><div class="container"> <div class="wrapper decoration-455e66" style="border-bottom: 5px solid #455e66 !important;">
<div class="category bgcolor" style="background-color:#455e66 !important;">
Tirer avantage de sa toiture </div>
<div class="image">
<img src="/media/wysiwyg/dossiers_thematiques/cout-agrandissement-maison-ban.jpg"/> </div>
<h5>
Coût de l’agrandissement d’une maison : Que faut-il savoir ? </h5>
<div class="description">
Agrandir sa maison : à quel prix ?
Agrandir sa maison pas cher ? Un rêve à portée de main… peut-être.
L’agrandissement de maisonsans passer par le ... </div>
<div class="button-readmore">
<a href="/cout-agrandissement-maison">
<button>
Lire plus </button>
</a>
</div>
</div>
<div class="wrapper decoration-455e66" style="border-bottom: 5px solid #455e66 !important;">
<div class="category bgcolor" style="background-color:#455e66 !important;">
Tirer avantage de sa toiture </div>
<div class="image">
<img src="/media/wysiwyg/dossiers_thematiques/extension-de-maison-ban.jpg"/> </div>
<h5>
Extension de maison : Identifier les possibilités de sa maison </h5>
<div class="description">
Extension habitation : l’isolation des combles par l’extérieur
La maison bénéficie ainsi d’un nouvel étage. Un bureau, une salle de jeu, une suite pa... </div>
<div class="button-readmore">
<a href="/extension-de-maison">
<button>
Lire plus </button>
</a>
</div>
</div>
</div></li> </ul>
</div>
</div>
</div>
</div>
</div>
<div class="services">
<a title="Services couvreurs" href="/services-pros/couvreurs-macons.html" target="_self"><img title="Services couvreurs" src="https://edilians.com/media/wysiwyg/images-blocs/SERV_couvreur.png" alt="Services couvreurs" width="343" height="336" /><img title="Services couvreurs" src="https://edilians.com/media/wysiwyg/images-blocs/SERV_couvreur_ON.png" alt="Services couvreurs" width="343" height="336" /></a><a title="Services negoces" href="/services-pros/negoces-transporteurs.html"><img title="Services negoces" src="https://edilians.com/media/wysiwyg/images-blocs/SERV_negoces.png" alt="Services negoces" width="343" height="336" /><img title="Services negoces" src="https://edilians.com/media/wysiwyg/images-blocs/SERV_negoces_ON.png" alt="Services negoces" width="343" height="336" /></a><a title="Services particuliers" href="services-pour-les-particuliers.html" target="_self"><img src="https://edilians.com/media/wysiwyg/images-blocs/SERV_particuliers.png" alt="Services particuliers" /><img src="https://edilians.com/media/wysiwyg/images-blocs/SERV_particuliers_ON.png" alt="Services particuliers" /></a> </div>
</div></div></main><footer class="page-footer"><div class="footer"><div class="flex flex-col justify-center items-start text-white lg:items-center bg-primary-400 pb-18 lg:pb-0">
<div class="w-full bg-primary-light">
<div class="container my-6 lg:my-14 flex flex-col justify-start items-start lg:flex-row gap-10">
<div class="w-full flex flex-col lg:w-2/12">
<a href="https://edilians.com" class="block">
<img
class="block"
alt="Logo"
src="https://edilians.com/static/version1784294797/frontend/Edilians/default/default/images/logo-mono-fr.svg"
width="132"
height="73"
loading="lazy"
/>
</a>
</div>
<div class="w-full lg:w-auto 2xl:w-1/12 lg:order-last">
<div class="flex flex-col w-full">
<p class="mb-4 font-semibold text-lg leading-none">Suivez-nous</p>
<div class="flex w-full gap-9">
<a href="https://fr.linkedin.com/company/edilians" target="_blank" class="" title="Linkedin">
<span class="sr-only label">Linkedin</span>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 22 22" class="text-white fill-current" width="24" height="24"><defs/><path fill-rule="nonzero" d="M3.765.183c1.472 0 2.666 1.023 2.666 2.285 0 1.262-1.194 2.285-2.666 2.285S1.1 3.73 1.1 2.468C1.1 1.25 2.212.254 3.614.187l.151-.004zM5.67 7.037v12.946H1.1V7.037h4.57zm10.072-.761l.185.003c3.614 0 4.69 2.046 4.921 4.906l.024.355.01.18.012.365.006.373.001 7.525h-4.146l-.001-6.867-.008-.374-.005-.125-.015-.251-.01-.125-.028-.247-.039-.243c-.183-.998-.683-1.819-2.047-1.819-1.667 0-2.25 1.036-2.424 2.326l-.03.27-.02.276c-.005.093-.009.186-.011.28l-.004.283v6.616H7.971L7.954 6.607h3.973v1.83h.076c.78-1.336 2.203-2.154 3.738-2.161z"/></svg>
</a>
<a href="https://www.youtube.com/channel/UClMIXhzUKt3IkXX2s6pXUjQ" target="_blank" title="Youtube">
<span class="sr-only label">Youtube</span>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 22 22" class="text-white fill-current" width="24" height="24"><defs/><path fill="#FFF" fill-rule="nonzero" d="M11.339 2.293c1.406.008 6.777.071 8.269.545.942.295 1.685 1.157 1.939 2.25.416 1.763.45 5.212.453 6v.254c-.003.622-.04 4.227-.453 6.049-.254 1.093-.997 1.956-1.94 2.25-1.568.479-7.424.522-8.452.525h-.31c-.5-.002-2.147-.013-3.886-.082l-.523-.023c-1.66-.077-3.31-.21-4.044-.441-.942-.295-1.685-1.157-1.939-2.25-.386-1.686-.443-4.964-.452-5.891v-.499c.009-.923.066-4.188.452-5.892.254-1.093 1.015-1.976 1.94-2.27.726-.223 2.374-.351 4.035-.425l.524-.022c1.567-.06 3.06-.075 3.71-.078zM9.167 7.549v7.36l5.5-3.68-5.5-3.68z"/></svg>
</a>
</div>
</div>
</div>
<div class="w-full lg:w-7/12 mr-auto">
<ul class="flex flex-col gap-10 lg:block lg:columns-3">
<li class="menu-footer__item menu-footer__item--parent text-lg font-semibold leading-none">
<a
data-menu="menu-947" class="menu-footer__link">
Vous accompagner</a>
<ul class="menu-footer__inner-list menu-footer__inner-list--level1 text-sm font-normal mt-4 flex flex-col gap-4 leading-none" data-menu="menu-947">
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="/demande-de-devis"
data-menu="menu-950" class="menu-footer__inner-link">
Demande de devis</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/trouver-un-produit"
class="menu-footer__inner-link"
data-menu="menu-953">
Trouver un revendeur</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="/aides-renovation-energetique-toiture"
data-menu="menu-956" class="menu-footer__inner-link">
Aides Rénovation Énergétique</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="/documentations"
data-menu="menu-959" class="menu-footer__inner-link">
Documentation Technique</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="/nous-contacter"
data-menu="menu-962" class="menu-footer__inner-link">
Nous contacter</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/notre-histoire"
class="menu-footer__inner-link"
data-menu="menu-965">
Découvrir EDILIANS</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilife.csod.com/ux/ats/careersite/4/home?c=edilife"
data-menu="menu-968" class="menu-footer__inner-link">
Nous rejoindre</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians-group.com/"
data-menu="menu-971" class="menu-footer__inner-link" target="_blank" rel="noopener">
EDILIANS Group</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="/faq"
data-menu="menu-974" class="menu-footer__inner-link">
FAQ</a>
</li>
</ul>
</li>
<li class="menu-footer__item menu-footer__item--parent text-lg font-semibold leading-none">
<a
href="https://edilians.com/nos-produits.html"
class="menu-footer__link"
data-menu="menu-977">
Nos produits</a>
<ul class="menu-footer__inner-list menu-footer__inner-list--level1 text-sm font-normal mt-4 flex flex-col gap-4 leading-none" data-menu="menu-977">
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/nos-produits/tuiles-terre-cuite.html"
class="menu-footer__inner-link"
data-menu="menu-980">
Tuiles terre cuite</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/nos-produits/accessoires-de-couverture.html"
class="menu-footer__inner-link"
data-menu="menu-983">
Accessoires de couverture</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/nos-produits/produits-solaires.html"
class="menu-footer__inner-link"
data-menu="menu-986">
Produits solaires</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/nos-produits/isolation-toiture.html"
class="menu-footer__inner-link"
data-menu="menu-989">
Isolation</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/nos-produits/etancheite-a-l-air.html"
class="menu-footer__inner-link"
data-menu="menu-992">
Étanchéité à l’air</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/nos-produits/eaux-pluviales.html"
class="menu-footer__inner-link"
data-menu="menu-995">
Eaux Pluviales</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="/catalog/category/view/s/solutions-facade/id/13"
data-menu="menu-998" class="menu-footer__inner-link">
Profilés façade</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/landing-patrimoine"
class="menu-footer__inner-link"
data-menu="menu-1001">
Sélection Patrimoine</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/systeme-toiture-ardoise"
class="menu-footer__inner-link"
data-menu="menu-1004">
Système Toiture Ardoise 360</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/systeme-aero-cime"
class="menu-footer__inner-link"
data-menu="menu-1071">
Procédé AERO CIME</a>
</li>
</ul>
</li>
<li class="menu-footer__item menu-footer__item--parent text-lg font-semibold leading-none">
<a
href="https://edilians.com/terroirs-savoir-faire"
class="menu-footer__link"
data-menu="menu-1007">
Appellation de Terroirs</a>
<ul class="menu-footer__inner-list menu-footer__inner-list--level1 text-sm font-normal mt-4 flex flex-col gap-4 leading-none" data-menu="menu-1007">
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/aubois"
class="menu-footer__inner-link"
data-menu="menu-1010">
Aubois</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/doyet"
class="menu-footer__inner-link"
data-menu="menu-1013">
Doyet</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/gelis"
class="menu-footer__inner-link"
data-menu="menu-1016">
Gélis</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/huguenot"
class="menu-footer__inner-link"
data-menu="menu-1019">
Huguenot</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/jacob"
class="menu-footer__inner-link"
data-menu="menu-1022">
Jacob</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/phalempin"
class="menu-footer__inner-link"
data-menu="menu-1025">
Phalempin</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/poudenx"
class="menu-footer__inner-link"
data-menu="menu-1028">
Poudenx</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/sans"
class="menu-footer__inner-link"
data-menu="menu-1031">
Sans</a>
</li>
<li class="menu-footer__inner-item menu-footer__inner-item--level1 text-gray-300">
<a
href="https://edilians.com/appellation-tuiles-ste-foy"
class="menu-footer__inner-link"
data-menu="menu-1034">
Ste Foy</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<ul class="menu-credits my-6 lg:my-2.5 flex flex-col lg:flex-row lg:justify-center lg:items-center gap-3 lg:gap-9 text-white text-3xs">
<li class="menu-credits__item">
<a
href="https://edilians.com/nous-contacter"
class="menu-credits__link"
data-menu="menu-1">
Contact</a>
</li>
<li class="menu-credits__item">
<a
href="https://edilians.com/mentions-legales"
class="menu-credits__link"
data-menu="menu-2">
Mentions légales</a>
</li>
<li class="menu-credits__item">
<a
href="https://edilians.com/politique-cookies"
class="menu-credits__link"
data-menu="menu-3">
Protection des données et des cookies</a>
</li>
<li class="menu-credits__item">
<a
href="https://edilians.com/cgv"
class="menu-credits__link"
data-menu="menu-4">
CGV</a>
</li>
<li class="menu-credits__item">
<a
href="https://edilians.com/cga"
class="menu-credits__link"
data-menu="menu-566">
CGA</a>
</li>
<li class="menu-credits__item">
<div data-menu="menu-540" class="menu-credits__link"></div>
</li>
<li
x-data="{ url: new URL(window.location.href).pathname }"
x-cloak
:class="{ 'block': url === '/', 'hidden': url !== '/' }"
>
<a href="https://lumao.eu" target="_blank" title="We ❤️ Magento" rel="noopener">
<span class="sr-only">Lumao</span>
<img src="https://edilians.com/static/version1784294797/frontend/Edilians/default/default/images/lumao.png" alt="Lumao" height="12" width="12" />
</a>
</li>
</ul>
</div>
</div></div></footer>
<div id="am-recaptcha-container" data-bind="scope:'amRecaptcha'"></div>
<script type="text/x-magento-init">
{
"#am-recaptcha-container": {
"Magento_Ui/js/core/app": {
"components": {
"amRecaptcha": {
"component": "Amasty_InvisibleCaptcha/js/view/am-recaptcha"
}
}
}
}
}
</script>
<script>
<!--
try {
smileTracker.addPageVar('type.identifier', 'thematic_index_page')
smileTracker.addPageVar('type.label', '')
smileTracker.addPageVar('locale', 'fr_FR')
smileTracker.addPageVar('domain', 'unix:/run/platform/foobhyhleuham/nginx-app.sock')
} catch (err) {
;
}
//-->
</script>
<script>
(() => {
function src_default(Alpine) {
Alpine.directive("intersect", (el, {value, expression, modifiers}, {evaluateLater, cleanup}) => {
let evaluate = evaluateLater(expression);
let options = {
rootMargin: getRootMargin(modifiers),
threshold: getThreshhold(modifiers)
};
let observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting === (value === "leave"))
return;
evaluate();
modifiers.includes("once") && observer.disconnect();
});
}, options);
observer.observe(el);
cleanup(() => {
observer.disconnect();
});
});
}
function getThreshhold(modifiers) {
if (modifiers.includes("full"))
return 0.99;
if (modifiers.includes("half"))
return 0.5;
if (!modifiers.includes("threshold"))
return 0;
let threshold = modifiers[modifiers.indexOf("threshold") + 1];
if (threshold === "100")
return 1;
if (threshold === "0")
return 0;
return Number(`.${threshold}`);
}
function getLengthValue(rawValue) {
let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
return match ? match[1] + (match[2] || "px") : void 0;
}
function getRootMargin(modifiers) {
const key = "margin";
const fallback = "0px 0px 0px 0px";
const index = modifiers.indexOf(key);
if (index === -1)
return fallback;
let values = [];
for (let i = 1; i < 5; i++) {
values.push(getLengthValue(modifiers[index + i] || ""));
}
values = values.filter((v) => v !== void 0);
return values.length ? values.join(" ").trim() : fallback;
}
document.addEventListener("alpine:init", () => {
window.Alpine.plugin(src_default);
});
})();
</script>
<script
src="https://edilians.com/static/version1784294797/frontend/Edilians/default/default/lib/swiper/swiper-bundle.min.js"
defer
crossorigin
></script>
<script type="module"
src="https://edilians.com/static/version1784294797/frontend/Magento/base/default/Hyva_Theme/js/alpine3.min.js"
defer
crossorigin
></script>
<script>
'use strict';
function dispatchMessages(messages, hideAfter) {
const messagesEvent = new CustomEvent("messages-loaded", {
detail: {
messages: messages,
hideAfter: hideAfter
}
});
window.dispatchEvent(messagesEvent);
}
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
(function( hyva, undefined ) {
hyva.initFormKey = () => {
const inputSelector = 'input[name="form_key"]',
formKey = hyva.getFormKey();
Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
input.value = formKey
});
}
hyva.initMessages = () => {
try {
const messages = hyva.getCookie('mage-messages');
window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
dispatchMessages(window.mageMessages);
// empty `mage-messages` cookie
const skipSetDomain = true;
hyva.setCookie('mage-messages','', -1, skipSetDomain);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
}
}
window.addEventListener('DOMContentLoaded', hyva.initFormKey);
window.addEventListener('load', hyva.initMessages);
}( window.hyva = window.hyva || {} ));
</script>
<script>
'use strict';
{
const private_content_key = 'mage-cache-storage';
const private_content_expire_key = 'mage-cache-timeout';
const private_content_version_key = 'private_content_version';
const section_data_ids_key = 'section_data_ids';
const mage_cache_session_id_key = 'mage-cache-sessid';
const last_visited_store_key = 'last_visited_store';
const ttl = 3600;
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
function loadSectionData () {
const browserStorage = hyva.getBrowserStorage();
if (!browserStorage) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Please enable LocalStorage in your browser."
}]
);
return;
}
try {
let isInvalid = false;
if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
isInvalid = true;
}
hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
if (!hyva.getCookie(mage_cache_session_id_key)) {
isInvalid = true;
const skipSetDomain = true;
const days = false;
hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
}
const cookieVersion = hyva.getCookie(private_content_version_key);
const storageVersion = browserStorage.getItem(private_content_version_key);
if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
isInvalid = true;
}
const privateContentExpires = browserStorage.getItem(private_content_expire_key);
if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
browserStorage.removeItem(private_content_key);
}
if (isInvalid) {
fetchPrivateContent([]);
} else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
if (
privateContent &&
privateContentExpires &&
privateContent.cart &&
privateContent.customer
) {
dispatchPrivateContent(privateContent);
} else {
fetchPrivateContent([]);
}
} else {
dispatchPrivateContent({});
}
} catch (error) {
console.warn('Error retrieving Private Content:', error);
}
}
window.addEventListener('load', loadSectionData);
window.addEventListener('reload-customer-section-data', loadSectionData);
function dispatchPrivateContent(data) {
const privateContentEvent = new CustomEvent("private-content-loaded", {
detail: {
data: data
}
});
window.dispatchEvent(privateContentEvent);
}
function fetchPrivateContent(sections) {
fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(
data => {
if (data) {
try {
const browserStorage = hyva.getBrowserStorage();
// merge new data preserving non-invalidated sections
const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}');
if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
delete oldSectionData['checkout-data'];
}
const newSectionData = Object.assign(oldSectionData, data);
dispatchPrivateContent(newSectionData);
// don't persist messages, they've been dispatched already
if (newSectionData.messages && newSectionData.messages.messages ) {
newSectionData.messages.messages = [];
}
browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
browserStorage.setItem(private_content_expire_key, expiresAt);
const newCookieVersion = hyva.getCookie(private_content_version_key);
browserStorage.setItem(private_content_version_key, newCookieVersion);
// We don't need the section_data_ids in Hyvä, but we store them for compatibility
// with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
hyva.setCookie(
section_data_ids_key,
JSON.stringify(
Object.keys(data).reduce((sectionDataIds, sectionKey) => {
sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
return sectionDataIds;
}, {})
),
false,
true
);
} catch (error) {
console.warn("Couldn't store privateContent", error);
}
}
}
);
}
}
</script>
<script>
(() => {
document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
})()
</script>
<script>
(events => {
const dispatchUserInteractionEvent = () => {
events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
window.dispatchEvent(new Event('init-external-scripts'))
};
events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
</script>
<script>
function initConfigurableOptions(productId, optionConfig) {
function findPathParam(key) {
const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL;
const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
for (let i = 0; i < pathParts.length; i += 2) {
if (pathParts[i] === key && pathParts.length > i) {
return pathParts[i + 1];
}
}
}
return {
optionConfig,
productId,
itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
allowedAttributeOptions: [],
selectedValues: [],
init() {
this.findAllowedAttributeOptions();
this.$nextTick(() => {
if (typeof this.optionConfig.defaultValues === 'object') {
for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
this.changeOption(optionId, value + '');
}
}
});
},
findSimpleIndex() {
this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
},
calculateSimpleIndexForPartialSelection(selectedValues) {
if (selectedValues.length === 0) return 0;
let productIndexIds = Object.keys(this.optionConfig.index);
Object.keys(this.optionConfig.attributes).forEach((attribute) => {
const productsWithAttributeMatch = selectedValues[attribute]
? productIndexIds.filter((productIndex) => {
return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
})
: [];
productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
})
return productIndexIds[0];
},
calculateSimpleIndexForFullSelection(selectedValues) {
const productIndexes = this.optionConfig.index;
return Object.keys(productIndexes).find(productIndex => {
const productCandidateOptions = productIndexes[productIndex];
for (const productOption in productCandidateOptions) {
if (
! selectedValues[productOption] ||
selectedValues[productOption] !== productCandidateOptions[productOption]
) {
return false;
}
}
return productIndex;
});
},
productIndex: 0,
findAllowedAttributeOptions() {
this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
},
calculateAllowedAttributeOptions(selectedValues) {
const allAttributes = this.optionConfig.attributes;
const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
return a.position - b.position
});
const selectionWithoutAttr = attrId => {
return Object.keys(selectedValues).reduce((acc, id) => {
if (id !== attrId) acc[id] = selectedValues[id];
return acc;
}, {})
}
const newAllowedAttributeOptions = [];
allAttributesSorted.forEach(attribute => {
const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr(attribute.id));
newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
return !!option.products.find(product => {
return availableIndexes.includes(product);
})
});
});
return newAllowedAttributeOptions;
},
calculateAvailableProductIndexes(selectedOptions) {
if (Object.keys(selectedOptions).length === 0) {
return Object.keys(this.optionConfig.index);
}
const selectedIds = Object.keys(selectedOptions);
if (Object.values(this.optionConfig.salable || {}).length) {
const selectedOptionIndexes = selectedIds.map(attrId => {
const optionValue = selectedOptions[attrId];
return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
})
return selectedOptionIndexes.reduce((acc, optionIndexes) => {
return acc.filter(index => optionIndexes.includes(index));
});
} else {
const productIndexes = this.optionConfig.index;
return Object.keys(productIndexes).filter(index => {
return selectedIds.find(attrId => productIndexes[index][attrId] === `${selectedOptions[attrId]}`)
});
}
},
findAttributeByOptionId(optionId) {
for (const attributeId in this.optionConfig.attributes) {
const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
if (attributeOptions.find(option => option.id === optionId)) {
return attributeId;
}
}
},
getAllowedAttributeOptions(attributeId) {
return this.allowedAttributeOptions[attributeId] || []
},
getProductIdsForOption(option) {
const attributeId = this.findAttributeByOptionId(option.id);
const allOptions = this.optionConfig.attributes[attributeId];
const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
return opt && opt.products
? opt.products
: [];
},
findProductIdsForPartialSelection(optionSelection) {
const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
const newCandidates = this.getProductIdsForOption({id: optionId});
return candidates === null
? newCandidates
: candidates.filter(productId => newCandidates.includes(productId));
}, null);
return candidateProducts || [];
},
findCheapestProductForPartialSelection(optionSelection) {
const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
return candidateProducts.reduce((cheapest, simpleIdx) => {
// in the first iteration we start with simpleIdx as the currently cheapest product
if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
? simpleIdx
: cheapest;
}, 0)
},
findProductIdToUseForOptionPrice(option) {
// try to find a product for a complete selection
const attributeId = this.findAttributeByOptionId(option.id);
const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
// if there is no complete selection, use the cheapest product for the option
return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
},
getAttributeOptionLabel(option) {
const optionProduct = this.findProductIdToUseForOptionPrice(option);
if ((! optionProduct) || (optionProduct === this.productIndex)) {
return option.label;
}
const currentPrice = this.getOptionPriceAdjustmentBasePrice();
if (this.optionConfig.optionPrices[optionProduct]) {
const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
if (optionPrice !== currentPrice){
return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
}
}
return option.label;
},
getOptionPriceAdjustmentBasePrice() {
if (this.optionConfig.optionPrices[this.productIndex]) {
return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
}
const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
return this.optionConfig.optionPrices[cheapestForSelection]
? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
: this.optionConfig.prices.finalPrice.amount; // default price if no option selection
},
changeOption(optionId, value) {
if (value === '') {
// create new array so the length property is reset if no option is selected (avoiding delete)
this.selectedValues = this.selectedValues.reduce((newSelection, val, opt) => {
if (opt !== optionId) {
newSelection[opt] = val;
}
return newSelection;
}, []);
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
this.updateGallery();
window.dispatchEvent(
new CustomEvent(
'configurable-selection-changed',
{
detail: {
productId: this.productId,
optionId: optionId,
value: value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}
)
);
},
calculateIsMinimalPrice() {
return (
this.selectedValues.filter(value => !!value).length <
Object.keys(this.optionConfig.attributes).length
);
},
updatePrices() {
const value = this.productIndex ?
this.optionConfig.optionPrices[this.productIndex] :
this.optionConfig.prices;
window.dispatchEvent(
new CustomEvent(
"update-prices-" + this.productId,
{
detail: Object.assign(
value,
{ isMinimalPrice: this.calculateIsMinimalPrice() }
)
}
)
);
},
updateGallery () {
if (this.productIndex) {
const images = this.optionConfig.images[this.productIndex];
images && window.dispatchEvent(new CustomEvent(
"update-gallery",
{ detail: this.sortImagesByPosition(images) }
));
} else {
window.dispatchEvent(new Event("reset-gallery"));
}
},
sortImagesByPosition(images) {
return images.sort((x, y) => {
return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
});
},
onGetCartData(data) {
this.preselectCartItems(data);
this.preselectQuerystringItems();
this.preselectLocationHashItems();
},
preselectCartItems(data) {
// pre-select options based on cart data for current (quote) itemId
const cart = data && data.cart;
if (cart && cart.items) {
const cartItem = cart.items.find((item) => {
return (
item.item_id === this.itemId
&& item.product_id === this.productId
)
});
if (cartItem && cartItem.options && cartItem.options.length) {
cartItem.options.map(option => {
this.changeOption(option.option_id, option.option_value);
})
}
}
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code));
});
},
preselectLocationHashItems() {
// pre-select option like #144=167
const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlHashParams.get(attribute.id) &&
this.changeOption(attribute.id, urlHashParams.get(attribute.id));
});
}
}
}
</script>
<script>
function initSwatchOptions(swatchConfig) {
return {
currentLabelSwatch: false,
currentBgLabel: false,
currentLabelNonSwatch: [],
isVisualSwatchSelected: false,
isNonSwatchChecked: false,
showOverlay: false,
openAttributeSwatchPanel: false,
openAttributeNonSwatchPanel: false,
swatchId: false,
attributeId: false,
availableOptions: [],
swatchConfig,
getAttributeSwatchData(attributeId) {
const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
return swatchConfig;
},
getAllAttributeOptions(attributeId) {
return (
this.optionConfig.attributes[attributeId] &&
this.optionConfig.attributes[attributeId].options
) || []
},
optionIsActive(attributeId, optionId) {
return !!this.getAllowedAttributeOptions(attributeId).find(
option => option.id === optionId
)
},
optionIsEnabled(attributeId, optionId) {
// return true if a product with this option is enabled
for (const productId in this.optionConfig.index) {
if (this.optionConfig.index[productId][attributeId] === optionId) {
return true;
}
}
return false;
},
getSwatchType(typeNumber) {
switch (typeNumber) {
case "1":
return "color"
case "2":
return "image"
case "3":
return "empty"
case "0":
default:
return "text"
}
},
isTextSwatch(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
return type === 'text';
},
isVisualSwatch(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
return ['image', 'color'].includes(type);
},
getSwatchBackgroundStyle(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
if (type === "color") {
return 'background-color:' + config.value;
} else if (type === "image") {
/*var swatchUrl = config.value;
if (swatchUrl.includes('&height=20&width=30&canvas=30:20')) {
swatchUrl = swatchUrl.replace('&height=20&width=30&canvas=30:20', '&height=160&width=160');
}
return "background: #ffffff url('" + swatchUrl + "') no-repeat center";*/
return "background: #ffffff url('" + config.value + "') no-repeat center";
} else {
return '';
}
},
getSwatchText(attributeId, itemId){
const config = this.getSwatchConfig(attributeId, itemId);
return config.label || config.value;
},
getSwatchConfig(attributeId, itemId) {
return this.swatchConfig[attributeId] ? this.swatchConfig[attributeId][itemId] : false;
},
activeTooltipItem: false,
tooltipPositionElement: false,
isTooltipVisible() {
return this.activeTooltipItem &&
this.getSwatchConfig(
this.activeTooltipItem.attribute,
this.activeTooltipItem.item
);
},
getTooltipImageStyle(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
if (type === "color") {
return 'background-color:' + config.value + '; width: 110px; height: 90px;';
} else if (type === "image") {
return "background: #ffffff url('" + config.thumb +
"') center center no-repeat; width: 110px; height: 90px;";
} else {
return 'display:none';
}
},
getTooltipPosition() {
return this.tooltipPositionElement ?
`top: ${this.tooltipPositionElement.offsetTop}px;` +
`left: ${
this.tooltipPositionElement.offsetLeft - (
this.tooltipPositionElement.closest('.snap') &&
this.tooltipPositionElement.closest('.snap').scrollLeft ||
0
)
}px;` : ''
},
getTooltipLabel() {
return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
},
toggleAttributesPanel() {
this.showOverlay = !this.showOverlay;
document.getElementById("html-body").classList.toggle('relative');
document.getElementById("html-body").classList.toggle('overflow-y-hidden');
},
openAttributesPanel() {
this.showOverlay = true;
document.getElementById("html-body").classList.add('relative');
document.getElementById("html-body").classList.add('overflow-y-hidden');
},
closeAttributesPanel() {
this.showOverlay = false;
document.getElementById("html-body").classList.remove('relative');
document.getElementById("html-body").classList.remove('overflow-y-hidden');
},
filterAvailableAttributes(optionId, value) {
this.currentLabelSwatch ? this.isVisualSwatchSelected = true : this.isVisualSwatchSelected = false;
this.currentLabelNonSwatch = [];
this.availableOptions = [];
this.isNonSwatchChecked = false;
if(this.currentLabelSwatch !== false && this.currentLabelNonSwatch.length === 0 && this.selectedValues[this.attributeId] !== null)
{
this.selectedValues.forEach((value, key) => {
if(key !== this.attributeId && value === null)
{
delete this.selectedValues[key];
}
});
}
this.changeOption(optionId, value);
let concatenateId = [];
let concatenateAttributeId = [];
let allowedAttributesArray = [];
let allowedAttributesItems = {}
let allowedAttributesWrapper = {}
let arrLabelTitle = [];
Object.entries(this.optionConfig.attributes).forEach(attribute => {
if(parseInt(attribute[0]) !== this.attributeId)
{
arrLabelTitle.push(attribute[1].label);
}
});
this.titleLabelNonSwatch = arrLabelTitle.join(' / ');
this.allowedAttributeOptions[this.attributeId].forEach((allowedOptions, key) => {
if(allowedOptions.id === this.swatchId)
{
allowedOptions.products.forEach(product => {
Object.entries(this.optionConfig.index[product]).forEach(optionKey => {
let attributeId = optionKey[0];
let attributeValue = optionKey[1];
if(parseInt(attributeId) !== this.attributeId)
{
this.selectedValues[attributeId] = null;
this.optionConfig.attributes[attributeId].options.forEach(option => {
if(option.id === attributeValue)
{
allowedAttributesItems = {
id: option.id,
label: option.label,
products: allowedOptions.products,
productsSku: allowedOptions.productsSku,
productsEan: allowedOptions.productsEan,
code: this.optionConfig.attributes[attributeId].code,
codeLabel: this.optionConfig.attributes[attributeId].label,
attributeId: this.optionConfig.attributes[attributeId].id,
}
allowedAttributesArray.push(allowedAttributesItems);
concatenateId.push(allowedAttributesItems.attributeId + "-" + allowedAttributesItems.code + "-" + allowedAttributesItems.id);
concatenateAttributeId.push(allowedAttributesItems.code + "-" + allowedAttributesItems.attributeId);
allowedAttributesItems = {};
}
});
}
});
allowedAttributesWrapper = {
id: concatenateId.join('__'),
attributeId: concatenateAttributeId.join('__'),
attributesOptions: allowedAttributesArray,
product: product,
productSku: this.optionConfig.optionSkus[product],
productEan: this.optionConfig.optionEans[product]
}
this.availableOptions.push(allowedAttributesWrapper);
allowedAttributesWrapper = {};
allowedAttributesArray = [];
concatenateId = [];
concatenateAttributeId = [];
});
}
});
},
updateAttributes(items, thisElement, e) {
this.currentLabelNonSwatch = [];
items.attributesOptions.forEach(item => {
this.changeOption(item.attributeId, item.id);
this.currentLabelNonSwatch.push(item.codeLabel + ' : ' + item.label);
});
},
isAttributeChecked(items) {
items.attributesOptions.forEach(item => {
return this.selectedValues[item.attributeId] === item.id;
});
},
getProductRefByOptions(options) {
const products = this.optionConfig.index;
let optionData = [];
let optionDataObject = {};
if(!Array.isArray(options))
{
let optionsArray = options.split('__');
optionsArray.forEach(option => {
let opt = option.split('-');
optionData.push([opt[0], opt[2]]);
});
optionData.push([this.attributeId, this.swatchId]);
} else {
optionData.push([options[0], options[1]]);
}
optionDataObject = Object.fromEntries(optionData);
const productKey = Object.keys(products).find((productId) => {
return JSON.stringify(optionDataObject) === JSON.stringify(products[productId])
});
return this.optionConfig['optionRefCatalogue'][productKey] ?? '';
},
updateProductRef(options) {
this.productCode = this.getProductRefByOptions(options);
}
}
}
</script>
<script>
// Replace tmp-hidden classes for force-hidden (needed so the products images can be sized by the slider js)
document.addEventListener("DOMContentLoaded", function(event) {
for (let elem of document.querySelectorAll('#related .swiper-slide.tmp-hidden')) {
elem.classList.remove('tmp-hidden');
elem.classList.add('force-hidden');
}
// select first option for click2buy
var firstOptionInput = document.querySelectorAll('#product_addtocart_form .swatch-attribute-options > div:first-of-type .swatch-option input')[0];
if (firstOptionInput != undefined)
{
window.productEANSelected = firstOptionInput.getAttribute('productsean');
}
});
if (typeof updateSku === "undefined") {
function updateSku(t)
{
document.querySelectorAll('.product_sku').forEach(function (e) {
e.classList.add('hidden')
});
let productsId;
let productsSku;
let productsEan;
if (t.options) {
productsId = t.options[t.selectedIndex].getAttribute('products');
productsSku = t.options[t.selectedIndex].getAttribute('productsSku');
productsEan = t.options[t.selectedIndex].getAttribute('productsEan');
}
else {
productsId = t.getAttribute('products');
productsSku = t.getAttribute('productsSku');
productsEan = t.getAttribute('productsEan');
}
if (productsId.includes(',')) {
var productsIds = productsId.split(',');
document.querySelectorAll('#product_addtocart_form .swatch-option input:checked').forEach(
function (swatch) {
if (swatch.getAttribute('products')) {
productsIds = productsIds.filter(function (n) {
return swatch.getAttribute('products').split(',').indexOf(n) !== -1;
});
}
}
)
document.querySelectorAll('#product_addtocart_form .super-attribute-select').forEach(
function (select) {
Array.from(select.options).forEach(
function (option) {
if (option.selected && option.getAttribute('products')) {
productsIds = productsIds.filter(function(n) {
return option.getAttribute('products').split(',').indexOf(n) !== -1;
});
}
}
);
}
)
if (productsIds.length === 1) {
document.querySelectorAll('.product_sku.p' + productsIds[0]).forEach(function (e) {
e.classList.remove('hidden');
});
}
else {
document.querySelectorAll('.product_sku')[0].classList.remove('hidden');
}
}
else {
document.querySelectorAll('.product_sku.p' + productsId).forEach(function (e) {
e.classList.remove('hidden')
});
}
// If multiple sku and ean, only get the first one
if (productsSku != null) {
productsSku = productsSku.split(',')[0];
}
if (productsEan != null) {
productsEan = productsEan.split(',')[0];
}
window.productIdSelected = productsId;
window.productSkuSelected = productsSku;
window.productEANSelected = productsEan;
// Send event to Click2buy
window.dispatchEvent(new CustomEvent('productSelectionChanged'));
// Update shown related products based on selected options
let swiperElements = document.querySelectorAll('#related .swiper-slide');
let attributesElements = document.querySelectorAll('.attributes-group');
let certifElements = document.querySelectorAll('.certif-group');
let nbMatchingElements = showSelectedProductDataByParentIds(swiperElements, productsId);
showSelectedProductData(attributesElements, 'parent-' + productsId);
showSelectedProductData(certifElements, 'parent-' + productsId);
// if there is no matching elements in the related products, show the main ones instead
if (nbMatchingElements == 0) {
showSelectedProductData(swiperElements, 'main');
}
}
function showSelectedProductData(elements, classToCheck) {
let nbMatchingElements = 0;
for (let elem of elements) {
if (elem.classList.contains(classToCheck)) {
elem.classList.remove('force-hidden');
nbMatchingElements++;
} else {
elem.classList.add('force-hidden');
}
}
return nbMatchingElements;
}
function showSelectedProductDataByParentIds(elements, parentId) {
let nbMatchingElements = 0;
for (let elem of elements) {
let parentIds = elem.getAttribute('data-parent-ids');
if (parentIds.includes(parentId)) {
elem.classList.remove('force-hidden');
nbMatchingElements++;
} else {
elem.classList.add('force-hidden');
}
}
return nbMatchingElements;
}
}
</script>
<script>
'use strict';
(() => {
const equalizeButtonWidths = (buttons) => {
const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]');
let buttonMinWidth = 0;
buttonList.forEach(button => {
const buttonWidth = button.offsetWidth;
if (buttonWidth > buttonMinWidth) {
buttonMinWidth = buttonWidth;
}
});
buttonList.forEach(button => {
button.style.minWidth = `${buttonMinWidth}px`;
});
};
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => {
equalizeButtonWidths(buttons);
});
});
})();
</script>
<script>
'use strict';
(() => {
const initCarousels = (elements) => {
if (!Glider) {
return;
}
const initProductCarousel = (carousel) => {
const gliderElement = carousel.querySelector('[data-role="glider-content"]');
if (!gliderElement) {
return;
}
const gliderDots = carousel.querySelector('.glider-dots');
const gliderPrev = carousel.querySelector('.glider-prev');
const gliderNext = carousel.querySelector('.glider-next');
const glider = new Glider(gliderElement, {
slidesToShow: 2,
slidesToScroll: 2,
scrollLock: true,
draggable: true,
dragVelocity: 2.5,
dots: gliderDots,
arrows: {
prev: gliderPrev,
next: gliderNext,
},
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},
],
});
carousel.classList.remove('overflow-x-scroll');
gliderPrev.classList.remove('hidden');
gliderNext.classList.remove('hidden');
if (carousel.dataset.autoplay !== 'false') {
gliderAutoplay(
glider,
carousel.dataset.autoplaySpeed,
carousel.dataset.infiniteLoop
);
}
};
const initSliderCarousel = (slider) => {
slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
slider.classList.add('glider-contain');
slider.insertAdjacentHTML(
'beforeend',
'\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Pr\u00E9c\u00E9dent\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D8\u0020h\u002D8\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020d\u003D\u0022M15\u002019l\u002D7\u002D7\u00207\u002D7\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Suivant\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D8\u0020h\u002D8\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020d\u003D\u0022M9\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
);
const gliderElement = slider.querySelector('[data-role="glider-content"]');
const gliderDots = slider.querySelector('.glider-dots');
const gliderPrev = slider.querySelector('.glider-prev');
const gliderNext = slider.querySelector('.glider-next');
const glider = new Glider(gliderElement, {
slidesToShow: 1,
slidesToScroll: 1,
scrollLock: true,
scrollLockDelay: 250,
draggable: true,
dragVelocity: 2.5,
dots: gliderDots,
arrows: {
prev: gliderPrev,
next: gliderNext,
},
});
slider.classList.add('glider-initialized');
if (slider.dataset.showArrows === 'true') {
gliderPrev.classList.remove('hidden');
gliderNext.classList.remove('hidden');
}
if (slider.dataset.autoplay !== 'false') {
gliderAutoplay(
glider,
slider.dataset.autoplaySpeed,
slider.dataset.infiniteLoop
);
}
};
const gliderAutoplay = (glider, milliseconds, loop) => {
const pagesCount = glider.track.childElementCount;
let slideTimeout = null;
let nextIndex = 1;
let paused = false;
const slide = () => {
slideTimeout = setTimeout(
() => {
if (loop && nextIndex >= pagesCount) {
nextIndex = 0;
}
glider.scrollItem(nextIndex);
},
parseInt(milliseconds)
);
};
glider.ele.addEventListener('glider-animated', () => {
nextIndex = glider.slide + glider.opt.slidesToScroll;
window.clearInterval(slideTimeout);
if (!paused && (loop || nextIndex < pagesCount)) {
slide();
}
});
const pause = () => {
if (!paused) {
clearInterval(slideTimeout);
paused = true;
}
};
const unpause = () => {
if (paused) {
slide();
paused = false;
}
};
glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true});
glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true});
glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true});
glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true});
slide();
};
elements.forEach(element => {
if (element.dataset.contentType === 'products') {
initProductCarousel(element);
}
if (element.dataset.contentType === 'slider') {
initSliderCarousel(element);
}
});
};
window.addEventListener('DOMContentLoaded', () => {
const carouselElements = document.querySelectorAll(
`[data-content-type="products"][data-appearance="carousel"],
[data-content-type="slider"]`
);
if (carouselElements.length > 0) {
const script = document.createElement('script');
script.type = 'text/javascript';
script.addEventListener('load', () => {
initCarousels(carouselElements);
});
script.src = 'https\u003A\u002F\u002Fedilians.com\u002Fstatic\u002Fversion1784294797\u002Ffrontend\u002FHyva\u002Fdefault\u002Fdefault\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
document.head.appendChild(script);
}
});
})();
</script>
<script>
'use strict';
(() => {
const initMaps = (elements) => {
const renderMap = (element) => {
const dataLocations = element.dataset.locations;
// Hide map if no locations set
if (!dataLocations || dataLocations === '[]') {
element.classList.add('hidden');
return;
}
const map = new google.maps.Map(
element,
getMapOptions(
element.dataset.showControls !== 'true',
element.dataset.showControls === 'true'
)
);
const locations = JSON.parse(dataLocations);
const latitudeLongitudeBounds = new google.maps.LatLngBounds();
const bounds = [];
locations.forEach(location => {
const position = {
lat: parseFloat(location.position.latitude),
lng: parseFloat(location.position.longitude),
};
bounds.push(position);
const infowindow = new google.maps.InfoWindow({
content: getInfoWindowContent(location),
});
const marker = new google.maps.Marker({
position: position,
map,
title: location.location_name,
});
marker.addListener('click', () => {
infowindow.open(map, marker);
});
});
// Set bounds if multiple locations
if (bounds.length > 1) {
bounds.forEach(function (bound) {
latitudeLongitudeBounds.extend(bound);
});
map.fitBounds(latitudeLongitudeBounds);
}
// Center if single location
if (bounds.length === 1) {
map.setCenter(bounds[0]);
}
};
const getMapOptions = (disableDefaultUI, mapTypeControl) => {
const style = '';
return {
zoom: 8,
scrollwheel: false,
disableDoubleClickZoom: false,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DEFAULT,
},
styles: style ? JSON.parse(style) : [],
disableDefaultUI: disableDefaultUI,
mapTypeControl: mapTypeControl,
};
};
const getInfoWindowContent = (location) => {
const title = location.location_name ?
`<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : '';
const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : '';
const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : '';
const street = location.address ? `${location.address}<br/>` : '';
const city = location.city ? `${location.city}<br/>` : '';
const state = location.state ? `${location.state}<br/>` : '';
const zipCode = location.zipcode ? `${location.zipcode}<br/>` : '';
const country = location.country ? location.country : '';
return `<div>
${title}
${comment}
${phone}
<p class="px-1 pt-3 text-primary">
${street}
${city}
${state}
${zipCode}
${country}
</p>
</div>`;
};
const hideAllMaps = () => {
document.querySelectorAll('[data-content-type="map"]').forEach(element => {
element.classList.add('hidden');
});
};
window.gm_authFailure = () => {
hideAllMaps();
};
if (typeof google.maps === 'undefined') {
hideAllMaps();
return;
}
elements.forEach(element => {
if (element.dataset.contentType === 'map') {
renderMap(element);
}
});
};
window.addEventListener('DOMContentLoaded', () => {
const mapElements = document.querySelectorAll('[data-content-type="map"]');
if (mapElements.length > 0) {
const script = document.createElement('script');
script.type = 'text/javascript';
script.addEventListener('load', () => {
initMaps(mapElements);
});
script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D';
document.head.appendChild(script);
}
});
})();
</script>
<script>
'use strict';
(() => {
const initParallaxImage = (element) => {
if (!window.jarallax) {
return;
}
element.classList.add('jarallax');
element.dataset.jarallax = '';
const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
const elementStyle = window.getComputedStyle(element);
window.jarallax(element, {
imgPosition: elementStyle.backgroundPosition || '50% 50%',
imgRepeat: elementStyle.backgroundRepeat || 'no-repeat',
imgSize: elementStyle.backgroundSize || 'cover',
speed: parallaxSpeed,
});
};
const initVideoBackground = (element) => {
if (!window.jarallax) {
return;
}
let slider = null;
if (element.classList.contains('pagebuilder-slide-wrapper')) {
const viewportElement = document.createElement('div');
slider = element.closest('[data-content-type=slider]');
viewportElement.classList.add('jarallax-viewport-element');
element.dataset.elementInViewport = '.jarallax-viewport-element';
element.appendChild(viewportElement);
}
element.classList.add('jarallax');
element.dataset.jarallax = '';
const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
window.jarallax(element, {
imgSrc: element.dataset.videoFallbackSrc,
speed: parallaxSpeed,
videoLoop: element.dataset.videoLoop,
videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible,
videoLazyLoading: element.dataset.videoLazyLoad,
disableVideo: false,
elementInViewport: element.dataset.elementInViewport &&
element.querySelector(element.dataset.elementInViewport),
});
if (slider) {
if (slider.dataset.afterChangeIsSet) {
return;
}
slider.addEventListener('glider-loaded', () => {
slider.querySelectorAll('.jarallax').forEach(videoSlide => {
videoSlide.jarallax && videoSlide.jarallax.onScroll();
});
});
slider.addEventListener('glider-animated', () => {
slider.querySelectorAll('.jarallax').forEach(videoSlide => {
videoSlide.jarallax && videoSlide.jarallax.onScroll();
});
});
slider.dataset.afterChangeIsSet = true;
}
};
window.addEventListener('DOMContentLoaded', () => {
const parallaxImageElements = document.querySelectorAll(
`[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"],
[data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]`
);
const videoBackgroundsElements = document.querySelectorAll(
`[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"],
[data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"],
[data-content-type="banner"] [data-background-type="video"],
[data-content-type="slide"] [data-background-type="video"]`
);
if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) {
const jarallaxScript = document.createElement('script');
jarallaxScript.type = 'text/javascript';
jarallaxScript.addEventListener('load', () => {
parallaxImageElements.forEach(row => {
initParallaxImage(row);
});
const jarallaxVideoScript = document.createElement('script');
jarallaxVideoScript.type = 'text/javascript';
jarallaxVideoScript.addEventListener('load', () => {
videoBackgroundsElements.forEach(element => {
initVideoBackground(element);
});
});
jarallaxVideoScript.src = 'https\u003A\u002F\u002Fedilians.com\u002Fstatic\u002Fversion1784294797\u002Ffrontend\u002FHyva\u002Fdefault\u002Fdefault\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js';
document.head.appendChild(jarallaxVideoScript);
});
jarallaxScript.src = 'https\u003A\u002F\u002Fedilians.com\u002Fstatic\u002Fversion1784294797\u002Ffrontend\u002FHyva\u002Fdefault\u002Fdefault\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax.min.js';
document.head.appendChild(jarallaxScript);
}
});
})();
</script>
<script>
'use strict';
(() => {
const applyShowOnHover = (element) => {
const showOverlayOnHover = (element) => {
const overlay = element.querySelector('.pagebuilder-overlay');
const color = overlay.dataset.overlayColor;
element.addEventListener('mouseover', () => {
overlay.style.backgroundColor = color;
});
element.addEventListener('mouseout', () => {
overlay.style.backgroundColor = 'transparent';
});
};
const showButtonOnHover = (element) => {
const button = element.querySelector('.pagebuilder-banner-button');
element.addEventListener('mouseover', () => {
button.style.opacity = '1';
button.style.visibility = 'visible';
});
element.addEventListener('mouseout', () => {
button.style.opacity = '0';
button.style.visibility = 'hidden';
});
};
if (element.dataset.showOverlay === 'hover') {
showOverlayOnHover(element);
}
if (element.dataset.showButton === 'hover') {
showButtonOnHover(element);
}
};
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => {
applyShowOnHover(element);
});
});
})();
</script>
<script>
'use strict';
(() => {
document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => {
tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`);
});
document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => {
const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0;
tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => {
const tabLink = tabHeader.querySelector('a');
const tabId = tabLink.getAttribute('href').replace('#', '');
tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`);
tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`);
if (index === defaultActiveTab) {
tab.setAttribute('x-data', `{ tab: '${tabId}' }`);
}
});
});
})();
</script>
<script>
'use strict';
const grecaptchaV2LoadCallbacks = [];
function executeRecaptchaLoadCallbacks () {
while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
const callback = grecaptchaV2LoadCallbacks.pop();
typeof callback === 'string' ? window[callback]() : callback();
}
}
(function() {
const loadRecaptchaScript = (event) => {
if (window.grecaptcha || !event.target.form) {
return;
}
const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
const siteKey = '';
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
script.async = true;
document.head.appendChild(script);
script.addEventListener('load', () => {
Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
});
}
window.forceLoadRecaptchaScript = (form) => {
loadRecaptchaScript({target: {form: form || 'dummy'}});
executeRecaptchaLoadCallbacks();
};
document.body.addEventListener('input', loadRecaptchaScript, { once: true });
document.body.addEventListener('focus', loadRecaptchaScript, { once: true });
}());
</script>
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'UserCible':'',
'UserConnecte':'',
'UserRegion':'Rhône-alpes',
'UserId':''
});
</script>
<!-- GOOGLE TAG MANAGER -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5Q494WG" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript>
<script type="text/x-magento-init">
{
"*": {
"Magento_GoogleTagManager/js/google-tag-manager": {
"isCookieRestrictionModeEnabled": 0,
"currentWebsite": 1,
"cookieName": "user_allowed_save_cookie",
"gtmAccountId": "GTM-5Q494WG",
"storeCurrencyCode": "EUR",
"ordersData": [] }
}
}
</script>
<!-- END GOOGLE TAG MANAGER -->
<link rel="alternate" hreflang="fr" href="https://edilians.com/quand-refaire-sa-toiture" />
<link rel="alternate" hreflang="be" href="https://edilians.be/quand-refaire-sa-toiture" />
<!-- Wrapping template -->
<script type="text/template" id="instant_wrapper_template">
{{#findAutocomplete}}
<div id="algolia-autocomplete-container"></div>
{{/findAutocomplete}}
<div id="algolia_instant_selector"
class="w-full h-full px-6 mx-auto sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl with-facets">
<div class="flex flex-col pt-4 md:flex-row">
<div class="w-full px-2.5 md:w-2/5 md:px-0 lg:w-1/3 lg:pb-8 xl:pr-5" id="algolia-left-container">
<div class="px-4 mb-4 border md:px-0 md:border-none">
<div class="block md:hidden py-4">
<div class="flex items-center justify-between" x-data="{open:false}">
<span class="text-primary text-md text-xl md:text-2xl font-semibold uppercase">
Shop by </span>
<div class="relative w-8 h-8 bg-container-lighter rounded border border-container-darker cursor-pointer" @click="open = !open">
<div class="absolute z-20 w-8 h-8 text-transparent" id="refine-toggle">
</div>
<span class="absolute z-10 py-1 px-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform transform duration-300 ease-in-out" :class="open ? 'rotate-180' : ''">
<path d="M19 9L12 16L5 9" stroke="#4A5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="hidden-sm hidden-xs md:block pt-3 md:pt-0" id="instant-search-facets-container">
<div class="w-full flex flex-col px-8 py-4 bg-white shadow hidden-sm hidden-xs">
<span class="text-base md:text-lg font-semibold">
Active filtering </span>
<div class="order-2" id="clear-refinements"></div>
<div id="current-refinements"></div>
</div>
</div>
</div>
</div>
<div class="w-full md:pl-6 md:pr-2 lg:pr-0 xl:pl-2.5" id="algolia-right-container">
<div>
<div class="pb-3.5">
<div class="px-2.5">
{{#second_bar}}
<div id="instant-search-bar"></div>
{{/second_bar}}
</div>
</div>
</div>
<div>
<div>
<div itemscope itemtype="http://schema.org/ItemList">
<div class="pl-2.5">
<div class="flex w-full justify-between flex-wrap pr-2.5 py-1.5">
<div class="basis-full flex items-center" id="algolia-stats"></div>
<div class="pull-right basis-full flex justify-end items-center text-gray-400 text-sm leading-8 tracking-wider">
<div class="hidden">
SORT BY
</div>
<div id="algolia-sorts"></div>
</div>
</div>
</div>
<div id="algolia-banner"></div>
<div id="instant-empty-results-container"></div>
<div class="py-6" id="instant-search-results-container"></div>
</div>
</div>
</div>
<div>
<div id="instant-search-pagination-container"></div>
</div>
</div>
</div>
</div>
</script><script type="text/template" id="instant-hit-template">
<div class="flex flex-col w-full h-full bg-white shadow" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<meta itemprop="position" content="{{__position}}" />
<div class="flex-grow" itemprop="item" itemscope itemtype="http://schema.org/Product">
<meta itemprop="url"
{{^__queryID}} content="{{url}}" {{/__queryID}}
{{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
/>
<a class="h-full"
{{^__queryID}} href="{{url}}" {{/__queryID}}
{{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
data-objectid="{{objectID}}"
data-indexname="{{__indexName}}"
data-position="{{__position}}"
data-queryid="{{__queryID}}">
<div class="h-full flex flex-col p-4 hover:bg-gray-100">
<div class="flex justify-center items-center mb-3 bg-white">
{{#image_url}}<img itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" />{{/image_url}}
{{^image_url}}<span class="no-image"></span>{{/image_url}}
</div>
<div class="flex flex-col items-stretch flex-grow">
<h3 itemprop="name" class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center">
{{{ _highlightResult.name.value }}}
</h3>
<div>
<div>
<div>
<div class="hidden">
<span ><span>Évaluation:</span></span>
<div title="{{rating_summary}}%">
<span style="width:{{rating_summary}}%">
<span>{{rating_summary}}%</span>
</span>
</div>
</div>
</div>
{{^price.EUR.default_max}}
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
<meta itemprop="price" content="{{price.EUR.default}}" />
{{/price.EUR.default_max}}
{{#price.EUR.default_max}}
<div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
<meta itemprop="lowPrice" content="{{price.EUR.default}}" />
<meta itemprop="highPrice" content="{{price.EUR.default_max}}" />
{{/price.EUR.default_max}}
<meta itemprop="priceCurrency" content="EUR" />
<div>
<div class="flex flex-col">
<span class="text-lg font-semibold tracking-wider leading-7">
{{price.EUR.default_formated}}
</span>
{{#price.EUR.default_original_formated}}
<div>
<span class="text-sm font-normal leading-6 text-gray-500">Prix normal</span>
<span class="pl-1 text-base font-normal leading-6 text-gray-500"> {{price.EUR.default_original_formated}}</span>
</div>
{{/price.EUR.default_original_formated}}
{{#price.EUR.default_tier_formated}}
<span>
À partir de <span>{{price.EUR.default_tier_formated}}</span>
</span>
{{/price.EUR.default_tier_formated}}
</div>
</div>
</div>
</div>
</div>
<div>{{{ _highlightResult.description.value }}}</div>
{{#isAddToCartEnabled}}
<div class="mt-auto pt-3 flex flex-wrap justify-center items-center">
<form class="flex-grow" data-role="tocart-form" action="{{ addToCart.action }}" method="post">
<input type="hidden" name="product" value="{{objectID}}">
<input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
<input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
<button
type="submit" title="Ajouter au panier"
class="w-auto btn btn-primary justify-center text-sm mr-auto"
data-objectid="{{objectID}}"
data-indexname="{{__indexName}}"
data-position="{{__position}}"
data-queryid="{{__queryID}}"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
</svg>
<span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">Ajouter au panier</span>
</button>
</form>
<button
x-data="initWishlist()"
@click.prevent="addToWishlist({{objectID}})"
class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25">
<path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
</button>
<button
x-data="initCompareOnProductList()"
@click.prevent="addToCompare({{objectID}})"
class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
</svg>
</button>
</div>
{{/isAddToCartEnabled}}
</div>
</div>
</a>
</div>
</div>
</script>
<script type="text/template" id="instant-stats-template">
<div class="py-2">
{{#hasOneResult}}<strong>1</strong>
<span class="text-sm leading-5 text-gray-700 tracking-wider">
Article </span>
{{/hasOneResult}}
{{#hasManyResults}}
<span class="text-sm leading-5 text-gray-700 tracking-wider">
Articles </span>
<span class="text-sm leading-5 text-gray-700 tracking-wider" itemprop="numberOfItems">
{{first}}-{{last}} sur </span>
<span class="text-sm leading-5 text-gray-700 tracking-wider" itemprop="numberOfItems">{{nbHits}}</span>
{{/hasManyResults}}
{{#hasNoResults}}
<span class="text-sm leading-5 text-gray-700 tracking-wider">
Votre recherche n’a donné aucun résultat. </span>
{{/hasNoResults}}
</div>
</script>
<script type="text/template" id="refinements-lists-item-template">
<label class="{{cssClasses.label}} {{#isRefined}}checked{{/isRefined}} flex items-center mb-2.5">
<input class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} type="checkbox" value="{{value}}" />
<span class="pl-2">{{value}}</span>
<span class="{{cssClasses.count}} flex-grow text-right">{{count}}</span>
</label>
</script><script type="text/template" id="current-refinements-template">
<div class="cross-wrapper">
<span class="clear-cross clear-refinement"></span>
</div>
<div class="current-refinement-wrapper">
{{#label}}
<span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span>
{{/label}}
{{#operator}}
{{{displayOperator}}}
{{/operator}}
{{#exclude}}-{{/exclude}}
<span class="current-refinement-name">{{name}}</span>
</div>
</script></div><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-0c36ffb344b2851dd3c","applicationID":"1023948680","transactionName":"M1YBMRFXXktWWhFQDgocIgYXX19WGE0NXAwFRwoGTF9eXFJBSkkAA1Y=","queueTime":0,"applicationTime":806,"atts":"HxEWR1lNTRQVWEcDGhlO","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>
