/* main navigation style */
/* -------------------------------- affichage du menu dans le header --------- */
#masthead #ae-site-navigation {
  display: flex;
  flex-direction: row !important;
  align-items: baseline;
  margin: 0 1rem 0 120px;
}

@media only screen and (max-width: 768px) {
  #masthead #ae-site-navigation {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
}

#masthead #ae-site-navigation #site-navigation {
  margin: 0;
}

#masthead #ae-site-navigation .main-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#masthead #ae-site-navigation .main-menu>li {
  padding: 0 15px;
  white-space: nowrap;
}

#masthead #ae-site-navigation .main-menu-more {
  display: none;
}

#ae-site-navigation .sub-menu {
  display: flex;
  flex-direction: column;
  display: none;
  position: absolute;
  background-color: #444;
  padding: 2px 15px;
  width: auto;
  white-space: nowrap;
  z-index: 99999;
  list-style: none;
}

#ae-site-navigation .main-menu>li:hover .sub-menu {
  display: flex;
  list-style: none;
}

#ae-site-navigation .sub-menu>li a {
  color: #fff !important;
  font-size: 85%;
  margin-left: 0 !important;
}

#ae-site-navigation .sub-menu>li:hover a {
  color: #0073aa !important;
}

#ae-site-navigation .menu-item .submenu-expand {
  padding: 0;
  background-color: transparent;
  color: gray;
  filter: invert(1);
}

#ae-site-navigation .sub-menu .mobile-parent-nav-menu-item {
  display: none;
}

/* menu navigation pour smartphone avec jquery */
#site-navigation select {
  display: none;
}

#site-navigation>div:first-child {
  display: inline-block;
}

@media (max-width: 768px) {
  #site-navigation>div:first-child {
    display: none;
  }

  #site-navigation select {
    display: inline-block;
  }

  #site-navigation {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    background-color: transparent !important;
  }

  #site-navigation select option[value="#"] {
    color: rgb(120, 120, 120) !important;
  }

  #site-navigation select .sub {}
}