/* annule les marges pour les items et les sous items */
.arborescence, .arborescence li, .arborescence li ul {
	margin: 0;
	padding : 0;
	list-style : none;
}

.arborescence * {
	font-size : 11px;
	text-decoration : none;
}

/* déclare les comportement par défaut des items */
.arborescence li {
	list-style-position: outside;
	margin-left:16px;
	padding-left:2px;
	vertical-align : top;
}

.arborescence li a {
	height : 10px;			
}		

/* par defaut les elements noeuds (ie déplié) */
.arborescence .noeud {
	list-style-image:url(../mnu_img/deplierbas.gif);
}

/* lorsque le bloc fils est fermé */
.arborescence .plier {
	list-style-image:url(../mnu_img/deplierhaut.gif);
}

.arborescence .plier > ul {
	display : none;
}

/* lorsque ie travaille et plie les éléments */ 
.arborescence .pliermsie {
	display : none;
}

/* personalisation de l'ancre pour ie */
.arborescence a.noeud {
	/* ramene l'ancre au dessus de la puce */
	margin-left : -12px;
	/* formate l'anre à la taille de la puce */
	width : 10px;
	height : 10px;
	text-decoration: none ;
	background-image:url(../mnu_img/invisible.gif);
}

/* éléments terminaux, qui ne possédent pas de sous partie */				
.arborescence .feuille {			
	list-style-type : square;
	color : black;
}	

/* expose le chemin de l'article ou rubrique en cours */
.arborescence .on {
	color : red;
}

/* suivi du fil actif */	
.arborescence .noeud.on,.arborescence .feuille.on{
	list-style-image:url(../mnu_img/puceon.gif);
}

/* suivi du fil actif */	
.arborescence ul.on{
	display : block;				
}