/* screen - reglement-interieur */

.reglement-interieur {
  aspect-ratio: 1.41;
  height: 1024px;
  min-width: 1440px;
  position: relative;
  width: 100%;
}

.reglement-interieur .maquette {
  background-image: url(../img/fac-ade-stt-50-.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.reglement-interieur .stt {
  background-image: url(../img/bouton-societe-de-tir-de-toulon-14.svg);
  background-size: 100% 100%;
  height: 7.32%;
  left: 20.83%;
  position: absolute;
  top: 4.10%;
  width: 71.18%;
}

.reglement-interieur .blason {
  height: 21.78%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 3.52%;
  width: 13.82%;
}

.reglement-interieur .bouton-mentions-legales {
  cursor: pointer;
  display: flex;
  height: 2.93%;
  left: 13.89%;
  position: absolute;
  top: 96.19%;
  width: 11.94%;
}

.reglement-interieur .boutonmentions-lgales {
  background-image: url(../img/rectangle-5.svg);
  background-size: 100% 100%;
  flex: 1;
  position: relative;
  width: 172px;
}

.reglement-interieur .bouton-nous-contacter {
  cursor: pointer;
  display: flex;
  height: 2.93%;
  left: 75.14%;
  position: absolute;
  top: 96.19%;
  width: 10.97%;
}

.reglement-interieur .boutonnous-contacter {
  background-image: url(../img/rectangle-6.svg);
  background-size: 100% 100%;
  flex: 1;
  position: relative;
  width: 158px;
}

.reglement-interieur .bouton-accueil {
  background-image: url(../img/bouton-accueil.png);
  left: 16.94%;
}

.reglement-interieur .bouton-calendrier {
  background-image: url(../img/bouton-calendrier.png);
  left: 53.68%;
}

.reglement-interieur .bouton-competitions {
  background-image: url(../img/bouton-competitions.png);
  left: 68.33%;
}

.reglement-interieur .bouton-ecole-de-tir {
  background-image: url(../img/bouton-ecole-de-tor.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 9.77%;
  left: 75.69%;
  position: absolute;
  top: 13.57%;
  width: 6.94%;
}

.reglement-interieur .bouton-equipe {
  background-image: url(../img/bouton-equipe.png);
  left: 46.32%;
}

.reglement-interieur .bouton-galerie {
  background-image: url(../img/bouton-galerie.png);
  left: 82.99%;
}

.reglement-interieur .bouton-horaires {
  background-image: url(../img/bouton-horaires.png);
  left: 24.31%;
}

.reglement-interieur .bouton-infos {
  background-image: url(../img/bouton-infos.png);
  left: 60.97%;
}

.reglement-interieur .bouton-tarifs {
  background-image: url(../img/bouton-tarifs.png);
  left: 31.60%;
}

.reglement-interieur .bouton-reglement-interieur {
  background-image: url(../img/bouton-reglement-interieur.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 9.77%;
  left: 90.35%;
  position: absolute;
  top: 13.57%;
  width: 6.94%;
}

.reglement-interieur .bouton-installations {
  background-image: url(../img/bouton-installations.png);
  left: 38.96%;
}

.reglement-interieur .rectangle-24 {
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--black);
  border-radius: 50px;
  height: 64.45%;
  left: 3.47%;
  position: absolute;
  top: 28.32%;
  width: 93.06%;
}

.reglement-interieur .texte {
  height: 60.25%;
  left: 6.94%;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 29.69%;
  width: 86.11%;
}

.reglement-interieur .p-4 {
  height: 284.12%;
  top: 852.51%;
}

.reglement-interieur .p-3 {
  height: 283.95%;
  top: 568.56%;
}

.reglement-interieur .p-2 {
  height: 284.44%;
  top: 284.12%;
}

.reglement-interieur .p-1 {
  height: 100%;
  top: 0;
}

.reglement-interieur .p {
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}