h1 > span {
  white-space: nowrap;
}

@media screen and (max-width: 450px) {
  h1 > span {
    white-space: normal;
  }
}

h2 {
  text-align: center;
}

section.intro-etat-lieu {
  border: 1px solid #cecece;
  border-radius: 15px;
  position: relative;
  width: 100vw;
  height: 75vh;
  background: url("../images/bg-header-etat-lieu.jpg") top/cover;
}

section.intro-etat-lieu .sommaire-etat-lieu {
  width: 60%;
  border: 1px solid grey;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
}

@media screen and (max-width: 1080px) {
  section.intro-etat-lieu .sommaire-etat-lieu {
    width: 75%;
  }
}

main section {
  width: 95%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

main section > div {
  margin: 0 2rem;
}

@media screen and (max-width: 770px) {
  main section {
    margin: -10px -0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

section.etat-lieu-avant-travaux .contenu-etat-lieu-avant-travaux {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (max-width: 930px) {
  section.etat-lieu-avant-location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

section.etat-lieu-avant-location .contenu-etat-lieu-avant-location {
  width: 85%;
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
}

@media screen and (max-width: 930px) {
  section.etat-lieu-avant-location .contenu-etat-lieu-avant-location {
    position: relative;
    top: 0px;
  }
}

section.etat-lieu-avant-location .tableau-etat-lieu-avant-location .remarque {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.etat-lieu-avant-location .tableau-etat-lieu-avant-location .remarque span {
  font-size: 0.75rem;
  font-weight: 700;
  font-style: oblique;
}

section.etat-lieu-avant-location .tableau-etat-lieu-avant-location .remarque > * {
  width: 50%;
}

@media screen and (max-width: 1070px) {
  section.etat-des-lieux-locatifs-de-sortie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section.etat-des-lieux-locatifs-de-sortie > div {
    width: 100%;
  }
}

section.etat-des-lieux-locatifs-de-sortie .contenu-etat-des-lieux-locatifs-de-sortie {
  width: 85%;
}

section.etat-des-lieux-locatifs-de-sortie .tableau-etat-des-lieux-locatifs-de-sortie {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 70%;
}
/*# sourceMappingURL=etat-lieu.css.map */