/* screen - haut-niveau-3 */

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

.haut-niveau-3 .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%;
}

.haut-niveau-3 .stt {
  display: flex;
  height: 7.32%;
  left: 20.83%;
  position: absolute;
  top: 4.10%;
  width: 71.18%;
}

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

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

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

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

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

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

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

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

.haut-niveau-3 .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%;
}

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

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

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

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

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

.haut-niveau-3 .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%;
}

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

.haut-niveau-3 .philippe-lecomte-2 {
  height: 63.71%;
  left: 15.48%;
  object-fit: cover;
  position: absolute;
  top: 27.34%;
  width: 34.10%;
}

.haut-niveau-3 .philippe-lecomte-cha {
  height: 15.58%;
  left: 55.54%;
  position: absolute;
  top: 33.39%;
  width: 25.66%;
}

.haut-niveau-3 .remise-des-trophes-s {
  height: 11.53%;
  left: 55.53%;
  position: absolute;
  top: 74.41%;
  width: 34.43%;
}

.haut-niveau-3 .text {
  align-items: center;
  color: var(--black);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 700;
  height: 8.59%;
  justify-content: center;
  left: 55.48%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 78.07%;
  width: 0;
}

.haut-niveau-3 .balle-gauche {
  background-image: url(../img/balle-gauche.png);
  left: 5.69%;
}

.haut-niveau-3 .balle-droite {
  background-image: url(../img/balle-droite.png);
  left: 88.47%;
}

.haut-niveau-3 .balle {
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 2.05%;
  position: absolute;
  top: 87.11%;
  width: 5.28%;
}