/* screen - hautniveau02 */

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

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

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

.hautniveau02 .blason {
  height: 220px;
  width: 196px;
}

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

.hautniveau02 .stt {
  height: 75px;
  margin-right: 16.59px;
  width: 1025px;
}

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

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

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

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

.hautniveau02 .overlap-group-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 36px;
  min-height: 744px;
  width: 1440px;
}

.hautniveau02 .erouge-container {
  align-items: flex-end;
  background-image: url(../img/france-10-18-me-tres-chateauroux-2025--1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 1136px;
  height: 660px;
  min-width: 1340px;
  padding: 18px 0;
}

.hautniveau02 .fleche {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 100px;
}

.hautniveau02 .fleche-1 {
  align-items: center;
  display: flex;
  height: 60px;
  padding: 0 10.3px;
  width: 100px;
}

.hautniveau02 .polygon-21 {
  margin-left: 15px;
}

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

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

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

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