html,
body {
  font-family: "ClarendonGraphicBolder";
  font-size: 30px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /* overflow-y: hidden; */
  /* width: 100vw; */
  z-index: -100;
  /* scroll-behavior: smooth; */
}
#menuClick {
  display: flex;
  position: fixed;
  width: 100px;
  height: 100px;
  /* left:-2px;
     top:15px; */
  /* margin-top: -30px; */
  margin-top: 2%;
  /* margin-left: 2%;  */
  /* background-color: yellow;  */

  z-index: 12;
}
#imgMenu {
  position: fixed;
  width: 7%;
  margin-left: 12px;
  margin-top: 2%;
}

#closeMenu {
  position: fixed;
  width: 10%;
  margin-top: -20%;
  margin-left: -5%;
}
#ImgcloseMenu {
  position: fixed;
  width: 7%;
  margin-top: 5%;
  margin-left: 4%;
}
/* h1 {
  position: absolut;
  margin-top: 60%;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;

  line-height: 0.8;
  z-index: -1;
} */

/* ----------------- HALLES------------------------- */
.email {
  text-decoration: underline;
}
/* a {
  text-decoration: underline;
  color: black;
  cursor: pointer;
  z-index: 120;
} */
.linkOnBlack {
  text-decoration: underline;
  color: white;
  cursor: pointer;
  z-index: 12;
}
#sec1 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: red; */
  z-index: -100;
}
#halles {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#hallesImg{
  position: absolute;
  display: flex;
  width: 130vw;
  margin-top: 0%;
  z-index: -2;
}
#halles p {
  margin: 0;
  padding: 0;
}
#baseLineBeaulieu {
  position: absolute;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 16pt;
  margin-top: 180%;
  margin-left: 34%;
  z-index: 1;
}
#hallesImg {
  position: absolute;
  display: flex;
  width: 130vw;
  z-index: -2;
}

#sec2 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  z-index: -300;
}

#hallesD {
  position: relative;
  /* display: flex; */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 25px;
  font-size: 12pt;
  margin-top: 90px;
}
#lieu {
  text-decoration: underline;
  line-height: 1px;
}

#sec3 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: yellow; */
  z-index: -100;
  cursor: pointer;
}
#padel {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#padel p {
  margin: 0;
  padding: 0;
}
#padelAnim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 2%;
  z-index: -2;
}
#padelD {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 25px;
  font-size: 16pt;
  margin-top: 550px;
  text-transform: uppercase;
}

#sec4 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: greenyellow; */
  z-index: -100;
}

#padelinfo {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 20px;
  z-index: -2;
  /* text-transform: uppercase;   */
}
#padelLINK {
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 195%;
  margin-left: 4%;
}
#logoPadel {
  position: relative;
  display: flex;
  width: 20%;
  margin-top: 20%;
}
#mobilApp {
  position: relative;
  /* display: flex; */
  /* padding: 0% 30% 0% 10%; */
  margin-left: 30%;
  margin-top: -30%;
}

#infoPadel {
  position: relative;
  margin-top: 30%;
  line-height: 1.2;
}
#sec5 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: green; */
  z-index: -100;
}
#basket {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#basket p {
  margin: 0;
  padding: 0;
}
#basketanim {
  position: absolute;
  display: flex;
  width: 120vw;
  margin-top: 12%;
  z-index: -2;
}
#accrocheLine {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 75px;
  font-size: 16pt;
  margin-top: 740px;
  text-transform: uppercase;
}

#sec6 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: lightblue; */
  z-index: -100;
}
#basketD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}
#sec7 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(33, 107, 197); */
  z-index: -100;
}
#roulette {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#roulette p {
  margin: 0;
  padding: 0;
}

#CommeRoulette {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 40px;
  font-size: 14pt;
  margin-top: 700px;
  text-transform: uppercase;
}
#sec8 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(9, 55, 110); */
  z-index: -100;
}
#rouletteD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}
#rouletteBack {
  position: absolute;
  z-index: -1;
  width: 100%;
  /* margin-top: -30%; */
}
#rouletteFront {
  position: absolute;
  z-index: 1;
  width: 120%;
  margin-top: 10%;
}
#hashtaggad {
  text-decoration: underline;
}

#sec9 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(107, 33, 197); */
  z-index: -100;
}

