body {
  /* background-color: #4f4e5d;
  color: white; */
  background-color: white;
  color: black;
}
h1 {
  text-align: center;
}

.flex-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* pour fixer le pied de page en bas de la page */
footer {
  position: absolute;
  bottom: 0;
  width: 99%;
}

/* header */
#nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

#nav li {
  margin-inline: 7%;
}

#nav li:hover {
  border-radius: 10px;
  background-color: aqua;

  /* animation: 0.5s ease-in-out forwards; */
  animation: 2s ease-in-out forwards;
}
/* header */

/* enlever la surbrillance des liens */
a {
  text-decoration: underline;
}

/* name */
#name {
  font-size: 300%;
  font-style:normal;;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7%;
}
/* name */

/* horaire */
#horaire {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

#horaire a {
    text-decoration: none;
  }

#legende {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4%;
  
}

table {
  text-align: center;
  border-collapse: collapse;
}


td {
  border: 2px solid black;
  min-width: 100px;
}

.disponible {
  background-color: green;
  width: 180px;
  height: 50px;
}

.indisponible {
  background-color: gray;
  width: 180px;
  height: 50px;
}
/* horaire */

.margin {
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
}