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

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

/* Arbre */
ul.arbre {
    border-width: 1px 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(images/picto-dossier.png);
    background-repeat: no-repeat;
    background-position: 1px 50%;
}
ul.arbre strong.arbre-plier {
    background-image: url(images/picto-dossier.png);
    cursor: pointer;
}
ul.arbre strong.arbre-deplier {
    background-image: url(images/picto-dossier.png);
    cursor: pointer;
}
ul.arbre ul {
    padding: 0;
    margin: 0;
}
ul.arbre li {
    padding: 0;
    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(images/arbre-trait.png) no-repeat 0 0!important;
}
/* Classe pour masquer */
.hide {
    display: none;
}
/*
ul {border: solid red 1px; }
li {border: solid blue 1px; }*/
div.move {
    cursor: move;
    position: absolute;
}