.cl3{
    color:var(--couleur3);
}
#grav-login {
    max-width: 30rem;
    margin: 5rem auto;
    padding: 1rem 3rem 3rem 3rem;
    text-align: center;
}
.form-input-wrapper input{
    padding:.8em 1em .6em 1em;
    background: none;
    border:1px solid var(--couleur3);
    margin-bottom: 2em;
}
button{
    background: var(--couleur1);
    border:0;
}
button:hover{
    color:var(--couleur3);
}
.notices.red {
    display: inline-block;
    background: var(--couleur1);
    color: var(--couleur2);
    border-left: 0;
    border: 1px solid var(--couleur3);
    padding: .8em 1em .6em 1em ;
    position: fixed;
    bottom: 1.5em;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--couleur2);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232300;
}
#grav-login .form-actions {
}
input[type=checkbox] {
    accent-color: var(--couleur3);
  }
.notices.red p {
    margin:0;
    padding:0;
}

#grav-logout {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.alert.info {
    color: #27ae60;
}

.alert.error {
    color: #e74c3c;
}

#grav-login p {
    font-size: small;
    margin: 1rem 0;
    padding: 0;
    text-align: center;
}
#grav-login .form-actions p {
    margin-bottom: 0;
}

#grav-login .button {
    vertical-align: middle;
}

#grav-login .delimiter {
    display: block;
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 1.6rem;
    position: relative;
    text-transform: uppercase;
    margin: 1rem 0;
}

#grav-login .delimiter:after,
#grav-login .delimiter:before {
    background-color: #777777;
    content: "";
    height: 1px;
    position: absolute;
    top: 0.8rem;
    width: 40%;
}
#grav-login .delimiter:before {
    background-image: -moz-linear-gradient(right center , #777777, #ffffff);
    left: 0;
}
#grav-login .delimiter:after {
    background-image: -moz-linear-gradient(left center , #777777, #ffffff);
    right: 0;
}

#grav-login .rememberme {
}

#grav-login .rememberme label {
    font-weight: inherit;
    display: inline;
}

.login-status {
    white-space: nowrap;
    vertical-align: middle;
}

.form-actions:hover input[type="radio"]:not([disabled]),
.form-actions input[type="radio"]:focus {
	background: #00FF00;
	border-color: #FF0000;
}