:root {
  --color-cal-fond: #f2f2f2;
  --color-cal-fondTrait: #E5E5E5;
  --color-cal-fondConges: #B9E1B3;
  --color-cal-elements: #F6F6F6;
  --color-cal-border: #D6D6D6;
  --color-cal-borderday: white;
  --color-cal-txt: black;
  --color-cal-titre: grey;
  --color-cal-charte: #1E59A1;
  --color-cal-hover: #ADC2DC;
  --color-cal-child: #C22531;
}

.myCalendar {
  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;
  }

  .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 2px var(--color-cal-borderday);
  }

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

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

  .myCalendar td.myCalendarDayConge {
    border: solid 2px 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: black !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: black !important;
    }

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

  .myCalendar .myCalendarToday a,
  .myCalendar .myCalendarDayHeader a,
  .myCalendar .myCalendarDay a,
  .myCalendar .myCalendarSelector a,
  .myCalendar .myCalendarNextPrev a {
    display: block;
    line-height: 20px;
  }

  .myCalendar .myCalendarToday {
    border: solid 1px var(--color-cal-border);
    color: var(--color-cal-borderday);
    background-color: var(--color-cal-charte);
    font-size: 0.8em;
    /*background-color: var(--color-cal-fond);
    -webkit-box-shadow: 0 0 7px 3px var(--color-cal-fondTrait);
    box-shadow: 0 0 7px 3px var(--color-cal-fondTrait);
    font-size: 0.8em;*/
  }

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

      .myCalendar .myCalendarToday a:hover,
      .myCalendar .myCalendarDay a:hover,
      .myCalendar .myCalendarSelector a:hover {
        background-color: var(--color-cal-hover);
      }

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

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

  .fc {
    width: 1280px;
  }
}