body{font:18px signikalight;margin:0}.bg{display:table;position:absolute;height:100%;width:100%;left:0;top:0;background-image:url(../img/bageo_background.jpg);background-repeat:no-repeat}.logoclient{background:url(../img/logoclient.jpg) no-repeat;position:absolute;top:100px;right:100px;height:193px;width:141px}// le ratio 1920/1253 est celui de l'image
@media (min-aspect-ratio: 1920/1253) {
    .bg {
        background-size: 100% auto;
    }
}

@media (max-aspect-ratio: 1920/1253) {
    .bg {
        background-size: auto 100%;
    }
}

.version {
    position: absolute;
    color: #ffffff;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    max-width: 470px;
}

.form {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 3px;
    position: relative;
    z-index: 10;
}

.container {
    padding: 10px;
    text-align: center;
}

.title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: rgba(255, 255, 255, .6);
    border: 0;
    padding: 7px;
    text-align: center;   
}

form {
    display: inline-block;
}

ul.error {
    padding: 5px 0px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 3px;
}

li {
    list-style-type: none;
}

fieldset {
    border: 0;
    line-height: normal;
}

input {
    background-color: white;
    border: 0;
    border-radius: 3px;
    font: 18px signikalight;
    padding: 5px;
    width: 250px;
}

input[type=submit] {
    background-color: rgba(0, 0, 0, .6);
    color: white;
    margin-top: 20px;
    width: 140px;
}

label {
    color: white;
    display: block;
    margin: 20px;
}

label span {
    display: inline-block;
    text-align: left;
    width: 110px;
}

.logo {
    background: url(../img/logo-auth.png) no-repeat;
    height: 44px;
    width: 177px;
}

@media(max-width: 480px) {
    body {
        font-size: 15px;
    }

    form {
        width: 100%;
    }

    fieldset {
        margin: 0;
        padding: 0;
    }

    input {
        font-size: 15px;
        width: 160px;
    }

    label {
        margin: 5px;
    }

    label span {
        width: 100px;
    }

    .logo {
        background-size: 75% auto;
        height: 33px;
    }
}