/* Listes classements général */

div.arbre ul li
{	
	position: relative;
	padding: 8px;
	padding-right: 95px;
	display: block;
	align-items: center;
	overflow-wrap: anywhere; 
}

div.arbre li div.branche_derouler, div.arbre li div.branche_edition, div.arbre li div.branche_titre
{
	display: inline;
	margin: 0;
}

div.arbre li div.branche_derouler
{
	display: block;
	position: absolute;
		top: calc(50% - 1px);
		right: 0px;
	transform: translate(calc(50% - 47px), -50%);
}

div.arbre li div.branche_titre
{
	margin-left: 8px;
}

div.arbre li div.branche_titre a
{
	padding: 3px;
}

/* Listes classements spécifique à chaque niveau */

	/* niveau n */
	
	div.arbre ul.cl_0 li.li_cl_0
	{
		color: var(--couleur-gen-clair);
	  
	    background-color: var(--couleur-gen-tres-fonce);
	    
	    border-left: 2px solid var(--couleur-gen-clair);
		border-bottom: 2px solid var(--couleur-gen-clair);
		
	}
	
	div.arbre ul.cl_0 li.li_cl_0:hover
	{
	  background-color: var(--couleur-gen-fonce);
	}

	div.arbre ul.cl_0 li.li_cl_0 a, div.arbre ul.cl_0 li.li_cl_0 a.visited
	{
	  color: var(--couleur-gen-clair);
	}

	div.arbre ul.cl_0 li.li_cl_0 a:hover, div.arbre ul.cl_0 li.li_cl_0 a.active
	{
	  color: var(--couleur-gen-tres-clair);
	}
	
	div.arbre ul.cl_0
	{
		margin-left: 30px;
	}
	
	div.arbre ul.cl_1
	{
		margin-left: 30px;
	}

	/* niveau 0 */
	
	div.arbre ul.niv_0
	{
		display: block;
		margin-left: 0px;
	}
	
	div.arbre ul.niv_0 li.li_niv_0
	{
		font-size: 25px;
  
	    font-weight: bold;
		
	}
	
	/* niveau 1 */
	
	div.arbre ul.niv_1 li.li_niv_1
	{
		font-size: 20px;
  
	    font-weight: bold;
		
	}
		

/* Boutons arbres */
div.arbre input[type="button"], input#exemple_derouler
{
	width: 25px;
	height: 25px;
	margin: 2px;
}



div.arbre input[value="M"], div.arbre input[value="E"], div.arbre input[value="⇅"], div.arbre input[value="V"], div.arbre input[value="MC"], input#exemple_derouler
{
	color: transparent;
	background-image: url('../../../images/edit.png');
	background-repeat: no-repeat;
	background-position: center;
}

div.arbre input[value="MC"]
{
	background-image: url('../../../images/mc.png');
}

div.arbre input[value="⇅"], input#exemple_derouler
{
	background-image: url('../../../images/derouler.png');
}

div.arbre input[value="V"]
{
	background-image: url('../../../images/valider.png');
}

/* En cours de modification */

div.arbre input[value="V"]
{
	border-color: var(--couleur-valide);
}

/* Checkbox de l'arbre */

div.arbre input[type="checkbox"]
{
	transform: translateY(4px);
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

/* Code classement */

div.arbre span.code_classement
{
	display: none;
	font-weight: bold;
	font-style: italic;
	font-size: smaller;
}