/* Platform responsive template */
/* ############################################################################################## */
@media only screen and (min-width: 1440px) {

}

@media only screen and (min-width: 1216px) and (max-width: 1339px) {

}

/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */


/* ############################################################################################## */
@media only screen and (min-width: 960px) and (max-width: 1215px) {

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    


    /* ############################################################################################## */
}
/* ############################################################################################## */

@media only screen and (max-width: 959px) {
    div.col2{
        min-width:200px;
        width:100%;
        float:none;
    }
}

/* ############################################################################################## */
/* Mobile Portrait */
@media only screen and (max-width: 767px) {
    /* ############################################################################################## */
    div.generalContent{
        background-color: #FFFFFF;
    }
    
    div.left{
        position:absolute;
        width:160px;
        top:65px;
        background-color: #FFF1E0;
        border:1px solid #92B549;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 1px 1px 3px #5F5F5F;
        border-left: none;
        display:none;
        z-index: 5;
        padding-bottom:10px;
    }

    div.contentRight{
        margin-left:0px;
        border-left: none;
    }

    div.logoclient{
        margin:5px 5px 5px 20px;
    }

    div.menuMobile{
        margin: 20px 10px 0px 20px;
        display:inline-block;
        vertical-align: top;
    }

    div.navigBarLabelSelect{
        margin:5px 0px;
    }

    div.col2{
        min-width:200px;
        width:100%;
        float:none;
    }

    form.appparam{
        max-width:100%;
        width:100%;
    }

    div.onglet_mobile{
        display: block;
        margin: 6px 6px 12px 6px;
    }

    ul.onglets{
        display:none;
    }

    .formul{
        width:100%;
    }

    div.dateInfo{
        float:none;
        display: inline-block;
    }
}
/* ############################################################################################## */

/* ############################################################################################## */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* ############################################################################################## */
    input.urlInput{
        width:70%;
    }

    /* ############################################################################################## */
}
/* ############################################################################################## */

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


}