/*============== MOBILE ===============*/
@media screen and (max-width: 767px) {
    .actu-page{
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 20px;
    }
    .actu-new-post .content{
        width: 100%;
        height: auto;
        display: block;
        margin-top: 30px;
    }
    .actu-new-post .content .visuel{
        width: 100%;
        height: 250px;
        background-color: #D9D9D9;
        margin-bottom: 10px;
    }
    .actu-new-post .content .text{
        width: 100%;
        height: auto;
        text-align: justify;
    }
    .actu-new-post .content .text a{
        border: 1px #A1B56C solid;
        padding: 5px 20px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .actu-old-post{
        margin-top: 50px;
    }
    .actu-old-post .actu-post-items{
        margin-top: 30px;
        width: auto;
        display: flex;
        overflow: scroll;
    }
    .actu-old-post .actu-post-items .actu-post-item{
        width: 300px;
        height: auto;
        margin: 10px;
    }
    .actu-old-post .actu-post-items .actu-post-item .visuel{
        width: 100%;
        height: 163px;
        background-color: #D9D9D9;
    }
    .actu-old-post .actu-post-items .actu-post-item .title{
        width: 100%;
        height: 102px;
        overflow: hidden;
        margin-bottom: 12px;
    }
}


/*============== DESKTOP ===============*/
@media screen and (min-width: 1024px) {
    .actu-page{
        width: 70%;
        height: auto;
        margin: 0 auto;
        margin-top: 50px;
    }
    .actu-new-post .content{
        width: 100%;
        height: auto;
        display: flex;
        margin-top: 30px;
    }
    .actu-new-post .content .visuel{
        width: 45%;
        height: 250px;
        background-color: #D9D9D9;
    }
    .actu-new-post .content .text{
        width: 55%;
        height: auto;
        margin-left: 30px;
    }
    .actu-new-post .content .text a{
        border: 1px #A1B56C solid;
        padding: 5px 20px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .actu-old-post{
        margin-top: 50px;
    }
    .actu-old-post .actu-post-items{
        margin-top: 30px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .actu-old-post .actu-post-items .actu-post-item{
        width: 22%;
        height: auto;
        margin: 30px 10px;
    }
    .actu-old-post .actu-post-items .actu-post-item .visuel{
        width: 100%;
        height: 150px;
        background-color: #D9D9D9;
    }
    .actu-old-post .actu-post-items .actu-post-item .title{
        width: 100%;
        height: 102px;
        overflow: hidden;
        margin-bottom: 12px;
    }
}