.elementor-562 .elementor-element.elementor-element-595e91b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-6e2350b */.elementor-170 .elementor-element.elementor-element-54bd4ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS *//* Style général de la section du calendrier */



.ics-calendar-month-grid .day {
    background: #ffffff!important;
}

.ics-calendar-month-grid .off {
    background: #ffffff!important;
}





/* Style du tableau */
section.ics-calendar.layout-month table.ics-calendar-month-grid {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Roboto', sans-serif;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  overflow: hidden;
}

/* Style des en-têtes (jours de la semaine) */
section.ics-calendar.layout-month table.ics-calendar-month-grid th {
  background-color: #212121;
  color: white;
  text-align: center;
  padding: 15px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #e0e0e0;
}

/* Style des cellules */
section.ics-calendar.layout-month table.ics-calendar-month-grid td {
  text-align: center;
  vertical-align: top;
  padding: 15px;
  font-size: 14px;
  color: #424242;
  transition: background-color 0.3s ease;
  border: 1px solid #f0f0f0;
  position: relative;
  cursor: pointer;
}

/* Animation hover pour les jours */
section.ics-calendar.layout-month table.ics-calendar-month-grid td:hover {
  background-color: #f0f0f0;
}

/* Style des jours avec événements */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.has_events {
  background-color: #eaeaea;
  font-weight: 600;
}

/* Style pour les jours vides ou off */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.off {
  color: #b0bec5;
}

/* Style pour le jour actuel */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.today {
  background: #ffc85a !important;
  border: none;
  font-weight: 700;
  color: #212121;
}

.ics-calendar-month-grid .today .day *, .ics-calendar.solidcolors .events, .ics-calendar.solidcolors .events a, .ics-calendar.whitetext .events, .ics-calendar.whitetext .events a {
  color: #000000;
}

.ics-calendar-month-grid .today .day {
  background: #ffaa00 !important;
}

/* Style pour les jours passés */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.past {
  color: #9e9e9e;
}

/* Style des événements */
section.ics-calendar.layout-month table.ics-calendar-month-grid ul.events {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 12px;
}

section.ics-calendar.layout-month table.ics-calendar-month-grid ul.events li {
  background-color: #525252;
  color: white;
  padding: 5px 10px;
  margin-bottom: 5px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-bottom: none;
}

section.ics-calendar.layout-month table.ics-calendar-month-grid ul.events li:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* Style pour les heures des événements */
section.ics-calendar.layout-month table.ics-calendar-month-grid ul.events li span.time {
  color: #ffcc80;
}

/* Style des jours sans événements */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.empty {
  background-color: #fafafa;
}

/* Style pour les événements avec une description au survol */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.has_events:hover .hover_block {
  display: block;
}

section.ics-calendar.layout-month table.ics-calendar-month-grid .hover_block {
  display: none;
  position: absolute;
  background-color: #ffffff;
  padding: 15px;
  border: 1px solid #ddd;
  z-index: 10;
  width: 220px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s ease;
  opacity: 0;
}

/* Animation pour afficher le bloc de description */
section.ics-calendar.layout-month table.ics-calendar-month-grid td.has_events:hover .hover_block {
  opacity: 1;
}

/* Style pour le texte dans le bloc de description */
section.ics-calendar.layout-month .descloc.hover_block {
  color: black;
  font-size: 14px;
}/* End custom CSS */