.elementor-160 .elementor-element.elementor-element-b05d1bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1vw;--padding-bottom:1vw;--padding-left:1vw;--padding-right:1vw;--z-index:999;}.elementor-160 .elementor-element.elementor-element-b05d1bb:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-b05d1bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ccaccc;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-160 .elementor-element.elementor-element-df861e2{text-align:center;}.elementor-160 .elementor-element.elementor-element-df861e2 .elementor-heading-title{font-family:"Red Hat Text", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-65e7358{--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;--z-index:666;}.elementor-160 .elementor-element.elementor-element-65e7358:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-65e7358 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-160 .elementor-element.elementor-element-eccec86{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-160 .elementor-element.elementor-element-1abffc6{z-index:999;}.elementor-160 .elementor-element.elementor-element-1abffc6 img{max-width:91%;}.elementor-160 .elementor-element.elementor-element-fe2b936{--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:flex-end;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-160 .elementor-element.elementor-element-c8b66d9{z-index:999;}.elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon-wrapper{text-align:center;}.elementor-160 .elementor-element.elementor-element-c8b66d9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-c8b66d9.elementor-view-framed .elementor-icon, .elementor-160 .elementor-element.elementor-element-c8b66d9.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-c8b66d9.elementor-view-framed .elementor-icon, .elementor-160 .elementor-element.elementor-element-c8b66d9.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon{font-size:21px;}.elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon svg{height:21px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;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-weight:var( --e-global-typography-accent-font-weight );}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-menu-toggle{margin:0 auto;background-color:#00000000;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu .elementor-item{font-family:"Nobile", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main .elementor-item:hover, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .e--pointer-framed .elementor-item:before, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a:hover, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a:focus, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a.highlighted, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-menu-toggle:hover, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-menu-toggle:focus{color:#000000;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a:hover, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a:focus, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown .elementor-item, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Nobile", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-160 .elementor-element.elementor-element-2c5dcc8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-2c5dcc8 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-8714105{--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;--z-index:666;}.elementor-160 .elementor-element.elementor-element-8714105:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-8714105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-160 .elementor-element.elementor-element-bfaf0b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-160 .elementor-element.elementor-element-10a87b9{z-index:999;}.elementor-160 .elementor-element.elementor-element-10a87b9 img{max-width:91%;}.elementor-160 .elementor-element.elementor-element-d3f6ba9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-menu-toggle{margin:0 auto;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu .elementor-item{font-family:"Nobile", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main .elementor-item:hover, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-160 .elementor-element.elementor-element-e822f50 .e--pointer-framed .elementor-item:before, .elementor-160 .elementor-element.elementor-element-e822f50 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a:hover, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a:focus, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a.highlighted, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-menu-toggle:hover, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-menu-toggle:focus{color:#000000;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a:hover, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a:focus, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown .elementor-item, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Nobile", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-160 .elementor-element.elementor-element-e822f50 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-160 .elementor-element.elementor-element-732ab53{--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:flex-end;--align-items:center;}.elementor-160 .elementor-element.elementor-element-585f122{z-index:999;}.elementor-160 .elementor-element.elementor-element-585f122 .ekit_navsearch-button :is(i, svg){font-size:20px;}.elementor-160 .elementor-element.elementor-element-585f122 .ekit_navsearch-button, .elementor-160 .elementor-element.elementor-element-585f122 .ekit_search-button{color:#FFFFFF;fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-585f122 .ekit_navsearch-button{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;width:40px;height:40px;line-height:40px;text-align:center;}.elementor-160 .elementor-element.elementor-element-46b7c6d{z-index:999;}.elementor-160 .elementor-element.elementor-element-46b7c6d .elementor-icon-wrapper{text-align:center;}.elementor-160 .elementor-element.elementor-element-46b7c6d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-46b7c6d.elementor-view-framed .elementor-icon, .elementor-160 .elementor-element.elementor-element-46b7c6d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-46b7c6d.elementor-view-framed .elementor-icon, .elementor-160 .elementor-element.elementor-element-46b7c6d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-46b7c6d .elementor-icon{font-size:21px;}.elementor-160 .elementor-element.elementor-element-46b7c6d .elementor-icon svg{height:21px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-160 .elementor-element.elementor-element-eccec86{--width:40%;}.elementor-160 .elementor-element.elementor-element-1abffc6 img{max-width:100%;}.elementor-160 .elementor-element.elementor-element-fe2b936{--width:60%;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}@media(min-width:768px){.elementor-160 .elementor-element.elementor-element-eccec86{--width:18%;}.elementor-160 .elementor-element.elementor-element-fe2b936{--width:42%;}.elementor-160 .elementor-element.elementor-element-bfaf0b7{--width:22%;}.elementor-160 .elementor-element.elementor-element-d3f6ba9{--width:56%;}.elementor-160 .elementor-element.elementor-element-732ab53{--width:22%;}}/* Start custom CSS for container, class: .elementor-element-65e7358 *//* Transition fluide pour tous les changements */ .elementor-160 .elementor-element.elementor-element-65e7358 { transition: all 0.4s ease; background-color: transparent !important; } /* Quand le header devient sticky (au scroll) */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0 2px 15px rgba(0,0,0,0.1); /* Optionnel : ombre légère */ } /* === CHANGEMENT DE COULEUR DES ÉLÉMENTS DU MENU === */ /* Liens du menu - état initial (transparent) */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-nav-menu--main .elementor-item { color: #ffffff !important; /* Blanc au départ */ } /* Liens du menu - au scroll (fond blanc) */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-nav-menu--main .elementor-item { color: #000000 !important; /* Noir au scroll */ } /* État initial : header transparent → icône hamburger BLANCHE */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-2c5dcc8 .elementor-menu-toggle svg { fill: #ffffff !important; /* Principal pour les SVG Elementor */ color: #ffffff !important; stroke: #ffffff !important; transition: all 0.4s ease !important; } /* Les traits du hamburger (lignes internes) */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-2c5dcc8 .elementor-menu-toggle svg path, .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-2c5dcc8 .elementor-menu-toggle svg line, .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-2c5dcc8 .elementor-menu-toggle svg rect { fill: #ffffff !important; stroke: #ffffff !important; } /* Au scroll : header blanc → icône hamburger NOIRE */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-2c5dcc8 .elementor-menu-toggle svg { fill: #000000 !important; color: #000000 !important; stroke: #000000 !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-2c5dcc8 .elementor-menu-toggle svg path, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-2c5dcc8 .elementor-menu-toggle svg line, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-2c5dcc8 .elementor-menu-toggle svg rect { fill: #000000 !important; stroke: #000000 !important; } /* 1. État initial : header transparent → icône BLANCHE */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon, .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon i, .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon svg { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; border-color: #ffffff !important; transition: all 0.4s ease !important; } /* 2. Au scroll : header blanc → icône NOIRE (règle plus spécifique et forte) */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects.elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon i, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon svg { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; border-color: white !important; } /* Au scroll (header blanc et sticky) */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon { color: #000000 !important; fill: #000000 !important; border-color: white !important; } /* État initial : header transparent → texte BLANC */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-d032327 .elementor-icon-list-text { color: #ffffff !important; transition: color 0.4s ease; } /* Les liens si c'est cliquable (téléphone, email) */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-d032327 .elementor-icon-list-item a, .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-element-d032327 .elementor-icon-list-text a { color: #ffffff !important; } /* Au scroll : header blanc → texte NOIR */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-d032327 .elementor-icon-list-text { color: #000000 !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-d032327 .elementor-icon-list-item a, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-d032327 .elementor-icon-list-text a { color: #000000 !important; } /* === FORCE TOUS LES SVG / ICONES / PANIER EN NOIR AU SCROLL === */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-icon, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-icon *, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-button, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-button *, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .woocommerce *, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-cart *, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .eicon, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .eicon * { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; border-color: white !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-nav-menu .sub-arrow{ color: #000000 !important;fill:black;} .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-52ff953 .ekit_navsearch-button { color: #000000 !important; fill: #000000 !important; border-color: #000000 !important; background-color: transparent !important; /* Ou une couleur si tu veux un fond */ } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-element-65e7358 .elementor-icon * { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } /* Optionnel : hover pour un effet pro */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon:hover { color: rgba(255,255,255,0.8) !important; fill: rgba(255,255,255,0.8) !important; } /* Survol des liens (hover) - optionnel mais recommandé */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-nav-menu--main .elementor-item:hover { color: rgba(255,255,255,0.8) !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover { color: #333333 !important; } /* Si tu as un logo image (change vers version sombre au scroll) */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-logo img { filter: brightness(0) invert(1); /* Rend le logo blanc au départ si c'est une image sombre */ } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-logo img { filter: none; /* Retour à la version normale (souvent sombre) au scroll */ } /* Boutons ou icônes (ex. panier WooCommerce, recherche, etc.) */ .elementor-160 .elementor-element.elementor-element-65e7358 .elementor-icon { color: #ffffff !important; fill: #ffffff !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .elementor-icon { color: #000000 !important; fill: #000000 !important; } /* État initial : header transparent → blanc */ .elementor-160 .elementor-element.elementor-element-65e7358 .xoo-wsc-sc-bki { color: #ffffff !important; fill: #ffffff !important; /* Pour SVG */ background-color: transparent !important; /* Au cas où */ transition: all 0.4s ease; } .elementor-160 .elementor-element.elementor-element-65e7358 .xoo-wsc-sc-cont { color: #ffffff !important; /* Texte du compteur */ background-color: rgba(255,255,255,0.3) !important; /* Optionnel : fond légèrement visible si tu veux */ transition: all 0.4s ease; } /* Au scroll : header blanc → noir */ .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .xoo-wsc-sc-bki { color: #000000 !important; fill: #000000 !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .xoo-wsc-sc-cont { color: #000000 !important; background-color: rgba(0,0,0,0.1) !important; /* Optionnel : fond léger sombre sur blanc */ } /* Si l'icône panier est un SVG ou a des enfants */ .elementor-160 .elementor-element.elementor-element-65e7358 .xoo-wsc-sc-bki svg, .elementor-160 .elementor-element.elementor-element-65e7358 .xoo-wsc-sc-bki i { fill: #ffffff !important; color: #ffffff !important; } .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .xoo-wsc-sc-bki svg, .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .xoo-wsc-sc-bki i { fill: #000000 !important; color: #000000 !important; } .elementor-160 .elementor-element.elementor-element-65e7358 .xoo-wsc-sc-cont{background-color:transparent !important;} .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .xoo-wsc-sc-cont{background-color:transparent !important;}/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1835b60 */.elementor-160 .elementor-element.elementor-element-00e2239 .xoo-wsc-sc-cont {background-color: transparent !important; background:transparent !important;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8714105 *//* Transition fluide pour tous les changements */ .elementor-160 .elementor-element.elementor-element-8714105 { transition: all 0.4s ease; background-color: transparent !important; } /* Quand le header devient sticky (au scroll) */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0 2px 15px rgba(0,0,0,0.1); /* Optionnel : ombre légère */ } /* === CHANGEMENT DE COULEUR DES ÉLÉMENTS DU MENU === */ /* Liens du menu - état initial (transparent) */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-nav-menu--main .elementor-item { color: #ffffff !important; /* Blanc au départ */ } /* Liens du menu - au scroll (fond blanc) */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-nav-menu--main .elementor-item { color: #000000 !important; /* Noir au scroll */ } /* 1. État initial : header transparent → icône BLANCHE */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon i, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon svg { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; border-color: #ffffff !important; transition: all 0.4s ease !important; } /* 2. Au scroll : header blanc → icône NOIRE (règle plus spécifique et forte) */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects.elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon i, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon svg { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; border-color: white !important; } /* Au scroll (header blanc et sticky) */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon { color: #000000 !important; fill: #000000 !important; border-color: white !important; } /* État initial : header transparent → texte BLANC */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-d032327 .elementor-icon-list-text { color: #ffffff !important; transition: color 0.4s ease; } /* Les liens si c'est cliquable (téléphone, email) */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-d032327 .elementor-icon-list-item a, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-d032327 .elementor-icon-list-text a { color: #ffffff !important; } /* Au scroll : header blanc → texte NOIR */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-d032327 .elementor-icon-list-text { color: #000000 !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-d032327 .elementor-icon-list-item a, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-d032327 .elementor-icon-list-text a { color: #000000 !important; } /* === FORCE TOUS LES SVG / ICONES / PANIER EN NOIR AU SCROLL === */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-icon, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-icon *, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-button, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-button *, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .woocommerce *, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-cart *, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .eicon, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .eicon * { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; border-color: white !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-nav-menu .sub-arrow{ color: #000000 !important;fill:black;} .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-52ff953 .ekit_navsearch-button { color: #000000 !important; fill: #000000 !important; border-color: #000000 !important; background-color: transparent !important; /* Ou une couleur si tu veux un fond */ } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-65e7358 .elementor-icon * { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } /* Optionnel : hover pour un effet pro */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-160 .elementor-element.elementor-element-c8b66d9 .elementor-icon:hover { color: rgba(255,255,255,0.8) !important; fill: rgba(255,255,255,0.8) !important; } /* Survol des liens (hover) - optionnel mais recommandé */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-nav-menu--main .elementor-item:hover { color: rgba(255,255,255,0.8) !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover { color: #333333 !important; } /* Si tu as un logo image (change vers version sombre au scroll) */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-logo img { filter: brightness(0) invert(1); /* Rend le logo blanc au départ si c'est une image sombre */ } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-logo img { filter: none; /* Retour à la version normale (souvent sombre) au scroll */ } /* Boutons ou icônes (ex. panier WooCommerce, recherche, etc.) */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-icon { color: #ffffff !important; fill: #ffffff !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-icon { color: #000000 !important; fill: #000000 !important; } /* État initial : header transparent → blanc */ .elementor-160 .elementor-element.elementor-element-8714105 .xoo-wsc-sc-bki { color: #ffffff !important; fill: #ffffff !important; /* Pour SVG */ background-color: transparent !important; /* Au cas où */ transition: all 0.4s ease; } .elementor-160 .elementor-element.elementor-element-8714105 .xoo-wsc-sc-cont { color: #ffffff !important; /* Texte du compteur */ transition: all 0.4s ease; } /* Au scroll : header blanc → noir */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .xoo-wsc-sc-bki { color: #000000 !important; fill: #000000 !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .xoo-wsc-sc-cont { color: #000000 !important; } /* Si l'icône panier est un SVG ou a des enfants */ .elementor-160 .elementor-element.elementor-element-8714105 .xoo-wsc-sc-bki svg, .elementor-160 .elementor-element.elementor-element-8714105 .xoo-wsc-sc-bki i { fill: #ffffff !important; color: #ffffff !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .xoo-wsc-sc-bki svg, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .xoo-wsc-sc-bki i { fill: #000000 !important; color: #000000 !important; } .elementor-160 .elementor-element.elementor-element-65e7358 .xoo-wsc-sc-cont{background-color:transparent !important;} .elementor-160 .elementor-element.elementor-element-65e7358.elementor-sticky--effects .xoo-wsc-sc-cont{background-color:transparent !important;} /* État initial : header transparent → blanc */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-b4508ff .ekit_navsearch-button, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-b4508ff .ekit_search-button { color: #ffffff !important; fill: #ffffff !important; /* Crucial pour la loupe SVG */ border-color: #ffffff !important; background-color: transparent !important; transition: all 0.4s ease !important; } /* Icône SVG ou à l'intérieur */ .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-b4508ff .ekit_navsearch-button svg, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-b4508ff .ekit_navsearch-button i, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-b4508ff .ekit_search-button svg, .elementor-160 .elementor-element.elementor-element-8714105 .elementor-element-b4508ff .ekit_search-button i { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } /* Au scroll : header blanc → NOIR */ .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-b4508ff .ekit_navsearch-button, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-b4508ff .ekit_search-button { color: #000000 !important; fill: #000000 !important; border-color: #000000 !important; } .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-b4508ff .ekit_navsearch-button svg, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-b4508ff .ekit_navsearch-button i, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-b4508ff .ekit_search-button svg, .elementor-160 .elementor-element.elementor-element-8714105.elementor-sticky--effects .elementor-element-b4508ff .ekit_search-button i { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; }/* End custom CSS */