* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

a, button[type=submit], input[type=submit]
{	-webkit-transition: all 0.25s 0 linear;
       -moz-transition: all 0.25s 0 linear;
        -ms-transition: all 0.25s 0 linear;
         -o-transition: all 0.25s 0 linear;
            transition: all 0.25s 0 linear;
}

/* soft reset */
html,
body { margin: 0; padding: 0; }
ul,
ol { padding-left: 2em; }
ul.unstyled { list-style: none; }
img { vertical-align: middle; border: 0; }
audio,
canvas,
video { display: inline-block; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body {
	color: #333230;
	font-family: "Lato", arial, sans-serif;
	font-weight: 300;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
label,
textarea,
caption,
details,
figure { margin: .75em 0 0; line-height: 1.5; }

body {background: url(/images/fond-illu.jpg) center bottom fixed no-repeat; background-size: cover;}

#login-center {width: 320px; margin: auto; position: absolute; top: 0%; left: 30%;}
	#login-center .logo {text-align: center; background-color: white; padding: 10px 0}
		#login-center .logo img {width: 200px;}
	
	#login-center .erreur, #login-center .message {border-left: 4px solid #00a0d2; padding: 12px; margin-left: 0; margin-bottom: 20px; margin-top: 20px; 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);}
	#login-center .erreur {border-left: 4px solid #e70c21;}
	#login-center .login-form {margin-left: 0; padding: 26px 24px 46px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13);}
	#login-center .login-oubli {margin-top: 20px;font-size: 13px;}
		#login-center .login-oubli a {color: #3590BD;}
		#login-center .login-oubli a:hover {color: #212121;}
	#login-center .login-footer {margin-top: 20px; text-align: center;color: white;}

	#login-center .input-bloc {margin: 0;}
	#login-center .input-bloc input {width: 100%; height: 40px; padding: 6px; margin: 5px 0 5px; background: #f1f1f1; border: 1px solid #ccc; color: #222; font-size: 1.1em; font-weight: 300; outline: 0; text-indent: 30px; color: #666}
	#login-center .input-bloc span {display: block; position: relative;}
	#login-center .input-bloc span .icon {position: absolute; top: 8px; left: 10px; height: 49px; width: 40px; font-size: 1.5em; line-height: 1.6em; color: #666;}
	#login-center .input-bloc span .oeil {position: absolute; top: 6px; display: block; right: 1px; height: 39px; width: 40px; font-size: 1.3em; line-height: 2.1em; color: #666; background: #ccc; text-align: center;}
	
	#login-center input[type=submit] {display: block; height: 35px; margin: 10px 0 0 0; padding: 1px; background: #3590BD; color: white; border: 0; font-size: 1.1em; font-weight: 300; cursor: pointer; text-align: center; text-indent: 0;}
	#login-center input[type=submit]:hover {color: white; background: #000;}