.myCalendar {
  color: var(--color-cal-txt);
  background-color: var(--color-cal-fond);
  border: 0px solid var(--color-cal-border) !important;
  border-top: 0px !important;
}

  .myCalendar a, .myCalendar a:hover {
    text-decoration: none;
    color: var(--color-cal-titre) !important;
  }

  .myCalendar .myCalendarTitle {
    font-weight: bold;
    height: 1.2em;
    background-color: var(--color-cal-fond);
    font-size: 1em;
    color: var(--color-cal-titre);
  }

  .myCalendar th.myCalendarDayHeader {
    height: 1em;
    background-color: var(--color-cal-elements);
    border: solid 1px var(--color-cal-borderday);
    color: var(--color-cal-titre);
  }

  .myCalendar td.myCalendarDay {
    border: solid 1px var(--color-cal-borderday);
    background-color: var(--color-cal-elements);
    color: var(--color-cal-txt);
    font-size: 0.8em;
    vertical-align: middle !important;
  }

  .myCalendar td.myCalendarDayTrait {
    /*border: solid 1px var(--color-cal-border);*/
    background-color: var(--color-cal-charte);
    color: var( --color-cal-fondtoday) !important;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: middle !important;
  }
    .myCalendar td.myCalendarDayTrait a {
      color: var( --color-cal-fondtoday) !important;
    }
      .myCalendar td.myCalendarDayTrait a:hover {
        font-size: 1.2em;
        font-weight: bold;
        vertical-align: middle !important;
      }
    

    .myCalendar td.myCalendarDayConge {
    border: solid 1px var(--color-cal-borderday);
    background-color: var(--color-cal-fondConges);
    font-size: 0.8em;
    vertical-align: middle !important;
  }

  /*td.myCalendarDayTrait {  
    background-color:var(--color-cal-fondTrait)!important;
}*/

  /*td.myCalendarDayConge {
  background-color: var(--color-cal-fondConges)!important;
}*/

  .myCalendar td.myCalendarDay:nth-child(7) a {
    color: var(--color-cal-child) !important;
  }

  .myCalendar .myCalendarNextPrev {
    text-align: center;
  }

    .myCalendar .myCalendarNextPrev a {
      font-size: 1em;
    }

    .myCalendar .myCalendarNextPrev:nth-child(1) a {
      color: var(--color-cal-txt) !important;
    }

      .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
        background-color: transparent;
      }

    .myCalendar .myCalendarNextPrev:nth-child(3) a {
      color: var(--color-cal-txt) !important;
    }

  .myCalendar td.myCalendarSelector a {
    background-color: var(--color-cal-charte);
  }

  .myCalendar .myCalendarToday a,
  .myCalendar .myCalendarDayHeader a,
  .myCalendar .myCalendarDay a,
  .myCalendar .myCalendarDayTrait a,
  .myCalendar .myCalendarSelector a,
  .myCalendar .myCalendarNextPrev a {
    color: var(--color-cal-txt);
    display: block;
    line-height: 20px;
  }

  .myCalendar .myCalendarToday {
    border: solid 1px var(--color-cal-border);
    color: var(--color-cal-txt);
    background-color: var(--color-cal-charte);
    font-size: 0.8em;
   }

    .myCalendar .myCalendarToday a {
      color: var(--color-cal-txt) !important;
    }

      .myCalendar .myCalendarToday a:hover,
      .myCalendar .myCalendarDay a:hover,
      .myCalendar .myCalendarSelector a:hover {
        color: var(--color-cal-txt);
        background-color: var(--color-cal-hover);
        font-size: 1.2em;
        font-weight: bold;
      }

@media print {
  .fc-scroller-clip {
    overflow: unset !important;
  }

  .fc-scroller {
    overflow: unset !important;
    margin: 0px !important;
  }

  .fc {
    width: 1280px;
  }
}