@media only screen and (max-width: 5000px) {


}

@media only screen and (max-width: 3000px) {


}

@media only screen and (max-width: 1700px) {



}

@media only screen and (max-width: 1500px) {


}

@media only screen and (max-width: 1370px) {



}

@media only screen and (max-width: 1024px) {
    .entry-title {
        font-size: 24px;
    }
    .item-bloc-left {
        font-size: 14px;
    }
    aside.aside_left {
        width: calc(68% - 85px);
    }
    aside.aside_right {
        width: 32%;
    }

}



@media only screen and (max-width: 768px) {
    .bloc-doc {
        position: relative;
        padding: 0 12px;
        width: 50%;
    }

    .wrap-document {
        align-items: center;
        justify-content: center;
    }

    aside.aside_left {
        width: calc(100% - 85px);
    }
    aside.aside_right {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
    .info-address span {
        font-size: 18px;
    
    }

    .info-address p {
        font-size: 18px;
    }

    .img-left-foot img {
        height: 32px;
    }

}

@media only screen and (max-width: 600px) {

   

}


@media only screen and (max-width: 500px) {
    .bloc-doc {
        position: relative;
        padding: 0 12px;
        width: 100%;
    }

    .content-detail {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
    }

    ul.social-icons {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    aside.social-media {
        padding: 0;
    }
    .social-icons a {
        margin: 0 7px;
    }

    section.wrapper_detail_actu {
        position: relative;
        padding: 20px 20px 40px;
    }

    aside.aside_left {
        width: 100%;
    }

    .entry-title {
        font-size: 19px;
        text-align: justify !important;
    }

    .ct-item-meta .item-category {
        font-size: 14px;
    }
    li.item-comment {
        font-size: 14px;
        line-height: 35px;
        font-weight: 400;
    }

    .entry-content em {
        font-size: 15px;
        padding-left: 17px !important;
    }

    .item-bloc-left {
        padding: 30px 15px 30px;
    }
    aside.aside_left {
        width: 100%;
        position: relative;
        padding: 0;
    }

    .f_address_item {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 25px;
    }

    .footer_address {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

}

@media only screen and (max-width: 425px) {

   

}


@media only screen and (max-width: 375px) {

    
}


@media only screen and (max-width: 320px) {


}