body
{
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11pt;
	background-color:#000000;
	margin:5px 0px 20px 0px;
	color:#FFFFFF;
}
form
{
	margin:0px;
	padding:0px;
}
a
{
	color:#B50826;
	font-weight:bold;
	text-decoration:none;
}
a:hover
{
	color:#e30839;
	text-decoration:none;
}

.titreText
{
	color:#FFCC00;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:20px 0px 5px 0px;
}
.text
{
	color:#c3c3c3;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	margin:0px 20px 10px 0px;
}

.textCenter
{
	color:#c3c3c3;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}

.textRight
{
	color:#c3c3c3;
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
}

.divLogout
{
	text-align:right;
	font-size:11px;
	margin:0px 0px 3px 0px;
	padding-right:6px;
}

#license
{
	text-align:center;
	font-family:tahoma;
	font-size:10px;
	color:rgb(35,35,35);
	padding:25px 0px 0px 0px;
}

#yearLinks
{
	font-family:verdana;
	font-size:12px;
	background-image:url('img/tabLine.gif');
	background-position:0px 17px;
	background-repeat:repeat-x;
	height:18px;
	width:850px;
	margin:0px auto;
	padding:0px 10px 0px 10px;
}
#yearLinks a
{
	display:block;
	width:54px;
	height:18px;
	line-height:18px;
	float:left;
	text-align:center;
	font-weight:normal;
	color:#ffffff;
	background-image:url('img/tab.gif');
}
#yearLinks a:hover
{
	background-image:url('img/tabHover.gif');
}
#yearLinks div
{
	display:block;
	width:54px;
	height:18px;
	line-height:18px;
	float:left;
	text-align:center;
	background-image:url('img/tabActive.gif');
}

#bodyContainer{
	width:900px;
	margin:0px auto;
}
#bodyContainer #mainContainer
{
	background:rgb(80,80,80);
}
#bodyContainer #mainContainer .content
{
	background:rgb(80,80,80);
	padding:0px 10px 0px 10px;
}
#bodyContainer #mainContainer b.bmiddle
{
	display:block;
	height:10px;
	font-size:1px;
	width:890px;
	background-color:rgb(80,80,80);
	margin:0px 10px 0px 10px;
}
#bodyContainer #mainContainer b.btop, #bodyContainer #mainContainer b.btop b, #bodyContainer #mainContainer b.bbot, #bodyContainer #mainContainer b.bbot b
{
	display: block;
	height: 10px;
	font-size: 1px;
	background-image:url(img/cornerBody.png);
	background-repeat: no-repeat;
}
#bodyContainer #mainContainer b.btop b
{
	background-position: 100% -10px;
}
#bodyContainer #mainContainer b.bbot
{
	background-position: 0 -20px;
}
#bodyContainer #mainContainer b.bbot b
{
	background-position: 100% -30px;
}

#boxMenu
{
	width:800px;
	height:22px;
	line-height:22px;
	background-image:url(img/backgroundMenuM.jpg);
	text-align:center;
	margin:0px auto;
}
#boxMenu a
{
	display:block;
	width:100px;
	float:left;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
}
#boxMenu div{
	display:block;
	width:100px;
	float:left;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	background-image:url(img/backgroundMenuMActive.jpg);
}

#boxSubMenu{
	width:790px;
	height:18px;
	overflow:hidden;
	height:0px;
	background-color:silver;
	background-image:url(img/backgroundSubMenuM.jpg);
	color:rgb(40,40,40);
	margin:0px auto;
	margin-top:2px;
}
#boxSubMenu a{
	display:block;
	width:130px;
	text-align:center;
	float:left;
	text-transform:normal;
	color:#000000;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	height:18px;
	line-height:18px;
}
#boxSubMenu a:hover{
	text-decoration:none;
	background-image:url(img/backgroundSubMenuMOver.jpg);
}
#boxSubMenu div{
	display:block;
	width:130px;
	text-align:center;
	float:left;
	text-transform:normal;
	color:#000000;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	height:18px;
	line-height:18px;
	text-decoration:none;
	background-image:url(img/backgroundSubMenuMOver.jpg);
}
#menuArrow{
	position:absolute;
	visibility:hidden;
	width:10px;
	height:8px;
	background-image:url(img/menuArrow.gif);
}

