/* ################## DEBUT DEF DU MENU HAUT ################## */

#menu_haut ul, li {	/* utilisation de liste pour le menu */
	list-style-type: none;	/* suppression des puces de liste */
	margin:0; /*suppression des marges */
	padding:0;
}
#menu_haut ul {
	position: absolute;	/* positionnement pour IE5 et IE5.5 */
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;	/* arrière-plan général du menu */
	text-align: center;
}
#menu_haut li {
	float: left;
}

.li_puce{
	list-style-image:url(../images/puce-esprit-cycles.gif);
	padding-bottom:4px;
}

/* ## le menu Etat d'Esprit ##  */
a#m_etat_esprit {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 107px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Etat d'esprit" lors du survol du bouton */ 
li a#m_etat_esprit:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: 0px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Atelier ##  */
a#m_atelier {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 82px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Etat d'esprit" lors du survol du bouton */ 
a#m_atelier:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -107px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Vélos Neuf ##  */
a#m_velo_neuf {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 105px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Vélos Neuf" lors du survol du bouton */ 
a#m_velo_neuf:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -189px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Location ##  */
a#m_location {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 155px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Location" lors du survol du bouton */ 
a#m_location:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -294px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Catalogue ##  */
a#m_catalogue {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 135px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Catalogue" lors du survol du bouton */ 
a#m_catalogue:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -449px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Club Esprit Cycles ##  */
a#m_club {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 152px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Club Esprit Cycles" lors du survol du bouton */ 
a#m_club:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -584px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Contact ##  */
a#m_contact {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 85px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Contact" lors du survol du bouton */ 
a#m_contact:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -736px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}

/* ## le menu Liens ##  */
a#m_liens {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour qu'il soit cliquable */
	height: 22px;  /* Attribution des dimensions */
	width: 74px;
	color: #000; /*la couleur du texte des menus */
	text-indent: -5000px; /* On décale le texte du menu */
	text-decoration: none;
}
/* Definition du "glissement" du bouton "Liens" lors du survol du bouton */ 
a#m_liens:hover {
	background: transparent url(../images/barre-menu-haut.gif) top left no-repeat;
	background-repeat:no-repeat;
	background-position: -821px -22px; /* décalage de l'arrière-plan en Y pour chaque bouton */
}


/* ################## FIN DEF DU MENU HAUT ################## */