/* screen - infos04 */

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

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

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

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

.infos04 .flex-col-1 {
  gap: 21px;
  margin-bottom: 10.78px;
  min-height: 197px;
  width: 1157px;
}

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

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

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

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

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

.infos04 .flex-col-2 {
  gap: 80px;
  min-height: 706px;
  width: 1440px;
}

.infos04 .ds-son-inscription-e {
  height: 578px;
  margin-left: 0.45px;
  width: 1106px;
}

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

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

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

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

.infos04 .flex-col-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
}