reservation.css

@font-face {
    font-family: 'Titre_font';
    src: url('polices/KaushanScript-Regular.otf');
}

@font-face {
  font-family: 'Message_font'
  src: url('polices/Quicksand_Dash.otf')
}

body{
  background-image: url(img/lights-121861_crop.jpg);
  background-size: cover;

}

nav{
  background-image: linear-gradient(#99ebff, #00a3cc);
  position: fixed;
  top: 0;
  width: 100%;

}

nav ul{
  display: flex;
  flex-direction: row;
  margin: auto;
  padding: 0.7em;
  justify-content:space-around;
  list-style-type: none;
}

nav ul a{
  color: white;
  text-decoration: none;
}

#spacenav{
  height: 2em;
  width: 100%;
}

header{
  height: 9.5em;
  width: 100%;
  background-image: url('img/J59.GIF');
  background-size:contain;
}

#message{
  display: flex;
  flex-direction: column;
}

#logo {
  float: left;
  height: 9.3em;
  background-color:rgba(47, 79, 79, 0.5);
  backface-visibility: 50%;
}

#titre{
  margin: auto;
  color: rgba(204, 238, 255, 0.7);
  font-family: Titre_font,fantasy;
  font-size: 5em;
  margin: auto;
}

#logo img{
  width: 9.375em;
  height: 9.375em;
}

#reserv{
  display: flex;
  flex-direction: row;
  width: 50%;
  margin: auto;
}

fieldset{
  display: flex;
  flex-direction: column;
  padding: 1em 1em 1em 1em;
  margin: 2em 2em 2em 2em
}

form{
  display: flex;
  flex-direction: row;
  margin: auto;
}

#reserv{
  display: flex;
  margin: auto;
  background-color: rgba(179, 217, 255, 0.7);
  margin-top: 1em;
}

#general_log{
  display: flex;
  margin: auto;
  background-color: rgba(191, 191, 191, 0.7);
  margin: 1em 1em 2em 1em;
}

.preci_log{
  display: flex;
  flex-direction: column;
  margin: auto;
}


footer{
  background-color: #2F4F4F;
  display:flex;
  flex-direction: row;
  height: 10em;
  width: 100%;
}