body {
	background-color:	#FFFFFF;
	margin:				0px;
}
body, span, div, td, th, input, select, option, textarea {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#000000;
}

/**********
 * Entête *
 **********/
td.header {
	border-bottom:		2px solid #3366cc;
}
td.header td.title { 
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		bold;
	font-size:			17px;
	color:				#3366cc;
}
td.header td.user {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		bold;
	font-size:			11px;
	color:				#3366cc;
	padding-left:		3px;
}

/*******************
 * Pied de de page *
 *******************/
td.bottom {
	border-top:			2px solid #3366cc;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			10px;
	color:				#3366cc;
}
td.bottom a {
	color:				#3366cc;
}
td.bottom a:hover {
	text-decoration:	none;
}

/********
 * Menu *
 ********/
td.menu {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		bold;
	font-size:			11px;
	color:				#000000;
	background-color:	#E8EEF7;
	padding:			2px;
	border-right:		2px solid #3366cc;
}
span.menuNotLogin {
	font-weight:		normal;
	font-size:			10px;
}
span.menuNotLogin a {
	color:				#3366cc;
}
span.menuNotLogin a:hover {
	text-decoration:	none;
}

/********
 * Body *
 ********/
td.body {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#000000;
}

/*********************
 * Browser detection *
 *********************/
table.checkBrowser {
	border:				1px solid #FFCC33;
	background-color:	#FFF8DB;
	padding:			3px;
}
table.checkBrowser td {
	text-align:			left;
}
span.checkBrowserError {
	font-weight:		bold;
}

/*********
 * Title *
 *********/
table.title td {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		bold;
	font-size:			14px;
	color:				#3366cc;
	padding-top:		2px;
	padding-bottom:		7px;
}

/********
 * Info *
 ********/
table.info {
	border:				1px solid #FFCC33;
	background-color:	#FFF8DB;
	padding:			3px;
	margin-bottom:		5px;
}
table.info td {
	text-align:			left;
}

/************
 * treeview *
 ************/
table.treeview {
	width:	160px; 
}
table.treeViewmain {
}
a.treeview2, a.treeview2:hover {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		normal;
	font-size:			11px;
	color:				#000000;
	font-weight:		bold;
}
a.treeview3, a.treeview3:hover {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		normal;
	font-size:			11px;
	color:				#000000;
	font-weight:		bold;
}
a.treeview4, a.treeview4:hover {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		normal;
	font-size:			10px;
	color:				#000000;
	font-weight:		normal;
}
a.treeview5, a.treeview5:hover {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-weight:		normal;
	font-size:			9px;
	color:				#000000;
	font-weight:		normal;
}


a.treeview2:hover, a.treeview3:hover, a.treeview4:hover, a.treeview5:hover {
	text-decoration:	none;
}

/***************
 * Collections *
 ***************/
table.L1 {
	background: #3366cc;
}
table.L1 th.L1, table.L1 th.L1 td {
	color:		#FFFFFF;
	margin:		0px;
	padding:	0px;
	text-align:	center;
}
table.L1 th.L1 table {
	border-collapse: collapse;
}
table.L1 tr td.L1 {
	background:	#FFFFFF;
	text-align:	left;
}
table.L1 tr td.L2 {
	background:	#E8EEF7;
	text-align:	left;
}
table.L1 tr td.L3 {
	background:		#FEDE9C;
	text-align:		left;
	color:			#000000;
	font-weight:	bold;
}
table.L1 tr td.L1 a, table.L1 tr td.L2 a {
	color:		#000000;
}
table.L1 tr td.L1 a:hover, table.L1 tr td.L2 a:hover {
	color:		#FF0000;
}
table.L1 table.infos {
	margin:			0px;
	padding-top:	2px;
	padding-bottom:	2px;
	background:		#FFFFFF;
	border-right:	1px solid #3366cc;
	border-left:	1px solid #3366cc;
	border-bottom:	1px solid #3366cc;
}
table.L1 table.infos td {
	text-align: 	center;
	color:			#3366cc;
	font-weight:	bold;
}

