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

/* Navigation principale en general */
#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 du réseau en tant que principale */
#menu-principal.menu-reseau ul.et-menu {
	align-items: center;
}

#menu-principal.menu-reseau ul.et-menu .bouton-rainbow > a {
	padding: 15px 25px;
	height: auto;
	background-color: #FFF;
	color: #000!important;
	transition: background-color ease 300ms!important;
}

#menu-principal.menu-reseau ul.et-menu .bouton-rainbow > a:hover{
	background-color: #666;
	color: #FFF!important;
}

#menu-principal.menu-reseau ul.et-menu .bouton-revendeur > a {
	padding: 15px 25px;
	height: auto;
	background-color: #00A9E0;
	color: #FFF!important;
	transition: background-color ease 300ms!important;
}

#menu-principal.menu-reseau ul.et-menu .bouton-revendeur > a:hover{
	background-color: #061359;
}

@media screen and (max-width: 980px) {
	#menu-principal.menu-reseau li.bouton-rainbow {
		display: none;
	}
	#menu-principal.menu-reseau li.bouton-revendeur {
		background-color: #061359;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#menu-principal.menu-reseau li.bouton-revendeur:hover,
	#menu-principal.menu-reseau li.bouton-revendeur a:hover {
		background-color: #151C29!important;
	}
	#menu-principal.menu-reseau li.bouton-revendeur a{
		color: #FFF!important;
		width: 100%;
		opacity: 1!important;
		background-color: #061359!important;
	}
	#menu-principal.menu-reseau li.bouton-revendeur::after {
		content: '\26';
		font-family: 'ETmodules' !important;
		font-size: 16px;
		font-weight: 600;
		color: #FFF;
		margin-right: 10px;
	}
}


/* Navigation du produit en tant que principale */
#menu-principal.menu-produit ul.et-menu {
	align-items: center!important;
}

#menu-principal.et_pb_menu.menu-produit ul.et-menu li.bouton-le-reseau a {
	padding: 15px 25px!important;
	height: auto;
	background-color: #F4F4F4;
}

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-le-reseau > a {
	transition: background-color 300ms ease!important;
	color: #000!important;
}

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-le-reseau > a:hover {
	background-color: #666!important;
	color: #FFF!important;
	opacity: 1!important;
}

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-demonstration > a {
	padding: 15px 25px!important;
	height: auto;
	background-color: #061359;
	transition: background-color 300ms ease!important;
	color: #FFF!important;
}

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-demonstration > a:hover {
	background-color: #666;
	opacity: 1!important;
}

@media screen and (max-width: 980px) {
	#menu-principal.menu-produit li.bouton-le-reseau {
		display: none;
	}

	#menu-principal.menu-produit li.bouton-demonstration {
		background-color: #061359;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-demonstration > a {
		padding: 15px 25px!important;
		height: auto;
		background-color: #061359;
		transition: background-color 300ms ease!important;
		color: #FFF!important;
		width: 100%;
		padding: 15px 5%!important;
	}

	.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-demonstration:hover,
	.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu.menu-produit ul li.bouton-demonstration > a:hover {
		opacity: 1!important;
		background-color: #151C29!important;
	}

	#menu-principal.menu-produit li.bouton-demonstration::after {
		content: '\26';
		font-family: 'ETmodules' !important;
		font-size: 16px;
		font-weight: 600;
		color: #FFF;
		margin-right: 10px;
	}
}

@media screen and (max-width: 1314px) {
	#menu-principal.menu-produit li.bouton-le-reseau {
		display: none!important;
	}
}

@media screen and (max-width: 1187px) {
	#menu-principal.menu-reseau li.bouton-rainbow {
		display: none!important;
	}
}




/* Allègement de la nav secondaire en masquant les sub-menu */
#menu-secondaire ul.et-menu li.menu-item-has-children .sub-menu {
	visibility: hidden!important;
}
#menu-secondaire ul.et-menu li.menu-item-has-children a::after {
	display: none;
}
#menu-secondaire ul.et-menu li.menu-item-has-children > a:first-child {
	padding-right: 0px;
}
#menu-secondaire ul.et-menu li.bouton-le-reseau,
#menu-secondaire ul.et-menu li.bouton-rainbow {
	display: none;
}




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