/* tuto menu */

.menu {
    display: flex;              /* Transformation en flexbox */
    padding:0;                  /* Suppression des marges internes */
    background-color: #ccc;     /* Ajout de la couleur d'arrière-plan */
}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
}

.menu a {
  display: block;
  min-width: 120px;
  margin: 0.5rem;
  padding: 0.2rem;
  text-align: center;
  background-color: #1ABC9C;
  color: #fff;
  text-decoration: none;
  border: : 1px solid #fff;
  border-radius: 4px;
  transition: all 1s;

}

.menu a:hover {
  background-color: #ed2794;
  color: #ffe843;
  border-color: #ffe843;

}

.menu a.actif{
  background-color: #000;
  color: #1ABC9C;
  border-color: #1ABC9C ;
}