@media screen and (min-width: 650px) and (max-width: 1368px) {



    header, main, footer{
        width: 85%;
    }

    header div{
        width: 40%;
    }




    /*-------------------------------------
    --------------SITE INTERNET------------
    ---------------------------------------*/
    #siteinternet header,#contact header,#realisations header,#articles header{
                background-size: 60% auto;
                margin-top: 0vh !important;
    }
    #siteinternet header div a{
        width: 60%;
        text-align: center;
    }
    #siteinternet header div{
        width: 35%;
    }



    /*-------------------------------------
    -----------------PRINT-----------------
    ---------------------------------------*/
    #print header, #marketing header{
        background-size: 55% auto
    }
    #print header{
        margin-top: 0vh !important;}

    /*-------------------------------------
    ----------------MARKETING--------------
    ---------------------------------------*/
    header{
        margin-top: 6vh !important;
    }

    /*-------------------------------------
    ----------------MARKETING--------------
    ---------------------------------------*/
    #medias header{
        margin-top: 0vh !important;
        box-shadow:inset 0px -5px 0px var(--blanc);
        border-bottom: solid 2px var(--blanc);
    }
    /*-------------------------------------
    ----------------REALISATION--------------
    ---------------------------------------*/
    #realisations header div{
        width: 35%;
    }
}