.flex-3-columns {
    display: flex;            /* active le flex */
    gap: 20px;                /* espace entre les colonnes */
    justify-content: space-between; /* répartit les colonnes */
    flex-wrap: wrap;          /* permet de passer à la ligne sur petits écrans */
   
 
}

.flex-3-columns .column {
    flex: 1 1 calc(33.333% - 13.33px); /* largeur ~1/3 moins le gap */
    box-sizing: border-box;   /* inclut padding/border dans la largeur */
      
    
     box-shadow: 0px 2px 70px 0px rgba(110,130,208,0.18);
  border-radius: 10px 10px 10px 10px;
  height: 100%;
}
.article-thumb{
	border-radius: 10px 10px 0 0;
}
.content-article{
	padding: 30px 15px;
}
.filtre-buttons{
	margin-bottom: 25px;
}

@media (max-width: 900px) {
    .flex-3-columns .column {
        flex: 1 1 calc(50% - 10px); /* 2 colonnes */
    }
}

@media (max-width: 600px) {
    .flex-3-columns .column {
        flex: 1 1 100%; /* 1 colonne */
    }
}