@media all and (max-device-width: 768px) {
    
    #cssmenu #ulmenu li{
        display:none; 
    }
    
    #cssmenu #ulmenu li.active-mobile{
        display:block; 
    }
    
    #cssmenu #ulmenu li.active-desktop-only{
        display:none;   
    } 

    #cssmenu #ulmenu li.active-mobile-only{
        display:block; 
    }
    
    #cssmenu {
        z-index: 10;
        margin-left: -185px;
    }
    #cssmenu ul {
        display: none;
    }
    #next-ten, #pdf, #prev-ten, #view-week, #xls {
        display: none;
    }
    #website-reolin {
        position: absolute !important;
        bottom: 5px !important;
        right: 10px !important;
        width: 6em !important;
    }
    div.topleft {
        width:250px;
        margin-left:10px;
    }
    div.main {
        left: 0px;
        margin-top: 30px;
    }
    #calendar-buttons {
        margin-right: 3px;
    }
    #hide_menu {
        display: none;
    }
    #messages-box, #dashboard-box, div.main form #messages-box #truc {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #new-password {
        margin-top: 10px;
        margin-left: -45px;
        margin-bottom: 1px;
    }
    #profil-detail, #profil-picture {
        float: none !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    /*
    #person-my-detail-button div {
        display: inline-block;
    }
    */
    #person-my-detail-button > a.flatmenubarsmall {
        min-width: 0;
    }
    
    #person-my-detail-button > a.flatmenubarsmall > span.flatmenubar{
        display:none;
    }
    
    #person-my-detail-button > a.flatmenubarsmall > .lnr-button{
        margin-right:auto;
    }
    
    #profil-detail table.detail tr td:nth-child(2n-1) {
        display: block;
    }
    #profil-detail table.detail tr td:nth-child(2n) {
        margin-bottom: 10px;
    }
    #profil-detail table.detail tr td:nth-child(2n) input {
        max-width: 150px !important;
    }
    #save-cancel {
        float: none !important;
        margin-bottom: 1px;
        margin-left: 50px;
    }
    #show_menu {
        display: block;
        border-bottom: 1px solid #d9d9d9;
    }
    #reolin-logo {
        width: 40px;
    }
    #webcambtn {
        display: none;
    }
    
    #calendar-buttons > a.flatmenubarsmall {
        padding-left:3px;
        padding-right:3px;
/*        display:none; */
    }
    
    .hide-mobile {
        display:none !important;
    }
    
    div.listFilter {
        height:45px !important;
        overflow: auto;
    }
    div.listFilter > div > div.styled-select {
        width: 80px !important;
    }
    
    div.login2 {
        width:300px;
        height:490px;
        margin-top: 15px;
    }
    div.loginlogo {
        width:300px;
        height:200px;
        /*padding-top:0;*/
    }
    div.loginlogo > p
    {
        background-color: transparent;
        width:290px;
        height:200px;
        line-height:200px;
        text-align:center; /* centrage horizontal d'un élément en-ligne */
    }
    div.loginlogo > p > img
    {
        max-width:290px;
        max-height:200px;
        vertical-align:middle;
    }
    /*
    div.loginlogo {
        width: 300px;
        margin-top: 15px;
    }
    div.loginlogo div.login2 {
        width: 300px;
        margin-top: 60px;
    }
    */
    div.assist {
        width: 150px;
    }
    div.assists {
        flex-wrap: wrap;
    }
    div.workers {
/*        width: 315px;*/
    }
    @media (max-device-width: 400px) {
        .ui-dialog {
            width: 300px !important;
        }
        #fileToUpload, #filecomment {
            width: 250px !important;
        }
    }
    @media (max-device-width: 599px) {
        #user-name {
            display: none;
        }
    }
    /* IPHONE 4, 5 */
    @media (max-device-width: 320px) {
        #calendar-buttons {
            margin-right: 4px;
        }
        #div2 div.listHeader div a:nth-child(2n-1) {
            width: 20px !important;
        }
        #new-password {
            margin-left: -60px;
        }
        #save-cancel {
            margin-left: 35px;
        }
    }
    /* LG */
    @media (max-device-width: 384px) and (min-device-width: 375px) {
        #calendar-buttons {
            margin-right: 12px;
        }
        #new-password {
            margin-left: -30px;
        }
        #save-cancel {
            margin-left: 65px;
        }
    }
    /* IPHONE 6+ & NEXUS */
    @media (max-device-width: 414px) and (min-device-width: 412px) {
        #calendar-buttons {
            margin-right: 30px;
        }
        #new-password {
            margin-left: -15px;
        }
        #save-cancel {
            float: right !important;
            -ms-transform: translateX(-36%);
            -webkit-transform: translateX(-36%);
            transform: translateX(-36%);
        }
    }
    /* IPAD */
    @media (max-device-width: 768px) and (min-device-width: 600px) {
        #save-cancel {
            margin-top: 10px;
        }
    }
}