/* //////////////////////////////////////////////
Plus d'informations liées à la solution  : 
//////////////////////////////////////////////
## Propriété CSS display
https://www.zonecss.fr/proprietes-css/display-css.html#jKGaBm00000.codepen 
## Séelecteur CSS :hover{}
https://www.zonecss.fr/proprietes-css/hover-css-selector.html#jKGaBm00000.codepen
## Séelecteur CSS :before{}
https://www.zonecss.fr/proprietes-css/before-css-selector.html#jKGaBm00000.codepen
## Gestion des liens en Css
https://www.zonecss.fr/faq/gestion-des-liens-en-css.html#jKGaBm00000.codepen
*/

body{
  font-family:Helvetica,serif;
  margin:0px;
  padding:0px;
}

#logoheader{
  display:inline-block;
  height:100%;
}
#logoheader img{
  margin-top :5px;
  margin-left :5px;
}
header{ background-color:red;
 }  
nav{
  display:inline-block;
  vertical-align:top; 
}

nav > ul, nav li{
  margin: 0px;
  padding:0px; 
  list-style:none; 
}


/* On affiche seulement les éléments li correspondant à
nos onglets de menus en ligne (côte à côte) */
nav > ul > li{
  float:left;
  position:relative;
}

/* On enlève les puces devant tous les éléments li
appartement à notre élément nav */
 
.submenu{
  display: none;
}

nav > ul::after{
  content:"";
  display:block;
  clear: both;
  
}
 
nav > ul > li::before{
  content:"";
  display:block;
  position:absolute;
  height: 5px;
  width:100%;  
}

nav a {
  display: inline-block;
  text-decoration:none;
}

nav > ul > li > a {
  padding: 20px 30px;
  color: #FFF;
}

nav li:hover .submenu{
  display: inline-block;
  position: absolute;
  top:100%;
  left:0px;
  padding:0px;
  z-index:100000;
}
 

.submenu li a {
  padding: 15px 30 px;
  font-size: 13 px;
  color:white;
  width:270px;
  background-color: #ff2819;
}
nav > ul > .menu_project:hover{
  background-color: RGBa(228, 77, 38, 0.15);
}
nav > ul > .menu_project:hover::before{
  background-color:  #e44d26;
}

nav > ul > .menu_team:hover{ 
  background-color: RGBa(000, 112, 192, 0.15);
}
nav > ul > .menu_team:hover::before{ 
  background-color: #0070bb;
}
nav > ul > .menu_parts:hover{ 
  background-color: RGBa(241, 211, 79, 0.15);
}
nav > ul > .menu_parts:hover::before{ 
  background-color: #f1dc4f;
}
nav > ul > .menu_hp:hover{ 
  background-color: RCBa(220,220, 220, 0.15);
}
nav > ul > .menu_hp:hover::before{ 
  background-color:  #BBB;
}

nav > ul > .menu_awards:hover{ 
  background-color: RCBa(245,236, 20, 0.15);
}

nav > ul > .menu_awards:hover::before{ 
  background-color:  #e6ccff;
}