/****** Les ID corresspondent aux ID des modules ******/
/****** "Menu" de DIVI, donc penser à les mettre ******/
/*********** pour que le CSS soit effectif ************/


/* Navigation principale */
/****** 
/******
*/

#menu-principal ul.et-menu li a {
	transition: none!important;
	-webkit-transition: none!important;

}

#menu-principal .et_pb_menu__logo-wrap {
	margin-right: auto!important;
}
#menu-principal .et_pb_menu__logo-wrap .et_pb_menu__logo {
	margin: 0px!important;
	margin-right: 0px!important;
}

#menu-principal .et_pb_menu__wrap {
	justify-content:end!important;
	flex: inherit!important;
}

#menu-principal .et_pb_menu__wrap .mobile_nav .et_mobile_menu {
	top:50px!important;
}
#menu-principal.menu-reseau .et_pb_menu__wrap .mobile_nav .et_mobile_menu {
	top:47px!important;
}
#menu-principal .et_pb_menu__wrap .mobile_nav .et_mobile_menu .menu-item-has-children ul.sub-menu li a {
	font-weight: 400;
}

#menu-principal .et_pb_menu__wrap ul.et-menu {
	margin-left: 0px!important;
	margin-right: 0px!important;
}

#menu-principal .et_pb_menu__wrap ul.et-menu ul.sub-menu {
	display: flex;
	flex-direction: column;
	width: max-content;
}

#menu-principal .et_pb_menu__wrap ul.et-menu ul.sub-menu li a{
	width: 100%;
}

@media screen and (max-width: 980px) {
	#menu-principal .et_pb_menu__logo-wrap {
		margin-right: auto!important;
		margin-left: 0px!important;
	}
}




/* Navigation secondaire */
/****** 
/******
*/

#menu-secondaire ul.menu {
	display: flex;
	justify-content: end;
    gap: 30px;
}

#menu-secondaire ul.menu li.menu-item {
	display: flex;
	align-items: center;
	margin-bottom: 0px!important;
}

#menu-secondaire ul.menu li.panier-bouton{
	align-items: center;
}

#menu-secondaire ul.menu li.panier-bouton.menu-item > a{
	display: flex;
	font-size: 0px!important;
}

#menu-secondaire ul.menu li.panier-bouton a::after{
	content: "\E07A";
	font-family: 'ETModules';
	font-size: 16px!important;
}

#menu-secondaire ul.menu li.menu-item > a{
	font-size: 16px!important;
	padding: 15px 0px!important;
}

#menu-secondaire ul.menu li.menu-item.current-menu-item > a{
	color: #EEC530!important;
}




/* Collapsible menu */
/****** 
/******
*/

.et_mobile_menu .first-level > a {
	background-color: transparent;
	position: relative;
}

.et_mobile_menu .first-level .collapse-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.et_mobile_menu .first-level .collapse-wrapper > a {
	width: 90%;
	font-weight: 400;
}

.et_mobile_menu .first-level .collapse-wrapper > span {
	display: flex;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #FFF;
	transition: color 0.1s ease;
}

.et_mobile_menu .first-level .collapse-wrapper > span.open {
	display: flex;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #757474;
}

.et_mobile_menu .first-level .collapse-wrapper > span:before {
   content: '\4c';
   color: #4e5c77;
   font-family: 'ETModules'!important;
   font-size: 24px;
}

.et_mobile_menu .first-level .collapse-wrapper > span.open:before {
	animation: rotateAnimation 0.2s linear;
	animation-fill-mode: forwards;
	transform-origin: center center;
	color: #757474;
}

@keyframes rotateAnimation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(45deg);
	}
  }


#menu-principal .et_mobile_menu li ul.sub-menu {
	background-color: #fff!important;
}

.et_mobile_menu .first-level > .icon-switch:after{
	content: '\4d';
}

.second-level {
	display: none;
}

.reveal-items {
	display: block;
}





/* Création d'un collapse pour les sous-menus en mobile */

.et_mobile_menu .first-level > a {
	background-color: transparent;
	position: relative;
}

.et_mobile_menu .first-level .collapse-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.et_mobile_menu .first-level .collapse-wrapper > a {
	width: 90%;
	font-weight: 400;
}

.et_mobile_menu .first-level .collapse-wrapper > span {
	display: flex;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #FFF;
	transition: color 0.1s ease;
}

.et_mobile_menu .first-level .collapse-wrapper > span.open {
	display: flex;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #757474;
}

.et_mobile_menu .first-level .collapse-wrapper > span:before {
   content: '\4c';
   color: #4e5c77;
   font-family: 'ETModules'!important;
   font-size: 24px;
}

.et_mobile_menu .first-level .collapse-wrapper > span.open:before {
	animation: rotateAnimation 0.2s linear;
	animation-fill-mode: forwards;
	transform-origin: center center;
	color: #757474;
}

@keyframes rotateAnimation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(45deg);
	}
  }


#menu-principal .et_mobile_menu li ul.sub-menu {
	background-color: #fff!important;
}

.et_mobile_menu .first-level > .icon-switch:after{
	content: '\4d';
}

.second-level {
	display: none;
}

.reveal-items {
	display: block;
}





/* Correctif qui mettait les enfants du current-item de la même couleur */
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .current-menu-item .sub-menu li.second-level a {
	color: #4e5c77!important;
}

/* Correctif qui mettait les enfants du current-item de la même couleur */
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .current-menu-item .sub-menu li.second-level a {
	color: #4e5c77!important;
}

/* Correctif du divi ajax sidecart */
.cart-click {
	margin-left: 25px!important;
}

.cart-click .site-header-cart span.et_pb_menu__cart-button {
	margin-left: 2px!important;
}