@charset "UTF-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Nom: menu.css
* Version: 1.0.0 (29/10/2008)
* Website: http://www.marabout.com/
* Auteur: Florent Sala���n
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* category menu */
ul#menu {
	float:left;
	width: 160px;
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	text-indent: 0;
	position: relative;
	background-position: top;
	margin-right: 0px;
	font-size:13px;
	letter-spacing:0px;
}

/*================
Les titres du menu
================*/
.menutxt li a{
	line-height:1em;
}

ul#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: 160px ;
	color: #333333;
	text-indent: 5px ; /* On d̩cale le texte de 30px du bord gauche */
	text-decoration: none ;
	background:url(/media/image/bouton_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne ��� 0px du bord gauche et 0px du bord haut */
	background-image:url(/media/image/bouton_menu.gif);
	height:20px;
	border-top: 1px solid #999999;
	padding-top:8px;
}




ul#menu li a:link
{
	color:#333333;
	font-size: 13px;

}

ul#menu li a:visited
{
	color:#333333;
	font-size: 13px;
}

ul#menu li a:active
{
	color:#333333;
	font-size: 13px;
}

ul#menu li a:hover
{
	background:url(/media/image/bouton_menu.gif) no-repeat 0 -30px ; /* Et ici on d���cale l'image du background de 30px vers le haut pour laisser apparaitre la 2eme partie de l'image */
    color: #ffffff;
	font-size: 13px;
}








/*================
Les images de fond
================*/







#menutop {
background-image:url(/media/image/menu_top.gif);
width:160px;
height:16px;
background-repeat:no-repeat;
}

#menubottom {
background-image:url(/media/image/menu_bottom.gif);
width:160px;
height:16px;
background-repeat:no-repeat;
	border-top: 1px solid #999999;

}