:root {
  --ludoactiv-texte : #1246d4;

  --ludoactiv-background-calendar: rgba(207, 226, 255);

  --ludoactiv-soiree :#ceffd2;
  --ludoactiv-evenement :#FFFF64;
  --ludoactiv-fermeture :#ff00004b;
  --ludoactiv-jour-passe :#e0dfdf;
}

#calendar {
    max-width:320px!important;
    max-height:320px!important;
    margin-right: auto;
    margin-left: auto;
}

#calendar_header, #calendar_weekdays {
  background: var(--ludoactiv-background-calendar);
} 

button.switch-month {
  background-color: transparent;
  border: none; 
}

button.switch-month:hover {
  color: var(--ludoactiv-texte);
}

td.today {
  border: var(--ludoactiv-texte) solid 2px;
  color: var(--ludoactiv-texte) !important;
  font-weight: bolder;
}  

td.fermer {
  background-color: var(--ludoactiv-fermeture);
} 

td.ouvert {
  background-color:var(--ludoactiv-soiree);
}

td.evenement {
  background-color: var(--ludoactiv-evenement);
} 

.smaller {
    font-size:0.7em;
}
.smallest {
    font-size:0.4em;
}

td.custom-text-muted {
  color: var(--ludoactiv-jour-passe); 
}


.legende-soiree {
  background-color: var(--ludoactiv-soiree);
  width: 10px;
  height: 10px;
}

.legende-evenement {
  background-color: var(--ludoactiv-evenement);
  width: 10px;
  height: 10px;
}

.legende-fermeture {
  background-color: var(--ludoactiv-fermeture);
  width: 10px;
  height: 10px;
}