body {
    background-color: var(--white);
}



#header .btn-retour-actus {
    width           : 211px;
    height          : 46px;
    border-radius   : 23px;
    background-color: rgba(255, 255, 255, 0.16);
    display         : flex;
    align-items     : center;
    justify-content : center;
}

#header .btn-retour-actus i {
    padding-right: 5px;
}

.btn-retour-actus:hover i {
    margin-right : 10px;
    transition   : all 0.3s;
}

#header .btn-retour-actus p {
    margin : 0;
}



.article .container {
    display : flex;
}

.article .article-content {
    padding-right : 430px;
    padding-left  : 108px;
}

.article .article-content h3,
.article .article-content h4 {
    color: var(--dark-blue);
}

.article .article-content .images {
    width: 662px;
}

.article .article-content .images img {
    margin: 15px 0;
}

.article .container .container-social {
    display       : flex;
    flex-direction: column;
}

.article .ident {
    color        : var(--orange);
    font-weight  : bold;
    font-style   : italic;
    border-left  : solid 3px var(--orange);
    padding-left : 24px;
    margin       : 30px 0;
}

.article h4 {
    margin : 25px 0;
}



.actualites {
    background-color : var(--light-grey);
}

.actualites .journal {
    margin        : 0 !important;
    margin-bottom : 100px !important;
}


/* --------------------------------------------------------------- */
/*
/* RESPONSIVE
/*
/* --------------------------------------------------------------- */

@media screen and (max-width: 768px) {
    .article .article-content {
        padding-left  : 50px;
        padding-right : 0;
        width         : 80vw;
    }

    .article .article-content .images {
        width : 70vw;
    }
}


@media screen and (max-width: 425px) {
    .article .container {
        flex-direction: column-reverse;
    }

    .article .container .container-social {
        flex-direction  : row;
        justify-content : center;
        padding-top     : 50px;
    }
}