/*
    Bleu clair   : #3246bc
    Bleu foncé   : #27348b
    Gris clair   : #4a4a49
    Gris foncé   : #3c3c3b
*/

@font-face {
    font-family: 'exo';
    font-style: normal;
    font-weight: normal;
    src: url('Exo2.0-Medium.otf') format('truetype');
/*  src: url('/styles/Exo2.0-Black.otf') format('truetype'); */
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
/*  font-weight: 400;*/
    font-weight: normal;
    src: url(Roboto.woff) format('woff');
}

body
{
    background-image:url("../pictures/depot_background.svg");
    background-size:100% auto;
    font-family: Roboto;
    font-size: 100%;
    margin:0;
}

p
{
/*    position: relative; */
    font-size: 100%;
}

div
{
    font-size: 100%;
}

/********************/
/*    Login form    */
/********************/
div.loginlogo
{
/*    background:url('../pictures/logo.png') no-repeat center; 
    background-size: 180px;
    background-position: center;
    background-repeat: no-repeat; */
    background-color: white;
    left:auto;
    right:auto;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
    padding-top:5px;
    width:380px;
    height:500px;
    box-sizing: border-box;
}

div.login-form
{
    box-sizing: border-box;
    padding: 24px 23px 20px;
    position: relative;
    line-height: 1.7222;
}

div.form-group
{
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
    line-height: 1.72222;    
}

input.login-field
{
    box-sizing: border-box;
    text-indent: 3px;font-size: 17px;
    width:100%; 
    height:42px;
    line-height: 1.467;
    text-align: left;
    border:2px solid transparent;
    padding:8px 12px;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    display:block;
    background-color:#edeff1;
}

label.login-field-icon
{
    position:absolute;
    right:15px;
    top:7px;
    display:inline-block;
    margin-bottom:5px;
    box-sizing: border-box;
/*    color:lightgrey; */
    color:white;
}

input.login-field:focus
{
    border-color:#3246bc;
}

input.login-field:focus + label.login-field-icon
{
    color:#3246bc;
}

a.btn-login
{
    box-sizing: border-box;
    font-size: 17px;
    line-height: 1.471;
    padding: 10px 19px;
/*    background-color: #1abc9c; */
    background-color: #3246bc;
    color: white;
    border:medium none;
    text-decoration: none;
    transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
    width:100%;
    display: block;
    cursor:pointer;
    text-align:center;
    vertical-align: middle;
    margin-bottom: 2px;
}

a.btn-login:hover
{
    opacity: 0.9;
}

div.login
{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:90px;
    width:380px;
    font-size: 100%;
    text-align: right;
    vertical-align:middle;
    color:#000000;
    background-color: white;
/*    background-color: #edeff1; */
    overflow:auto;
}

input::-moz-placeholder, textarea::-moz-placeholder
{
    font-style: italic;
    font-weight:normal;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    font-style: italic;
    font-weight:normal;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    font-style: italic;
    font-weight:normal;
}