body{
  font:14px/1.3em "libre_caslon_textregular", sans-serif;
  /* background:lightgray; */
  margin: 0;
}
a{ color:black;
    text-decoration: none
}

::-webkit-scrollbar {
    display: none;
}

@font-face {
    font-family: 'libre_caslon_textregular';
    src: url('../font/libre-webfont.woff2') format('woff2'),
         url('../font/libre-webfont.woff') format('woff');
}

@font-face {
    font-family: 'reservation_widebold';
    src: url('../font/reservation-webfont.woff2') format('woff2'),
         url('../font/reservation-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

img{
  width: 100%
}

.container {
  margin: 0.2% 0.5% 0.5% -6px ;
  height: 90vh;
}

.onglet{
  width: 24%;
  height: 93vh;
  float: right;
}

.line {
  background: linear-gradient(#000, #000) no-repeat center/1px 100%;
  width: 1%;
  height: 92.4vh;
  float: right;
  margin-top: 0px;
}

.gradient {
  background: linear-gradient(0deg, rgba(255,147,0,0) 0%,
  rgb(255, 255, 255) 99%);
      background-clip: border-box;
  -webkit-background-clip: border-box;
  width: 24.5%;
  height: 20vh;
  position: fixed;
  pointer-events: none;
  margin-top: -1px;
}


.label {
  width: 98.9%;
  background-color:
  white;
  height: 2em;
  border-bottom: 1px solid black;
  /* bottom: 16px; */
  margin: 0.7% 0 0 0.6%;
}

.label p {
  text-align: center;
  margin-top: 3px;
  height: 3vh;
}

.bottomshit{
  bottom:0px;
  background-color: white;
  border-top: 1px solid black;
  height: 10px;
  position: absolute;
  width: 98.9%;
  margin: 0.7% 0 0 0.6%;
}

h1 {
  font-family: 'libre_caslon_textregular';
  /* font-family: 'reservation_widebold'; */
  font-size: 2em;
  line-height: 1.2em;
  margin: 0 0 5px 0;
}

.numerotation{
  position: fixed;
  z-index: 100;
}

.n4{
  margin: -1px 0 0 75.9%;
}

.n3{
  margin: -1px 0 0 50.9%;
}

.n2{
  margin: -1px 0 0 25.9%;
}

.n1{
  margin: -1px 0 0 1%;
}