@charset "UTF-8";
:root {
  --color--primary-40: #3a4547;
}

:root {
  --max-width: 1500px; /* valeur par défaut */
}

@media (max-width: 1440px) {
  :root {
    --max-width: 1200px;
  }
}
@media (max-width: 1024px) {
  :root {
    --max-width: 900px;
  }
}
@media (max-width: 768px) {
  :root {
    --max-width: 600px;
  }
}
@keyframes displayPicture {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.audience {
  position: relative;
  grid-column: 1/13;
}
.audience > .brand-style {
  height: 391px;
  width: 100px;
  background-color: #293133;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 50px;
  z-index: 2;
}
.audience > .brand-style::after {
  content: "";
  position: absolute;
  display: block;
  width: 95%;
  height: 100%;
  background-image: radial-gradient(#e0dd00 30%, transparent 0);
  background-size: 25px 25px;
  bottom: -50%;
  right: -25%;
  z-index: 3;
}
.audience .cta-container {
  grid-row: 2;
  grid-column: 3/15;
  display: flex;
  justify-content: start;
  margin: 10vh 0;
  position: relative;
}
.audience .cta-container .cta {
  display: flex;
  height: 57px;
  width: 219px;
  background-color: #e58a16;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.audience .audience-container {
  grid-column: 9/14;
  height: 479px;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.audience .audience-container::-webkit-scrollbar {
  display: none;
}
.audience .audience-container .audience-item {
  text-decoration: none;
  display: block;
  margin-bottom: 50px;
}
.audience .audience-container .audience-item:focus {
  outline: none;
  outline-offset: none;
}
.audience .audience-container .audience-item.active picture {
  opacity: 1;
  animation: displayPicture 1s ease-in-out;
}
.audience .audience-container .audience-item .field--label-hidden {
  display: none;
}
.audience .audience-container .audience-item article {
  display: flex;
  justify-content: space-between;
  position: unset;
}
.audience .audience-container .audience-item article .title-text {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.audience .audience-container .audience-item article .title-text .title {
  font-size: 39px;
  line-height: 46px;
  margin-block: 0;
}
.audience .audience-container .audience-item article .title-text .text {
  color: #293133;
  font-size: 0.8em;
}
.audience .audience-container .audience-item article picture {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  flex-shrink: 0;
}
.audience .audience-container .audience-item article picture img {
  width: 100%;
}

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