/***************
 * Formulaires *
 ***************/
form {
	padding:			0px;
	margin:				0px;
}
table.form {
	border:				1px solid #3366cc;
	padding:			0px;
	margin:				2px;
	border-collapse: 	collapse;
}
table.form tr.L0 {
	background-color:	#3366cc;
}
table.form tr.L1  {
	background-color:	#E8EEF7;
}
table.form tr.L2 {
	background-color:	#FFFFFF;
	color:				#000000;
}
table.form tr.L1 input.readonly {
	background-color:	#E8EEF7;
	border:				0px solid #E8EEF7;
}
table.form tr.L2 input.readonly {
	background-color:	#FFFFFF;
	border:				0px solid #FFFFFF;
}
table.form th {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#3366cc;
	font-weight:		normal;
	text-align:			right;
	padding:			2px;
	padding-top:		4px;
	vertical-align:		top;
}
table.form tr.L0 th, table.form tr.L0 th a {
	text-align:			center;
	color:				#FFFFFF;
	font-weight:		bold;
}
table.form tr.L0 th a {
	text-decoration:	underline;
}
table.form tr.L0 th a:hover {
	text-decoration:	none;
}
table.form th.req {
	font-weight:		bold;
}
table.form th.L4 {
	text-align:			center;
}
table.form td {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#000000;
	text-align:			left;
	padding:			2px;
}
input {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#000000;
	border:				0px solid #000000;	
}
select {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#000000;
	border:				1px solid #000000;	
}
input.text {
	border:				1px solid #000000;	
}
input.textdis {
	border:				1px solid #808080;	
	color:				#808080;
}
input.button, input.buttonSml {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#3366cc;
	background-color:	#E8EEF7;
	border:				1px solid #3366cc;	
	margin-bottom:		1px;
}
input.buttonSml {
	font-size:			9px;
}
input.img {
	border-width:		0px;
}
table.errors {
	border:				1px solid #FF0000;
	background-color:	#FFDDDD;
	margin-bottom:		5px;
}
table.errors td {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#FF0000;
	font-weight:		bold;
	text-align:			left;
}
li.warning {
	color:				#000000;
}
a.button {
	color:				#3366cc;
	font-weight:		bold;
}
a.button:hover {
	color:				#FF0000;
	font-weight:		bold;
}

fieldset {
	border:	1px dotted #3366cc;
}

/***********
 * HelpTip *
 ***********/
a.helptip, a.helptip-img {
	color:				#000000;
	text-decoration:	none;
	border-bottom:		1px dashed #000000;
	cursor:				help;
}
a.helptip-img {
	border-bottom:		0px dashed #000000;
}
a.helptip:hover, a.helptip-img:hover {
	color:				#FF0000;
	text-decoration:	none;
	border-bottom:		1px dashed #FF0000;
}
a.helptip-img:hover {
	border-bottom:		0px dashed #FF0000;
}
.help-tooltip {
	position:	absolute;
	border:		1px Solid #FFCC33;
	background:	#FFF8DB;
	color:		#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:	11px;
	padding:	3px;
	z-index:	10000;
}

/***********
 * Onglets *
 ***********/
td.ongletMain {
	border-bottom: 	1px solid #3366cc;
	border-right: 	1px solid #3366cc;
	border-left: 	1px solid #3366cc;
	text-align:		center;
	padding:		10px;
}
table.clsAction {
	text-align:		center;
}
td.ongletTextEna {
	border: 		1px solid #3366cc;
	background:		#3366cc;
	text-align:		center;
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
}
a.ongletTextEna, td.ongletTextEna {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
}
td.ongletTextDis {
	border: 		1px solid #3366cc;
	background:		#E8EEF7;
	text-align:		center;
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;
}
a.ongletTextDis, td.ongletTextDis {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#3366cc;
	font-weight:		bold;
	text-decoration:	none;
}
td.ongletMiddle {
	border-right: 	1px solid #3366cc;
	border-left: 	1px solid #3366cc;
}
td.ongletSpace {
	border-bottom: 	1px solid #3366cc;
}

