/* Arbre */
.arbre
{
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 20px !important;
}

    .arbre ul
    {
        padding-left: 15px;
    }

    .arbre li
    {
        list-style-type: none;
        position: relative;
    }

    .arbre label
    {
        margin: 0px;
        padding-top: 3px;
        padding-bottom: 4px;
        padding-left: 17px;
        padding-right: 17px;
        background-image: url(images/fond-item-arbre.png);
        background-repeat: repeat-x;
        border: solid 1px #D6D7D8;
        border-radius: 4px;
        color: #232323;
        display: block;
        white-space: nowrap;
        line-height: 13px;
    }

        .arbre label.selectionne
        {
            border-color: #C18A31 !important;
            background-image: url(images/fond-item-arbre-selectionne.png);
        }

        .arbre label:hover
        {
            cursor: pointer;
            border-color: #F5D34F;
            background-image: url(images/fond-item-arbre-survole.png);
        }

        .arbre label.supprime
        {
            border-color: #cc4444 !important;
            background-image: url(images/fond-item-arbre-supprime.png);
        }

    .arbre span.parent
    {
        background-repeat: no-repeat;
        background-position: center;
        margin: 0;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 5px;
        left: 4px;
        z-index: 10;
    }

    .arbre span.ouvert
    {
        background-image: url(images/arbre_ouvert.png);
    }

    .arbre span.ferme
    {
        background-image: url(images/arbre_ferme.png);
    }

    .arbre span.suppression
    {
        background-image: url(images/supprimer.png);
        background-repeat: no-repeat;
        background-position: center;
        margin: 0;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 5px;
        right: 4px;
        z-index: 10;
    }

    .arbre .deplacement
    {
        border: dashed 1px green;
        background-color: #f3fff3;
        border-radius: 4px;
    }
/* Arbre */