/* screen - avenir */

.avenir {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  width: 1440px;
}

.avenir .overlap-group {
  height: 1024px;
  position: relative;
  width: 1440px;
}

.avenir .bandeau-noir {
  background-color: var(--black);
  height: 48px;
  left: 0;
  position: absolute;
  top: 976px;
  width: 1440px;
}

.avenir .blason {
  background-image: url(../img/bouton-blason-stt-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 220px;
  left: 23px;
  position: absolute;
  top: 36px;
  width: 196px;
}

.avenir .bouton-societe-de-tir-de-toulon {
  height: 83px;
  left: 302px;
  position: absolute;
  top: 42px;
  width: 1033px;
}

.avenir .bouton-mentions-legales {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 30px;
  left: 200px;
  min-width: 160px;
  position: absolute;
  top: 985px;
}

.avenir .bouton-nous-contacter {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 30px;
  left: 1082px;
  min-width: 147px;
  position: absolute;
  top: 985px;
}

.avenir .bouton-accueil {
  background-image: url(../img/bouton-accueil-25.png);
  left: 244px;
}

.avenir .bouton-calendrier {
  background-image: url(../img/bouton-calendrier-25.png);
  left: 773px;
}

.avenir .bouton-competitions {
  background-image: url(../img/bouton-competitions-25.png);
  left: 984px;
}

.avenir .bouton-ecole-de-tir {
  background-image: url(../img/bouton-ecole-de-tor.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  left: 1090px;
  position: absolute;
  top: 139px;
  width: 100px;
}

.avenir .bouton-equipe {
  background-image: url(../img/bouton-equipe-25.png);
  left: 667px;
}

.avenir .bouton-galerie {
  background-image: url(../img/bouton-galerie-25.png);
  left: 1195px;
}

.avenir .bouton-horaires {
  background-image: url(../img/bouton-horaires-25.png);
  left: 350px;
}

.avenir .bouton-infos {
  background-image: url(../img/bouton-infos-25.png);
  left: 878px;
}

.avenir .bouton-tarifs {
  background-image: url(../img/bouton-tarifs-25.png);
  left: 455px;
}

.avenir .bouton-regement-interieur {
  background-image: url(../img/bouton-reglement-interieur.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  left: 1301px;
  position: absolute;
  top: 139px;
  width: 100px;
}

.avenir .bouton-installations {
  background-image: url(../img/bouton-installations-25.png);
  left: 561px;
}

.avenir .cest-fini-pour-cette-saison {
  height: 425px;
  left: 124px;
  position: absolute;
  top: 369px;
  width: 1244px;
}

.avenir .bouton {
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  position: absolute;
  top: 139px;
  width: 100px;
}