#actus-liste {
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
}
.actu {
  text-decoration:none;
  width: calc(100% / 3 - 16px);
  background-color: white;
}
.img-categorie img {
  width: 100%;
}
.img-categorie {
  position: relative;
}

.actu-img {
    width: 100%;
    height: 350px;
    background-color:#eee;
    background-image:url('../assets/logos/logo-header.png');
    background-position:center;
    background-size:40%;
    background-repeat:no-repeat;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; 
    overflow:hidden;   
}

.actu img {
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow:hidden;
    object-position:center;    
    scale: 1;
    transition: 0.2s;    
}

.actu:hover img {
    scale: 1.05;
}

.categorie-actu {
    color: var(--neutral-tint-5);
    background: var(--yellow-base);
    width: fit-content;
    padding: 4px 8px;
    border-radius: 8px;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}
.info-acrticle {
  color: var(--neutral-shade-3);
  padding: 24px;    
}

.titre-actu {
    color: var(--neutral-shade-3);
}

.date-actu {
    color: var(--red-base);
}

.actu:after {
    content: "";
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -6px;
    background-image: url(../assets/img/actu-divider-x.svg);
}

.desc-actu {
  margin-bottom: 24px;
  color: var(--neutral-shade-3);
}


@media (max-width: 1100px) {
  .actu {
    width: calc(50% - 16px);
  }
}
@media (max-width: 780px) {
  .actu {
    width: 100%;
  }
}