.leftzone {
    width: 280px;
    min-height: 400px;
    float: left;
    height: 100%;
    padding-right: 20px;
    border-right: 1px solid #999;
}

.leftzone h2 {
    font-size: 16px; font-weight: bold; margin-bottom: 5px;
}

.leftzone input {
    background: #ffffff; width: 260px; font-size: 14px; font-weight: bold; margin: 5px 0;
}

.hidden {
    display: none;
}

.results, .bloc-historique {
    margin-top: 30px;
}

.tag-results {
    color: #c00000;
}

.category-results {
    color: #008000;
}

.content-results {
    color: #000060;
}

.ui-autocomplete strong {
    font-weight: bold; color: #990000;
}

div.cattree {
    margin: 10px 0 0 320px;
}

.cattree p.category {
    color: #008000;
}

.cattree p.category:before {
    content: "Catégorie ";
    font-style: italic;
    font-weight: normal;
}

.cattree p.tag {
    color: #c00000;
}

.cattree p.tag:before {
    content: "Tag ";
    font-style: italic;
    font-weight: normal;
}

.cattree a.content {
    color: #000060; text-decoration: none;
}

.cattree li, p {
    margin: 4px 0; font-size: 13px; position: relative;
}

.cattree p {
    font-weight: bold; cursor: pointer;
}

.cattree p:after {
    content: " [-]"
}

.cattree .folded p:after {
    content: " [+]"
}

.cattree ul {
    list-style: none; position: relative; overflow: hidden; padding: 0; margin: 0;
}

.cattree .folded ul {
     display: none;
}

.cattree li {
    list-style: none;
}

.cattree ul li {
    margin-left: 50px;
}

.cattree ul li:after {
   content: ""; position: absolute; left: -40px; top: 10px; width: 30px; bottom: 0; border-style: solid none none solid; border-width: 1px; border-color: #333;
}

.cattree ul li:before {
    content: ""; position: absolute; left: -40px; top: -5px; height: 15px; width: 1px; background: #333;
}

.cattree ul li:last-child:after {
    border-style: solid none none;
}

.cattree .eltype {
    font-style: italic; display: none;
}