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

    /*================================*/
    /*|   Header - Begin     |*/
    /*================================*/
    header#common_header {
        height: 140px;
        background-image:url('../img/biseau_blanc_mobile.png');
        background-size:contain;
        background-size: contain;
        background-position: bottom;
    }

    header#common_header .header-top {
        padding-top: 40px;
        padding-bottom: 12px;
        background-color:white;
    }

    header#common_header .bg-header {
        width: 55%;
        height: 120px;
        background-size: 100%;
        bottom: 0px;
        right: 20px;
    }

    header#common_header .filet_bleu_left {
        height: 135px;
        width: 15px;
    }

    header#common_header .header-middle #logo {
        left: 10px;
        max-width: 55%;
        top: -5px;
        height: auto;
    }

    .bloc-search-header input[type=text], header .tx-solr-q{
        width:90px;
    }

    .header-middle{
        height:140px;
    }

    /*================================*/
    /*|   Header - End     |*/
    /*================================*/

    /*================================*/
    /*|   Home - Begin     |*/
    /*================================*/

    .home-top{
        margin-top:0px;
    }

    .home-top .carrousel-home {
        height: 215px;
        border-bottom: 15px solid rgb(56, 74, 124);
    }

    .home-latest-layout .latest-home-content .teaser-text div{
        height:75px;
        overflow:hidden;
    }

    .home-right .row{
        height: none;
    }

    .frame h2{
        font-size:20px;
    }

    .btn-list-news a {
        font-size: 12px;
        padding: 5px 20px;
    }

    .home-bottom .nav-tools .owl-prev{
        top: -115px;
        left: 10px;
        width: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .home-bottom .nav-tools .owl-next {
        top: -115px;
        right: 10px;
        width: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .frame-custom-top-right-bloc .ce-bodytext, .frame-custom-top-center-bloc .ce-bodytext{
        top:5px;
    }

    .frame-custom-top-right-bloc, .frame-custom-top-center-bloc {
        padding: 0px;
    }

    footer {
        margin-top: 60px;
        height:auto;
        padding: 150px 30px 40px 30px;
    }

    footer .footer-content{
        height:auto;
        background: url(../img/bg-footer.png) right 50px top no-repeat;
    }

    .footer-logo {
        top: -30px;
    }

    .footer-logo img {
        width: 115px;
    }

    .footer-top-center{
        margin-top:15px;
    }

    .footer-top-right{
        margin-top:15px;
    }

    .item-partenaire img{
        padding:7px;
    }

    .news-backlink-wrap,
    .news-backlink-wrap-footer{
        background: rgb(56, 74, 124);
        font-family: rajdhanisemibold;
        color: #d6d6d6;
        font-size: 14px;
        text-align: center;
        padding: 5px;
        text-transform: uppercase;
    }
    /*================================*/
    /*|   Home - End     |*/
    /*================================*/

    .frame-custom-banner-right-full-width .ce-bodytext{
        right: 5px;
        top: 10px;
        font-size: 18px;
        line-height: 22px;
        width: 130px;
        background-size: 20px;
        padding-right: 23px;
    }




}

@media only screen and (max-width: 320px) {
    header#common_header .header-top {
        padding-top: 45px;
        padding-bottom: 15px;
    }

    .tuile-back-content .big_info .big_info_number {
        font-size: 25px;
    }

    .tuile-back-content .big_info_name {
        font-size: 15px;
    }

    table.tx_keyfigures .td_data {
        font-size: 17px;
    }

    table.tx_keyfigures .td_name {
        font-size: 15px;
    }

    .home-right .row{
        height:auto;
    }

    .col-4{
        max-width:100%;
        flex: 0 0 100%;
    }

    .col-6{
        max-width:100%;
        flex: 0 0 100%;
    }

    .tuile-container-home,
    .tuile-container-home.center,
    .tuile-container-home.left{
        width:100%;
        max-width:100%;
        padding: 5px 0px;
    }

    .frame-custom-top-right-bloc .ce-bodytext,
    .frame-custom-top-center-bloc .ce-bodytext{
        font-size: 25px;
        line-height: 30px;
    }

    .btn-list-news {
        position: absolute;
        top: -80px;
        left: 0px;
    }

    #c2 {
        margin-top: 70px;
    }

    .frame-custom-banner-right-full-width .ce-bodytext {
        font-size: 15px;
        line-height: 22px;
    }
}