/*
    Violet clair : #853ea5
    Violet foncé : #502d87
    Gris clair   : #4a4a49
    Gris foncé   : #3c3c3b
*/


#website-reolin {
    position: fixed;
    bottom: 1em;
    right: 1em;
    width: 10em;
}

body
{
    background-size:100% auto;
    font-family: sans-serif;
    font-size: 100%;
    margin:0;
}

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

div
{
    font-size: 100%;
}

/********************/
/*    Login form    */
/********************/
div.login2
{
    background-color: white;
    left:auto;
    right:auto;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
    padding:5px;
    width:380px;
    height:540px;
    box-sizing: border-box;
}

div.loginlogo
{
    width:380px;
    height:250px;
    /*display:table-cell;*/ 
    vertical-align:middle; 
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
    /*line-height: 250px;*/
    padding-top:20px;
}

div.loginlogo > p
{
    background-color: transparent;
    width:370px;
    height:250px;
    line-height:250px;
    text-align:center; /* centrage horizontal d'un élément en-ligne */
}

div.loginlogo > p > img
{
    max-width:300px;
    max-height:200px;
    vertical-align:middle;
}

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:#1abc9c; */
    border-color:#4a4a49; /*#853ea5;*/ 
}

input.login-field:focus + label.login-field-icon
{
/*    color:#1abc9c; */
    color:#4a4a49; /*#853ea5;*/
}

a.btn-login
{
    box-sizing: border-box;
    font-size: 17px;
    line-height: 1.471;
    padding: 10px 19px;
    background-color: #4a4a49; /*#853ea5;*/
    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;
}

a.reolin_logo
{
    display:block;
    position:relative;
    bottom:10px;
    text-align:center;
}

a.reolin_logo > img
{
    max-width:300px;
    max-height:30px;
}

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;
}

a.forgot_password
{
    display:block;
    text-align: right;
    color: #4a4a49;
    padding-top:0.5em;
}



/*
    Violet clair : #853ea5
    Violet foncé : #502d87
    Gris clair   : #4a4a49
    Gris foncé   : #3c3c3b
*/