/* screen - encours */

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

.encours .flex-col {
  background-image: url(../img/fa-ade.png);
  background-size: 100% 100%;
  flex-direction: column;
  gap: 34px;
  min-height: 1024px;
  width: 1440px;
}

.encours .flex-row {
  gap: 25px;
  margin-right: 16.0px;
  margin-top: 36px;
  min-width: 1378px;
}

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

.encours .flex-col-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-bottom: 10.78px;
  min-height: 197px;
  width: 1157px;
}

.encours .bouton-societe-de-tir-de-toulon {
  height: 83px;
  margin-right: 8.59px;
  width: 1033px;
}

.encours .bouton-container {
  align-items: flex-start;
  display: flex;
  min-width: 1157px;
}

.encours .bouton-accueil {
  background-image: url(../img/bouton-accueil-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  width: 100px;
}

.encours .bouton-horaires {
  background-image: url(../img/bouton-horaires-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .bouton-tarifs {
  background-image: url(../img/bouton-tarifs-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 5px;
  width: 100px;
}

.encours .bouton-installations {
  background-image: url(../img/bouton-installations-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .bouton-equipe {
  background-image: url(../img/bouton-equipe-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .bouton-calendrier {
  background-image: url(../img/bouton-calendrier-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .bouton-infos {
  background-image: url(../img/bouton-infos-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 5px;
  width: 100px;
}

.encours .bouton-competitions {
  background-image: url(../img/bouton-competitions-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .bouton-ecole-de-tir {
  background-image: url(../img/bouton-ecole-de-tor.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .bouton-galerie {
  background-image: url(../img/bouton-galerie-25.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 5px;
  width: 100px;
}

.encours .bouton-regement-interieur {
  background-image: url(../img/bouton-reglement-interieur.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.encours .overlap-group-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 26px;
  min-height: 734px;
  width: 1440px;
}

.encours .overlap-group2 {
  border-radius: 50px;
  height: 660px;
  position: relative;
  width: 1340px;
}

.encours .frame-59::-webkit-scrollbar {
  display: none;
  width: 0;
}

.encours .frame-59 {
  align-items: flex-start;
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--black);
  border-radius: 50px;
  display: flex;
  height: 660px;
  left: 0;
  min-width: 1340px;
  overflow-y: scroll;
  padding: 112.6px 43.0px;
  position: absolute;
  top: 0;
}

.encours .cest-fini-pour-cette-saison {
  height: 425px;
  width: 1244px;
}

.encours .flechebas {
  align-items: flex-end;
  display: flex;
  height: 100px;
  left: 1280px;
  padding: 10.3px 6.0px;
  position: absolute;
  top: 559px;
  width: 60px;
}

.encours .polygon-2 {
  height: 65px;
  width: 48px;
}

.encours .flechehaut {
  align-items: flex-start;
  display: flex;
  height: 100px;
  left: 1276px;
  padding: 10.3px 6.0px;
  position: absolute;
  top: 4px;
  width: 60px;
}

.encours .bouton-container-1 {
  align-items: center;
  background-color: var(--black);
  display: flex;
  gap: 722px;
  height: 48px;
  min-width: 1440px;
  padding: 0 200px;
}

.encours .bouton-mentions-legales {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 160px;
}

.encours .bouton-nous-contacter {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 147px;
}

.encours .flex {
  align-items: center;
  display: flex;
}