/* Image principale du site */
#main_img {
  display: flex;
  position: relative;
  overflow: hidden;
  margin: auto;
  height: 800px;
  background-color: black;
}

/* Mise en page de l'image principale du site */
#main_img img {
  position: absolute;
  min-width: 100%;
  height: 150%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}

/* Position du texte sur l'image principale du site */
#position_txt_img {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

/* Mise en page du texte sur l'image principale du site */
#text_welcome {
  text-shadow: 5px 5px 10px black;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-right: 7.5%;
  margin-left: 7.5%;
}

/* Mise en page de la balise <text_horaires> contenant les informations relatives aux horaires */
#horaires {
  background-color: #3f4d81;
}
#text_horaires {
  text-align: center;
  color: white;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-left: 7.5%;
  margin-right: 7.5%;
}
#text_horaires a{
  color: rgb(255, 255, 255);
  text-decoration: none;
}
#text_horaires a:hover, #text_contact a:hover{
  text-decoration: underline;
}

/* Mise en page de la balise <citation> */
#citation {
  text-align: center;
  margin-top: 3%;
  margin-left: 7.5%;
  margin-right: 7.5%;
}
#citation h2{
  font-weight: 400;
}

/* Couleur du fond de la balise <contact> */
#contact {
  background-color: #a09485;
  text-align: center;
}

/* Mise en page de la balise <contact> */
#text_contact {
  color: whitesmoke;
  padding-bottom: 4%;
  padding-top: 4%;
  margin-right: 7.5%;
  margin-left: 7.5%;
}

#text_contact a {
  color: white;
  text-decoration: none;
}