.content {
    margin-top: 160px;
}

.sidebar{
    margin-top: 160px;
}

.clicked-article{
    color: #8f0c15;
}

.clicked-article a {
    background: linear-gradient(
            to right,
            rgba(100, 200, 200, 1),
            rgba(100, 200, 200, 1)
    ),
    linear-gradient(
            to right,
            rgb(255, 0, 0),
            rgb(189, 0, 0),
            rgb(105, 4, 4)
    );
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    background-size: 0 3px, 100% 3px;
}



.sidebar-photo > *{
    border-radius: 20px;
    margin-top: 25px;
    width: 100%;
    box-shadow: 0 0 10px rgba(42, 42, 42, 0.3);
}

.photo-bottom{
    margin-top: -5px; !important;
}

.italic{
    font-style: italic;
    text-decoration: underline solid 2px #dc1321;
    margin-bottom: 5px;
}

.all-articles{
    margin-top: 160px;
    width: 72%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.article-preview {
    text-decoration: none;
    width: 48%;
    height: 320px;
    box-sizing: border-box;
    border-radius: 25px;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(42, 42, 42, 0.3);
    margin-bottom: 25px;
    overflow: hidden; /* Assure que le contenu débordant est masqué */
    display: flex; /* Utilise Flexbox pour aligner les enfants */
    flex-direction: column;
    padding: 0 20px 20px 20px;
}


.article-preview > * {
    box-shadow: inset 0 0 0 0 #dc1321;
    transition: color .3s ease-in-out, .3s ease-in-out;
}

.article-preview:hover > * {
    color: #dc1321;
}

.article-img{
    width: auto; /* Ajustez la largeur pour occuper toute la largeur du parent */
    height: 100%;
    object-fit: cover; /* Garde l'aspect ratio tout en remplissant la hauteur */
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(42, 42, 42, 0.3);
}

.container-article-img{
    flex: 1; /* Fait en sorte que cette div occupe l'espace restant disponible */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.container-article-img img{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(42, 42, 42, 0.3);
}