.faq__categ {
  margin-bottom: 58px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .faq__categ {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -10px 58px;
  }
}
  .faq__categ span {
    padding: 10px 20px;
    background-color: var(--gray-100);
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2rem;
    transition: all .2s;
    cursor: pointer;
    display: inline-block;
  }
  @media (max-width: 767px) {
    .faq__categ span {
      margin: 0 10px 10px;
      flex: 0 0 calc(50% - 20px);
    }
  }
  .faq__categ span:hover,
  .faq__categ span.active {
    background-color: var(--gray-400);
  }
  @media (min-width: 768px) {
    .faq__categ span:not(:first-child) {
      margin-left: 26px;
    }
  }

.faq__group {
  display: none;
}
.faq__group.active {
  display: flex !important;
  margin: 0 -15px;
}

.faq__group-item {
  flex: 0 0 100%;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .faq__group-item {
    flex: 1;
  }
}
.faq__group-item .contenu{
  color: var(--black);
}

@media (min-width: 768px) {
  .faq__group-picture {
    padding: 0 15px;
    aspect-ratio: 570 / 506;
    flex: 0 0 50%;
  }
}