.menu-item > .sub-menu{
left:0px;
top:24px;
transition-duration: 0.5s;
}
.et-fixed-header #top-menu > .menu-item > .sub-menu{
left:0px;
top:14px;
transition-duration: 0.5s;
}
-- Padding vertical en fixed --
.et-fixed-header .nav li ul {
position: absolute;
padding: 10px 0;
transition-duration: 0.5s;
}
.et-fixed-header #top-menu li li {
padding: 0 10px;
margin: 0;
transition-duration: 0.5s;
}
#top-menu li li a{
padding:0px 5px;
}
#top-menu li li a:hover{
background-color:#ffffff;
}
#top-menu li li a:hover{
background-color:transparent;
list-style-type: square;
}
#top-menu li ul {
width:150px;
}*/
/* width header menu */
#main-header .container {
max-width: 1440px;
}
/* CSS refermer les sous-menus sur mobile */
#main-header .et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
font-family: 'ETmodules';
text-align: center;
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
font-size: 16px;
content: '\4c';
top: 10px;
right: 10px;
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
content: '\4d';
}
#main-header .et_mobile_menu ul.sub-menu {
display: none !important;
visibility: hidden !important;
transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu {
display: block !important;
visibility: visible !important;
}
/* Sous-menu*/
.nav li ul {
visibility: hidden;
z-index: 9999;
position: fixed;
width: 100vw;
left: 0;
padding: 7px 0px;
text-align: center !important;
border: none;
background: #b6153c;
/* box-shadow: none;*/
}
.nav li.et-reverse-direction-nav li ul {
right: 0;
top: auto;
background: #bae1fc;
}
#top-menu li li a {
width: 100%;
color:#ffffff;
}
.et-fixed-header #top-menu .sub-menu li a:hover{
color: #ffffff !important;
}
#top-menu .sub-menu li.current_page_item>a,
.et-fixed-header #top-menu .sub-menu li.current_page_item>a {
color: #ffffff !important;
}
#top-menu li li a:hover {
color:#E9E9E9;
}