/* Aucune marge intérieur ou extérieur sur les balises html et body */
html, body{
  margin: 0;
  padding: 0;
  width: fit-content;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Style du menu "sticky" */
nav {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgb(245, 245, 245);
  color: rgb(0, 0, 0);
}

#menu_list{
  margin: 0;
  padding: 0;
  align-items: center;
}

/* Style des liens cliqués présents dans le menu */
nav a{
  display: block;
  color: rgb(0, 0, 0);
  text-decoration: none;
}

/* Couleur des liens quand la souris est dessus */
nav a:hover,
.sous_menu a:hover, 
footer a:hover {
  color: rgb(3, 155, 229);
}

/* Suppression des puces des listes à puces du menu */
nav ul {
  display: flex;
  list-style-type: none;
  list-style-position: inside;
  
}

/* Mise en page du menu */
nav ul li {
  flex: 1 1 auto;
  text-align: center;
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
}

/* Mise en page générale du sous-menu */
.sous_menu {
  display: none;
  position: absolute;
  z-index: 11;
  background-color: rgb(245, 245, 245);
  border-radius: 0px 0px 10px 10px;
  font-weight: 300;
  justify-self: center;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

/* Affichage du sous-menu en colonne */
nav>ul li:hover .sous_menu {
  display: flex;
  flex-flow: column wrap;
}

/* Mise en page de chaque élément du sous-menu  */
.sous_menu li {
  flex: 1 1 auto;
  text-align: center;
  margin-bottom: 30px;
}

/* La taille de la marge du bas du premier élément du sous-menu */
.sous_menu .first_child {
  margin-top: 0px;
}

/* Taille du logo dans le menu */
#logo {
  max-width: 90px;
}

.reserver_btn{
  align-items: center;
  width: auto;
}

/* Taille du bouton "Réserver" */
.reserver_btn button{
  font-size: 100%;
  min-width: max-content;
  min-height: max-content;
}

footer {
  background-color: rgb(245, 245, 245);
  height: 75px;
}
footer a {
  color: black;
}
footer p {
  margin: 0;
  padding: 20px;
}

.titre h2{
  font-size: 180%;
}