@media screen and (max-width:1700px){
    #homepage .home_section .txt_article h2,
    #footer #contactUs h2{
        font-size: 50px;
        line-height: 61px;
    }
}
@media screen and (max-width:1400px){
    #homepage .banniere .txt_banniere{
        padding-left: 70px;
    }
    #homepage .banniere .txt_banniere p{
        font-size: 18px;
        line-height: 27px;
        max-width: 330px;
    }
    #homepage .banniere .txt_banniere a{
        font-size: 20px;
        line-height: 20px;
        max-width: 361px;
    }
    #homepage .home_section{
        padding: 0 70px;
    }
    #homepage .home_section .txt_article h2,
    #footer #contactUs h2{
        font-size: 45px;
        line-height: 42px;
    }
}
@media screen and (max-width:1280px){
    #footer #footerNav .main_nav{
        flex-flow: column;
    }
}
@media screen and (max-width:1200px){
    #header{
        padding: 50px 75px;
    }
    #homepage .home_section .txt_article h2,
    #footer #contactUs h2{
        font-size: 40px;
    }
    .content .two_col .left h1{
        font-size: 35px;
        line-height: 35px;
    }
    #publications h1{
        font-size: 30px;
        line-height: 35px;
    }
}
@media screen and (max-width:1060px){
    #header nav{
        display: none;
    }
    #header .burger_btn{
        display: block;
    }
    #homepage .banniere{
        flex-flow: column nowrap;
    }
    #homepage .banniere .img_banniere{
        max-height: 400px;
        overflow: hidden;
    }
    #homepage .banniere .img_banniere img{
        width: 100%;
    }
    #homepage .banniere article{
        width: 100%;
    }
    #homepage .banniere .txt_banniere{
        padding: 50px 0;
        align-items: center;
    }
    #homepage .home_section .separation{
        flex-flow: column;
    }
    #homepage .home_section article{
        width: 100%;
        align-items: center;
    }
    #homepage .home_section .txt_article{
        margin-bottom: 30px;
        align-items: flex-start;
    }
    #homepage .home_section img{
        margin: 0 auto;
    }
    /*********CONTENT************/
    .content{
        padding: 0 25px 16px;
    }
}
@media screen and (max-width:800px){
    #footer{
        padding: 75px 10px 20px;
    }
    #footer .img_macaron{
        position: relative;
        top: unset;
        left: unset;
        margin-top: 20px;
    }
    #footer #footerNav .second_nav{
        flex-flow: column nowrap;
    }
    #footer #footerNav .nav_logo{
        width: 100%;
    }
    #footer #footerNav .nav_logo .logos > a{
        width: 100%;
    }
    /************CONTENT***********/

    .content .two_col{
        padding-top: 35px;
        flex-flow: column nowrap;
    }
    .content .two_col .left{
        width: 100%;
        margin-bottom: 35px;
    }
    .content .two_col .right{
        width: 100%;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 0;
    }
    .paragraphe_default{
        max-width: unset;
    }
    .content .two_col .right::before{
        width: 100%;
        height : 2px
    }
    .content .two_col .right ul::before{
        display: none;
    }
    .content .two_col .right ul{
        position: relative;
        width: 100%;
        margin: 0 auto 35px auto;
        left: inherit;
        top: inherit;
        padding: 17px 0;
    }
    .content .two_col .right li{
        margin: 0 auto;
    }
    .content .two_col .left h1{
        font-size: 35px;
        margin: 0;
        padding-bottom: 0;
    }
    .content .two_col .left p{
        padding-top:20px;
        margin: 0;
    }
    .content .two_col .right h2{
        margin: 0 auto;
    }
    #tarifsContent .left{
        width: 100%;
        padding: 0;
    }
    #tarifsContent .right{
        width: 100%;
        padding-left: 0;
        max-width: unset;
    }
    #tarifsContent .left h1{
        text-align: left;
    }
    #tarifsContent .right h3{
        text-align: center;
    }
    #tarifs .remise{
        margin-top: 45px;
    }
    #tarifs .remise .tableau .category .title_category{
        font-size: 14px;
    }
    /*******OFFICE**********/
    #office .content .two_col .left{
        width: 100%;
        padding-left: 0;
    }
    #office .content .two_col .right{
        width: 100%;
    }
    #office .content .two_col .right h3{
        margin: 50px auto;
        width: 100%;
        padding: 80px 0;
    }
    #office .content .two_col .right h3 img{
        left: 50%;
    }
    #office .content .two_col .right h3::before, #office .content .two_col .right h3::after{
        display: none;
    }
    #office .office_equipe .bloc_equipe{
        margin-right: 55px;
    }
    #office .office_equipe .bloc_equipe .encart{
        width: 250px;
    }
    /**********CONTACT************/
    #AnnoncesImmo .content .two_col .left, #contactContent .two_col .left{
        width:100%;
        border: none;
    }
    #AnnoncesImmo .content .two_col .left h1, #contactContent .two_col .left h1{
        max-width: unset;
        text-align: left;
        padding: 0 0 0 16px;
    }
    #contactContent .two_col .right .contact_form input,
    #contactContent .two_col .right .contact_form textarea,
    #contactContent .two_col .right .replace_input{
        width:100%;
    }
    #contactContent .two_col .right{
        padding: 30px 25px;
    }

    /**************LISTE ANNONCES***************/
    #annoncesContent .recherche{
        margin: 30px 16px 0;
    }
    #annoncesContent .list_content .pagination{
        flex-flow: column ;
        justify-content: center;
        align-items: center;
    }
    #annoncesContent .two_col .right{
        padding-top: 0;
    }
    #header nav a::after{
        display: none;
    }
    #publications > h1{
        padding:45px 0;
    }
    #publicationContent .bloc_article{
        margin-bottom: 20px;
    }


}
@media screen and (max-width:600px){
    #homepage .home_section{
        padding: 0;
    }
    #homepage .home_section .txt_article h2{
        padding-left: 20px;
        text-align: left;
    }
    #homepage .home_section .txt_article .decouvrir{
        margin-left: 20px;
    }
    #annoncesContent .list_content .annonce{
        flex-flow: column nowrap;
        align-items: center;
        padding: 45px 15px 35px;
    }
    #annoncesContent .list_content .annonce .img_container{
        margin-bottom: 20px;
    }
    #recrutementContent .pop_container{
        padding: 30px;
    }
    #tarifs .remise .tableau .category .tab_row p{
        padding: 10px;
    }
    #sideNav{
        display: none;
    }
    #homepage .home_section .txt_article p{
        padding: 0 20px 15px;
    }
}
@media screen and (max-width:450px){
    .header_resp .logo_tsd{
        width: 204px;
    }
    #homepage .banniere .img_banniere{
        max-height: 200px;
    }
    #homepage .banniere .txt_banniere p{
        font-size: 15px;
        line-height: 23px;
        max-width: 245px;
    }
    #homepage .banniere .txt_banniere a{
        font-size: 15px;
        line-height: 20px;
        padding: 15px 10px 0;
    }
    #homepage .home_section .txt_article h2{
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 35px;
    }
    #footer #contactUs h2{
        font-size: 25px;
        line-height: 30px;
    }
    #homepage .home_section .txt_article p{
        font-size: 14px;
        line-height: 20px;
    }
    #homepage .home_section .txt_article .decouvrir a{
        font-size: 10px;
        padding: 10px 10px 10px 22px;
    }
    #homepage .home_section .txt_article .decouvrir a::before{
        width: 16px;
    }
    #footer #footerNav{
        padding: 25px 10px 0;
    }
    #footer #footerNav nav, #footer #footerNav address{
        padding: 0 10px 0 0;
    }
    #footer #contactUs::after{
        width: 100%;
    }
    #footer #footerNav nav a{
        font-size: 10px;
    }
    #footer #footerNav address{
        font-size: 10px;
    }

    /***********CONTENT**********/
    #publications > h1{
        font-size: 30px;
    }
    .content .two_col .left h1{
        font-size: 25px;
        line-height: 30px;
    }
    #publicationContent .bloc_article{
        width:100%;
    }
    #office .office_equipe .bloc_equipe{
        margin-right: 0;
        margin-bottom: 50px;
    }
    #office .office_equipe .bloc_equipe .plus{
        bottom: 175px;
    }
    #office .office_equipe .bloc_equipe .encart{
        position: relative;
        left: unset;
        bottom: unset;
        width: 100%;
    }


}