/*
			tr.stripe1 {
				background-color: yellow !important;
			}

			tr.stripe2 {
				background-color: red !important;
			}
			*/



			div.dts div.dataTables_scrollHead
			{
  				margin-left: 1px !important;
			}

			/* Datatables background */
			div.dts div.dataTables_scrollBody
			{
				background: white;
				border-top: solid 2px #067FB8 !important;
				color: #606060;
			}

			.dt-no-header
			{
				border-top: none !important;
			}

			table.dataTable td.dt-border
			{
				height: 1px !important;
				min-height: 100% !important;
				padding-top: 0px !important;
				padding-bottom: 0px !important;
				border-left: solid 1px silver !important;
				/* padding-left: 8px !important;
				 padding-right: 8px !important;*/
			}

			table.dataTable th.dt-border
			{
				border-left: solid 1px silver !important;
				padding-left: 8px !important;
			}

			/* Datatables row selected */
			table.dataTable tbody tr.selected > *
			{
				box-shadow: inset 0 0 0 9999px rgba(220, 220, 230, 0.9) !important;
				color: black;
				/*font-weight: bold;*/
			}

			table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > *
			{
				box-shadow: inset 0 0 0 9999px rgba(240, 240, 240, 0.935) !important;
			}

			table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > *
			{
				box-shadow: inset 0 0 0 9999px rgba(200, 200, 210, 0.935) !important;
			}


			table.dataTable.table-striped > tbody > tr.odd > *
			{
  			box-shadow: inset 0 0 0 9999px rgba( 100, 100, 100, 0.05);
			}

			table.dataTable.table-hover > tbody > tr:hover > *
			{
  			box-shadow: inset 0 0 0 9999px rgba(100,100,150, 0.1);
			}
			table.dataTable.table-hover > tbody > tr.selected:hover > * {
  			box-shadow: inset 0 0 0 9999px rgba(255, 110, 253, 0.975);
  			box-shadow: inset 0 0 0 9999px rgba(255, 110, 253, 0.975);
			}




			/* Datatables collapse-expand button */
			table.dataTable td.dt-control:before
			{
				height: 22px !important;
				width: 22px !important;
				margin-top: 0px !important;
				color: black !important;
				border: 0.0em solid white;
				border-radius: 0em;

				box-shadow: 0 0 0.0em #944;
				box-sizing: content-box;

				content: "" !important;
				background-color: transparent !important;
				background-image: url(../bmp/expand.png)  ! important;
				background-size: 100% auto;
			}

			table.dataTable tr.dt-hasChild td.dt-control:before
			{
				height: 22px !important;
				width: 22px !important;
				margin-top: 0px !important;
				color: black !important;
				border: 0.0em solid white;
				border-radius: 0em;

				box-shadow: 0 0 0.0em #944;
				box-sizing: content-box;

				content: "" !important;
				background-color: transparent !important;
				background-image: url(../bmp/collapse.png)  ! important;
				background-size: 100% auto;
			}

			.c_datatable-border
			{
				border-right: 1px #D0D0D0 solid !important;
			}


			.importantRule
			{
				border-width: 5px !important;
				border-color: red !important;
			}

			table.dataTable thead th .column-filter {
			  display: block;
			  margin-top: 2px;
			  padding-right: 20px; /* laisse la place aux fl�ches ?? */
			}

			table.dataTable thead th .column-filter input,
			table.dataTable thead th .column-filter select {
			  width: 100%;
			  box-sizing: border-box;
			  font-size: 0.8rem;
			}

			table.dataTable thead th .column-label-text {
			  white-space: normal !important;  /* autorise retour � la ligne */
			  word-break: break-word;          /* casse si n�cessaire */
			}

			.cr-handle {
			  position: absolute;
			  top: 0;
			  right: 0;
			  width: 6px;
			  height: 100%;
			  cursor: col-resize;
			  user-select: none;
			  -webkit-user-select: none;
			  background: transparent;
			  z-index: 9999; /* ⬅️ très important : au-dessus du contenu interne */
			}
			.cr-handle:hover {
			  background: rgba(0, 0, 0, 0.08);
			}

			/* Donne aux colonnes sorting_disabled le même layout que sorting */
			th.sorting_disabled {
			    position: relative !important;  /* indispensable pour le handle */
			    overflow: visible !important;   /* pour ne pas couper le handle */
			    padding-right: 0px !important; /* espace réservé pour le pseudo-élément */
			}

			/* Faux caret (invisible) pour stabiliser le layout */
			th.sorting_disabled .dt-column-order::after {
			    content: "";
			    position: absolute;
			    top: 50%;
			    right: 4px;
			    width: 0;
			    height: 0;
			    opacity: 0; /* totalement invisible */
			}