#grimpe {
  position: absolut;
  margin-top: 135px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 18%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#grimpe p {
  margin: 0;
  padding: 0;
}
#accrocheGrimpe {
  position: relative;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  font-size: 14pt;
  margin-top: 700px;
  margin-left: -220px;
  text-transform: uppercase;
}
#grimpeanim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 0%;
  z-index: -2;
}

#sec10 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(78, 15, 119); */
  z-index: -100;
}

#grimpeD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}
#separatligneGrimpe {
  position: relative;
  display: flex;
  background-color: black;
  width: 90%;
  align-items: center;
  height: 1px;
  margin-top: 100%;
  margin-left: 5%;
}
#grimpeDDorigny {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 400px;
}
#sec11 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;

  /* background-color: rgb(119, 15, 109); */

  z-index: -100;
}
#tennis {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 18%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#tennis p {
  margin: 0;
  padding: 0;
}
#tennisanim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 2%;
  z-index: -2;
}
#accrocheTennis {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  font-size: 14pt;
  margin-top: 720px;

  text-transform: uppercase;
}

#sec12 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(214, 28, 183); */
  z-index: -100;
}

#LinkTennis {
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 159%;
  margin-left: 58%;
}
#LinkTan {
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 164%;
  margin-left: 39%;
}
#tennisD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}

#sec13 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(255, 153, 238); */
  z-index: -100;
}
#boulodromme {
  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;
}
#boulodrommeAnim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 2%;
  z-index: -2;
}
#boulodromme p {
  margin: 0;
  padding: 0;
}
#accrocheBoul {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 65px;
  font-size: 14pt;
  margin-top: 730px;
  /* margin-left: -235px; */
  text-transform: uppercase;
}
#sec14 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(255, 153, 184); */
  z-index: -100;
}
#boulodromeD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}
#sec15 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(239, 71, 121); */
  z-index: -100;
}
#muscu {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 17%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#muscu p {
  margin: 0;
  padding: 0;
}

#muscuAnim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 0%;
  z-index: -2;
}
#muscuAccroche {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 45px;
  font-size: 14pt;
  margin-top: 780px;
  /* margin-left: -235px; */
  text-transform: uppercase;
}
#sec16 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(214, 34, 88); */
  z-index: -100;
}
#muscuD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 11pt;
  margin-top: 10px;
}
#sec17 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(214, 34, 34); */
  z-index: -100;
}
#dorigny {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 17%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#dorigny p {
  margin: 0;
  padding: 0;
}
#animDorigny{
  position: absolute;
  display: flex;
  width: 120vw;
  margin-top: 0%;
  z-index: -2; 
}

#dorignyAccroche {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 100px;
  font-size: 14pt;
  margin-top: 780px;
  /* margin-left: -235px; */
  text-transform: uppercase;
}
#sec18 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(147, 2, 2); */
  z-index: -100;
}
#dorignyLink1 {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 160%;
  margin-left: 5%;
}
#dorignyD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}
#startsectionBlack {
  position: absolute;
  background-color: black;
  /* opacity: 40%; */
  width: 100vw;
  height: 80%;
  margin-top: 80%;
}
#titreDorigny {
  position: absolute;
  color: white;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 40px;
  /* margin-left: 18%; */
  font-size: 14pt;
  margin-top: 100%;
  text-transform: uppercase;
}

#textIntroDorigny {
  position: absolute;
  color: white;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 130%;
  /* text-transform: uppercase; */
}
#sec19 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 1688px;
  background-color: black;
  /* background-color: rgb(225, 61, 32); */
  z-index: -100;
}

.letter {
  position: relative;
  display: flex;
  color: white;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 14pt;
}
#optionA {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 50px);
  padding: 10px;
  margin-top: -10%;
  grid-template-areas: "textA textA priceA";
}

#textA {
  grid-area: textA;
  color: white;
  font-size: 11pt;
  padding: 5px;
}
#priceA {
  grid-area: priceA;
  color: white;
  font-size: 11pt;
  padding: 5px;
  text-align: right;
}
.letterB {
  position: relative;
  display: flex;
  color: white;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 14pt;
  margin-top: -20px;
}

#optionB {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 50px);
  padding: 10px;
  margin-top: -10%;
  grid-template-areas: "textA textA priceA";
}

