/* Responsive Design */

/* Footer */


/*Tablette*/
@media screen and (max-width: 1000px) {

    /*Style*/

    .s6-margin {
        margin-left: 40px;
        margin-right: 40px;
    }

    .s6-margin-bottom {
        margin-left: 40px;
        margin-right: 25px;
    }


    /* Header*/
    #s6-HeaderLeft {
        float: none !important;
    }

    #RibbonContainer-TabRowRight {
        display: none !important;
    }

    #s6-SearchBox {
        margin-right: 30px;
    }
    /* Faq*/

    #CtrFaq {
        display: none !important;
    }


    #mb_faq {
        display: block !important;
    }

    /*Mega menu*/

    #MobileMenu {
        display: block !important;
    }

    #PCMenu {
        display: none !important;
    }
    /*Footer*/
    /*#s6-footerLeft,#s6-footerRight
    {
        width:100% !important;
        float:none !important;

    }*/

    .FooterBlock {
        float: none !important;
        margin-bottom: 10px;
        width: 95%;
    }

    #s4-ribbonrow {
        width: 200px !important;
    }

    /*Page layouts*/
    .ly_BigLeft, .ly_BigRight {
        float: none !important;
        width: 100% !important;
    }

    #mb_ButtonMenu {
        display: block !important;
    }
}

/*Smart phone*/
@media screen and (max-device-width: 740px),screen and (max-width: 740px) {



    /* Head */
    #s6-SearchBox {
        display: none;
        position: absolute;
        margin-left: -190px;
        margin-top: -20px;
    }

    #mb-link-search {
        display: block !important;
    }

    #RootLinksPC {
        display: none;
    }

    #RootLinksMobile {
        display: block !important;
    }
    /*Layouts*/
    .ly_SmallLeft, .ly_SmallRight {
        float: none !important;
        width: 100% !important;
    }

    h1 {
        font-size: 48px;
    }
}


/*Smalt View*/
@media screen and (max-device-width: 480px),screen and (max-width: 480px) {

    .styled-txtBox {
        width: 90px !important;
    }

    .styled select {
        font-size: 14px !important;
    }

    .styled {
        font-size: 14px !important;
    }

    .styledlong select {
        font-size: 14px !important;
    }

    .styledlong {
        width: 90px !important;
    }

    .txtSearchBox {
        font-size: 14px !important;
    }

        .txtSearchBox:focus {
            font-size: 14px !important;
        }

    .s6-margin {
        margin-left: 5px;
        margin-right: 5px;
    }

    /*Footer*/
    #s6-footerLeft, #s6-footerRight {
        width: 100% !important;
        float: none !important;
    }

    #languageDiv {
        margin-right: 3px !Important;
    }

    #quickLinksDiv {
        margin-right: 0px !Important;
    }

    #mb-link-search {
        margin-right: 5px !Important;
    }

    .mb_lang_logo {
        display: block !Important;
    }

    .pc_lang_logo {
        display: none !Important;
    }

    /*Title*/
    .PageTitle, h1, .s6-h1 {
        font-size: 36px !important;
        line-height: 38px !important;
    }

    #s6-Breadcrumb {
        padding-top: 7px !important;
        padding-bottom: 0px !important;
        margin-top: -10px;
    }

    /*quick Links*/
    .QRLinks {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    #s6-HeaderRight .s6-h5 {
        font-size: 16px;
    }

    /*mega menu*/
    .MgLevel1, .MgLevel1:visited {
        font-size: 22px !important;
        line-height: 24px !important;
    }

    .MGLevel2, .MGLevel2:visited {
        font-size: 20px !important;
        line-height: 22px !important;
        margin-left: 3px;
    }

    .MGLevelLink, .MGLevelLink:visited {
        font-size: 18px !important;
        line-height: 20px !important;
        margin-left: 6px;
    }

    #mb_ButtonMenu .s6-h5 {
        font-size: 18px;
        line-height: 19px;
    }

    /*Search box*/


    #s6-SearchBox {
        margin-left: -210px !important;
        /*width:240px !important;*/
    }

    .searchLinkButton {
        background-size: 100% 100%;
    }

    /*Slide show*/
    #ssm_arrows {
        display: none !important;
    }

    .arrow-news-line {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
    }

        .arrow-news-line span {
            font-size: 0px;
        }
}
/*test*/