.menu{
  position: sticky;
  top: 0; 
  left: 0;
  background: #3f3e3e;
  border-radius: 3px;
  font-size: 0.9rem;
  font-weight: bold;
}

.menu > ul{
  display: flex;
  list-style: none;
}

.menu li a{
  text-decoration: none;
  color:#000;
  display: block;
  padding: 20px 20px;
}

.SousMenuPiece, .SousMenuGestion, .SousMenuService, .SousMenuConso{
  list-style: none;
  display: none;
  position: absolute;
  top: 60px;
  left: 0px;
  background: hwb(0 45% 54%);
  border-radius: 3px;
  width: max-content;
}

 .SousMenuPieceRdC{
  list-style: none;
  display: none;
  position: absolute;
  top: 0px;
  left: 150px;
  background: hwb(0 89% 9%);
  border-radius: 3px;
  width: max-content;
}

 .SousMenuPieceEtage{
  list-style: none;
  display: none;
  position: absolute;
  top: 60px;
  left: 150px;
  background: hwb(0 89% 9%);
  border-radius: 3px;
  width: max-content;
}

.SousMenuGestion li a:hover, .SousMenuService li a:hover, 
.SousMenuPiece li a:hover, .SousMenuPieceRdC li a:hover, 
.SousMenuPieceEtage li a:hover, .SousMenuConso li a:hover{
  background: #f2f2f2;
}

.MenuService, .MenuGestion, .MenuConso,
.MenuPiece, .MenuPieceRdC, .MenuEtage{
  position: relative;
}

.MenuPiece:hover .SousMenuPiece{
  display: block;
}

.MenuPieceRdC:hover .SousMenuPieceRdC{
  display: block;
}

.MenuPieceEtage:hover .SousMenuPieceEtage{
  display: block;
}

.MenuService:hover .SousMenuService{
  display: block;
}

.MenuGestion:hover .SousMenuGestion{
  display: block;
}

.MenuConso:hover .SousMenuConso{
  display: block;
}