* { margin:0; padding:0; font-family: Arial, Verdana, Helvetica; }
html, body { height:100%; }
/* body { background:url(../../images/back_office/layout/bg-blue-product.jpg) repeat-x #8BAAC9; } */
/* body { background:url(../../images/back_office/layout/Vista_Business.jpg) no-repeat right bottom #0061A8; } */
body { background:url(../../images/back_office/layout/bg-hermes-product.jpg) no-repeat right bottom #55759B; }

.spacer, .clear { clear:both; }
a img { border:none; }

/* En tête */
#header { width:100%; margin:0; border-bottom:2px solid #FFFFFF; }
#header img { margin:10px; }

/* Formulaire de Login */
#global { margin:auto auto; width:900px; height:500px; }
.form { width:475px; height:100px; float:right; margin-top:140px; }
.form a { color:#FFFFFF; font-size:12px; margin:10px 0 0 5px; float:left; }
.form a:hover { color:#FF8547; }
#loginMessage { color:#FFFFFF; font-size:12px; height:20px; margin:0 0 0 5px; }

/* Champ du formulaire */
.loginField, .passwordField { float:left; width:183px; border:none; margin:0 5px 8px 5px; padding:4px 0 0 3px; height:18px; font-size:12px;  }
.submitField { float:left; border:none; margin:0 5px 0 5px; padding:0 5px; height:22px; background:#FF8547; color:#FFFFFF; font-size:12px; font-weight:bold; cursor:pointer;  }
.inputEmpty { color:#999999; font-style:italic; }

/* Footer */
div#footer { width:100%; min-width:1024px; height:36px; bottom:0; position:absolute; }
div#footer p { color:#FFF; font-size:10px; display:inline;}
div#footer div#bottom { background-color:#c8c1bd; padding:8px 0; border-top:1px solid #FFFFFF; }
div#footer div#bottom div#left-netlogix { float:left; padding-left:25px; }
div#footer div#bottom div#right-netlogix { float:right; padding-right:25px; vertical-align:bottom; }
div#footer div#bottom div#left-netlogix p.logo { font-size:16px; font-weight:bold; }
div#footer div#bottom div#left-netlogix a:link, div#footer div#bottom div#left-netlogix a:visited { color:#FFF; text-decoration:none; }
div#footer div#bottom div#left-netlogix a:hover, div#footer div#bottom div#left-netlogix a:hover:visited { color:#FFF; text-decoration:underline; }

@media screen and (max-width: 800px){
	#global {
	    margin: auto auto;
	    width: 100%;
	    height: fit-content;
	}
	#global .form {
	    width: 100%;
	    margin-top: 35px;
	    text-align: center;
	}
	form#loginForm {
	    width: 100%;
	    display: -ms-grid;
	    display: grid;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -ms-grid-columns: 80%;
	    grid-template-columns: 80%;
	}
	div#footer {
		min-width: auto;
	}
	.loginField, .passwordField {
	    width: auto;
}