/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.s-partenaires__grid {
  --partenaires-gap-x: 2.5rem;
  --partenaires-gap-y: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--partenaires-gap-y) var(--partenaires-gap-x);
}
@media screen and (max-width: 1024px) {
  .s-partenaires__grid {
    --partenaires-columns: 3;
  }
}
@media screen and (max-width: 580px) {
  .s-partenaires__grid {
    --partenaires-columns: 2;
  }
}
.s-partenaires__grid > * {
  flex: 0 0 calc((100% - (var(--partenaires-columns, 6) - 1) * var(--partenaires-gap-x)) / var(--partenaires-columns, 6));
  max-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .s-partenaires__grid:hover .c-partenaire {
    opacity: 0.4;
  }
  .s-partenaires__grid:hover .c-partenaire:hover {
    opacity: 1;
  }
}

.c-partenaire {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-partenaire__img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 2.125rem;
  object-fit: contain;
}