/*
 *  Description:  CSS descriptions for DataTables 
 *  Language:     CSS
 *  Project:      DataTables
 *
 * ***************************************************************************
 */


 /* Pour les style des colonnes */ 
table.display td.center {text-align: center;}
table.display td.right {text-align: right;}
table.display td.left{text-align:left;}
table.display td.gras{font-weight:bold !important;}
table.display td.italique{font-style:italic;}

table.display td.no-wrap { white-space:nowrap; overflow:hidden; }
 
/*
 * jQuery UI specific styling
 */
 
/*.dataTables_wrapper{ font-family:Verdana,Arial,Helvetica,sans-serif;}*/

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button , .paging_pagination_perso .ui-button {
	padding: 0px 2px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
}

.listeNumeroPage{float:left;}
.listeNumeroPage span{padding: 0px 6px !important;}

.fg-button{float:left;}

.ui-buttonset .ui-button {
	margin-right: -0.1em !important;	
}
.ui-buttonset .previous {
	margin-right: -0.2em !important;	
}

.paging_full_numbers {
	/*width: 350px !important;*/
}

.ui-toolbar {
	padding: 3px;
}

.dataTables_info {
	padding-top: 3px;
	font-size:7pt;
}

table.display thead th {
	/*padding: 3px 0px 3px 10px; */
	padding:0 !important;
	cursor: pointer;
	* cursor: hand;
}
/* Div entete colone*/
table.display thead th .DataTables_sort_wrapper {
	margin:3px 5px !important;
	font-weight:normal !important;
	font-style:italic;
}


div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
	/*height:24px;*/
}


/*
 * Sort arrow icon positioning
 */
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	/*padding-right: 20px;*/
}

table.display thead th div.DataTables_sort_wrapper span {
	position: relative;
	/*top: 50%;*/
	margin-left: -2px;
	/*margin-top: -8px;*/
	/*right: 0;*/
}


table.display thead th div.DataTables_sort_wrapper span.boutonRechercheColonne {
	float:right !important;
}

table.display thead th  div.rechercheColonne{
position:relative;
}

table.display thead th  div.rechercheColonne input{
	width:92%; 
	/*height:20px;*/
	position:absolute;
	margin:2px;
	left:0px;
	height:14px;
}

table.display thead th  div.rechercheColonne span{
height:20px;
margin: 4px 2px;
display:inline-block;
position:absolute;
right:3px;
}
/*table.display thead th  div.rechercheColonne button .ui-button-text {display:none;}*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
/*	min-height: 302px;
	_height: 302px;*/
	clear: both;
/*	font-size:7pt;*/
	padding: 3px 3px;	
	/*width:99%;*/
}

.dataTables_processing {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0
	text-align: center;
	z-index:1000;
}


.dataTables_processing  .masqueTable{height: 100%; width:100%; }
.dataTables_processing  .divAttente{position: absolute;top: 45%;left: 50%;width: 400px;margin-left: -200px;text-align: center;}

.jaugeTable {height:22px !important; margin:0 !important;}
.jaugeTable .ui-progressbar-value{border:0 !important; height:22px !important; margin:0 !important;}
.messageJauge{position:relative; top:-20px; font-weight:bold; font-style:italic;  text-align: center; font-size:1.2em;}

.dataTables_filter {
	/*width: 50%;*/
	float: right;
	/*position:absolute;
	right:25px;*/
	text-align: right;
	font-size:8pt;
	padding:0px 5px 2px 25px;
	background:url('../../Loupe16-20.png')  no-repeat scroll 0 0 transparent;
}
.dataTables_filter  input{ /*width:100px; height:20px; */}

/* Afficher xxx élément / page */
.dataTables_length {
	width: 180px;
	float: left;
}
/* (Total d'élément) */
.dataTables_info {
	/*width: 140px;*/
	float: left;
}

.dataTables_paginate {
	width: auto;
	float: right;
	text-align: right;
	border : 0 none !important;
}


.dataTables_paginate span {height:16px;}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	table-layout:fixed;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px;
	vertical-align:middle;
}

