/* screen - infos10 */

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

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

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

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

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

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

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

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

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

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

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

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

.infos10 .cadre-deroulant {
  align-items: flex-end;
  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: 21px 50px;
  position: absolute;
  top: 0;
}

.infos10 .texte-deroulant::-webkit-scrollbar {
  display: none;
  width: 0;
}

.infos10 .texte-deroulant {
  align-items: flex-end;
  display: flex;
  height: 617px;
  overflow: hidden;
  overflow-y: scroll;
  width: 1240px;
}

.infos10 .group-19 {
  height: 17023px;
  margin-bottom: -16406px;
  width: 1240px;
}

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

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

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

.infos10 .overlap-group1 {
  background-image: url(../img/bandeau-noir.png);
  background-size: 100% 100%;
  height: 48px;
  position: relative;
  width: 1440px;
}

.infos10 .bandeau-noir {
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.infos10 .bouton-mentions-legales {
  cursor: pointer;
  height: 30px;
  left: 200px;
  position: absolute;
  top: 9px;
  width: 160px;
}

.infos10 .bouton-nous-contacter {
  cursor: pointer;
  height: 30px;
  left: 1082px;
  position: absolute;
  top: 9px;
  width: 147px;
}

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