.content-liste{height: 330px; max-height: 330px; overflow-x:hidden; overflow-y:scroll; border:1px solid #ccc; padding:0;}
div.item-titre {padding:5px 10px; cursor:pointer; font-weight:700; } 
div.item, div.item-active{ padding:3px; cursor:pointer; border-bottom : 1px solid #ccc; padding:5px 10px; }
div.item:hover { background-color:#d9edf7; }
div.item-active { background-color:#428bca; color:#fff; }
.content-liste > div.item:nth-of-type(2n+1) { background-color: #f9f9f9; }
.content-liste-table-salaire {height: 323px; min-height: 323px; overflow-x:hidden; overflow-y:auto;border: 1px solid #ccc;}
.cacher{display: none;}
.to-b{font-weight: 800 }
.l{text-align: left}
.r{text-align: right}
.c{text-align: center}
.b-lr {border-left: 1px solid;border-right: 1px solid;}
.b-l {border-left: 1px solid;}
.b-r {border-right: 1px solid;}
.b-t {border-top: 1px solid;}
.b-b {border-bottom: 1px solid;}
.b-tb {border-top: 1px solid;border-bottom: 1px solid;}
.b-all {border: 1px solid;}
#contenue-bulletin-de-paie > table > tbody > tr > .noborder-lr {border-left: none;border-right: none;}
#contenue-bulletin-de-paie table tbody .bas {border-bottom: 1px solid;}
#contenue-bulletin-de-paie table tbody .haut {border-top: 1px solid;}
#contenue-bulletin-de-paie table tbody .cadre {border: 1px solid ;}
#contenue-bulletin-de-paie table tbody td{border-left: 1px solid ; border-right: 1px solid ; border-top: none; border-bottom: none;}
#contenue-bulletin-de-paie table thead th{border: 1px solid ;}
#contenue-bulletin-de-paie table tbody {text-align: right;}
#contenue-bulletin-de-paie table thead {text-align: center;}
#contenue-bulletin-de-paie > table > tbody > td > .noborder-lr {border-left: none;border-right: none;}
#contenue-bulletin-de-paie > table > tbody > tr> .r {text-align: right;}
#contenue-bulletin-de-paie > table > tbody > tr> .l {text-align: left;}
#mycontats {padding-left: 10px;}
.liste-table-salaire{border: 1px solid #ccc;}
.nombre-r{text-align: right}
#content-paie-individuel table thead th .l{text-align: left}
#content-paie-individuel table thead th .r{text-align: right}
.titre-div-collective {cursor:pointer;border : 1px solid #ccc;padding:5px 10px;}
.contenue-div-collective {cursor:pointer; border : 1px solid #ccc; padding:5px 10px;}
.contenue-div-collective .bbord {cursor:pointer; border-left : 1px solid #ccc;border-right : 1px solid #ccc; padding:5px 10px;}
.per-titre { color: #005478; font-size:12px;  font-weight:700; }
#paginationregistre_paginate{ height : 12px;}
.paginate_button{display: inline;}
#contenttable-registre{padding-left:3px;}
#paginationregistre_filter input{width : 100%; }
div.dataTables_filter input {display: block;}
#paginationcontratexpire_filter input{width : 100%; }
#paginationcontratattente_filter input{width : 100%; }
#paginationsortie_filter{width : 100%; }
.not-active {pointer-events: none; cursor: default;}
.contenue-bulletin-de-paie > .mytext-bulletin > tr > td {font-size:6px;}
.imageBox
{
    position: relative;
    height: 400px;
    width: 400px;
    margin:0 auto;
    border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}

.imageBox .thumbBox
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}
.pourcrana{
	cursor : text;
}

.imgsortie{cursor : Pointer;}
.imgsortie:hover{transform:scale(2,2); transform-origin:0 0;}
#masse_liste{ margin:0; padding:0; overflow-x:scroll; overflow-y:hidden; min-height : 400px;}
.photoclick{cursor : pointer;}

.alert-bull{
    color: black;
}
.disabled-onglet {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    color: #999;
    background-color: #ddd;
}