/* CSS Document */

#nav{
	background: #fff url(../images/nav_background.gif) repeat-x;
	line-height: 24px;
}

#item1
{
	margin: 0 ;
	padding: 0 ;
	width: 64px ;
	line-height: 24px ;
	background-color:#FFFFFF;
	list-style-type: none ;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #333333;
	text-decoration: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

#item1 a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 64px ;
	line-height: 24px ;
	color: #000 ;
	text-decoration: none ;
	background: url(../../images/item.gif) repeat-x 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#item1 a:hover
{
	background: url(../../images/item.gif) repeat-x 0 -24px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff;
}

#item2
{
	margin: 0 ;
	padding: 0 ;
	width: 156px ;
	line-height: 24px ;
	background-color:#FFFFFF;
	list-style-type: none ;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #333333;
	text-decoration: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

#item2 a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 156px ;
	line-height: 24px ;
	color: #000 ;
	text-decoration: none ;
	background: url(../../images/item.gif) repeat-x 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#item2 a:hover
{
	background: url(../../images/item.gif) repeat-x 0 -24px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff;
}

#item3
{
	margin: 0 ;
	padding: 0 ;
	width: 186px ;
	line-height: 24px ;
	background-color:#FFFFFF;
	list-style-type: none ;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #333333;
	text-decoration: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

#item3 a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 186px ;
	line-height: 24px ;
	color: #000 ;
	text-decoration: none ;
	background: url(../../images/item.gif) repeat-x 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#item3 a:hover
{
	background: url(../../images/item.gif) repeat-x 0 -24px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff;
}

#item4
{
	margin: 0 ;
	padding: 0 ;
	width: 174px ;
	line-height: 24px ;
	background-color:#FFFFFF;
	list-style-type: none ;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #333333;
	text-decoration: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

#item4 a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 174px ;
	line-height: 24px ;
	color: #000 ;
	text-decoration: none ;
	background: url(../../images/item.gif) repeat-x 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#item4 a:hover
{
	background: url(../../images/item.gif) repeat-x 0 -24px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff;
}

#item5
{
	margin: 0 ;
	padding: 0 ;
	width: 120px ;
	line-height: 24px ;
	background-color:#FFFFFF;
	list-style-type: none ;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #333333;
	text-decoration: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

#item5 a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 120px ;
	line-height: 24px ;
	color: #000 ;
	text-decoration: none ;
	background: url(../../images/item.gif) repeat-x 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#item5 a:hover
{
	background: url(../../images/item.gif) repeat-x 0 -24px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff;
}

#item6
{
	margin: 0 ;
	padding: 0 ;
	width: 120px ;
	line-height: 24px ;
	background-color:#FFFFFF;
	list-style-type: none ;
	cursor:pointer;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #333333;
	text-decoration: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

#item6 a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 120px ;
	line-height: 24px ;
	color: #000 ;
	text-decoration: none ;
	background: url(../../images/item.gif) repeat-x 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#item6 a:hover
{
	background: url(../../images/item.gif) repeat-x 0 -24px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff;
}