/* -------------------------------------------------------------------- */
  /* -----------------------DATATABLES------------------------------ */
  /* -------------------------------------------------------------------- */

 #Tab {
 width: 100%;
 
 }

.tabcenter{
   margin-left:auto;
   margin-right:auto;
}

.dt-buttons .dt-button{
  margin-right: 12px;
  background-color: #c1f5cd;
  color: #f30c0c;
  font-weight: 500;
  border-radius: 20px;
}
.dt-buttons .dt-button:last-child{
  margin-right: 0;
}
#tab thead th {
  font-weight: bold !important;
  background-color: #e6e205;
}
#tab tfoot th {
  font-weight: bold !important;
}

/* 1. On vire les icônes par défaut de DataTables */
table.dataTable thead .dt-column-order::before,
table.dataTable thead .dt-column-order::after {
  content: none !important;
  background-image: none !important;
}
/* 2. État normal = rouge, taille normale */
table.dataTable thead .dt-column-order::before {
  content: "⇅" !important;
  color: #ff0000 !important;
  font-size: 16px !important;
  opacity: 1 !important;
  display: inline-block;
}
/* 3. Tri ascendant = bleu ↑ agrandie */
table.dataTable thead .dt-ordering-asc .dt-column-order::before {
  content: "↑" !important;
  color: #007bff !important;
  font-size: 16px !important;
  display: inline-block !important;
  transform: scale(1.4) !important;
  transform-origin: center !important;
}
/* 4. Tri descendant = bleu ↓ agrandie */
table.dataTable thead .dt-ordering-desc .dt-column-order::before {
  content: "↓" !important;
  color: #007bff !important;
  font-size: 16px !important;
  display: inline-block !important;
  transform: scale(1.4) !important;
  transform-origin: center !important;
}


/* barre de pagination*/
.dataTables_paginate {
  background: #f59e9e; /* couleur de fond */
  padding: 10px;
  border-radius: 5px;
}
/* Les boutons de pagination */
.dataTables_paginate .paginate_button {
  color: #efef08 !important; /* couleur du texte */
  font-size: 20px; /* taille du texte */
  margin: 0 5px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
}
/* Bouton actif (page courante) */
.dataTables_paginate .paginate_button.current {
  background: #007bff;
  color: #fff !important;
  border-color: #007bff;
}
/* Survol des boutons */
.dataTables_paginate .paginate_button:hover {
  background: #ddd;
  color: #000 !important;
}