.elementor-17 .elementor-element.elementor-element-0ff2ded{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:-100%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;--z-index:100;}.elementor-17 .elementor-element.elementor-element-939ced5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-9449dbe{--display:flex;--border-radius:80px 80px 80px 80px;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-17 .elementor-element.elementor-element-9449dbe:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9449dbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main .elementor-item:hover, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .e--pointer-framed .elementor-item:before, .elementor-17 .elementor-element.elementor-element-a3f50b5 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main .elementor-item{padding-top:6px;padding-bottom:6px;}.elementor-17 .elementor-element.elementor-element-a3f50b5{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-item:before{border-radius:80px;}.elementor-17 .elementor-element.elementor-element-a3f50b5 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:80px 80px 0 0;}.elementor-17 .elementor-element.elementor-element-a3f50b5 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 80px 80px;}.elementor-17 .elementor-element.elementor-element-a3f50b5 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 80px 80px 0;}.elementor-17 .elementor-element.elementor-element-a3f50b5 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:80px 0 0 80px;}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown a, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown a:hover, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown a:focus, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown a.highlighted, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-menu-toggle:hover, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-17 .elementor-element.elementor-element-b0d5690{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-17 .elementor-element.elementor-element-64cfd4f{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-6fdf43f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-db508e3{--display:flex;--border-radius:80px 80px 80px 80px;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-17 .elementor-element.elementor-element-db508e3:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-db508e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#82969A;}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-top:6px;padding-bottom:6px;}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main .elementor-item:hover, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387 .e--pointer-framed .elementor-item:before, .elementor-17 .elementor-element.elementor-element-4b03387 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-17 .elementor-element.elementor-element-4b03387 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-item:before{border-radius:80px;}.elementor-17 .elementor-element.elementor-element-4b03387 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:80px 80px 0 0;}.elementor-17 .elementor-element.elementor-element-4b03387 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 80px 80px;}.elementor-17 .elementor-element.elementor-element-4b03387 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 80px 80px 0;}.elementor-17 .elementor-element.elementor-element-4b03387 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:80px 0 0 80px;}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown a, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown a:hover, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown a:focus, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown a.highlighted, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-menu-toggle:hover, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-9449dbe{--width:fit-content;}.elementor-17 .elementor-element.elementor-element-b0d5690{--width:fit-content;}.elementor-17 .elementor-element.elementor-element-db508e3{--width:fit-content;}}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-17 .elementor-element.elementor-element-b0d5690{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-17 .elementor-element.elementor-element-64cfd4f{width:initial;max-width:initial;}.elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for nav-menu, class: .elementor-element-a3f50b5 *//* variable “maison” pour le décalage */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu { --arrow-shift: 2%; /* tu montes/descends pour régler */ --arrow-time: .25s; --arrow-ease: ease; } /* === NIVEAU 2 : état normal === */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu { border-radius: 22px !important; transition: border-radius 0.3s ease; } /* aplatissement à droite SI un des items ouvre un niveau 3 */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu:has(> li > a.highlighted), .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu:has(> li > a.elementor-item-active), .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu:has(> li.current-menu-ancestor) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* === NIVEAU 3 : base desktop === */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li { position: relative !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > .sub-menu { background-color: #A2BCC1 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; transition: border-radius 0.3s ease; height: 700% !important; left: 100% !important; position: absolute !important; top: 0 !important; display: none; /* ⚠️ pas de !important ici, pour que le JS puisse le réactiver */ width: 280px; border-radius: 0 22px 22px 0; padding: 14px; flex-direction: column; gap: 10px; z-index: 99; margin-left: 0px !important; } /* --- Décalage progressif --- */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(1) > .sub-menu { margin-top: 0 !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(2) > .sub-menu { margin-top: -46px !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(3) > .sub-menu { margin-top: -92px !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(4) > .sub-menu { margin-top: -138px !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(5) > .sub-menu { margin-top: -184px !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(6) > .sub-menu { margin-top: -230px !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(7) > .sub-menu { margin-top: -276px !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(8) > .sub-menu { margin-top: -322px !important; } /* ✅ on n’active le “hover = j’ouvre le niveau 3” QUE si l’appareil sait hover */ @media (hover: hover) and (pointer: fine) { .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:hover > .sub-menu { display: flex !important; } /* quand un li de niveau 2 est hover → arrondis droits à 0 */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu:has(> li:hover > .sub-menu) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } } /* ===== MODE MOBILE / TABLETTE ===== */ @media (max-width: 1024px) { /* on remet la mécanique Elementor (empilée) */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li { position: static !important; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > .sub-menu { position: static !important; left: auto !important; top: auto !important; margin-top: 10px !important; width: 100% !important; height: auto !important; border-radius: 18px !important; display: none !important; /* laisser Elementor ouvrir au clic */ } /* Elementor met ces classes quand on clique → on affiche */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li.elementor-item-active > .sub-menu, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li.current-menu-ancestor > .sub-menu, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li.current-menu-item > .sub-menu { display: block !important; } /* pas de décalage en mobile */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > .sub-menu { margin-top: 0 !important; } } /* === ICONES dans le sous-menu (NIVEAU 2 UNIQUEMENT) === */ /* On cible : ul.sub-menu > li > a ... MAIS PAS les sub-sub-menu */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.elementor-sub-item { display: flex !important; align-items: center; gap: 12px; position: relative; padding-left: 60px !important; /* espace pour l'icône */ } /* on enlève l’icône si on est déjà dans un sous-sous-menu (niveau 3) */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li > a.elementor-sub-item { padding-left: 16px !important; /* retour à un padding normal */ } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li > a.elementor-sub-item::before { content: none !important; } /* Icône générique pour le NIVEAU 2 seulement */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.elementor-sub-item::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; } /* Exemple : icône pour le 1er item */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(1) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/rigide.png"); } /* 2ᵉ item */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(2) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/souple.png"); } /* 3ᵉ item */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(3) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/decoupe.png"); } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(4) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/decoupe.png"); } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(5) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/marquage.png"); } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(6) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/flocage.png"); } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:nth-child(7) > a.elementor-sub-item::before { background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/10/hydrographie.png"); } /* === FLECHES du sous-menu (niveau 2) === */ /* structure de base : aligne texte + icône gauche + flèche droite */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.has-submenu { display: flex !important; align-items: center !important; justify-content: space-between !important; /* pousse la flèche à droite */ gap: 12px; padding-right: 40px !important; /* espace pour la flèche */ position: relative; } /* on cache le SVG Elementor d’origine */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.has-submenu > .sub-arrow svg { display: none !important; } /* et on ajoute notre propre flèche via ::after */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.has-submenu::after { content: ""; position: absolute; right: 16px; /* distance du bord droit */ top: 50%; transform: translateY(-50%); width: 37px; height: 11px; background-repeat: no-repeat; background-size: contain; background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/11/right-arrow-white.svg"); pointer-events: none; transition: transform 0.2s ease; } /* petit effet visuel au hover (optionnel) */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:hover > a.has-submenu::after { transform: translateY(-50%) translateX(2px); } /* état ouvert → flèche inversée (facultatif si tu veux une rotation) */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.has-submenu[aria-expanded="true"]::after { transform: translateY(-50%) translateX(2px); transition: transform 0.25s ease; } /* === FLECHE NIVEAU 3 (sous-sous-menu) === */ /* cible UNIQUEMENT : ul.sub-menu ul.sub-menu > li > a */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li > a.elementor-sub-item { position: relative; display: flex !important; align-items: center; min-height: 38px; /* évite l’effet “pas de place” */ /* background: rgba(0,255,0,.1); debug si besoin */ } /* la flèche elle-même */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li > a.elementor-sub-item::before { content: "" !important; position: absolute; left: -8%; top: 50%; transform: translateY(-50%); height: 11px; background-repeat: no-repeat; background-size: contain; /* on met la flèche en data-uri pour être sûr qu’elle s’affiche */ background-image: url("https://wt-art.79-137-88-67.plesk.page/wp-content/uploads/2025/11/right-arrow-white.svg") !important; pointer-events: none; opacity: 0.85; transition: transform .3s ease, opacity .3s ease; z-index: 2; } /* petit effet au hover */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li:hover > a.elementor-sub-item::before { transform: translateY(-50%) translateX(var(--arrow-shift)); opacity: 1; } /* =========================== HOVER / ACTIVE NIVEAU 2 (les items dans le 1er sous-menu) =========================== */ /* survol d’un LI du niveau 2 */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li > a.elementor-item-active { background: #2C5061 !important; border-radius: 10px !important; box-shadow: 0 10px 14px 0 rgba(74, 58, 255, 0.01), 0 8px 16px 0 rgba(23, 15, 73, 0.03) !important; /* pour que l’icône reste bien dedans */ z-index: 2; } /* si l’item de niveau 2 a un sous-sous-menu ouvert → on garde le radius à gauche, mais à droite c’est le panneau qui prend le relais (déjà géré plus haut) */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu > li:hover > a.has-submenu { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* =========================== HOVER / ACTIVE NIVEAU 3 (les items dans le sous-sous-menu) =========================== */ /* hover d’un lien du panneau de droite (niveau 3) */ .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li > a.elementor-sub-item:hover, .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-nav-menu .sub-menu .sub-menu > li.current-menu-item > a.elementor-sub-item { background: rgba(255,255,255,.25) !important; border-radius: 999px !important; /* pour que la flèche reste bien visible */ transform: translateX(var(--arrow-shift)); } /* =========================== Mobile Menu =========================== */ @media screen and (max-width: 1024px) { .elementor-17 .elementor-element.elementor-element-a3f50b5 { position: fixed; top: 0; left: 0; width: 100%; height: 0vh; overflow: hidden; z-index: 1; background: var(--e-global-color-primary); display: flex; align-items: center; justify-content: center; transition: all .6s ease-in-out; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .elementor-widget-container { align-items: center; justify-content: center; } .elementor-17 .elementor-element.elementor-element-a3f50b5 ul:not(.sub-menu) { display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; transform: translateY(64px); } .elementor-17 .elementor-element.elementor-element-a3f50b5 a { margin: 0 !important; padding: 16px; } .elementor-17 .elementor-element.elementor-element-a3f50b5.open { height: 100vh; } .elementor-17 .elementor-element.elementor-element-a3f50b5.open ul:not(.sub-menu) { opacity: 1; visibility: visible; transform: none; transition: all .6s ease-in-out .6s; } .elementor-17 .elementor-element.elementor-element-a3f50b5 li { flex-direction: column; align-items: center; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .sub-menu { position: initial; padding: 0; transition: none !important; opacity: 1; visibility: visible; transform: none; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .sub-menu a { border: none; } .elementor-17 .elementor-element.elementor-element-a3f50b5 .sub-menu li{ display:flex !important; justify-content:center !important; align-items:center !important; flex-direction:column!important; } } /*@media (max-width: 1620px) { .elementor-17 .elementor-element.elementor-element-a3f50b5 nav > ul > li:first-child { display: none; } }*/ @media (min-width: 1024px) { .elementor-17 .elementor-element.elementor-element-a3f50b5 ul li:last-child a { margin-right:0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9449dbe */@media(max-width : 1024px){ .elementor-17 .elementor-element.elementor-element-9449dbe{ background-color: #00000000 !important ; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-32fe1e3 */.elementor-17 .elementor-element.elementor-element-32fe1e3 #burger { height: 18px; width: 24px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .elementor-17 .elementor-element.elementor-element-32fe1e3 #burger span { display: block; background: var(--e-global-color-text); height: 2px; border-radius: 2px; width: 100%; transition: all .4s ease-out; } .elementor-17 .elementor-element.elementor-element-32fe1e3 #burger.open span:first-child { transform: translate(0px, 8px) rotate(45deg) } .elementor-17 .elementor-element.elementor-element-32fe1e3 #burger.open span:nth-child(2) { width: 0; } .elementor-17 .elementor-element.elementor-element-32fe1e3 #burger.open span:last-child { transform: translate(0px, -8px) rotate(-45deg) }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-4b03387 *//* Sous-menu niv.2 : état normal */ .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu { border-radius: 22px !important; overflow: hidden; /* ← le hover ne dépasse plus */ isolation: isolate; /* évite certains débordements d’ombres */ transition: border-radius 0.3s ease; } /* Si ce sous-menu (niv.2) contient un LI dont le A est "highlighted" → on aplatit à droite */ .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu:has(> li > a.highlighted), .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu:has(> li > a.elementor-item-active), .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu:has(> li:hover > .sub-menu) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Sous-sous-menu (niv.3) */ .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu .sub-menu { background-color: #A2BCC1 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; transition: border-radius 0.3s ease; } /* =========================== HOVER / ACTIVE NIVEAU 2 (les items dans le 1er sous-menu) =========================== */ /* survol d’un LI du niveau 2 */ .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted, .elementor-17 .elementor-element.elementor-element-4b03387 .elementor-nav-menu .sub-menu > li > a.elementor-item-active { background: #2C5061 !important; border-radius: 10px !important; box-shadow: 0 10px 14px 0 rgba(74, 58, 255, 0.01), 0 8px 16px 0 rgba(23, 15, 73, 0.03) !important; /* pour que l’icône reste bien dedans */ z-index: 2; }/* End custom CSS */