@media (min-width: 992px) {
  .acc {
    display: block;
    float: left;
    width: 60px;
    height: 100vh;
    overflow: hidden;
    position: relative;
  }

  .acc.open {
    width: calc(100% - 420px);
    margin-right: 0;
    height: 100vh;
  }

  .acc.open .label {
    width: 60px;
    height: 100vh;
    opacity: 1;
  }

  .acc .label {
    width: 60px;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    border-left: 1px solid #000000;
    border-top: none;
    z-index: 10;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0;
  }

  .acc.open #logo {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    opacity: 1;
  }

  .acc #logo img {
    opacity: 0;
  }

  .acc.acc1.open #logo img {
    opacity: 1;
  }

  .acc1.acc {
    height: 100vh;
  }

  .acc1.acc.open {
    height: 100vh;
  }

  .acc1 .label {
    background: transparent;
    border: none;
  }

  .acc1 .inner {
    background-size: cover;
    margin-left: 300px;
  }

  .acc2 {
    background: #ffffff;
    z-index: 2;
  }

  .acc3 {
    background: #ffffff;
    z-index: 3;
  }

  .acc4 {
    background: #ffffff;
    z-index: 4;
  }

  .acc5 {
    background: #ffffff;
    z-index: 5;
  }

  .acc6 {
    background: #ffffff;
    z-index: 6;
  }

  .acc7 {
    background: #ffffff;
    z-index: 7;
  }

  .acc2.open .label,
  .acc2 .label:hover {
    background: #ffffff;
  }

  .acc3.open .label,
  .acc3 .label:hover {
    background: #ffffff;
  }

  .acc4.open .label,
  .acc4 .label:hover {
    background: #ffffff;
  }

  .acc .inner {
    opacity: 0;
    width: calc(100vw - 580px);
    padding: 40px 20px 0px 140px;
    //min-height: calc(100vh - 100px);
    //height: calc(100vh - 140px);
  }

  .open .inner {
    overflow: hidden;
  }

  .acc1 .inner,
  .acc.open .inner {
    display: block;
    opacity: 1;
  }

  .acc1 .inner {
    padding: 0;
    margin: 0;
    background-position: center;
    background-size: cover;
    height: 100vh;
  }

  .acc1.open .inner {
    opacity: 1;
    width: calc(100vw - 480px);
    width: 100vw;
    margin-left: 300px;
    height: 100vh;
    padding: 0;
  }

  .acc1 .inner .cycle-slideshow {
    width: calc(100vw - 480px);
    height: 100vh;
    z-index: 2;
  }

  .acc1 .inner .cycle-slideshow .slide {
    width: calc(100vw - 480px);
    height: 100vh;
    background-position: center;
    background-size: cover;
  }

  . {
    padding-top: 80px;
  }

  .equipe-left {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 0px;
  }

  .equipe-left img {
    max-width: 200px;
  }

  .expertise-left {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 0px;
  }

  .expertise-left img {
    max-width: 200px;
  }

  .rotate {
    margin: 140px -72px;
    width: 200px;
    text-align: right;
    position: absolute;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .retour {
    display: block;
    position: absolute;
    top: 0;
    left: 80px;
    cursor: pointer;
    font-size: 12px;
  }
}