#status {
    display: flex; 
    align-items: center;
    align-content: center; 
}   

    #menu {
      font-family: 'Poiret One', sans-serif; /* Utiliser la police de caractères Poiret One */
      font-size: 18px; /* Taille de la police */
      text-align: center;
      position: absolute;
      top: 3%;
      left: 3%;
      transform: translateX(0%);
      background-color: #9FA6A6;
      padding: 2px 30px;
      border-radius: 8px;
      color: white;
      cursor: pointer;
      z-index: 999;
    }
    .dropdown {
      display: none;
      position: relative;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      /*background-color: #7B858C;*/
      padding-top: 5px;
      border-radius: 0px;
      z-index: 1000;
      width: 100%;
      /*border: 2px solid white;*/
    }
    .dropdown a {
  display: block;
  color: white;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #7B858C;
  padding: 5px 25px; 
  border-radius: 5px; 
  transition: background-color 0.7s ease-in; 
  }
  .dropdown a:hover {
  background-color: #646A6E;
  width: 110%; 
  text-align: right;
}
.dropdown a.active {
  background-color: #4E5050;
}
    #menu:hover .dropdown {
      display: block;
}