/* screen - accueil */

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

.accueil .stt {
  display: flex;
  height: 7.32%;
  left: 20.83%;
  position: absolute;
  top: 4.10%;
  width: 71.18%;
}

.accueil .bouton-societe-de-tir-de-toulon {
  flex: 1;
  width: 1033px;
}

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

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

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

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

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

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

.accueil .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%;
}

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

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

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

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

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

.accueil .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%;
}

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

.accueil .hall-daccueil-1 {
  height: 53.15%;
  left: 11.05%;
  object-fit: cover;
  position: absolute;
  top: 28.17%;
  width: 77.22%;
}

.accueil .historique {
  cursor: pointer;
  height: 2.95%;
  left: 3.65%;
  position: absolute;
  top: 88.49%;
  width: 16.23%;
}

.accueil .historique-1 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 63.57%;
}

.accueil .balle-droite {
  background-image: url(../img/balle-droite.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 69.82%;
  left: 67.26%;
  position: absolute;
  top: 18.62%;
  width: 32.74%;
}

.accueil .thique {
  cursor: pointer;
  height: 3.62%;
  left: 23.22%;
  position: absolute;
  top: 87.82%;
  width: 13.33%;
}

.accueil .thique-1 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 57.36%;
}

.accueil .balle-droite-1 {
  height: 56.86%;
  left: 60.13%;
  top: 33.73%;
  width: 39.87%;
}

.accueil .nous-trouver {
  cursor: pointer;
  height: 2.40%;
  left: 39.88%;
  position: absolute;
  top: 88.56%;
  width: 18.99%;
}

.accueil .nous-trouver-1 {
  height: 96.42%;
  left: 0;
  position: absolute;
  top: 0;
  width: 70.27%;
}

.accueil .balle-droite-2 {
  height: 85.82%;
  left: 72.02%;
  top: 14.18%;
  width: 27.98%;
}

.accueil .dcouvrir {
  cursor: pointer;
  height: 2.60%;
  left: 62.20%;
  position: absolute;
  top: 88.27%;
  width: 15.89%;
}

.accueil .dcouvrir-1 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 64.08%;
}

.accueil .balle-droite-3 {
  height: 79.11%;
  left: 66.57%;
  top: 18.93%;
  width: 33.43%;
}

.accueil .sinscrire {
  cursor: pointer;
  height: 2.47%;
  left: 81.42%;
  position: absolute;
  top: 88.49%;
  width: 14.92%;
}

.accueil .sinscrire-1 {
  height: 97.07%;
  left: 0;
  position: absolute;
  top: 0;
  width: 62.30%;
}

.accueil .balle-droite-4 {
  height: 83.33%;
  left: 64.40%;
  top: 16.67%;
  width: 35.60%;
}

.accueil .mobilit-rduite {
  background-color: #d9d9d999;
  border: 5px solid;
  border-color: #1f5eff;
  border-radius: 25px;
  height: 4.39%;
  left: 23.45%;
  position: absolute;
  top: 74.64%;
  width: 52.42%;
}

.accueil .le-stand-est-accessi {
  height: 39.95%;
  left: 5.26%;
  position: absolute;
  top: 29.32%;
  width: 89.37%;
}

.accueil .balle-droite-5 {
  background-image: url(../img/balle-droite.png);
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
}