table.display td.modifiable input , table.display td.modifiable textarea{
    width: 97%;
    margin: 0px;
}
/*table.display td.modifiable input {height:12px;}*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

tr.odd {
/*	background-color: #E2E4FF !important; */
/*background:none repeat scroll 0 0 transparent ;*/

/*opacity: 0.9 ;
filter:Alpha(Opacity=90) ;
*/
cursor:default;
}

tr.even {
cursor:default;
/*	background-color: white; */
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}



.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}


.css_right{
float:right !important;;
}

.css_left{
float:left !important;
}

table.ui-widget tr.ui-widget-header th{border:inherit; height:24px; text-align:left;}
table.ui-widget tr.ui-state-default th{border:inherit;}
table.ui-widget tr.ui-widget-content td{border:inherit;}


/*tr.ui-widget-content.ui-state-focus{border:inherit;}*/

/*
tr.ui-widget-content.ui-state-focus{border:none;}
tr.ui-widget-content.odd.ui-state-focus{border:none;}
*/

.TableUtilisateurs_filter input{}

.dataTables_length{ font-size:7pt;}
.dataTables_length select{ height:18px; font-size:7pt;}


.checkbox-ok,.checkbox-pasok,.checkbox-inactive,.checkbox-inactive-ok{width:18px;height:18px;display:inline-block;}
.checkbox-ok{background:url(../../checkbox_coche_18.png) !important;background-repeat:no-repeat !important;background-position:50% 50% !important; }
.checkbox-pasok{background:url(../../checkbox_vide_18.png) !important;background-repeat:no-repeat !important;background-position:50% 50% !important; }
.checkbox-inactive{background:url(../../checkbox_disabled_18.png) !important;background-repeat:no-repeat !important;background-position:50% 50% !important; }
.checkbox-inactive-ok{background:url(../../checkbox_disabled_coche_18.png) !important;background-repeat:no-repeat !important;background-position:50% 50% !important; }

.dataTables_buttonsetExt{margin-bottom:5px;}
.dataTables_buttonsetInt{ margin:2px; /*float:left;*/}
.dataTables_buttonsetTitle{ position:relative; display:inline-block; margin:0 2px; /*float:left;*/}
.dataTables_buttonsetSelect{float:right; margin:3px 5px;}


.dataTables_buttonsetSelect button{height: 24px;width: 26px;    margin-top: -2px;margin-bottom: -4px; margin-right:2px;}
.dataTables_buttonsetSelect span.ui-button-icon-primary{
	margin: 4px 10px ;
    position: relative !important;
    top: 0 !important;
/*margin-top:-14px; left:0.3em;*/

}
.dataTables_buttonsetSelect span.ui-button-text{padding:0.4em 1em 0.4em 1em;}

.dataTables_wrapper .display td{font-weight:normal !important;}

.search_init {
    color: #999999;
}


.dataTables_wrapper .TitreTable{/*font-size:12pt;*/ font-style:italic; font-weight:bold; display:inline-block; position:relative; margin:0 10px 0 2px;}
.dataTables_wrapper .Entete{/*font-size:10pt;*/ padding:2px 5px;}
.dataTables_wrapper .Pied{/*font-size:10pt; */padding:2px 5px;}

.VoirMasquerTable{ float:right;}

/* Pour le plugin ColVis qui permet de choisir les colonnes visibles */
.ColVis {
    height: 25px;
	width:20px;
	float:right;
	/*position:absolute;
	right:5px;*/
}
.ColVis_MasterButton{ 
	background: url("colVis_button.png") no-repeat scroll 50% 50% transparent !important; 
    /*border-left-width: 0;*/
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.ColVis_title{font-weight:normal;}
.ColVis_Restore{text-align:center !important;}
.ColVis_title .boutonRechercheColonne{display:none;}

.ColVis_collection {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	width:180px;
	/*margin-left:-25px;*/
	padding:2px;
	z-index:9999;
}
div.ColVis_collection button.ColVis_Button {
    float: none;
    margin-bottom: 2px;
    width: 100%;
	text-align:left;
}
.ColVis_collectionBackground {background-color:#FFFFFF; opacity:0.3 !important; }



.dataTables_scrollHead { width: 100% !important; }
.dataTables_scrollBody { width: 100% !important; }