/***********
 * Actions *
 ***********/
table.actions th {
	color:	#3366cc;
	padding-right:	5px;
}
table.actions a, a.action {
	color:	#3366cc;
}
table.actions a:hover, a.action:hover {
	color:	#FF0000;
}

/**************
 * NAVIGATION *
 **************/
table.nav td, table.nav a  {
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	font-size:			11px;
	color:				#3366cc;
	font-weight:		bold;
}
table.nav {
	padding-bottom:	5px;
}

/*********
 * PAGER *
 *********/
table.pager {
}
td.pager, td.pager a {
	color:			#3366cc;
	font-weight:	bold;
}
td.pager a:hover {
	color:	#FF0000;
}

/**********
 * DIVERS *
 **********/
span.ok {
	color:			#FF0000;
	font-size:		10px;
	font-weight:	bold;
}
span.ok1 {
	color: 			#3366cc;
	font-size:		10px;
	font-weight:	bold;
}
a.helpScore {
	color: 			#3366cc;
	font-weight:	bold;
}
a.helpScore:hover {
	color: 			#3366cc;
	font-weight:	bold;
	text-decoration:none;
}
table.L1 tr td.L1 a.reglt, table.L1 tr td.L2 a.reglt, span.reglt, span.reglt0 {	
	color: 			#FF0000;
	font-weight:	bold;
	font-size:		12px;
	text-decoration: none;
}
table.L1 tr td.L1 a.reglt1, table.L1 tr td.L2 a.reglt1, span.reglt1 {	
	color: 			#00CC00;
	font-weight:	bold;
	font-size:		12px;
	text-decoration: none;
}

/*****************
 * Disponiblités *
 *****************/
table.dispos {
	background: #3366cc;
}
table.dispos td.date, table.dispos td.datehors {
	font-size:		11px;
	color:			#FFFFFF;
	margin:			0px;
	padding:		0px;
	text-align:		center;
}
table.dispos td.datehors {
	font-size:		9px;
}
table.dispos td.time {
	font-size:		9px;
	color:			#FFFFFF;
	margin:			0px;
	padding:		0px;
	text-align:		right;
}

table.dispos td.dispo {
	background-color:	#008000;
}

table.dispos td.indispo {
	background-color:	#7D0000;
}
table.dispos td.hors {
	background-color:	#E8EEF7;
}


/************
 * CRENEAUX *
 ************/
table.creneaux {
	background: #3366cc;
}
table.creneaux td.date, table.creneaux td.datehors {
	font-size:		11px;
	color:			#FFFFFF;
	margin:			0px;
	padding:		0px;
	text-align:		center;
}
table.creneaux td.datehors {
	font-size:		9px;
}
table.creneaux td.time {
	font-size:		9px;
	color:			#FFFFFF;
	margin:			0px;
	padding:		0px;
	text-align:		right;
}

table.creneaux td.miniTimeG {
	font-size:		9px;
	color:			#E8EEF7;
	margin:			0px;
	padding:		0px;
	text-align:		right;
}

table.creneaux td.miniTimeD {
	font-size:		9px;
	color:			#E8EEF7;
	margin:			0px;
	padding:		0px;
	text-align:		right;
}


table.creneaux td.libres, table.creneaux td.libres a {
	font-size:			9px;
	background-color:	#008000;
	font-weight:		normal;
	text-align:			center;
	color:				#FFFFFF;
}

table.creneaux td.utilises {
	font-size:			9px;
	background-color:	#7D0000;
	font-weight:		normal;
	text-align:			center;
	color:				#FFFFFF;
}
table.creneaux td.pendant {
	font-size:			9px;
	background-color:	#E8EEF7;
}