dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*vertical-align : middle; */
}

global 
{
	position :	relative;
	top :		0px;
	left :		0px;
	height :	0px;
	width :		0px;
}

div.zoneclient
{
	position			: absolute;
	width				: 180px;
	height				: 48px;
	margin-left			: 859px;
	margin-top			: 0px;
	z-index				: 5;
}

.zclient
{
	font-family			: Verdana, sans-serif; 
	font-size			: 10px; 
	text-decoration		: none; 
	color				: #FFFFFF; 
	font-weight			: normal; 
}

.zclientonline
{
	font-family			: Verdana, sans-serif; 
	font-size			: 12px; 
	text-decoration		: none; 
	color				: #FFFFFF; 
	font-weight			: bold; 
}

a.zclientonlin
{
	font-family			: Verdana, sans-serif; 
	font-size			: 12px; 
	color				: #FFFFFF; 
	font-weight			: bold; 
}

div.contenu 
{
	position			: absolute;
	/*width				: 853px;*/
	width				: 867px;
	margin-left			: 174px;
	margin-top			: 127px;
	text-align			: center;
	background-color	: White;
	z-index				: 2;
	/* scrollbar dans le div */
	overflow			: auto;
	/*height				: 500px;*/
}

div.logo
{
	position	:   absolute;
	width		:	174px;
	height      :   160px;
	background	:	url(http://www.picasoft.com/pictures/logo.gif);
	z-index		:	40;
}

div.menuleft12
{
	position	:	absolute;
	width		:	174px;
	margin-top  :	160px;	
	background	:	url(http://www.picasoft.com/pictures/left.jpg);
	z-index		:	1;	
}

#menu 
{
	position: absolute;
	padding-top : 80px;
	margin-left : 174px;
	/*width : 856px;*/
	width : 870px;
	z-index:3;
}

#menu dl {
	float: left;
}

#menu dt.separator {
	background: url(pictures/menu/separator_menu.gif);
	/*background: grey;*/
	height: 47px;
	width: 1px;
	line-height: 47px;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: url("pictures/menu/menu.gif");
	height: 47px;
	width: 123px; /* 121px sans la scrollbar */
	line-height: 47px;
}

#menu dd {
	display: none;
}

#menu li 
{
	cursor: pointer;
	text-align: center;
	background: url("pictures/menu/sousmenu1.gif");
	height: 23px;
	width: 123px;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
}

#menu a 
{	
	color : #000000;
	text-decoration: none;
}

#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 123px ;
	height: 23px;
	line-height: 22px ;
	color: Black;
	text-align: center;
	text-decoration: none ;
	background: url(pictures/menu/sousmenu.gif) 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#menu li a:hover
{
	background: url(pictures/menu/sousmenu.gif) 0 -22px ; /* Et ici on décale l'image du background de 22px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#menu dt a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 123px ;
	height: 47px;
	line-height: 47px ;
	color: Black;
	text-align: center;
	text-decoration: none ;
	background: url(pictures/menu/menu.gif) 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#menu dt a:hover
{
	background: url(pictures/menu/menu.gif) 0 -47px ; /* Et ici on décale l'image du background de 22px vers le haut pour laisser apparaître la 2eme partie de l'image */
}