#MenuClient
{
	clear:left;
	position:relative;
	z-index:1;
	height:25px;
	padding-left:345px;
}

#MenuClient ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	position:absolute;
	width:840px;
}

#MenuClient ul li
{
	float:left;
}

#MenuClient ul li a
{
	display:block;
	background-color:#5B5B5B;
	color:#fff;
	margin-right:5px;
	padding:3px 5px 3px 5px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	border-bottom:2px solid #fff;
}

#MenuClient ul li a:hover
{
	background-color:#bb2e34;
}


#MenuClient ul li ul
{
	display:none;
	width:250px;
}

#MenuClient ul li ul li a
{
	width:220px;
	margin:0;
	border-bottom:1px solid #fff;
}

#ContenuClient h1
{
	text-align:left;
	font-size:18px;
	font-weight:bold;
	margin:0;
	margin-top:1em;
	margin-bottom:2em;
	color:Black;
	padding-left:12px;
}

#AccueilClient h4
{
	margin-bottom:2em;
	font-size:12px;
	margin:0;
	margin-bottom:1em;
	margin-left:1em;
	padding:0;
}

#ContenuClient #AccueilClient table
{
	width:400px;
	position:relative;
	margin:0;
	margin-left:1em;
	margin-bottom:1em;
	float:left;
}

#ContenuClient #AccueilClient table caption
{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#ContenuClient #AccueilClient table tr th
{
	background-color:#bb2e34;
	color:#fff;
}

#ContenuClient #AccueilClient table tr td
{
	text-align:center;
	background-color:rgb(220, 220, 220);
}

#ContenuClient #AccueilClient p
{
	position:relative;
	margin:1em;
	text-align:justify;
	color:black;
	padding:0;
	clear:both;
}

#ContenuClient table
{
	width:1000px;
	font-size:10px;
}

#ContenuClient table caption
{
	font-size:14px;
	margin:0;
	margin-top:2em;
	padding:0;
	font-weight:bold;
	padding-top:2em;
}

#ContenuClient table tr th
{
	text-align:center;
	background-color:#bb2e34;
	color:#fff;
}

/* td du tr de la table de la partie cliente */
/*
	il faudra jouer avec la propriété min-height et height
	attention : min-height ne fonctionne pas sous IE6 (et IE7 je ne suis pas sûr que ça fonctionne)
	il existe des hack pour pallier au problème : "hack min-height ie6" sur google
	tutoriaux xhtml / css :
	www.siteduzero.com
	http://www.alsacreations.com/
	general :
	developpez.com
	
	bonne chance!
	
*/
#ContenuClient table tr td
{
	text-align:center;
}

#ContenuClient table .tab_1
{
	background-color:rgb(200, 200, 200); /* gris foncé */
	color:Black;
}

#ContenuClient table .tab_2
{
	background-color:rgb(220, 220, 220); /* gris clair */
	color:Black;
}

#ContenuClient table .couleur_entree	{ color:rgb(000, 128, 000);	}
#ContenuClient table .couleur_sortie	{ color:rgb(255, 000, 000);	}
#ContenuClient table .couleur_achat	{ color:rgb(128, 000, 128);	}
#ContenuClient table .couleur_vente	{ color:rgb(040, 030, 255);	}
#ContenuClient table .couleur_autres	{ color:rgb(000, 000, 000);	}


#FormAccesClient table
{
	margin:3em auto 2em auto;
	width:500px;
}

#FormAccesClient table tr
{
	background-color:rgb(233, 233, 233); /* gris bleu clair */
	font-weight:bold;
}

#FormAccesClient table tr th
{
	width:200px;
	border-right:1px solid #fff;
}

#FormAccesClient table tr td
{
	width:170px;
	text-align:left;
}

#FormAccesClient table tr td input, #FormAccesClient table tr td textarea
{
	width:260px;
}

#FormAccesClient table tr td select
{
	width:200px;
}

#FormAccesClientSubmit
{
	text-align:center;
	margin-top:4em;
}

#FormAccesClientSubmit input
{
	text-align:center;
	width:150px;
	background-color:#bb2e34;
	color:#fff;
	font-weight:bold;
	height:25px;
	border:none;
}

#ContenuClient p strong
{
	color:#bb2e34;
}

.applet
{
	text-align:center;
	margin-top:10em;
}

#ContenuClient table tr td input
{
	width:80%;
}

#ContenuClient h2
{
	font-size:16px;
	font-weight:bold;
	margin-left:20px;
	margin-bottom:1em;
	margin-top:1em;
	padding:0;	
}


/* Calendrier */
.ds_box {
	background-color: #FFF;
}

.ds_head {
	background-color: #bb2e34;
	color: #FFF;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma;
	width: 200px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 12px;
	text-align: center;
	font-family: Tahoma;
	padding: 10px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #bb2e34;
	color:#fff;
} /* This hover code won't work for IE */

.textinfo p
{
	padding-left:4em;
	padding-right:4em;
}

#client_col1 {
	color:#000;
	width:320px;
	float:left;
}
#client_col2 {
	padding-top:35px;
	color:#000;
	width:320px;
	float:left;
	margin-left:20px;
}
#client_col3 {
	padding-top:35px;
	color:#000;
	width:320px;
	float:right;
}

body#popup
{
	background:none repeat scroll 0 0 #FFFFFF;
}

table#table_acceuil {
	font-size:12px
}