/* CSS Document */


/* ___________ Filtre : Fourchettes _______________*/
 
.Groupe_range_fourchette .SF_Titre {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    padding: 0 0 10px;
}

.Groupe_range_fourchette .form-group {
    margin: 0 5px;
}


/* ___________ DataTables _______________*/

table.dataTable thead th, 
table.dataTable tbody td {
    padding: 4px 6px; 
    font-size: 13px;
	text-align: left;
}
 
table.dataTable thead .sorting { 
    background-color: #bfd0d6;
	border-color:#888;
}

table.dataTable.no-footer {
	border:none;
}

.Zone_DataTable {
    margin: 20px 0;
}

.Titre_DataTable {
	margin:0 0 5px;
}

.dataTables_wrapper {
    box-shadow: 1px 1px 5px #bbb;
	background-color: #fff;
}

.dtrg-group td { background-color: #0195ad!important; color:#fff; }
.dtrg-group td i { display:none; }

table.dataTable .C_Num { display:none; }


/* ___________ Zone_Filtres_DataTable _______________*/


.Zone_Filtres_DataTable { display:flex; margin: 0 -30px;}
 
.Zone_Filtres_DataTable .Groupe_range_fourchette {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	margin: 0 30px;
}




/* ___________ Zone_Filtres_et_Reset _______________*/

/* _ GRID Css _ */
@supports (display: grid) { 
	
	.Zone_Filtres_et_Reset {
		display:grid;
		grid-template-columns: auto 120px; 
		grid-auto-flow: row;
		grid-gap: 30px;
		padding:15px 0;	
		margin: 30px 0;	
	}
		
	.Zone_Filtres_et_Reset > div {
		width: auto;   
		vertical-align:top; 
	} 
}  

.Zone_Filtres_Bt_Reset { text-align:right; }
.Bt_Reset_Filtres  {
    padding: 6px 10px;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.Zone_Filtres_et_Reset {
		display:block;
	}
	.Zone_Filtres_DataTable .Groupe_range_fourchette {
		margin: 0 0 30px 0;
	}	
	.Zone_Filtres_DataTable {
		display:block;
		margin:0;
	}	
}