.table-listing-holder {
    margin:5px;
}

.table-listing-holder > .table-listing {
    margin-bottom:5px;
}

.table-listing {
    margin-bottom: 10px;
    width: 100%;
    border: solid 1px #aaa;
    border-collapse: collapse;
    word-break: break-all;
    table-layout: auto;
}


    .table-listing .header {
        background-color: #e2e2e2;
        background-image: url('../images/listing/header.png');
        background-color: #f3f3f3;
        background-repeat: repeat-x;
    }


        .table-listing .header th {
            padding: 5px;
            padding-top: 2px;
            padding-bottom: 2px;
            border: solid 1px #aaa;
            color: #333;
            text-align: center;
            text-decoration: none;
            text-shadow: 1px 1px #fff;
            font-weight: normal;
            font-size: 11px;
            min-height: 23px;
        }

        .table-listing .header .sortable {
            background-position: right center;
            background-repeat: no-repeat;
        }

        .table-listing .header .sortable:hover {
            background-image: url('../images/icones/table-listing/sort_hover.png');
        }

            .table-listing .header .sortable.desc {
                background-image: url('../images/icones/table-listing/sort_desc.png');
            }

            .table-listing .header .sortable.asc {
                background-image: url('../images/icones/table-listing/sort_asc.png');
            }

            .table-listing .header .sortable a {
                display: block;
                color: #333;
                text-decoration: none;
                padding-right: 10px;
            }

    .table-listing tbody tr:nth-child(even){
        background-color: #fff;
    }

    .table-listing tbody tr.even td{
        background-color: #fff;
    }

    .table-listing tbody tr:nth-child(odd){
        background-color: #eef2f6;
    }

    .table-listing tbody tr.odd td{
        background-color: #eef2f6;
    }

    .table-listing tbody tr td {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: dotted 1px #aaa;
        border-left: solid 1px #aaa;
        font-size: 11px;
        color: #212121;
        min-height: 18px;
    }

        .table-listing tbody tr td a.td-link,
        .table-listing tbody tr td a.td-link-blank,
        .table-listing tbody tr td a.td-link-mail {
            color: inherit;
            background-repeat: no-repeat;
            text-decoration: underline;
            display: block;
            background-position: left 1px;
        }

    .table-listing tbody tr:hover > td {
        background-color: #c2d9f1;
    }

    .table-listing tbody tr td.td-action a {
        float: left;
        margin-right: 2px;
        margin-left: 2px;
        width: 16px;
        height: 16px;
        background-position: center center;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    .table-listing tbody tr[data-postback] td {
        cursor: pointer;
    }

        .table-listing tbody tr[data-postback] td.td-action {
            cursor: default;
        }

        .table-listing tbody tr[data-postback] td.td-multiselect {
            cursor: default;
        }

    .table-listing tfoot tr {
        background-color: #d0e5f3;
    }

        .table-listing tfoot tr td {
            padding: 5px;
            border: solid 1px #bbb;
            font-size: 11px;
            font-style: italic;
            color: #505050;
        }

/*Composant dans un table-listing*/

.td-multiselect {
    vertical-align: middle;
}

.table-listing input[type="checkbox"] {
    top: auto;
}