/* Note : La zone footer (barre grise + logo tegis n est pas tr�s pratique au redimensionnement de la page)  voir pour am�liorer ce d�tail. */

/* RESET */

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

a img {
    border: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    margin-bottom: -4px;
}

.clear {
    clear: both
}

ol, ul {
    list-style: none
}

:focus {
    outline: 0
}

/* INTERFACE */

body {
    font-family: "Roboto", sans-serif, Arial, Helvetica;
    margin: 0;
    padding: 0;
    background-color: #EEE;
}

#mainContainer {
    background: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    margin-top: 50vh;
    transform: translateY(-50%);
    left: 20px;
    right: 20px;
}

#logoContainer img {
    max-width: 100%;
}

#formContainer {
    padding-top: 50px;
}

@media all and (min-width: 992px) {
    #logoContainer {
        padding-top: 100px;
    }

    #mainContainer {
        background: url(images/login/KELIAS_CITY.png) left center no-repeat white;
        left: 5vw;
        right: 5vw;
        background-size: contain;
    }

    #formContainer {
        padding-top: 100px;
    }

}

@media all and (max-width: 991px) {
    #mainContainer {
    }
}

#formContainer label {
    font-size: 17px;
    font-family: "Roboto", Helvetica;
    font-weight: normal;
}

#doubleExposureContainer {
    position: relative;
    min-height: 350px;
}

#connexionAlert {
    text-align: center;
    font-weight: bold;
}