/**********page d'accueil'*************/

/*
*/.container-haut{
    background:  url(../images/degrade.png) repeat-x;
    /*background: #889ea4;*/
    font-size: 30px;
    color: #9cbd39;
    text-align: center;
    padding-bottom: 2%;
    /*    background: linear-gradient(
    180deg
    ,darkcyan ,ghostwhite);*/
}

.version
{
    text-align: center;
}

.friz img{
    width: 60%;
}
.logo img 
{
    margin-top: 1.6em;
    margin-right: 2.4%;
}
.container-haut div:nth-last-child(2){
    color: #263d27;
    margin-top: 3%;
}

body#login{
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: verdana, arial, helvetica, sans-serif;
}

body#login #page{
    box-shadow: 0 8px 7px 0px #dde0e0;
    min-height: 90%;
    margin-top: 3%;
    width: 80%;
    max-width: 1200px;
}

body#login #loginForm
{
    margin-bottom: 14%;
}
.panel-default
{
    border:none !important;
}

.panel{
    -webkit-box-shadow: 0 0px 0px !important;
    box-shadow: none  !important;
}
a.ui-link.ui-widget.password{
    margin-top: 15px;
    text-align:center;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
}

/*.panel-body label.desc{
    color: #263d27;
    margin: 10px;
}*/
.fieldError
{
    display: block;
    color: red;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
#j_username, #j_password, #matchPassword, #passwordOld, #confirmPassword{
    border-radius: 10px;
}

.btn-connect input:hover{
    cursor: pointer;
}
.btn-connect, .btnSetPassword{
    background-color: #6ebeae;
    border: none;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    border-radius: 6px;
    padding: 0.5% 6.5% 0.5% 6.5%;
    margin-top: 20px;
}

.btnSetPassword{
    padding: 0.5% 1% 0.5% 1%; 
}

.input_offset
{
    margin-top: 1%;
}
.label_offset
{
    margin-top: 1.3%;
}
@media all and (min-width:1200px)
{
    .container-haut{
        font-size: 2.5em;
    }
    .label_offset
    {
        margin-left: 16.4%;
    }
}

@media all and (min-width:992px) and (max-width:1200px)
{
    .label_offset
    {
        margin-left: 8%;
    }
}

@media all and (min-width:768px)
{
    .message_offset
    {
        margin-left:33%;
    }
}

@media all and (max-width:767px)
{
    body#login #page{
        padding:0;
        box-shadow: none;
        margin-top: 0;
        min-height: 0;
    }

    body#login
    {
        background:  url(../images/degrade.png) repeat-x;
    }
    .container-haut{
        background: none;
        font-size: 1.5em;

    }
    .friz img{
        margin-top: 2em;
    }
    .input_offset, .label_offset, .message_offset
    {
        margin-left: 12%;
    }

    body#login #loginForm
    {
        margin-bottom: 30%;
    }
}


@media all and (min-width:768px) and (max-width:992px)
{
    .col-sm-4 {
        width: 28.33333333% !important;
    }
    .message_offset
    {
        margin-left: 30%;
    }

}

@media all and (max-device-width:360px)
{
    .logo img
    {
        width: 40%;
    }
    .label_offset,.input_offset, .message_offset 
    {
        margin-left: 3%;
    }
    .input_offset.col-xs-9{
        width: 100%;
    }
    .btn-connect{
        margin-left: 8%;
    }
    a.ui-link.ui-widget.password{
        margin-left: 10%;
    }

}