.legend {
     margin-top: 5px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 20px;
     font-size: 12px;
}
 .legend-item {
     display: flex;
     align-items: center;
     gap: 5px;
}
 .legend-color {
     width: 12px;
     height: 12px;
     border-radius: 50%;
}
 .flatpickr-day {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
}
 .flatpickr-day .puce-container {
     position: absolute;
     bottom: 4px;
     left: 0;
     right: 0;
     display: flex;
     justify-content: center;
     gap: 4px;
}
 .flatpickr-day .puce {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     flex-shrink: 0;
}
 .flatpickr-day .puce-zone-a {
     background-color: #ff0000;
}
 .flatpickr-day .puce-zone-b {
     background-color: #fec60b;
}
 .flatpickr-day .puce-zone-c {
     background-color: #00d000;
}
 .flatpickr-day .puce-jour-ferie {
     background-color: #9b59b6;
}
.flatpickr-day.nextMonthDay:not(.flatpickr-disabled),
.flatpickr-day.prevMonthDay:not(.flatpickr-disabled) {
  opacity: 1 !important;
  color: inherit !important;
  cursor: pointer !important;
}