#textB {
  grid-area: textA;
  color: white;
  font-size: 11pt;
  padding: 5px;
}
#priceB {
  grid-area: priceA;
  color: white;
  font-size: 11pt;
  padding: 5px;
  text-align: right;
}
#marginSupp {
  height: 1%;
  width: 20%;
  /* background-color: pink; */
}

#optionC {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 50px);
  padding: 10px;
  margin-top: -10%;
  grid-template-areas: "textA textA priceA";
}

#textC {
  grid-area: textA;
  color: white;
  font-size: 11pt;
  padding: 5px;
}
#priceC {
  grid-area: priceA;
  color: white;
  font-size: 11pt;
  padding: 5px;
  text-align: right;
}
#marginSupp2 {
  position: relative;

  height: 4%;
  width: 20%;
  /* background-color: pink; */
}
#optionD {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 50px);
  padding: 10px;
  margin-top: -10%;
  grid-template-areas: "textA textA priceA";
}

#textD {
  grid-area: textA;
  color: white;
  font-size: 11pt;
  padding: 5px;
}
#priceD {
  grid-area: priceA;
  color: white;
  font-size: 11pt;
  padding: 5px;
  text-align: right;
}
#marginSupp3 {
  position: relative;

  height: 8%;
  width: 20%;
  /* background-color: pink; */
}

#optionE {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 50px);
  padding: 10px;
  margin-top: -10%;
  grid-template-areas: "textA textA priceA";
}

#textE {
  grid-area: textA;
  color: white;
  font-size: 12pt;
  padding: 5px;
}
#priceE {
  grid-area: priceA;
  color: white;
  font-size: 12pt;
  padding: 5px;
  text-align: right;
}
#marginSupp4 {
  position: relative;

  height: 10%;
  width: 20%;
  /* background-color: pink; */
}

#optionF {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 50px);
  padding: 10px;
  margin-top: -10%;
  grid-template-areas: "textA textA priceA";
}

#textF {
  grid-area: textA;
  color: white;
  font-size: 12pt;
  padding: 5px;
}
#priceF {
  grid-area: priceA;
  color: white;
  font-size: 12pt;
  padding: 5px;
  text-align: right;
}
#whiteLineSepartation {
  position: absolute;
  /* display: flex; */
  background-color: white;
  width: 90%;
  align-items: center;
  height: 1px;
  margin-top: 430%;
  margin-left: 5%;
}
#sec20 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  margin-top: -75%;
  background-color: black;
  /* background-color: rgb(194, 81, 0); */
  z-index: -100;
}
#LucLinkBad {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 55%;
  margin-left: 35%;
  margin-right: 35%;
}
#LucLinkBasket {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 53%;
  margin-left: 36%;
  margin-right: 36%;
}
#LucLinkFoot {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 51%;
  margin-left: 38%;
  margin-right: 38%;
}
#LucLinkFootAm {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 49%;
  margin-left: 28%;
  margin-right: 28%;
}
#LucLinkRugby {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 47%;
  margin-left: 40%;
  margin-right: 40%;
}
#LucLinkUniHock {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 45%;
  margin-left: 36%;
  margin-right: 36%;
}
#LucLinkVoile {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 43%;
  margin-left: 42%;
  margin-right: 42%;
}
#LucLinkVolley {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 41%;
  margin-left: 37%;
  margin-right: 37%;
}

#lesClubTitre {
  position: absolute;
  /* display: flex; */
  color: white;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 14pt;
  margin-top: 10%;
}
#clubD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 100px;
  color: white;
}
#sportlistClub {
  position: absolute;
  /* display: flex;  */
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 115px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 260px;
  color: white;
}
#sportunilLink1 {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 16pt;
  z-index: 220;
  margin-top: 74%;
  margin-left: 25%;
  margin-right: 25%;
  text-transform: uppercase;
}
#sportunilLink2 {
  position: absolute;
  text-decoration: underline;
  color: white;
  cursor: pointer;
  font-size: 16pt;
  z-index: 220;
  margin-top: 125%;
  margin-left: 25%;
  margin-right: 25%;
  text-transform: uppercase;
}
#whiteLineSepartation2 {
  position: absolute;
  /* display: flex; */
  background-color: white;
  width: 90%;
  align-items: center;
  height: 1px;
  margin-top: 115%;
  margin-left: 5%;
}

#moreInfoClub {
  position: absolute;
  /* display: flex; */
  color: white;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 14pt;
  margin-top: 120%;
  padding: 3%;
}

