/* screen - reglementinterieur-1 */

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

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

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

.reglementinterieur-1 .blason {
  height: 220px;
  width: 196px;
}

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

.reglementinterieur-1 .stt {
  height: 75px;
  margin-right: 20.2px;
  width: 1025px;
}

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

.reglementinterieur-1 .bouton-accueil {
  cursor: pointer;
  height: 100px;
  width: 100px;
}

.reglementinterieur-1 .bouton {
  cursor: pointer;
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

.reglementinterieur-1 .bouton-regement-interieur {
  height: 100px;
  margin-left: 6px;
  width: 100px;
}

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

.reglementinterieur-1 .overlap-group2 {
  height: 662px;
  position: relative;
  width: 1340px;
}

.reglementinterieur-1 .frame-56 {
  height: 660px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1340px;
}

.reglementinterieur-1 .flechehaut {
  background-image: url(../img/polygon-22.svg);
  background-size: 100% 100%;
  height: 100px;
  left: 1280px;
  position: absolute;
  top: 2px;
  width: 60px;
}

.reglementinterieur-1 .flechebas {
  background-image: url(../img/polygon-23.svg);
  background-size: 100% 100%;
  height: 100px;
  left: 1277px;
  position: absolute;
  top: 562px;
  width: 60px;
}

.reglementinterieur-1 .bouton-container-1 {
  align-items: center;
  background-image: url(../img/bandeau-noir-1.png);
  background-size: 100% 100%;
  display: flex;
  gap: 722px;
  height: 48px;
  min-width: 1440px;
  padding: 0 200px;
}

.reglementinterieur-1 .bouton-mentions-legales {
  cursor: pointer;
  height: 30px;
  width: 160px;
}

.reglementinterieur-1 .bouton-nous-contacter {
  cursor: pointer;
  height: 30px;
  width: 147px;
}

.reglementinterieur-1 .flex {
  align-items: center;
  display: flex;
}