html,body {
 
  font-family: "ClarendonGraphicBolder";
  font-size: 15px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /* overflow-y: hidden; */
  width: 100vw;
  
  /* scroll-behavior: smooth; */
}
/* 
#openMenu{
  display:flex;
  position: fixed; 
   width: 100px; 
   height: 100px;
   margin-top: -230px;
   /* margin-top: 15%;
  margin-left: 2%;  */
/* background-color: red;  
} */
#menuClick {
  display: flex;
  position: fixed;
  width: 100px;
  height: 100px;
  /* left:-2px;
   top:15px; */
  /* margin-top: -30px; */
  margin-top: -55%;
  /* margin-left: 2%;  */
  /* background-color: yellow;  */
  /* opacity: 20%; */
  z-index: 12;
}
#imgMenu {
  position: fixed;
  width: 7%;
  margin-left: 12px;
  margin-top: 60%;
  z-index: 12;
}
#closeMenu {
  position: fixed;
  width: 10%;
  margin-top: 0%;
  margin-left: -5%;
}
#ImgcloseMenu {
  position: fixed;
  width: 7%;
  margin-top: 5%;
  margin-left: 4%;
  z-index: 12;
}
/* ----------------- HOME------------------------- */

#homesec1 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(162, 227, 10); */
  z-index: -100;
  overflow-x: hidden;
  /* background-color: red; */
}

#titre {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 25%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#titre p {
  font-size: 200pt;
  margin: 0;
  padding: 0;
}

#courseGiffront {
  position: absolute;
  z-index: 1;
  width: 100vw;
  /* margin-top: -200%; */
}
#courseGifback {
  position: absolute;
  z-index: -1;
  width: 100vw;
  /* margin-top: -200%; */
}
#homesec2 {
  position: relative;
  display: flex;
  width: 100%;
  height: 844px;
  /* background-color: rgba(98, 134, 15, 0.511); */
  z-index: -100;
  overflow-x: hidden;
}
#into {
  position: absolute;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 85px;
  font-size: 15pt;
  margin-top: 40px;
  /* text-transform: uppercase; */
  line-height: 0.8;
 
}
#textIntro {
  position: absolute;
  z-index: 1;
  margin: 10%;
  padding-top: 15%;
  padding-bottom: 30%;
}

#anneaux {
  position: absolute;
  z-index: -1;
  width: 100%;
  margin-top: 10%;
}
#homesec3 {
  position: relative;
  display: flex;
  width: 100%;
  height: 844px;
  /* background-color: rgba(193, 160, 27, 0.511); */
  z-index: -100;
}
/* #deuxlieux {
  position: absolute;
  margin-left: 15%;
  margin-top: -50px;
  font-size: 160px;
  text-align: center;
  z-index: -1;
} */

#deuxlieux {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 20%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#deuxlieux p {
  margin: 0;
  padding: 0;
}

#homesec4 {
  position: relative;
  display: flex;
  width: 100%;
  height: 844px;
  /* background-color: rgba(35, 27, 193, 0.952); */
  z-index: -100;
}

#septente {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 5%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#septente p {
  margin: 0;
  padding: 0; 
}
#lines {
  position: absolute;
  margin-top: 10%;
  width: 100%;
  z-index: -10;
}

#homesec5 {
  position: relative;
  display: flex;
  width: 100%;
  height: 844px;
  /* background-color: rgba(27, 193, 143, 0.952); */
  z-index: -100;
}

#buttonForm {
  font-family: "ClarendonGraphicBolder";
  position: absolute;
  /* display: flex; */
  margin-top: -90%;
  /* margin-left:2%; */
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 24pt;
  line-height: 35px;
  
}
#buttonForm a {
  color: black;
  text-decoration: none;
}

#redarrow1{
  position: absolute;
  width: 5%;
  margin-top: -17%;
  margin-left: 27%;
}

#redarrow2{
  position: absolute;
  width: 5%;
  margin-top: -17%;
  margin-left: 33%;
}

#redarrow3{
  position: absolute;
  width: 5%;
  margin-top: -17%;
  margin-left: 24%;
}