@media only screen and (max-height: 800px) {
  .home-nav li.lien {
    bottom: calc((100vh - 120px) * -1);
    width: calc(50% - 60px);
  }
  .home-nav li.lien.open {
    -webkit-transform: translateY(calc((100vh - 120px) * -1));
            transform: translateY(calc((100vh - 120px) * -1));
  }
  .home-nav li.lien .titre {
    height: 120px;
    padding: 27px 0;
    font-size: 2.6rem;
  }
  .home-nav li.lien .titre span {
    font-size: 5rem;
    line-height: 4rem;
  }
  .home-nav li.logo {
    height: 120px;
    width: 120px;
  }
  .home-nav li.logo a {
    padding: 15px;
  }
  .home-nav li.logo .swiper-logo {
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
  }
  .home-nav li.lien.panel1 .switch {
    margin-left: 20px;
    margin-right: 20px;
  }
  .home-nav li.lien .visuel {
    width: calc(50vw + 60px);
  }
  .home-nav li.lien.open.panel1 .visuel {
    left: calc(50vw - 60px);
  }
  .home-nav li.lien.open.panel2 .visuel {
    right: calc(50vw - 60px);
  }
  .homepage .swiper-home h2 {
    font-size: 4.2rem;
    line-height: 5rem;
    width: 300px;
    z-index: 10;
  }
  .homepage .swiper-home .swiper-pagination-bullet {
    font-size: 1.55rem;
  }
  .switch {
    font-size: 2.3rem;
    line-height: 2rem;
  }
  .gab-chiffre-cle .swiper-wrapper {
    height: 400px;
  }
  .gab-chiffre-cle .swiper-wrapper .swiper-slide .image img {
    width: 375px;
  }
  .gab-carousel .wrap .swiper-container.swiper2 .swiper-slide {
    height: 260px;
  }
  .entretien .step-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .entretien .radio,
  .entretien .radio-boolean {
    width: 297px;
  }
  .entretien .question p {
    width: 607px;
  }
  .entretien .question::before {
    left: 627px;
  }
  .gab-memo {
    background-position: 50vw 30px, 49vw 60px;
  }
  .titre-bpm,
  header.small .titre1.titre-bpm {
    font-size: 4.5rem;
  }
}

@media only screen and (max-width: 1250px) {
  .home-nav li.lien.panel1 .choix-accompagnement {
    width: 90%;
  }
}

@media only screen and (max-width: 1100px) {
  .gab section {
    padding-bottom: 0;
  }
  .gab .hauteur-center {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .gab-memo {
    background-position: 50vw 30px, 49vw 60px;
  }
  .gab-carousel .titre2 {
    top: 0;
  }
  .gab-carousel .switch {
    margin-top: 35px;
    position: relative;
    top: 0;
  }
  .gab-carousel .swiper-container.swiper2 {
    top: 200px;
  }
  .image-zoom div {
    width: 467px;
  }
  .titre-bpm,
  header.small .titre1.titre-bpm {
    font-size: 4.5rem;
  }
  .entretien .col3 p {
    height: 75px;
  }
}

@media only screen and (max-width: 1023px) {
  .app {
    display: none;
  }
  .nosite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-height: 700px) {
  .gab-chiffre-cle .image-zoom div img {
    width: auto;
    height: 347px;
  }
  .gab-chiffre-cle .image-zoom div {
    max-height: 444px;
  }
  .gab section {
    padding-bottom: 0;
  }
  .gab .hauteur-center {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .gab-texte .swiper-container,
  .gab-texte-2col .swiper-container,
  .gab-consequence .swiper-container {
    height: 375px !important;
    margin-top: 0;
  }
  .gab .icon-magnifying-glass {
    display: none;
  }
  .gab-carousel .swiper-container.swiper2 .swiper-slide {
    height: 255px;
  }
  .gab-carousel .titre2 {
    top: 4vh;
  }
  .gab-carousel .swiper-container.swiper2 {
    top: 136px;
  }
  .gab-carousel .switch {
    top: -10vh;
  }
  .gab-chiffre-cle2 ul h2 {
    font-size: 5rem;
    line-height: 5.6rem;
  }
  .gab-chiffre-cle2 li {
    font-size: 2rem;
    line-height: 3rem;
  }
  .gab-chiffre-cle2 ul:nth-child(2) {
    margin-top: 53px;
  }
  .gab-chiffre-cle2 li {
    margin-bottom: 61px;
  }
  .gab-consequence .swiper-image .flex img {
    width: 304px;
  }
  .gab-texte .titre2,
  .gab-texte-2col .titre2,
  .gab-consequence .titre2 {
    margin-bottom: 20px;
  }
  .gab-chiffre-cle {
    padding-top: 38px;
  }
  .gab-chiffre-cle .swiper-wrapper .swiper-slide .image img {
    width: 312px;
  }
  .gab-chiffre-cle h2 {
    font-size: 7rem;
    line-height: 9rem;
  }
  .gab-chiffre-cle .swiper-wrapper .swiper-slide .flex .texte {
    font-size: 2rem;
    line-height: 3.4rem;
  }
  .swiper-container-horizontal > .swiper-scrollbar {
    bottom: 23px;
  }
}

@media only screen and (orientation: landscape) {
  .nosite .titre-paysage {
    display: block;
  }
  .nosite .titre-portrait {
    display: none;
  }
}

@media only screen and (orientation: portrait) {
  .nosite .titre-paysage {
    display: none;
  }
  .nosite .titre-portrait {
    display: block;
  }
}

@media only screen and (max-width: 700px) and (orientation: portrait) {
  .nosite .titre-paysage {
    display: block;
  }
  .nosite .titre-portrait {
    display: none;
  }
}