/* screen - hautniveau03 */

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

.hautniveau03 .overlap-group {
  align-items: center;
  background-image: url(../img/fa-ade-22.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 42px;
  min-height: 1024px;
  width: 1440px;
}

.hautniveau03 .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  height: 898px;
  margin-right: 16.0px;
  margin-top: 36px;
  min-width: 1378px;
}

.hautniveau03 .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 614px;
  min-height: 894px;
  width: 196px;
}

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

.hautniveau03 .flechegauchenoire {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 60px;
  margin-right: 2.0px;
  padding: 0 10.3px;
  width: 100px;
}

.hautniveau03 .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  gap: 42px;
  min-height: 892px;
  width: 1157px;
}

.hautniveau03 .flex-col-2 {
  align-items: center;
  gap: 21px;
  min-height: 197px;
  width: 1157px;
}

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

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

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

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

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

.hautniveau03 .flex-row-1 {
  align-items: flex-end;
  display: flex;
  gap: 71px;
  min-width: 1090px;
}

.hautniveau03 .philippe-lecomte-2 {
  height: 653px;
  object-fit: cover;
  width: 491px;
}

.hautniveau03 .flex-col-3 {
  align-items: flex-start;
  gap: 261px;
  margin-bottom: 4.0px;
  min-height: 598px;
  width: 528px;
}

.hautniveau03 .philippe-lecomte-cha {
  height: 160px;
  margin-left: 0.77px;
  width: 370px;
}

.hautniveau03 .overlap-group2 {
  height: 178px;
  position: relative;
  width: 528px;
}

.hautniveau03 .remise-des-trophes-s {
  height: 118px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 496px;
}

.hautniveau03 .flechedroitenoire {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 60px;
  left: 428px;
  padding: 0 10.3px;
  position: absolute;
  top: 118px;
  width: 100px;
}

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

.hautniveau03 .text {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 700;
  height: 88px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 37px;
}

.hautniveau03 .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;
}

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

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

.hautniveau03 .flex-col-4 {
  display: flex;
  flex-direction: column;
}