.section-intro-contact {
  margin-top: 100px;
  position: relative;
}
.section-intro-contact h1 {
  font-weight: 400;
}
.section-intro-contact .bloc {
  background-color: var(--beige);
  width: 100%;
  height: 39%;
  position: absolute;
  top: -4%;
  left: 0%;
}
.section-intro-contact .container-90 {
  position: relative;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 {
  margin-top: 18px;
  display: flex;
  column-gap: 30px;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .bloc-txt {
  position: relative;
  width: 80%;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 h1 {
  margin-top: 5px;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .slogan {
  font-size: 1.4em;
  margin-top: 30px;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 > .reseaux-social {
  width: 10%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .p-container {
  margin-top: 40px;
  row-gap: 30px;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .row-3 {
  column-gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .row-3 > .flex-row {
  column-gap: 20px;
  flex-wrap: wrap;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .row-3 a {
  font-weight: 700;
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .row-3 a:hover {
  color: var(--orange);
}
.section-intro-contact .container-90 > .flex-switch > .col-1 .elm-absolute {
  position: absolute;
  top: 20%;
  right: 0%;
  z-index: -1;
}
.section-intro-contact .container-90 > .flex-switch > .col-2 {
  margin-top: 70px;
}
.section-intro-contact .container-90 > .flex-switch > .col-2 h3 {
  font-weight: 700;
  text-transform: uppercase;
}
.section-intro-contact .container-90 > .flex-switch > .col-2 img {
  max-width: 280px;
}
.section-vide {
  margin: 110px 0;
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
  .section-intro-contact {
    margin-top: 224px;
  }
  .section-intro-contact .bloc {
    width: 48%;
    height: 100%;
    top: 1%;
  }
  .section-intro-contact .container-90 > .flex-switch {
    flex-direction: row;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 {
    width: 60%;
    margin: -30px unset -92px unset;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 h1 {
    font-size: 2.2em;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 .elm-absolute {
    right: 34%;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 .adresse {
    margin-bottom: 8px;
  }
  .section-intro-contact .container-90 > .flex-switch .col-2 {
    width: 48%;
    margin-top: 0;
  }
  .section-intro-contact .container-90 > .flex-switch .col-2 h3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .section-intro-contact .container-90 > .flex-switch .col-2 .btn {
    margin-top: 50px;
  }
  .section-vide {
    margin: 350px 0;
  }
}
@media only screen and (min-width: 1536px) and (orientation: landscape) {
  .section-intro-contact .container-90 {
    width: 70%;
  }
  .section-intro-contact .container-90 .reseaux-social {
    top: 6%;
    left: -8%;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 h1 {
    font-size: 2.8em;
    line-height: 54px;
    margin-top: 14px;
    margin-bottom: 30px;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 .slogan {
    font-size: 1.8em;
    line-height: 36px;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 .p-container {
    margin-top: 50px;
    row-gap: 20px;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 .row-3 {
    margin-top: 50px;
  }
  .section-intro-contact .container-90 > .flex-switch .col-1 .elm-absolute {
    top: 17%;
    right: 35%;
  }
}