body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

td {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8pc;
	color: #000000
}
h1 {
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
}
.bevel {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8pc; color: 003366; background-color: whitesmoke; border-color: #FFFFFF whitesmoke #CCCCCC #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 2px}
	th {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8pc; color: 003366; background-color: whitesmoke; border-color: #FFFFFF whitesmoke #CCCCCC #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 2px}
	.nav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8pc; font-weight: bold; color: #003366; border-color: #FFFFFF whitesmoke #CCCCCC #FFFFFF; border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 2px}
	.bottomline { border-color: #000099 whitesmoke #121E7E #000099; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
	.ligne { border-color: #6f6f6f whitesmoke #121E7E #6f6f6f; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
	.copy {color: #000000; text-decoration: none; font-size: 0.68pc}
	
	a {  color: #000000; text-decoration: none}
	/* a:active {  color: #FFCC33; text-decoration: none; font-size: 0.8pc} */
	a:hover {  color: #FF0000; font-size: 0.8pc}
	.field {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7pc; font-weight: bold; color: #003366; background-color: #ECF0F4; border: #003366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
	.dynfield {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8pc; font-weight: bold; color: #003366; background-color: #ECF0F4; border: #003366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
	
	input.solid  {
 	font-size: 10px;
 	border-width: 1;
 	border-color: #cccccc;
 	border-style: solid;
	height: 18px;	
	width: 150x
	}	
	
	.erreur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	}
	
	.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

	.login {
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	width: 500px;
	height: 300px;
	background-image: url(../img_intranet/fond-login.png);
	background-repeat: no-repeat;
	}
	
	.login-form {
	text-align: left;
	width: 60%;
	}
.login-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
	
	.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}
.infobox p {
	margin-right: 1px;
}
.infobox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DEE7DE;
	display: block;
	padding: 3px;
	float: left;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
	
	.inputlabel {
	font-weight: bold;
	text-align: left;
	}
	
	.ctr {
	text-align: center;
	}
	
	.form-block {
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

