/* CSS à appliquer à l'arbre hiérarchique */

/* Lien plier /déplier tout */
.arbre-switch {
    text-align: left;
    padding: 0 5px;
    margin: 0 0 0px 0;
}

/* Arbre */
ul.arbre {
    border-width: 0 0 0 0;
    border-style: solid;
    padding: 5px 10px;
}
/* strong : A modifier en fonction de la balise choisie */
ul.arbre strong {
    font-weight: normal;
    padding: 0 0 0 20px;
    margin: 0 0 0 -7px;
    background-image: url(arbre-puce.png);
    background-repeat: no-repeat;
    background-position: 2px 0px;
}
ul.arbre strong.arbre-plier {
    background-image: url(arbre-plier.png);
    cursor: pointer;
}
ul.arbre strong.arbre-deplier {
    background-image: url(arbre-deplier.png);
    cursor: pointer;
}
ul.arbre ul {
    padding: 0;
    margin: 0;
}
ul.arbre li {
    padding-top: 3px;
    margin: 0;
    list-style: none; 
}
ul.arbre li li {
    margin: 0 0 0 16px;
}
/* Uniquement pour les navigateurs à moteur gecko */
ul.arbre li:last-child {
    border-left: 0;
    background: url(arbre-trait.png) no-repeat 0 10px ;
}
/* Classe pour masquer */
.hide {
    display: none;
}
/* ajout sr */
ul.arbre .col3 {text-align:right;width:100%;margin-top: -14px;    border-width:  0 0 1px 0;    border-style: solid;
border-color:#eee;
}
ul.arbre .col3 span.elem {border:1px solid #eee;border-width: 1px 1px 1px 1px;	}
ul.arbre .col3 span.zone {background-color:#ccc;	}
ul.arbre .col3 span.inst {background-color:#eee;}

ul.arbre img.bas {padding-top: 4px;padding-left:10px;}