/*transition*/

#boite {
  position: fixed;
  width: 100%;
  height: 100%;
}

.parts {
  position: fixed;
  left: 0%;
  width: 100%;
  height: 100%;
  transition: transform 0.8s ease-in-out;
  background-color: black;
}

.parts-fix {
  position: fixed;

  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  transition: transform 0.8s ease-in-out;
}

.part1 {
  transform: translate3d(0, 0, 0);
  background: black;

}

.part2 {
  transform: translate3d(100%, 0, 0);
}

.part3 {
  transform: translate3d(200%, 0, 0);
  height: 7600px;
  max-height: 7600px;
}
.part4 {
  transform: translate3d(300%, 0, 0);

  /* height:7600px; */

  /* overflow-y:scroll; */
}

.mov-1 .part1 {
  transform: translate3d(0, 0, 0);
}

.mov-1 .part2 {
  transform: translate3d(100%, 0, 0);
}

.mov-1 .part3 {
  transform: translate3d(200%, 0, 0);
}

.mov-1 .part4 {
  transform: translate3d(300%, 0, 0);
}

.mov-2 .part1 {
  transform: translate3d(-100%, 0, 0);
}
.mov-2 .part2 {
  transform: translate3d(0, 0, 0);
}
.mov-2 .part3 {
  transform: translate3d(100%, 0, 0);
}

.mov-2 .part4 {
  transform: translate3d(200%, 0, 0);
}

.mov-3 .part1 {
  transform: translate3d(-200%, 0, 0);
}
.mov-3 .part2 {
  transform: translate3d(-100%, 0, 0);
}
.mov-3 .part3 {
  transform: translate3d(0, 0, 0);
}

.mov-3 .part4 {
  transform: translate3d(100%, 0, 0);
}

.mov-4 .part1 {
  transform: translate3d(-300%, 0, 0);
}
.mov-4 .part2 {
  transform: translate3d(-200%, 0, 0);
}
.mov-4 .part3 {
  transform: translate3d(-100%, 0, 0);
}

.mov-4 .part4 {
  transform: translate3d(0, 0, 0);
}