#explications {
  display:none;
}
.explications {
  margin-top:15px;
  color:#000000;
  font-size:13px;
}
.group_tag {
      background: #9DE4CF;
  border:1px solid #158966;
  color:#158966;
    border-radius:5px;
  padding:15px;
}
.table-container {
    overflow: auto;
    height: 100vh; /* Ajustez selon vos besoins */
    width: 100%;
}
table {
    border-collapse: collapse;
    width: 100%;
}
.table-container {
  overflow-x: auto;
  width: 100%;
}
.table-container table {
  table-layout: fixed;
}
.table-container th,
.table-container td {
  min-width:150px ;
  width: 150px;
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
.header-row {
    position: sticky;
    top: 0;
    background-color: #F6F6F6;
  color:#000000;
    z-index: 2;
}
.fixed-cell {
    position: sticky;
    left: 0;
    background-color: #F6F6F6;
    z-index: 1;
  color:#000000;
font-size: 12px;
    font-weight: 600 !important;
}
.fixed-cell a, .header-cell a {
  color:#000000;
}
.header-cell {
      background-color: #F6F6F6;
  color:#000000 !important;
font-size: 13px;
    font-weight: 600 !important;
}
.header-row .fixed-cell {
    z-index: 3;
}
.data-cell {
    min-width: 60px;
  	font-size:18px;
  font-weight:800;
}
/* Style de base du slider */
#cellWidthSlider {
  -webkit-appearance: none;
  width: 90%;
  max-width:300px;
  margin-bottom:15px;
  height: 8px;
  border-radius: 5px;
  background: #000000;
  outline: none;
  transition: opacity .2s;
}
/* Hover effect */
#cellWidthSlider:hover {
  opacity: 0.9;
}
/* Style du thumb (la partie que l'on déplace) pour Webkit (Chrome, Safari, newer versions of Opera) */
#cellWidthSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #158966; /* Couleur verte, changez-la selon vos préférences */
  cursor: pointer;
}
/* Style du thumb pour Firefox */
#cellWidthSlider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #158966; /* Même couleur que pour Webkit */
  cursor: pointer;
  border: none; /* Enlève la bordure par défaut sur Firefox */
}
/* Style de la piste (track) pour Firefox */
#cellWidthSlider::-moz-range-track {
  background: #000000;
  border: none;
}
#searchInput {
  border:1px solid #000000;
	padding:10px;
  margin-right:30px;
  width:400px;
  margin-left:20px;
  margin-bottom:20px;
}
/* Style pour IE et Edge */
#cellWidthSlider::-ms-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #158966;
  cursor: pointer;
}
#cellWidthSlider::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.sort-indicator {
  margin-left: 5px;
}
th:hover {
  background-color: #9DE4CF;
}
#cellWidthValue {
  color:#000000;
}

.buttons_container{
  display: flex;
  justify-content: center;
}
#downloadCSV, #hide_zero {
    background: #000000;
  color:#fff;
    border-radius:5px;
  line-height:35px;
  font-family:Poppins;
  cursor:pointer;
  border:none;
  margin-right:10px;
  margin-left:10px;
  font-size:11px;
}
#downloadCSV:hover, #hide_zero:hover {
    background: #158966;
}
#groupe_filter, #mode_filter {
      height: 45px;
    border-radius: 5px;
    border: 1px solid #000000;
  margin-right:10px;
}
.highlight-row {
    background-color: #F0F0F0;
}
.highlight-col {
    background-color: #E0E0E0;
}
.highlight-cell {
    background-color: #D0D0D0;
}
/* Styles pour le conteneur du tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.idr_communes {
  font-weight:700;
}
/* Styles pour le contenu du tooltip */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px; /* Vous pouvez ajuster la largeur selon vos besoins */
    background-color: #FCFCFC;
    color: #000000;
  	font-size:13px;
  	font-weight:400;
    text-align: left;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #000000;
    position: absolute;
    z-index: 999;
    /* Positionner le tooltip au-dessus de l'élément */
    bottom: 125%; /* Ajustez si nécessaire */
    left: 50%;
    transform: translateX(-50%);
    /* Effet de transition pour l'apparition du tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}
/* Triangle en bas du tooltip */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%; /* En bas du tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
}
/* Afficher le tooltip au survol */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.highlight-number {
    color: #FC554F;
}
.tooltip .tooltiptext {
  min-height: fit-content;
  max-height: 500px; /* Ajustez la hauteur maximale */
}