/* Général */
		#menu_olwe {
			position: relative;
			z-index:999;
			transition:0.3s ease-in-out;
		}
		#menu_olwe *{
			font-family:"Lexend";
			font-weight: 500;
			line-height: normal;
		}
		#menu_olwe ul{
			list-style:none;
			padding:unset;
			margin-block-end: unset;
		}
		#menu-container{
			background: var(--menu-bg-color);
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			height: fit-content;
		}
		#menu_wrapper {
			display: flex;
			gap: 20px;
			align-items: center;
			justify-content: space-between;
			transition:0.3s ease-in-out;
			max-width: 1400px;
			margin: auto;
			width: 100%;
			padding: 12px 60Px;
		}
		.menu_epingle #menu_wrapper {
			padding: 8px 60Px;
		}
		
		/******** BANDEAU ECOMMERCE ********/
		#bandeau_wrapper {
			padding: 8px 60px 8px 60px;
			justify-content: center;
    		align-items: center;
			background: var(--bandeau-color-2);
			transition:0.3s ease-in-out;
			display:flex;
		}
		.bandeau_ecommerce{
			display: inline-flex;
			align-items: center;
			text-align: center;
		}
		span.bandeau_ecommerce .icone {
			display: inline-flex;
			height: fit-content;
		}
		#bandeau_wrapper *{
			transition:0.3s ease-in-out;
			font-size: var(--font-s-little);
		}
		#bandeau_wrapper svg{
			height:17px;
			display: inline;
    		width: fit-content;
			margin-right:10px;
		}
		#bandeau_wrapper a, #bandeau_wrapper span, #bandeau_wrapper svg path{
			color:var(--bandeau-color-1);
			fill:var(--bandeau-color-1);
		}
		#bandeau_wrapper:hover{
			background:var(--bandeau-color-4);
		}
		#bandeau_wrapper:hover a, #bandeau_wrapper:hover span, #bandeau_wrapper:hover svg path{
			color:var(--bandeau-color-3);
			fill:var(--bandeau-color-3);
		}
		@media screen and (max-width:992px){
			#bandeau_wrapper {
				padding: 8px 40px 8px 40px;
			}
		}
		@media screen and (max-width:767px){
			.bandeau_ecommerce{
				display: inline;
			}
			.bandeau_ecommerce span.texte {
				font-size: 14px !important;
			}
            #bandeau_wrapper {
				padding: 8px 20px 8px 20px;
			}
		}
		
		/******** MENU TOP ********/
		.menu_logo {
			max-width: 200px;
		}
		.menu_logo img {
			height: 90px;
			width: auto;
			transition:0.3s ease-in-out;
            object-fit:contain;
		}
		.menu_epingle--fade .menu_logo img{
			height:70px;
		}
		.menu_navigation {
			width: calc(100% - 220px);
			display: flex;
			flex-direction: column;
			gap: 12px;
		}
		.menu_epingle .menu_navigation {
			gap: 0px;
		}
		.menu_top, .menu_bottom{
			display: flex;
			align-items: center;
			justify-content: space-between;
			transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
		}
		.menu_bottom{
			gap: 20px;
		}
		.menu_epingle--fade .menu_bottom {
			opacity: 0;
			visibility: hidden;
		}
		.menu_epingle .menu_bottom {
			height: 0 !important;
		}
		.menu_search{
			width:100%;
			background-color: var(--recherche-color-2)!important;
			border-radius: 30px !important;
			overflow: hidden;
			margin-right:20px;
		}
		.menu_search_mobile form{
			background-color: var(--recherche-color-2)!important;
			border-radius: 30px !important;
			overflow: hidden;
		}
		.menu_search .is-form-style label,  .menu_search_mobile .is-form-style label{
			width:100%!important;
		}
		.menu_search .is-form-style button.is-search-submit, .menu_search_mobile .is-form-style button.is-search-submit{
			display:none!important;
		}
		.menu_search .is-form-style input.is-search-input, .menu_search_mobile .is-form-style input.is-search-input{
			height:36px!important;
		}
		.menu_search .is-search-icon , .menu_search_mobile .is-search-icon {
			display: none !important;
		}
		.menu_search .is-form-style input.is-search-input, .menu_search_mobile .is-form-style input.is-search-input{
			padding: 0 25px!important;
		}
		.menu_search *, .menu_search .is-form-style input.is-search-input,
		.menu_search_mobile .is-form-style *, .menu_search_mobile .is-form-style input.is-search-input{
			border-width: 0 !important;
			font-size: 18px !important;
			/* background:transparent!important;*/
			color: var(--recherche-color-1)!important;
		}
		.menu_search *:not(.is-loader-image), .menu_search *:hover, .menu_search *:focus,
		.menu_search .is-form-style input.is-search-input, .menu_search_mobile .is-form-style input.is-search-input,
		.menu_search .is-form-style input.is-search-input:hover, .menu_search_mobile .is-form-style  input.is-search-input:hover,
		.menu_search .is-form-style input.is-search-input:focus, .menu_search_mobile .is-form-style input.is-search-input:focus
		{
			background:transparent!important;
		}
		.menu_search .is-loader-image, .menu_search_mobile .is-loader-image{
			background-image:url("/wp-content/uploads/2025/02/Rolling@1x-1.4s-200px-200px.gif")!important;
		}
		.menu_search_mobile, .menu_search_mobile_trigger{
			display:none;
		}
		.menu_search_mobile{
			position:fixed;
			visibility:hidden;
			pointer-events:none;
			opacity:0;
			top:0;
			right:0;
			left:0;
			bottom:0;
			z-index:99;
			justify-content:center;
			align-items:center;
			background: rgba(0, 0, 0, 0.7);
			transition:0.3s ease-in-out;
		}
		.menu_search_m_wrap {
			padding: 60px;
			background: white;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 20Px;
			position: relative;
			width: 700Px;
			min-height: 300px;
			max-width: calc(100% - 60px);
			font-size: var(--font-s-normal);
		}
		.menu_search_m_wrap form {
			width: 100%;
		}
		.menu_search_m_wrap .close-menu {
			position: absolute;
			right: 20px;
			top: 20px;
		}
		.menu_outils {
			width: max-content;
		}
		.menu_outils {
			display: flex;
			gap: 10px;
			align-items: center;
			margin-left: auto;
		}
		.menu_outils *{
			font-size: var(--font-s-normal);
		}
		.menu_outil_item {
			display: flex;
			gap: 5px;
			align-items: center;
			width: max-content;
		}
		.menu_outil_item a{
			color: var(--liens-color-1);
			transition:0.3s ease-in-out;
			align-items: center;
    		display: inline-flex;
			gap: 8px;
		}
		.menu_outil_item:hover a{
			color: var(--liens-color-2);
		}
		.menu_outil_item img, .menu_outil_item svg, .menu_search_mobile_trigger svg {
			height: 20px;
			object-fit: contain;
			width: auto;
		}
		/*
		#compte-icone svg path{
			fill: var(--liens-color-1);
			stroke:unset!important;
		}
		#compte-icone:hover svg path{
			fill: var(--liens-color-2);
		}*/
		.menu_outil_item svg path{
			stroke: var(--liens-color-1);
			fill: unset;
			transition:0.3s ease-in-out;
		}
		.menu_outil_item:hover svg path{
			stroke: var(--liens-color-2);
		}
		@media screen and (max-width:1200px){
			span.notShowMob {
				display: none;
			}
			.menu_logo img {
				height: 70px;
			}
			.menu_top, .menu_bottom {
				justify-content: end;
				gap:15px;
			}
			.menu_top{
				flex-direction: row-reverse;
			}
			.menu_bottom {
				display:none;
			}

			.menu_outils {
				margin-left: unset;
			}
		}
		@media screen and (max-width:992px){
			.menu_logo {
				max-width: 180px;
			}
		}
		@media screen and (max-width:767px){
			.menu_logo {
				max-width: 160px;
			}
			.menu_logo img {
				height: 50px;
			}
            .menu_search_m_wrap {
				padding: 60px 20px;
			}
		}
		
		/******** MENU CLASSIQUE ********/
		.menu_classique {
			list-style: none;
			display: inline-flex;
			gap: 5px 20px;
			padding: 0;
			flex-wrap: wrap;
    		justify-content: end;
		}
		.menu_classique *{
			font-size: var(--font-s-normal);
		}
		.menu_classique a{
			color: var(--liens-color-1);
		}

		.menu_classique a:hover{
			color:var(--liens-color-2);
		}
		
		#mobile-menu-wrapper{
			display:none;
			padding: 20px 30px;
		}
		
		@media screen and (max-width:1200px){
			.menu_search{
				display:none;
			}
			.menu_search_mobile, .menu_search_mobile_trigger{
				display: flex!important;
				cursor:pointer;
			}
			#menu_wrapper{
				padding: 8px 60Px;
			}
			#mobile-menu-wrapper{
				display: flex!important;
			}	
			#desktop_menu_wrapper{
				display:none;
			}
			ul.menu_classique {
				flex-direction: column;
			}
			
		}
		@media screen and (max-width:992px){
			#menu_wrapper{
				padding: 12px 40Px;
			}
			.menu_epingle #menu_wrapper {
				padding: 8px 40Px;
			}
		}
		@media screen and (max-width:767px){
			#menu_wrapper{
				padding: 10px 20Px;
			}
			.menu_epingle #menu_wrapper {
				padding: 8px 20Px;
			}
			#mobile-menu-wrapper{
				padding: 20px 20px;
			}

		}
		
		/******** MEGA MENU ********/
		.main_menu_button {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			padding: 7px 25px;
			border-radius: 20px;
			line-height: normal;
			cursor:pointer;
			background-color:var(--menu-color-2);
			color: var(--menu-color-1);
			font-size:  var(--font-s-normal);
			min-width: fit-content;
			transition:0.3s ease-in-out;
		}
		.main_menu_button svg path{
			fill:var(--menu-color-1);
			transition:0.3s ease-in-out;
		}
		@media screen and (min-width:1200px){
			#main_menu_button_1{
				visibility:hidden;
				opacity:0;
				min-width:0!important;
				width:0!important;
				height:0!important;
				padding:0;
			}
		}
		 
		.menu_epingle--fade #main_menu_button_1{
			visibility:visible;
			min-width: fit-content!important;
			width:fit-content!important;
			height:fit-content!important;
			padding: 7px 25px;
			margin-right:20px;
		}
		.menu_epingle #main_menu_button_1{
			opacity:1;
		}
		.main_menu_button:hover{
			background-color:var(--menu-color-4);
			color: var(--menu-color-3);
		}
		.main_menu_button:hover svg path{
			fill: var(--menu-color-3);
		}
		#mega-menu-overflow{
			opacity:0;
			position: fixed;
			left: 0;
			top: 0;
			width:100vw;
			height: 100vh;
			background: rgba(0, 0, 0, 0.7);
			transition:0.3s ease-in-out;
			pointer-events:none;
			-webkit-user-select:none;
		}
		#mega-menu-wrapper {
			display:flex;
			flex-direction: column;
			justify-content: space-between;
			position: fixed;
			left: 0;
			top: 0;
			/*height: 100dvh;*/
			width: 500px;
			max-width:100%;
			background: white;
			/* padding: 30px;*/
			box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
			transition:0.3s ease-in-out;
			transform:translatex(calc(-100% - 15px));
			overflow: visible;
			/*overflow-y: auto;
			overflow-x: visible;
			scrollbar-width: thin;
  			scrollbar-color: var(--mega-fond-avant) transparent; */
		}
		.mega-menu-bottom {
			height: fit-content;
		}
		.menu-full {
			display:flex;
			flex-direction: column;
			justify-content: space-between;
			overflow-y: auto;
			height: 100dvh;
			scrollbar-width: thin;
  			scrollbar-color: var(--mega-fond-avant) transparent;
			background: var(--menu-bg-color);
		}
		.menu-full::-webkit-scrollbar {
			width: 8px; 
			height: 0px!important;
		}
		.menu-full::-webkit-scrollbar-track {
		  background: transparent;
		}
		.menu-full::-webkit-scrollbar-thumb {
		  background-color: var(--mega-fond-avant);
		  border-radius: 4px;
		}
		/*
		#mega-menu-wrapper::-webkit-scrollbar {
		  width: 8px;
		}
		#mega-menu-wrapper::-webkit-scrollbar-track {
		  background: transparent;
		}
		#mega-menu-wrapper::-webkit-scrollbar-thumb {
		  background-color: var(--mega-fond-avant);
		  border-radius: 4px;
		}*/
		
		.menu-controls{
			/* justify-content:space-between;*/
			justify-content:end;
			align-items:center;
			width:100%;
			display:flex;
			padding: 20px 30px;
		}
		.menu-controls.controls-mobile{
			display:none;
		}
		.menu-controls.controls-desktop{
			position:absolute;
			right:0;
			width:fit-content;
			transform:translatex(100%);
			opacity: 0;
    		visibility: hidden;
			transition:0.3s;
		}
		#mega-menu-wrapper.menu-open .menu-controls.controls-desktop{
			opacity: 1;
    		visibility: visible;
		}
		.arrow-back, .close-menu{
			width: 30px;
			height: 30px;
			background: var(--croix-color-2);
			border-radius: 50%;
			display: flex;
			padding: 8px;
			justify-content: center;
			align-items: center;
			cursor:pointer;
			transition:0.3s ease-in-out;
		}
		.arrow-back:hover, .close-menu:hover{
			background: var(--croix-color-4);
		}
		.arrow-back svg path, .close-menu svg path{
			fill: var(--croix-color-1);
			transition:0.3s ease-in-out;
		}
		.arrow-back:hover svg path, .close-menu:hover svg path{
			fill: var(--croix-color-3);
			transition:0.3s ease-in-out;
		}
		.menu-controls img{
			aspect-ratio: 1;
			padding: 8px;
    		height: 30px;
			border-radius:50%;
			cursor:pointer;
		}
		@media screen and (max-width:1200px){
			#mega-menu-wrapper {
				left: unset;
				right: 0;
				transform: translatex(calc(100% + 15px));
			}
			.menu-controls.controls-desktop {
				right: unset;
				transform: translatex(-100%);
				left: 0;
			}
			.menu-controls {
				justify-content: start;
			}
		}
		@media screen and (max-width:992px){

		}
		@media screen and (max-width:767px){
			
			#mega-menu-wrapper {
				width: 100vw;
			}
            .mega-menu-top{
				padding:0;
			}
			.menu-controls{
				padding: 20px 20px 0px 20px;
				justify-content: end;
			}
			.main_menu_button, .main_menu_button:hover{
				background:transparent!important;
				padding: 0;
			}
			.main_menu_button svg, .main_menu_button:hover svg{
				height: 22px;
			}
			.main_menu_button svg path , .main_menu_button:hover svg path {
				fill: var(--menu-color-2);
			}
			.main_menu_button span{
				display:none;
			}
			.menu-controls.controls-desktop{
				display:none;
			}
			.menu-controls.controls-mobile{
				display:flex;
			}
			
			.close-menu {
				background: var(--croix-color-1);
			}
			.arrow-back svg path, .close-menu svg path {
				fill: var(--croix-color-2);
			}
		}
		
		.groupes{
			display: flex;
			flex-direction:column;
			gap: 20px;
			padding: 20px 30px;
		}
		.groupe {
			overflow-x: hidden;
			max-width: 100%;
		}
		.titre-groupe {
			font-weight: 600;
			font-size: var(--font-s-big);
			margin-bottom: 10px;
			display: flex;
			position:relative;
			width: fit-content;
		}
		.titre-groupe:after {
			content: "";
			position: absolute;
			right: -20px;
			top: 50%;
			width: 100vw;
			background: black;
			height: 1px;
			transform: translate(100%, -1px);
			max-width: 560px;
		}
		.elements-du-groupe {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		.elements-du-groupe.horizontal {
			flex-direction: row!important;
			flex-wrap: wrap;
		}
		.elements-du-groupe.horizontal .element{
			max-width:calc(50% - 5px);
		}
		.elements-du-groupe.horizontal .element a {
			flex-direction: column;
			display: flex;
			text-align: center;
			align-items: center;
		}
		.elements-du-groupe.horizontal .element a img {
			width: 80%;
			height: fit-content;
			object-fit: contain;
			max-height: 80px;
		}
		.elements-du-groupe.vertical .element a img{
			object-fit: contain;
			width: 100px;
			height: auto;
			max-height: 40px;
			aspect-ratio: 6 / 3;
		}
		.element {
			border-radius: 15px;
			overflow: hidden;
		}
		#element-1 {
			background: var(--red-fly)!important;
			color: white !important;
		}
		#element-1 *{
			color: white !important;
			font-weight: 600;
		}
		.element-en-avant {
			display: flex;
			width: 100%;
			background: var(--mega-fond-avant);
			padding: 15px;
			align-items: start;
			justify-content:center;
			flex-direction: column;
			transition:0.3s ease-in-out;
		}
		.element-en-avant a{
			color:var(--mega-texte-avant);
			font-size:var(--font-s-normal);
			transition:0.3s ease-in-out;
		}
		.element-en-avant:hover, .element-en-avant.actif{
			background: var(--mega-fond-avant-hover);
		}
		.element-en-avant:hover a, .element-en-avant.actif a{
			color: var(--mega-texte-avant-hover);
		}
		.element svg{
			transition:0.3s ease-in-out;
		}
		.element-en-avant svg path{
			fill:var(--mega-avant-simple);
		}
		.element-en-avant:hover svg path, .element-en-avant.actif  svg path{
			fill: var(--mega-texte-avant-hover);
		}
		.element-en-avant img {
			height: 100%;
			object-fit: cover;
			border-radius: 12px;
		}
		.element-en-avant .element-main span {
			font-weight: 600;
			font-size: var(--font-s-medium);
			margin-bottom: 10px;
			display: flex;
			margin-bottom:0;
			width: fit-content;
		}
		
		.element-simple{
			display: flex;
			width: 100%;
			background: var(--mega-fond-simple);
			padding: 10px 20px;
			align-items: start;
			flex-direction: column;
			transition:0.3s ease-in-out;
		}
		.element-simple a{
			color:var(--mega-texte-simple);
			transition:0.3s ease-in-out;
			font-size:var(--font-s-normal);
		}
		.element.element-simple img {
			width: auto;
			height: 60px;
			object-fit: cover;
		}
		.element-simple:hover, .element-simple.actif{
			background: var(--mega-fond-simple-hover);
		}
		.element-simple:hover a, .element-simple.actif a{
			color: var(--mega-texte-simple-hover);
		}
		.element-simple svg path{
			fill:var(--mega-texte-simple);
		}
		.element-simple:hover svg path, .element-simple.actif  svg path{
			fill: var(--mega-texte-simple-hover);
		}
		.element-simple img.arrow-right {
			width: 18px;
		}
		.element-main{
			display: flex;
			gap: 20px;
			align-items: center;
			width: 100%;
			font-weight: 700;
		}
		.element-simple a.element-main {
			justify-content: space-between;
		}
		.element-simple-wrap{
			display: flex;
			align-items: center;
			gap: 20px;
		}
		.menu-categories.unactive {
			display: none;
		}
		.menu-categories{
			width: calc(50% - 10px);
		}
		.menu-categories.sub-categories li{
			width: 100%;
			display: flex;
			gap: 20px;
		}
		.menu-categories>li>a {
			width:100%;
			align-items: center;
		}
		.menu-categories a {
			margin: 8px 0;
			display: flex;
			font-weight: 500;
			opacity:0.8;
		}

		.menu-actif{
			display:flex!important;
			opacity:1!important;
			visibility:visible!important;
			pointer-events:auto!important;
		}
		.menu-open{
			transform:translatex(0)!important;
		}
		.child-container{
            position: relative;
			display: flex;
			width: 100%;
			gap:20px;
		}
		.child-container *{
			font-weight:400!important;
		}
        .child-sep { 
			position: absolute;
			display: none; 
			height: 1Px; 
			background: var(--mega-texte-simple-hover); 
			width: 100%!important; 
			left:0;
			top: 5px; 
			opacity:0.2;
		}
		.element-en-avant .child-sep{
			display:none!important;
		}
		.element.actif .child-sep {
			display: flex;
		}
		.element.actif .child-container  ul{
			margin-top:10px;
			
		}
		.element.actif:has(.child-container) > a >svg {
			transform:rotate(90deg);
		}
		.menu-categories > li > a .menu-arrow {
			opacity: 0;
			margin-left: 10px;
			transition: 0.3s ease;
			width: 0px;
		}
		.menu-categories > li > a.actif .menu-arrow,
		.menu-categories > li.has-children > a .menu-arrow{
			opacity: 1;
			width: 16px;
			min-width: 16px;
		}
		.menu-categories > li > a .menu-arrow path{
			fill : var(--mega-texte-simple-hover)!important;
		}
		.menu-categories > li > a.lien-grise .menu-arrow path{
			fill : var(--mega-texte-simple-inactif)!important;
		}
		.element img{
			transition: 0.3s ease;
		}
		.element.actif img.arrow-right {
			transform: rotate(90deg);
		}
		a.actif {
			font-weight: 700;
		}
		/*
		.element-simple.actif ul:not(.cloned) a:not(.actif) {
			color: var(--mega-texte-simple-inactif);
		}
		.element-en-avant.actif ul:not(.cloned) a:not(.actif) {
			color: var(--mega-texte-avant-inactif);
		}*/
		.element.actif ul:not(.cloned) a.lien-grise{
			color: var(--mega-texte-avant-inactif);
		}
		
		.element.actif .menu-categories a.actif svg{
			transform:rotate(-90deg);
		}
		
		.cloned a {
			font-weight: 700;
		}

		@media screen and (max-width:767px){
			.groupes{
				padding: 20px ;
			}	
			.elements-du-groupe.vertical .element a img{
				width: 70px;
				aspect-ratio :unset;
			}
		}

		
		/********** Liens secondaires du mega-menu *********/
		#menu-secondaire-wrapper {
			margin-top: 0px;
			padding: 20px 30px;
			background: #F5F5F5;
			box-shadow: 4px -1px 4px 0px rgba(0, 0, 0, 0.25);
		}
		.menu_secondaire {
			column-count: 2;
			column-gap: 30px;
		}
		.menu_secondaire_item{
			margin-bottom:10px;
			font-weight: 500;
			font-size:var(--font-s-little);
		}
		.menu_secondaire .menu_secondaire_item:nth-child(3) {
			min-width: 230px;
		}
		.menu_secondaire_item svg {
			height: 18px;
			width: fit-content;
			margin-right: 8px;
		}
		.menu_secondaire_item svg path, .menu_secondaire_item a{
			fill:var(--liens-color-1);
			color: var(--liens-color-1);
		}
		.menu_secondaire_item:hover svg path, .menu_secondaire_item:hover a{
			fill:var(--liens-color-2);
			color: var(--liens-color-2);
		}
		@media screen and (max-width:767px){
			#menu-secondaire-wrapper {			
				padding: 20px 20px;
			}			
		}
		@media screen and (max-width:450px){
			.menu_secondaire{
				column-count: 1;
			}
		}