/* annule les marges pour les items et les sous items */
.arborescence {
	border:1px solid #ccc;
	-moz-border-radius: 12px;	
	background-color:#F4F4F4;
	}
	
.arborescence, .arborescence li, .arborescence li ul {
	margin: 0;
	padding : 0;	
	list-style : none;	
}

.arborescence * {
	font-size : 14px;
	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(../images/deplierbas.gif);			
}

/* lorsque le bloc fils est fermé */
.arborescence .plier {
	list-style-image:url(../images/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'ancre à la taille de la puce */
	width : 10px;
	height : 10px;
	text-decoration: none ;
	background-image:url(../images/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;				
}