#main_menu{
    float: left;
    margin: 0px;
    padding: 0px;
}
#main_menu li{
        float: left;
    list-style: none;
    display: inline;
}
#menu{
    height: auto;
}
.slicknav_menu {
    display: none;
}
@media screen and (max-width: 750px) {
    .js #main_menu{
        display: none;
    }
    .js .slicknav_menu {
        display: block;
    }
}


/*small and mobile devices*/
@media only screen and (max-width: 750px){
    .magdayscontainer{
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
    }
    .magday{
        width: 140px;
        overflow: hidden;
        white-space: nowrap;
    }
    #bord{
        background-color: lavender;
    }
    #main{
        display: block;
        height: auto;
        padding: 5%;
        background: #405eaa;
    }
    #searchbox{
        width: 100%;
        margin: 0px;
    }
    .title h1{
        color:#FFF;
        position: absolute;
        top: 8px;
        left: 10px;
    }
    .title a{
        color: #13077a;
        text-decoration: none;
    }
    #identite{
        width: auto;
    }
    #identite img{
        display: none;
    }
    #identite p{
        display: none;
    }
    #header{
        position: static;
        height: auto; 
        background-color: rgba(0, 0, 0, 0.54);  
    }
    #menu{
        display: block;
    }
    #userinfos{
        margin-left: 25%;
        width: 50%;
    }
    #userinfos .boutton {
    margin: 0px auto;
    }
    #searchbox h1{
        margin: 0px;
    }
    #searchcontain  form{
        margin: 0px;

    }
    #searchcontain{
        margin: 0px;

    }
    #searchcontain form input:last-child{

    padding: 15px;
    margin: 15px 0px;
    width: auto;
    }
    .bl{
        padding: 5%;
            background: lavender;
    }
    #searchcontain  form p{
        width: 50%;
    }
    #searchbox h1{
        padding: 10px 0px;
    }
    #footer{
            padding: 15px;
            height: auto;
    }
    #timeret{
        margin-left: 0px;
    }
    #bord{
        padding: 5%;
        min-height: 200px;
         background: #405eaa;
    }
    #bord .container .boutton{
        margin: 0px auto;
        width: 120px;
        float: none;
        display: block;
    }
    #bord .container{
        text-align: left;
        background-color: lavender;
        border-top: 5px solid #1908be;
    }    
    #Laliste{
        margin-right: 5%;
    }
    #Deps, #Rets{
        margin-left: 5%;
        text-align: left;

    }
    #Hrs{
        text-align: left !important;

    }
    
    #bord .container h1, h2{
            padding: 5px 0px;
    }
    #loginbox{
        margin: 0px;
        width: 100%;
    }
    #loginbox  h1{
            margin: 10px 0px;
    } 
    #loginbox{
        background: lavender;
    }   
    #logincontain{
        margin-left: 6%;
    }
    #loginbox a{
        padding-bottom: 5px;
    }
    #client{
        width: 100%;
        margin: 3%;
        color: white;
    }
    #client a{
        text-decoration: none;
        color: white;
    }
    #compte .container #selection{
        width: 40%;
    }
    #compte .container #donnes form > div>input{
        width: 80%;
    }
    #compte .container #donnes{
        overflow-x: scroll;
        display: block;
    }
    #logincontain form{
        padding-bottom: 15px;
    }
    #resdet{
        height: auto;
        padding: 10px;
        display: block;
    }
    .photo{
        width: 90%;
        padding-right: 5%;
    }
    .photo img{
        width: 100%;
        height: auto;
    }
    #items .container {
    height: auto;
    float: left;
}
#searchresults{
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 25px;
}
.scroll{
    display: block;
    overflow-x: scroll;
}
.m_min_h{
    min-height: 65%;
     background: #405eaa;
}
}

.m_min_h{
    min-height: 73%;
    background: #405eaa;
}


/*small and mobile devices*/
@media only screen and (min-width: 751px) and (max-width: 950px){
   
    #main{
        display: block;
        height: auto;
        padding: 5%;
    }
    #searchbox{
        width: 70%;
        margin: 7% 15%;
    }
    .title a{
        color:#FFF;
        text-decoration: none;
    }
    .title h1{
        
        color:#FFF;
    }
    #identite{
        width: auto;
    }
    #identite img{
        display: none;
    }
    #identite p{
        display: none;
    }
    #header{
        position: static;
        height: auto; 
        background-color: rgba(0, 0, 0, 0.54);
    }
    #menu{
        display: block;
        float: left;
    }
    #userinfos{
        width: 28%;
        float: left;
    }
    #userinfos .boutton {
    margin: 0px auto;
    }
    #searchbox h1{
        margin: 0px;
    }
    #searchcontain  form{
        margin: 0px;

    }
    #searchcontain{
        margin: 0px;

    }
    #searchcontain form input:last-child{

    padding: 15px;
    margin: 15px 0px;
    width: auto;
    }
    .bl{
        padding: 5%;
            background: lavender;
    }
    #searchcontain  form p{
        width: 50%;
    }
    #searchbox h1{
        padding: 10px 0px;
    }
    #footer{
            padding: 15px;
            height: auto;
    }
    #timeret{
        margin-left: 0px;
    }
    #bord{
        padding: 5%;
        min-height: 200px;
    }
    #bord .container .boutton{
            margin: 0px auto;
    width: 120px;
    float: none;
    display: block;
    }
    #bord .container{
        background-color: lavender;
        border-top: 5px solid #1908be;
        text-align: left;
    }    #select{
            width: 67%;
    float: left;
    margin-left: 0px;
    display: block;
    }

    #Laliste{
        width: 25%;
        margin-right: 5%;
    }
    #Deps, #Rets{
        margin-left: 5%;
        text-align: left;

    }
    #Hrs{
        text-align: left !important;

    }
    #Hrs center{
        text-align: left !important;
    }
    #bord .container h1, h2{
            padding: 5px 0px;
    }
    #loginbox{
            margin: 7% 15%;
    width: 70%;
    }
    #loginbox  h1{
            margin: 10px 0px;
    } 
    #loginbox{
        background: lavender;
    }   
    #logincontain{
        margin-left: 6%;
    }
    #loginbox a{
        padding-bottom: 5px;
    }
    #compte .container #selection{
        width: 40%;
    }
    #compte .container #donnes form > div>input{
        width: 80%;
    }
    #compte .container #donnes{
        overflow-x: scroll;
        display: block;
    }
    #logincontain form{
        padding-bottom: 15px;
    }
     .magday{
        width: 140px;
        overflow: hidden;
        white-space: nowrap;
    }
    .magdayscontainer{
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
    }
}