/* variables */
.carrousel3 {
  padding: 0 30px 30px 30px;
  position: relative;
}
.carrousel3 .fond {
  height: 150px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 -10px;
}
.carrousel3 .un_element .legende {
  border-left: 3px solid #b3b2b2;
  margin: 0;
  margin-top: 22px;
  padding: 0 13px;
  font-size: 1,0625em;
  line-height: 1.47;
  font-style: italic;
  color: #000;
  font-weight: 700;
}
.carrousel3 .owl-controls .owl-nav > div {
  position: absolute;
  top: 50%;
}
.carrousel3 .owl-controls .owl-nav > div:before {
  transition: all 0.25s;
}
.carrousel3 .owl-controls .owl-nav > div.owl-prev {
  left: -25px;
}
.carrousel3 .owl-controls .owl-nav > div.owl-next {
  right: -25px;
}
@media screen and (min-width: 1200px) {
  .full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  .carrousel3 {
    padding: 0 0 50px 0;
  }
  .carrousel3 .carousel_hq {
    max-width: 1070px;
    margin: 0 auto;
  }
  .carrousel3 .fond {
    margin: 0;
    height: 420px;
  }
  .carrousel3 .owl-controls .owl-nav > div {
    position: absolute;
    top: 50%;
  }
  .carrousel3 .owl-controls .owl-nav > div i:before {
    font-size: 23px;
    color: #000;
    transition: all 0.25s;
  }
  .carrousel3 .owl-controls .owl-nav > div.owl-prev {
    left: -105px;
  }
  .carrousel3 .owl-controls .owl-nav > div.owl-next {
    right: -105px;
  }
  .carrousel3 .owl-controls .owl-nav > div:hover i:before {
    color: #f9b004;
  }
}