/*body {behavior: url(/new2_bpi/css/csshover.htc);}*/
/*div#menu {width: 145px;}*/
/*div#menu ul a {width: inherit;}

/* texte pour le menu */ 
div#menu a {color:#000000; }
div#menu a:hover {color:#ffffff;}

/*menu  dans les pages chr-xxxxx.asp */
div#menu ul {padding: 0; width: 130px; border:0px solid; margin:1px; }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
/*div#menu li:hover {background-color: #004b95}*/

div#menu ul li {position:relative; list-style: none; border-bottom:0px solid;  }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 145-(8 de bordure + 8 de padding) =129 */ 
/*div#menu li a {text-decoration: none; padding: 1px 0 2px 5px; display:block; border-left: 8px solid #b9b97e; width:129px; text-color:000000}*/

/* menu dans les pages produits debut.inc*/
div#menu li a {text-decoration: none; padding: 1px 0px 1px 5px; display:block; border-left: 6px solid #b9b97e;  width:130px;}

/* la bordure de chaque hauteur a une couleur de survol*/ 
div#menu li a:hover {border-left-color: #e4312a; color:white; background-color: #004b95}

a.lien_menu {
	color: #ffffff;
	text-decoration: none;
}


.menuactif {
			text-decoration: none;
			padding: 1px 0px 1px 5px;
			display:block;
			border-left: 6px solid #e4312a;
			width:130px;
			color:#ffffff;
			background-color: #004b95;
}




ul.liste, .liste li, .liste a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */ 

.liste {width :10em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste */ 

.liste li a {border-left:1.5em solid #b9b97e ; /* crée un gros carré gris à gauche des liens non survolés */
/*background-color:#CCD ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:0.5em;
border-left: 8px solid;
width:116px;} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste li a:hover { /* style des liens lors du survol */
background-color:#004b95 ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red;
border-left: 8px solid #e4312a;} /* crée un gros carré rouge à gauche des liens survolés */