body { 
	background-image: url("../img/background.jpg");
	background-position: center top;
	background-size: cover;
	background-repeat: repeat;
	background-attachment: fixed;
	display: flex; 
	flex-direction: column;
	width: 100%; 
}
/* EN TETE LOGO DU SITE */
#login{
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #333;
	border-radius: 5px;
	width: 350px;
    padding: 2% 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
#login h1{ margin: 0; }

.login h1 a {
	color: #444;
	font-size: 20px;
	line-height: 1.3em;
	padding: 0;
	text-decoration: none;
	width: 100%;
	text-indent: -9999px;
	outline: 0;
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.mwc-login-intro {
	text-align: center;
	color: #3c434a;
	font-size: .95rem;
	line-height: 1.6;
}
.mwc-login-intro strong {
	display: block;
	font-size: 1.1rem;
	color: #1d2327;
}
/* MESSAGE D ERREUR AU DESSUS DU FORMULAIRE */
.login #login_error {
    border-left-color: #333;
}
.login #login_error, .login .message {
    border-left: 4px solid #30afb8;
    padding: 12px;
    margin-left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

/* FORMULAIRE */

.login form {
    margin: 20px auto;
    max-width: 300px;
    padding: 20px 25px 40px;
}
/*media all*/
input[type=text]:focus, input[type=search]:focus, input[type=radio]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, select:focus, textarea:focus {
    border-color: #30afb8;
    -webkit-box-shadow: 0 0 2px rgba(30,140,190,.8);
    box-shadow: 0px 0px 2px rgba(30,140,190,0.8);
	background-color: #fdefe4;
}

/* LIENS SOUS LE FORMULAIRE DE CONNEXION */
.login #backtoblog a, .login #nav a { color: #333; }