@import url("reset.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fafafa;
}

.transp {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.transp:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}

#authentification {
	width: 301px;
	margin: 100px auto 0 auto;
}

#mire_login {
	width: 220px;
	padding: 110px 40px 85px;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border: 1px solid #d8d8d8;
	background: #f2f2f2 url(/images/logo_logimat_web.png) no-repeat 28px 28px;
	-moz-box-shadow:rgba(200, 200, 200, 1) 0 4px 18px;
	-webkit-box-shadow:rgba(200, 200, 200, 1) 0 4px 18px;
	-khtml-box-shadow:rgba(200, 200, 200, 1) 0 4px 18px;
	box-shadow:rgba(200, 200, 200, 1) 0 4px 18px;
}

#mire_login p {
	padding: 7px 0 0;
}

#mire_login label {
	color: #555555;
	font-size: 13px;
	font-weight: bold;
	padding: 0 1px;
}

#mire_login input {
	width:214px;
	height:14px;
}

.fieldWithErrors input {
	background: #ff9c9c;
}


#mire_login input.bouton_s_authentifier {
	float: right;
	padding: 33px 0 0;
	width:112px;
	height:27px;
}

#error {
  color: #000;
	background: #ff9c9c url(/images/error.png) no-repeat 12px 9px;
	border: 1px solid #ff2929;
	width: 219px;
	padding: 10px 40px 10px 40px;
	margin: 0 0 15px 0;
}