#avis1 {
  width: 100%;
  padding: 0 60px;
}

.avis1DisplayInfos {
  display: flex;
}

.avis1VideoToDisplay {
  padding: 0 15px 0 0;
  width: 50%;
}

#avis1Video {
  aspect-ratio: 16 / 9;
}

.avis1VideoToDisplay img {
  width: 100%;
  border-radius: 25px;
}

.avis1InfoToDisplay {
  padding: 0 0 0 15px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.avis1InfoToDisplay .avis1content,
.avis1InfoToDisplay .avis1poste {
  color: #a1a1a1;
}

.avis1InfoToDisplay .avis1nom_prenom {
  color: #103067;
}

.avis1nom_prenom {
  margin-top: 25px;
  margin-bottom: 0px;
}

#avis1SliderVideos {
  margin-top: 30px;
  height: 11em;
}

.avis1SliderItem {
  width: 25%;
  /*padding: 15px 15px 15px 0;*/
}

.avis1SliderItem > div {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avis1SliderPicture {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  aspect-ratio: 16/9;
}

.avis1SliderPicture:hover {
  box-shadow: 6px 10px 24px 0px rgb(0 0 0 / 75%);
}

.avis1SliderItem img {
  height: 4em;
}

@media screen and (max-width: 640px) {
  .avis1DisplayInfos {
    flex-direction: column;
  }

  .avis1DisplayInfos > div {
    width: 100%;
    padding: 0;
  }

  .avis1InfoToDisplay {
    margin-top: 1em;
  }
}