@charset "UTF-8";
#surtitre {
  text-align: left;
  font: normal normal 600 12px/14px "Barlow Regular";
  letter-spacing: 2.4px;
  color: #1e2836;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 10px;
}

.content-title h1 {
  text-align: left;
  font: normal normal bold 34px/40px Larsseit-Regular;
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 1;
}

.content-title h2 {
  text-align: left;
  font: normal normal bold 30px/40px Larsseit-Regular;
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 1;
}

.content-title h3 {
  text-align: left;
  font: normal normal bold 26px/40px Larsseit-Regular;
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 1;
}

.content-title h4 {
  text-align: left;
  font: normal normal bold 22px/40px Larsseit-Regular;
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 1;
}

.content-title h5 {
  text-align: left;
  font: normal normal bold 15px/40px Larsseit-Regular;
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 1;
}
.youtube-container {
  opacity: 1 !important;

  width: 100%;
  margin: 20px 0;
}

.youtube-container iframe {
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 10px;
}

.content-description {
  text-align: left;
  font: normal normal normal 20px/37px Circular Std;
  letter-spacing: 0px;

  color: rgba(30, 40, 54, 0.54);
}

.content-description-small {
  text-align: left;
  font: normal normal normal 16px/30px Circular Std;
  letter-spacing: 0px;

  color: rgba(30, 40, 54, 0.54);
}

.list-description {
  list-style-type: none;
  color: #1e2836;
  font-size: 16px;
  font-family: Circular Std, Book, sans-serif;
}

.text-desc {
  opacity: 0.54;
}

.list-description li {
  text-indent: -2em;
}

.list-description li::before {
  content: "• ";
  font-size: 18px;
  color: #fd8650;
}

.content-image-desc {
  margin-top: 24%;
  margin-left: 3%;
  width: 407px;
}

.content-image-desc h5 {
  text-align: left;
  font: normal normal bold 22px/40px Larsseit-Regular;
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 1;
}

.content-image-desc span {
  text-align: left;
  font: normal normal normal 16px/30px "Circular Std";
  letter-spacing: 0px;
  color: #1e2836;
  opacity: 0.54;
  width: 407px;
}

.content-middle-img {
  height: 100%;
}

.content-right-img {
  height: 100%;
}

@media (max-width: 1200px) {
  .content-image-desc {
    margin-top: 0%;
    margin-left: 0%;
  }
}
@media (max-width: 990px) {
  .content-image-desc {
    margin-top: 10%;
    margin-left: 0%;
  }
}
@media (max-width: 768px) {
  .content-image-desc {
    margin-top: 0%;
    margin-left: 0%;
  }
}
@media (max-width: 768px) {
  .content-image-desc {
    margin-top: 10%;
    margin-left: 10%;
  }
}
.content-final-carousel {
  min-height: 80vh;
  display: flex;
  justify-content: center;
}
@media (max-width: 1000px) {
  .content-final-carousel {
    height: 50vh;
  }
}

.content-final-carousel {
  padding: 0;
}
@media (max-width: 1600px) {
  .content-final-carousel {
    margin: 0px;
  }
}

.content-preview-carousel-items {
  user-select: none;
  position: relative;
}

.content-final-carousel {
  padding: 0;
  overflow: hidden;
  margin: 56px 0;
}

.content-preview-carousel-items .content-preview-carousel-item {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 46vw;
  min-width: 200px;
  height: auto;
  border-radius: 0%;
  overflow: hidden;
  transition: all 300ms ease-in-out;
  z-index: -1;
  opacity: 0;
}
@media (max-width: 1000px) {
  .content-preview-carousel-items .content-preview-carousel-item {
    width: 58vw;
  }
}

.content-preview-carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-preview-carousel-item.active {
  opacity: 1;
  z-index: 99;
}

.content-preview-carousel-item.prev {
  z-index: 2;
  opacity: 1;
  transform: translate(-155%, 0%);
}

.content-preview-carousel-item.next {
  z-index: 2;
  opacity: 1;
  transform: translate(55%, 0%);
}

.content-preview-carousel-items .content-preview-carousel-btn-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95vw;
  z-index: 100;
}

.content-top-img {
  background: url("../images/content-top-img.jpg");
  background-size: cover;
  background-position: center;
  height: 60vh;
}

.content-small-desc {
  font-size: 12px;
  opacity: 0.54;
  font-family: Circular Std, Book, sans-serif;
  position: relative;
}

/*# sourceMappingURL=contenu.css.map */