#boxLogin
{
	width:340px;
	margin:0px auto;
	margin-top:40px;
}
#boxLogin .content
{
	background:#787878;
	padding:0px 10px 0px 10px;
	text-align:justify;
	color:white;
	overflow:hidden;
	height:200px;
}
#boxLogin .content .title
{
	font-size:16px;
	font-weight:bold;
	color:rgb(210,50,10);
	text-align:center;
	padding:3px 0px 10px 0px;
}
#boxLogin .content table
{
	font-family:Arial,Verdana,Helvetica,Sans-Serif;
	font-size:14px;
	margin:0px auto;
	margin-top:15px;
	border-collapse:collapse;
}
#boxLogin .content table tr td
{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	width:120px;
	color:#000000;
}
#boxLogin .content table tr td input
{
	color:#404040;
	font-family:Arial;
	font-size:13px;
	width:160px;
	padding:2px 3px 1px 3px;
	margin:0px 0px 4px 0px;
	border:solid 1px rgb(80,80,80)
}
#boxLogin .hiddenContent
{
	height:0px;
	overflow:hidden;
}
#boxLogin .bmiddle
{
	display:block;
	height:10px;
	font-size:1px;
	width:330px;
	background-color:#787878;
	margin:0px 10px 0px 10px;
}
#boxLogin b.btop, #boxLogin b.btop b, #boxLogin b.bbot, #boxLogin b.bbot b
{
	display: block;
	height: 10px;
	font-size: 1px;
	background-image:url(img/cornerSilver.png);
	background-repeat: no-repeat;
}
#boxLogin b.btop b
{
	background-position: 100% -10px;
}
#boxLogin b.bbot
{
	background-position: 0 -20px;
}
#boxLogin b.bbot b
{
	background-position: 100% -30px;
}

#reportList
{
	cursor:pointer;
	width:850px;
	margin:0px auto;
	background:rgb(120,120,120);
	padding:20px 10px 20px 10px;
	border:solid 1px #000000;
	border-top:0px;
}
#reportList .year
{
	font-weight:bold;
	font-size:16px;
}
#reportList .contentYear
{
	overflow:hidden;
	padding-left:10px;
}
#reportList .contentYear .month
{
	font-weight:bold;
	margin:15px 0px 5px 0px;
	padding:1px 5px 3px 5px;
	border:solid 1px rgb(30,30,30);
	background-color:rgb(50,50,50);
}
#reportList .contentYear .contentMonth
{
	overflow:hidden;
	padding-left:18px;
	color:#000000;
}
#reportList .contentYear .contentMonth .report
{
	margin-top:2px;
	font-weight:normal;
	border-collapse:collapse;
	border:solid 1px silver;
}
#reportList .contentYear .contentMonth .report td
{
	border-right:solid 1px rgb(150,150,150);
	padding:2px 4px 2px 4px;
}
#reportList .contentYear .contentMonth .report .day
{
	font-size:12px;
	width:100px;
}
#reportList .contentYear .contentMonth .report .hour
{
	font-size:13px;
	width:60px;
	text-align:center;
}
#reportList .contentYear .contentMonth .report .description
{
	font-family:arial;
	font-size:12px;
	width:620px;
	text-align:justify;
}

/* table clients */
#tableClients
{
	margin-top:7px;
	border-collapse:collapse;
	color:black;
}
#tableClients .header td
{
	padding:3px;
	font-size:12px;
	background-color:rgb(20,20,20);
	color:white;
}
#tableClients tr td
{
	border:solid 1px rgb(150,150,150);
	padding:2px 4px 2px 4px;
}

/* boxform */
.boxForm
{
	border:1px solid silver;
	padding:5px;
	margin:12px 18px 27px 18px;
	background-color:rgb(130,130,130);
	font-size:12px;
	color:black;
}

/* box error */
.boxError
{
	width:500px;
	margin:0px auto;
	margin-top:15px;
	margin-bottom:20px;
	color:black;
	padding:5px;
	border:solid 1px red;
	background-color:#FF9999;
}
.boxSuccess
{
	width:500px;
	margin:0px auto;
	margin-top:15px;
	margin-bottom:20px;
	color:black;
	padding:5px;
	border:solid 1px #339966;
	background-color:#99FFCC;
}