.bloque-catégorie-articles{
    background-color: var(--bleu-claire);
    margin: 30px;
    border: solid 2px black;
    border-radius: 13px;
    overflow: hidden;
}

.titre-partie-article{
    background-color: var(--bleu-foncer);
    color:white;
    border: solid 0px black;
    border-bottom-width: 2px;
    padding: 1px;
    padding-left: 20px;
    padding-right: 20px;
}


.bloque-article{
    transition: 0.2s;
    background-color: white;
    width: 220px;
    border: solid 2px black;
    box-shadow: 4px 4px black;
    border-radius: 15px;
    margin: 20px;
    padding: 15px;
    transform-origin: bottom right;
}

.bloque-article:hover{
    transition: 0.2s;
    transform: rotate(1.5deg);
}

.image-article-previsualisation{
    border: solid 2px black;
    height: 110px;
    display: flex;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 8px;
    aspect-ratio: 16/9;
}

.nom-article{
    transition: 0.2s;
    margin: 0;
}

.nom-article:hover{
    transition: 0.2s;
    color:var(--bleu-foncer);
}


.liste-articles{
    display: flex;
    overflow-x: auto; 
    overflow-y: hidden; 
    scroll-snap-type: x mandatory;
}

.liste-articles::-webkit-scrollbar {
    height: 13px;
    background-color: rgb(244, 244, 244);
    border: solid 1px black;

}
.liste-articles::-webkit-scrollbar-thumb {
    transition: 0.2s;
    background-color: #ccc;
    border-radius: 18px;
    border: solid 2px black;
}

.liste-articles::-webkit-scrollbar-thumb:hover {
    transition: 0.2s;
    background-color: #989898;
}