/* 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 : 12px;
	text-decoration : none;
}

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

.arborescence li a {
	height : 10px;			
}		

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

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

.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 {
	margin-left: -12px; /* formate l'anre à la taille de la puce */
	width: 10px;
	height: 10px;
	text-decoration: none;
	background-image: url(img_deroul/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(../images/puceon.gif);				
}

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