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

.show-on-mobile {
	display: none!important;

}

@media screen and (max-width:479px) {
	.hide-on-mobile {
		display: none!important;
	}
	.show-on-mobile {
		display: inherit!important;
		background-color: #EEC530;
		margin-bottom: 10px;
	}
	.show-on-mobile:nth-last-of-type() {
		margin-bottom: 0px;
	}
	.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.show-on-mobile a {
		color: #FFF!important;
		border-bottom: none!important;
	}
}


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

#menu-principal ul.et-menu li a {
	/* -webkit-transition: none!important;
	transition: color 300ms ease 0ms; */

}

#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;
	}
}

/* Bouton Collections */

#menu-principal .et_pb_menu__wrap ul.et-menu li.bouton-collections {
	align-items: center!important;
}

#menu-principal .et_pb_menu__wrap ul.et-menu li.bouton-collections > a::after {
	right: 8px!important;
}

.et-db #et-boc .et-l #menu-principal.et_pb_menu_0_tb_header .et_pb_menu__wrap ul.et-menu li.bouton-collections > a {
	background-color: #EEC530!important;
	color: #FFF!important;
    padding: 0px 30px 0px 20px!important;
    height: 50px;
}

.et-db #et-boc .et-l #menu-principal.et_pb_menu_0_tb_header.et_pb_menu ul.et-menu li.bouton-collections.current-menu-item > a {
	color: #FFF!important;
	background-color: #EEC530!important;
}


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

#menu-secondaire {
	margin-bottom: 0px!important;
}

#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;
}

@media screen and (max-width: 980px) {
	#section-nav-secondaire > .et_pb_row {
		display: flex;
	}
	#section-nav-secondaire > .et_pb_row .et_pb_column_0_tb_header{
		width: 20%!important;
	}
	#section-nav-secondaire > .et_pb_row .et_pb_column_1_tb_header{
		width: 80%!important;
	}
}

@media screen and (max-width: 767px) {
	#section-nav-secondaire > .et_pb_row .et_pb_column_0_tb_header{
		width: 25%!important;
	}
	#section-nav-secondaire > .et_pb_row .et_pb_column_1_tb_header{
		width: 75%!important;
	}
	#menu-secondaire ul.menu {
		gap: 20px;
	}
	#menu-secondaire ul.menu li.contact-bouton.menu-item > a{
		display: flex;
		font-size: 0px!important;
	}
	#menu-secondaire ul.menu li.contact-bouton a::after{
		content: "\E090";
		font-family: 'ETModules';
		font-size: 16px!important;
	}
	#menu-secondaire ul.menu li.compte-bouton.menu-item > a{
		display: flex;
		font-size: 0px!important;
	}
	#menu-secondaire ul.menu li.compte-bouton a::after{
		content: "\E08A";
		font-family: 'ETModules';
		font-size: 16px!important;
	}
}
@media screen and (max-width: 479px) {
	#menu-secondaire ul.menu {
		gap: 10px;
	}
	#menu-secondaire ul.menu li.menu-item > a {
		font-size: 14px!important;
	}
	.et-db #et-boc .et-l #section-nav-secondaire > .et_pb_row .et_pb_column.et_pb_column_0_tb_header{
		width: 35%!important;
	}
	.et-db #et-boc .et-l #section-nav-secondaire > .et_pb_row .et_pb_column.et_pb_column_1_tb_header{
		width: 65%!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;
}

/* 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;
}

/* div.dwe_mini_cart_module {
	z-index:10;
} */