* {
	margin:0;
  	border:0;
  	padding:0;
}
body {
	color:navy;
  	font-family:arial, verdana, sans-serif; 
	font-size:100%;
	background:url(./images/backadmin.jpg) no-repeat center center fixed;
	background-size:cover;
	background-position:center;
}
img {
	border:0;
}
html, body {
	text-align: center; /* pour corriger le bug de centrage IE */
}
a, a:link, a:visited {
	color: #1A3246;	
}
#divlogin {
	width:400px;
	position:relative;
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	/*height:400px;*/
	border-radius:16px;
	
}
#login {
	margin:0 auto;
	width:23em;
	position:relative;
	padding:2em 1em ;
	color: #fff;
	text-align: left;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	
}

#login .theLabel {
	font-size:24px;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
#login .theInput {
    font-size:24px;
	filter:none;    
    background:#eee;
    border-radius: 3px;
    outline: none;
    padding:3px 1em;
    margin-bottom:5px;
    box-sizing:border-box;
	width: 100%;
	margin-bottom: 10px;
}


#login .theSubmit {
	margin-top:6px;
	border-radius: 3px;
	cursor:pointer;
	font-size:24px;
    background-color: #F2F4F3;
    color: #1A3246;
    width:100%;
}	
/* ----------- Mobile ----------- */

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 768px) { 
	#divlogin {
		
		border-radius:0px;
		min-width:250px;
	}
	#login {
		padding:1em;
		position:relative;
	}
	#login .theLabel, #login .theInput, #login .theSubmit   {
		font-size:1.5em;
		width:100%;
		margin-bottom:10px;
	}
	
}


#divlogin {
background:rgba(75, 99, 135, 0.6);;
color:#fff;
}