/*Reset CSS*/
.menu-header{
  width: 100%;
  height: 48px;
  background-color: #252e37;
  padding-top: 10px;
}
.menu-right{
  float: right;
  text-align: right;
  height: 28px;
}
.menu-left{
  float: left;
  text-align: left;
  width: 20%;
  padding-left: 40px;
}
.menu-right ul{
    float: right;
    padding-right: 10px;
    list-style-type : none;
}
.menu-right li{
    float: left;
    text-align: center;/*Centre le texte dans les éléments de menu*/
    padding-right: 15px;
    list-style-type : none;
}
.menu-left li{
    float: left;
    text-align: center;/*Centre le texte dans les éléments de menu*/
    padding-left: 10px;
    list-style-type : none;
}

/*Evite que le menu n'ait une hauteur nulle*/
.menu-header ul::after{
    content: "";
    display: table;
    clear: both;
    list-style-type : none;
}

.menu-left a{
  display: block; /*Toute la surface sera cliquable*/
  text-decoration: none;
  color: #82ff01;
  border-bottom: 2px solid transparent;/*Evite le décalage des éléments sous le menu à cause de la bordure en :hover*/
}

.menu-left a:hover{
  color: #82ff01;
  border-bottom: 2px solid #82ff01;
}

.menu-right a{
    display: block; /*Toute la surface sera cliquable*/
    text-decoration: none;
    color: #78a9e2;
    border-bottom: 2px solid transparent;/*Evite le décalage des éléments sous le menu à cause de la bordure en :hover*/
}

.menu-right a:hover{
    color: #78a9e2;
    border-bottom: 2px solid #78a9e2;
}