#whiteLineSepartation3 {
  position: absolute;
  /* display: flex; */
  background-color: white;
  width: 90%;
  align-items: center;
  height: 1px;
  margin-top: 165%;
  margin-left: 5%;
}

#moreInfoClub2 {
  position: absolute;
  /* display: flex; */
  color: white;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 14pt;
  margin-top: 170%;
  padding: 3%;
}
#sec21 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(152, 108, 5); */
  z-index: -100;
}
#clubs {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 8%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#clubsAnim {
  position: absolute;
  display: flex;
  width: 130vw;
  margin-top: 0%;
  z-index: -2;
}
#clubs p {
  margin: 0;
  padding: 0;
}

#clubsAccroche {
  position: absolute;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 35px;
  font-size: 14pt;
  margin-top: 740px;
  text-transform: uppercase;
}
#linkGuidSportif {
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 58%;
  margin-left: 4%;
}
#linkPourTous {
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 55%;
  margin-left: 4%;
}
#sec22 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(227, 164, 16); */
  z-index: -100;
}
#clubsD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 40px;
}
#sec23 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(227, 164, 16); */
  z-index: -100;
}
#slowfit {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 17%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}

#slowfit p {
  margin: 0;
  padding: 0;
}
#slowfitAccroche {
  position: absolute;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  font-size: 14pt;
  margin-top: 740px;
  text-transform: uppercase;
}
#slowfitAnim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 0%;
  z-index: -2;
}
#sec24 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(227, 10, 22); */
  z-index: -100;
}
#titreSlowfit {
  position: absolute;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 60px;
  font-size: 12pt;
  margin-top: 50px;
  text-transform: uppercase;
}
#slowfitD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 130px;
}
#sec25 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(162, 227, 10); */
  z-index: -100;
}
#urbantraining {
  position: absolut;
  margin-top: 85px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#urbantraining p {
  margin: 0;
  padding: 0;
}
#urbanAnim {
  position: absolute;
  display: flex;
  width: 100vw;
  margin-top: 0%;
  z-index: -2;
}
#urbainAccroche {
  position: absolute;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  font-size: 14pt;
  margin-top: 740px;
  text-transform: uppercase;
  line-height: 0.8;
}
#sec26 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(10, 82, 227); */
  z-index: -100;
}

#linkUrban{
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 80%;
  margin-left: 4%;

}
#urbanD {
  position: absolute;
  /* display: flex;  */
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  /* margin-left: 18%; */
  font-size: 12pt;
  margin-top: 50px;
}
#urbanBlackLine {
  position: absolute;
  /* display: flex; */
  background-color: rgb(9, 9, 9);
  width: 90%;
  align-items: center;
  height: 1px;
  margin-top: 4%;
  padding: 0 10;
}

#sec27 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(10, 227, 39); */
  z-index: -100;
}

#installation {
  position: absolut;
  margin-top: -1%;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
}
#installation p {
  margin: 0;
  padding: 0;
}
#sportTous2{
  position: absolute;
  text-decoration: underline;
  color: black;
  cursor: pointer;
  font-size: 12pt;
  z-index: 220;
  margin-top: 38%;
  margin-left: 4%;

}


#sec28 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  /* background-color: rgb(255, 208, 99); */
  z-index: -100;
}

#installationD {
  position: absolute;
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  font-size: 12pt;
  margin-top: 40px;
}

#secAgenda1 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  background-color: rgb(0, 0, 0);
  z-index: -100;
}
#agenda {
  position: absolut;
  margin-top: 100px;
  font-size: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 18%;
  z-index: -1;
  line-height: 0.8;
  font-family: "ClarendonGraphic", sans-serif;
  color: white;
}
#animAgenda {
  position: absolute;
  display: flex;
  width: 130vw;
  margin-top: 0%;
  z-index: -2;
}
#agenda p {
  margin: 0;
  padding: 0;
}

#agendaAccroche {
  position: absolute;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px 25px;
  font-size: 16pt;
  margin-top: 750px;
  text-transform: uppercase;
  color: white;
}

#secAgenda2 {
  position: relative;
  display: flex;
  width: 100vw;
  height: 844px;
  background-color: rgb(0, 0, 0);
  z-index: -100;
}
#agendaD {
  position: absolute;
  text-align: left;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  font-size: 12pt;
  margin-top: 40px;
  color: white;
}