/*
orange : #f1592a
bleu : #25AAE1
*/
html {
    width:100%;
}

body {
    width:100%;
    display:block;
    margin: 0px;
    padding:0px;
    background-color:#25AAE1;
}

#login {
    display:block;
    width:320px;
    height:auto;
    margin:200px auto 0px auto;
    padding: 20px;
    background-color:#ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 8px rgba(0,0,0,0.75);
}

#login .submit {
    margin: 0px auto;
    padding:0px auto;
    text-align:center;
}

#logoclient {
    width:200px;
    display:block;
    padding-top:20px;
    padding-bottom:20px;
}

.btn {
    margin-top:20px;
}

.button {
    background: #999597;
    background-image: -webkit-linear-gradient(top, #999597, #494748);
    background-image: -moz-linear-gradient(top, #999597, #494748);
    background-image: -ms-linear-gradient(top, #999597, #494748);
    background-image: -o-linear-gradient(top, #999597, #494748);
    background-image: linear-gradient(to bottom, #999597, #494748);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    font-size: 16px;
    font-weight:bold;
    color: #FFF;
    padding: 10px 20px;
    text-decoration: none;
}

.button:hover {
    background: #fccc6d;
    background-image: -webkit-linear-gradient(top, #fccc6d, #fcaf17);
    background-image: -moz-linear-gradient(top, #fccc6d, #fcaf17);
    background-image: -ms-linear-gradient(top, #fccc6d, #fcaf17);
    background-image: -o-linear-gradient(top, #fccc6d, #fcaf17);
    background-image: linear-gradient(to bottom, #fccc6d, #fcaf17);
    text-decoration: none;
}

#debug {
    display:none;
}

#error {
    color:#FF0000;
    font-size: .83em;
    font-weight: bold;
}

table#login td {
    font-size: .83em;
    font-weight: bold;
    height: 45px;
}