@import url(https://fonts.googleapis.com/css?family=Roboto|PT+Sans+Narrow);
:root { 
  --main-color:         #0063B1;
  --holi-color:         #002d4f;
}
#CalendarBody               { BORDER: 0;  PADDING:0;COLOR: #777; FONT-SIZE: 9px;MARGIN: 0 auto;font-family: 'Open Sans', sans-serif;width:936px;HEIGHT: 450px; overflow:hidden; opacity:1; filter:Alpha(opacity=100);}
.calendar #contenu          { width:100%;POSITION:relative;}
.calendar #background       { BACKGROUND-COLOR: blue;POSITION:relative;}
.calendar TD                { PADDING: 0px; MARGIN:0px ; FONT-SIZE: 6px; }
/*_________________________________________________________________________________________________________________________________________________________________________*/
.calendar .ephemeride       { COLOR: #FFF; cursor:pointer;BORDER: #888 2px ;border-style: outset; FONT-FAMILY: Segoe UI; MARGIN: 0px;PADDING: 0px; FONT-SIZE:10px; WIDTH: 100%;HEIGHT:143px; TEXT-ALIGN: center; BACKGROUND-COLOR:  var(--main-color);table-layout: fixed;empty-cells: show;}
.calendar .ephemeride0      { COLOR: #FFF;  cursor:pointer;BORDER: #666 2px solid; FONT-FAMILY: Segoe UI; MARGIN: 0px;PADDING: 0px; FONT-SIZE:10px; WIDTH: 100%;HEIGHT:100%; TEXT-ALIGN: center; BACKGROUND-COLOR:  #FFF;table-layout: fixed;empty-cells: show;}
.calendar .ephemeride1      { COLOR: #FFF;  cursor:pointer;BORDER: #4285f4 2px solid; FONT-FAMILY: Segoe UI; MARGIN: 0px;PADDING: 0px; FONT-SIZE:10px; WIDTH: 100%;HEIGHT:100%; TEXT-ALIGN: center; BACKGROUND-COLOR:  #FFF;table-layout: fixed;empty-cells: show;}
.calendar .ephem_dayn       { FONT-SIZE:80px;text-shadow: 1px 1px #666;cursor:pointer; color:#FFF ; MARGIN: 0px;PADDING: 0px; line-height:75px; WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px; }
.calendar .ephem_dayn0      { FONT-SIZE:80px;text-shadow: 1px 1px #FFF;cursor:pointer; color:#666 ; MARGIN: 0px;PADDING: 0px; line-height:75px; WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px; }
.calendar .ephem_dayn1      { FONT-SIZE:80px;cursor:pointer;text-shadow: 1px 1px var(--main-color); color:#4285f4 ; MARGIN: 0px;PADDING: 0px; line-height:75px; WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px; }
.calendar .ephem_dayl       { FONT-SIZE:15px;cursor:pointer; color: #FFF;    MARGIN: 0px;PADDING: 0px; line-height:20px;WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px;}
.calendar .ephem_dayc       { FONT-SIZE:8px; cursor:pointer;FONT-WEIGHT: normal; color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px;  opacity:0.6; filter:Alpha(opacity=60); }
.calendar .ephem_dayc:hover { FONT-SIZE:14px; cursor:pointer;FONT-WEIGHT: normal; color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px;  opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayw       { z-index:100;FONT-SIZE:8px; cursor:pointer;color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:20px; width:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayl0      { FONT-SIZE:15px;cursor:pointer; color: #666;    MARGIN: 0px;PADDING: 0px; line-height:20px;WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px;}
.calendar .ephem_dayc0      { FONT-SIZE:8px; cursor:pointer;FONT-WEIGHT: normal; color: var(--main-color); MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px;  opacity:0.6; filter:Alpha(opacity=60); }
.calendar .ephem_dayc0:hover { FONT-SIZE:14px; cursor:pointer;FONT-WEIGHT: normal; color: var(--main-color); MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px;  opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayl1      { FONT-SIZE:15px;cursor:pointer; color: #666;    MARGIN: 0px;PADDING: 0px; line-height:20px;WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px;}
.calendar .ephem_dayc1      { FONT-SIZE:8px; cursor:pointer;FONT-WEIGHT: normal; color: var(--main-color); MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px;  opacity:0.6; filter:Alpha(opacity=60); }
.calendar .ephem_dayc1:hover { FONT-SIZE:14px; cursor:pointer;FONT-WEIGHT: normal; color: var(--main-color); MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px;  opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayw1      { z-index:100;FONT-SIZE:8px; cursor:pointer;color: var(--main-color); MARGIN: 0px;PADDING: 0px; line-height:20px; width:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayy       { FONT-SIZE:8px; cursor:pointer;color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayq       { FONT-FAMILY: Segoe UI Symbol;FONT-SIZE:16px; cursor:pointer;color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayw0      { z-index:100;FONT-SIZE:8px; cursor:pointer;color: #666; MARGIN: 0px;PADDING: 0px; line-height:20px; width:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayy0      { FONT-SIZE:8px; cursor:pointer;color: #666; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayq0      { FONT-FAMILY: Segoe UI Symbol;FONT-SIZE:16px; cursor:pointer;color: #666; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayw1      { z-index:100;FONT-SIZE:8px; cursor:pointer;color: #4285f4; MARGIN: 0px;PADDING: 0px; line-height:20px; width:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayy1      { FONT-SIZE:8px; cursor:pointer;color: #4285f4; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayq1      { FONT-FAMILY: Segoe UI Symbol;FONT-SIZE:16px; cursor:pointer;color: #4285f4; MARGIN: 0px;PADDING: 0px; line-height:20px; WIDTH:12px;MIN-WIDTH:12px;MAX-WIDTH:12px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_days       { FONT-SIZE:12px;cursor:pointer; color: #aaa; MARGIN: 0px;PADDING: 0px; line-height:18px; WIDTH: 50px;MIN-WIDTH:50px;MAX-WIDTH:50px;white-space:nowrap; overflow:hidden;}
.calendar .ephem_daysl      { FONT-SIZE:10px;cursor:pointer; color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:18px; WIDTH: 131px;MIN-WIDTH:131px;MAX-WIDTH:131px;white-space:nowrap; overflow:hidden;}
.calendar .ephem_dayd       { FONT-SIZE:16px;cursor:pointer; color: #FFF; MARGIN: 0px;PADDING: 0px; line-height:20px;WIDTH:50px;MIN-WIDTH:50px;MAX-WIDTH:50px;overflow:hidden;}
.calendar .ephem_dayd0      { FONT-SIZE:16px;cursor:pointer; color: #666; MARGIN: 0px;PADDING: 0px; line-height:20px;WIDTH:50px;MIN-WIDTH:50px;MAX-WIDTH:50px;overflow:hidden;}
.calendar .ephem_dayd1      { FONT-SIZE:16px;cursor:pointer; color: #666; MARGIN: 0px;PADDING: 0px; line-height:20px;WIDTH:50px;MIN-WIDTH:50px;MAX-WIDTH:50px;overflow:hidden;}
.calendar .ephem_dayh_N     { COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: #FFF;line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px; opacity:0; filter:Alpha(opacity=0); }
.calendar .ephem_dayh_A     { COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: #D84735; line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px; opacity:0.6; filter:Alpha(opacity=60); }
.calendar .ephem_dayh_B     { COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: green ;line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px;  opacity:0.6; filter:Alpha(opacity=60); }
.calendar .ephem_dayh_C     { COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: blue;line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px; opacity:0.6; filter:Alpha(opacity=60);  }
.calendar .ephem_dayh_A:hover {COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: #D84735; line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px; opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayh_B:hover {COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: green ;line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px;  opacity:1; filter:Alpha(opacity=100); }
.calendar .ephem_dayh_C:hover {COLOR: transparent;cursor:pointer; BACKGROUND-COLOR: blue;line-height:20px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px; opacity:1; filter:Alpha(opacity=100);  }
/*_________________________________________________________________________________________________________________________________________________________________________*/
.calendar .bandeau          { border-collapse: collapse;position:absolute; top:460px;COLOR: #FFF; BACKGROUND-COLOR: var(--main-color);BORDER: #aaa 1px solid;border-left:0;border-right: 0;WIDTH:936px;  PADDING: 0px; MARGIN:0px;font-family: 'Open Sans', sans-serif;HEIGHT:35px; MIN-HEIGHT:35px;MAX-HEIGHT:35px; }
.calendar .holidayson       { BACKGROUND-COLOR: var(--holi-color) !important;}
.calendar .bottom4          { cursor:default;width:238px;MIN-WIDTH:238px;MAX-WIDTH:238px; TEXT-ALIGN: left;HEIGHT:35px; MIN-HEIGHT:35px;MAX-HEIGHT:35px; color:#FFF;vertical-align: middle; }
.calendar .bottom           { BORDER-LEFT: #aaa 1px solid;BORDER-RIGHT: #aaa 1px solid;opacity:0.6; HEIGHT:35px; MIN-HEIGHT:35px;MAX-HEIGHT:35px;vertical-align: middle; }
.calendar .zonet            { color: unset;cursor:pointer;BORDER-LEFT: transparent 10px solid;HEIGHT:35px; MIN-HEIGHT:35px;MAX-HEIGHT:35px;}
.calendar .annaff           { COLOR: #FFF;BORDER-LEFT: 0;BORDER-RIGHT: 0;width:100%;}
.calendar .zones            { FONT-SIZE: 9px;Width: 100%;line-height: 9px;}
.calendar .zones1           { FONT-SIZE: 9px;Width: 50%;}
.calendar .zones2           { FONT-SIZE: 9px; }
span.zone_A, span.zone_B, span.zone_C { width: 32px; display: inline-block; }
.calendar #zonePrg          { margin:0;padding:0;line-height:15px;}
.calendar .zone_A::-ms-clear { display: none; }
.calendar .zone_B::-ms-clear { display: none; }
.calendar .zone_C::-ms-clear { display: none; }
.calendar .tdYear           {width: 238px;vertical-align: middle; }
.calendar .yearTitle        { cursor:default;FONT-WEIGHT: bold; FONT-SIZE: 32px; COLOR: #FFF; TEXT-ALIGN: center;  }
.calendar .yearSelect       { cursor: default; FONT-WEIGHT: bold; FONT-SIZE: 45px; TEXT-ALIGN: center; vertical-align: top; WIDTH: 80px; max-width: 80px; min-width: 80px; padding: 0; padding-bottom: 2px; margin: 0; opacity: 0.6; height: 41px; max-height: 41px; min-height: 41px; line-height: 45px; overflow: hidden; filter: Alpha(opacity=60);}
.calendar .yearSelect:hover { COLOR: #fff;opacity:1; filter:Alpha(opacity=100); }
.calendar .arrow            { opacity: 0.6;filter: Alpha(opacity=60);FONT-SIZE: 18px; cursor:pointer; WIDTH:40px;TEXT-ALIGN: center;vertical-align: center; }
.calendar .arrow:hover      { opacity: 1;filter: Alpha(opacity=100);}
.calendar .EDT              { FONT-SIZE: 20px;cursor:pointer; WIDTH:40px;MIN-WIDTH:40px;MAX-WIDTH:40px;TEXT-ALIGN: center;vertical-align: center; opacity: 0.6;filter: Alpha(opacity=60); }
.calendar .EDT:hover        { color:#FFF;opacity: 1;filter: Alpha(opacity=100); }
.calendar #EDTYear          { cursor:default;line-height:44px; HEIGHT:44px; MIN-HEIGHT:44px;MAX-HEIGHT:44px;FONT-WEIGHT: bold; FONT-SIZE: 32px;  TEXT-ALIGN: center;WIDTH:250px;MIN-WIDTH:250px;MAX-WIDTH:250px;}
.calendar #EDTYear:hover    { COLOR: var(--main-color); }
/*_________________________________________________________________________________________________________________________________________________________________________*/
.calendar .wtmPanel         { BACKGROUND-COLOR: var(--main-color); BORDER: #aaa 1px solid; BORDER-BOTTOM: #aaa 0px solid;PADDING: 0px; MARGIN: 0px; }
.calendar #wtm              { BACKGROUND-COLOR: var(--main-color); WIDTH: 936px; HEIGHT: 459px;overflow:hidden; }
.calendar .wtmWBckTsp       { position:absolute; top:250px; background:#FFF; BORDER: #aaa 1px solid;HEIGHT:213px; width: 936px;opacity:1; filter:Alpha(opacity=50);}
.calendar #wtmW             { BACKGROUND-COLOR: #FFF; WIDTH: 934px; HEIGHT: 459px;overflow:hidden; }
.calendar #wtmW1            { BACKGROUND-COLOR: #FFF; WIDTH: 934px; HEIGHT: 300px;overflow:hidden; }
.calendar #wtmW2            { BACKGROUND-COLOR: #FFF; WIDTH: 936px; HEIGHT: 159px;overflow:hidden; vertical-align:top; }
.calendar .wtmPanel #framearea
                            { width: 100%; height: 130%; position: absolute; top: 0; left: 0; } 
.calendar .wtmPanel #framecover
                            { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.calendar .wtmPanel #framearea
                            { z-index: 1; } 
.calendar .wtmPanel #framecover
                            { z-index: 10; }
.calendar .wtmPanel #scoreboard
                            { width: 100%; height: 100%;position: relative; top: -147px;overflow:hidden; }
/*_________________________________________________________________________________________________________________________________________________________________________*/
.calendar .calendarPanel    { border-spacing:0; border-collapse:collapse;BORDER: #aaa 0px solid;PADDING: 0px; MARGIN: 0px; background: #FFF; }
.calendar .calendarPanel td { vertical-align: top; }
.calendar .monthPanel0      { width:156px; border-collapse:collapse;PADDING: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; }
.calendar .monthPanel1      { width:156px; border-collapse:collapse;PADDING: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid;BORDER-RIGHT: #aaa 1px solid; }
.calendar .monthTitle       { line-height:24px; HEIGHT:24px; MIN-HEIGHT:24px;MAX-HEIGHT:24px;PADDING: 0px; MARGIN:0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; font-family: 'Roboto', sans-serif; TEXT-ALIGN: center }
.calendar #day1,#day11,#day12,#day1T,#day2,#day3,#day30,#day30edit,#day41,#day42,#day43,#day44,#day44T,#day5,#day5T
                            { line-height:13px; HEIGHT:13px;MIN-HEIGHT:13px;MAX-HEIGHT:13px; PADDING: 0px;MARGIN:0px;  }
.calendar #day1,#day1T      { TEXT-ALIGN: center; FONT-SIZE:11px; WIDTH:13px;MIN-WIDTH:13px;MAX-WIDTH:13px; PADDING-RIGHT: 3px;}
.calendar #day11,#day12     { TEXT-ALIGN: center; FONT-SIZE:11px; WIDTH:13px;MIN-WIDTH:13px;MAX-WIDTH:13px; PADDING-RIGHT: 3px; FONT-WEIGHT: bold;  }
.calendar #day2             { TEXT-ALIGN: right;  FONT-SIZE:11px; WIDTH:06px;MIN-WIDTH:06px;MAX-WIDTH:06px; FONT-WEIGHT: bold; }
.calendar #day3             { TEXT-ALIGN: left;   FONT-SIZE:09px; PADDING-RIGHT: 1px; PADDING-LEFT: 5px;}
.calendar #day30            { TEXT-ALIGN: left;   FONT-SIZE:09px; PADDING-RIGHT: 1px; PADDING-LEFT: 5px;background: #eee;COLOR:transparent;BORDER-RIGHT: #aaa 1px solid;overflow:hidden;}
.calendar #day40            { TEXT-ALIGN: right;  FONT-SIZE:09px; WIDTH:1px;MIN-WIDTH:1px;MAX-WIDTH:1px;}
.calendar #day41            { TEXT-ALIGN: right;  FONT-SIZE:07px; WIDTH:2px;MIN-WIDTH:2px;MAX-WIDTH:2px;}
.calendar #day42            { TEXT-ALIGN: right;  FONT-SIZE:09px; WIDTH:2px;MIN-WIDTH:2px;MAX-WIDTH:2px;}
.calendar #day43            { TEXT-ALIGN: right;  FONT-SIZE:09px; WIDTH:2px;MIN-WIDTH:2px;MAX-WIDTH:2px;}
.calendar #day44            { TEXT-ALIGN: left; font-weight:normal; FONT-SIZE:07px; WIDTH:5px;MIN-WIDTH:5px;MAX-WIDTH:5px;COLOR: var(--main-color);}
.calendar #day44T           { TEXT-ALIGN: right; font-weight:normal;  FONT-SIZE:07px; WIDTH:2px;MIN-WIDTH:2px;MAX-WIDTH:2px}
.calendar #day5             { TEXT-ALIGN: right; font-weight:normal;COLOR: #666; FONT-SIZE:08px; WIDTH:13px;MIN-WIDTH:09px;MAX-WIDTH:09px;PADDING-RIGHT: 0px;BORDER-RIGHT: #aaa 1px solid; }
.calendar #day5T            { TEXT-ALIGN: right; font-weight:normal;  FONT-SIZE:08px; WIDTH:08px;MIN-WIDTH:08px;MAX-WIDTH:08px;PADDING-RIGHT: 0px;BORDER-RIGHT: #aaa 1px solid; }
/*_________________________________________________________________________________________________________________________________________________________________________*/
/* détails à changer pour skiner*/
/*_________________________________________________________________________________________________________________________________________________________________________*/
.calendar .monthTitle              { COLOR: #CFD8DC; BORDER: #aaa 1px solid ;BACKGROUND-COLOR: var(--main-color); }
.calendar .bottom:hover            {opacity:1; }
.calendar .bottom4 table           {color: unset; }
.calendar .bottom4:hover           {color: #fff; }
.calendar .annaff:hover            {color: #fff; }
.calendar .annaff:hover .arrow     {color: #fff; }
.calendar .bottom:hover .zone_A    { color:#760205;text-shadow: -1px -1px 6px white; font-weight: bold;;}
.calendar .bottom:hover .zone_A1   { color:#760205;text-shadow: -1px -1px 6px white; font-weight: bold;;}
.calendar .bottom:hover .zone_B    { color:#003e00;text-shadow: -1px -1px 6px white; font-weight: bold;;}
.calendar .bottom:hover .zone_C    { color:blue;text-shadow: -1px -1px 6px white; font-weight: bold;}
.calendar .tooltip .tooltiptext    { visibility: hidden; width: 220px; height: 170px;border:1px solid #999;border-radius: 7px; background-color: var(--holi-color); color: #FFF; padding: 10px; line-height: 25px; bottom: 40px; text-align: left;  position: absolute; z-index: 1; box-shadow: 8px 8px 12px #aaa;} 
.calendar .tooltip .tooltiptext h3 { margin-top: 0; font-size: 18px; }
.calendar .tooltip:hover .tooltiptext { visibility: visible; }
.calendar .tooltip #day30          { color: darkslategrey; }
.calendar .tooltip:hover #day30    { opacity: 1; }
/**jours*************************************/
.calendar #day12                   { COLOR: var(--main-color); BACKGROUND-COLOR: #C8C8C8; }
.calendar .day                     { COLOR: #666;     }
.calendar .dayem                   { COLOR: #666;     }
.calendar .satday                  { COLOR: var(--main-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .satdayem                { COLOR: var(--main-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .sunday                  { COLOR: var(--main-color);         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666); }
.calendar .satdayG                 { COLOR: var(--holi-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .satdayGT                { COLOR: #FFF;}
.calendar .satdayGem               { COLOR: var(--holi-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .sundayG                 { COLOR: var(--holi-color);         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666); }
.calendar .sundayGT                { COLOR: #FFF;}
/**jours fériés et ponts * em = last line of the month if nbdays < 31 */
.calendar .dayF                    { COLOR: #CA5010;      }
.calendar .dayemF                  { COLOR: #CA5010;      }
.calendar .satdayF                 { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .satdayemF               { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .sundayF                 { COLOR: #CA5010;         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666);  }
.calendar .satdayGF                 { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .satdayGemF               { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .sundayGF                 { COLOR: #CA5010;         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666);  }
.calendar .dayF0                   { BACKGROUND-COLOR: #CA5010;     COLOR: #C8C8C8;  }
.calendar .dayemF0                 { BACKGROUND-COLOR: #CA5010;    COLOR: #C8C8C8;  }
.calendar .satdayF0                { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .satdayemF0              { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .sundayF0                { COLOR: #CA5010;         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666);  }
.calendar .satdayGF0                { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .satdayGemF0              { COLOR: #CA5010;         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); }
.calendar .sundayGF0                { COLOR: #CA5010;         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666);  }
.calendar .dayP                    { COLOR: #5D5A58;     }
.calendar .dayP0                   { BACKGROUND-COLOR: #5D5A58;     COLOR: #C8C8C8; }
.calendar .dayemP                  { COLOR: #5D5A58;     }
.calendar .dayemP0                 { BACKGROUND-COLOR: #5D5A58;     COLOR: #C8C8C8;}
/* pont et today */
.calendar .dayTP                    { BACKGROUND-COLOR: #5D5A58;     COLOR: var(--main-color); }
.calendar .dayTP0                   { BACKGROUND-COLOR: #5D5A58;     COLOR: var(--main-color); }
.calendar .dayemTP                  { BACKGROUND-COLOR: #5D5A58;      COLOR: var(--main-color);}
.calendar .dayemTP0                 { BACKGROUND-COLOR: #5D5A58;      COLOR: var(--main-color);}
/* pont et special day */
.calendar .daySP                    { COLOR: #5D5A58;     BACKGROUND-COLOR: #C8C8C8; }
.calendar .daySP0                   { BACKGROUND-COLOR: #5D5A58;     COLOR: #C8C8C8; }
.calendar .dayemSP                  { COLOR: #5D5A58;      BACKGROUND-COLOR: #C8C8C8;}
.calendar .dayemSP0                 { BACKGROUND-COLOR: #5D5A58;      COLOR: #C8C8C8;}
/**jours spéciaux*************************************/
.calendar .dayS                    { COLOR: #555;     FONT-WEIGHT: bold;  }
.calendar .dayemS                  { COLOR: #555;     FONT-WEIGHT: bold;  }
.calendar .satdayS                 { COLOR: var(--main-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); FONT-WEIGHT: bold; }
.calendar .satdayemS               { COLOR: var(--main-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); FONT-WEIGHT: bold; }
.calendar .sundayS                 { COLOR: var(--main-color);         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666); FONT-WEIGHT: bold; }
.calendar .satdayGS                { COLOR: var(--holi-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); FONT-WEIGHT: bold; }
.calendar .satdayGemS              { COLOR: var(--holi-color);         background:linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%); FONT-WEIGHT: bold; }
.calendar .sundayGS                { COLOR: var(--holi-color);         background: linear-gradient(#ddd, #bbbbbb 10%, #bbbbbb 90%,#666); FONT-WEIGHT: bold; }
/**jourd'hui*************************************/
.calendar .dayT,.satdayT,.dayemT,.satdayemT,.sundayT
                         { COLOR: #EEE;    BACKGROUND-COLOR: var(--main-color); }
.calendar .dayT2,.satdayT2,.dayemT2,.satdayemT2,.sundayT2
                         { BACKGROUND-COLOR: var(--main-color); }
/**jours de congés*************************************/
.calendar .dayC,.daySC             { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayM,.daySM             { BACKGROUND-COLOR: #CFD8DC;    COLOR: #8a923f; }
.calendar .dayO,.daySO             { BACKGROUND-COLOR: #6B69D6; COLOR: #C8C8C8; }
.calendar .dayCM,.daySCM           { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayCA,.daySCA           { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayJ,.daySJ             { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayJM,.daySJM           { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayJA,.daySJA           { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayemC,.dayemSC         { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayemCM,.dayemSCM       { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayemCA,.dayemSCA       { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayemJ,.dayemSJ         { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayemJM,.dayemSJM       { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayemJA,.dayemSJA       { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
/* congés et today */
.calendar .dayTC,.dayTSC             { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayTO,.dayTSO             { BACKGROUND-COLOR: #6B69D6;    COLOR: #C8C8C8; }
.calendar .dayTCM,.dayTSCM           { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayTCA,.dayTSCA           { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayTJ,.dayTSJ             { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayTJM,.dayTSJM           { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayTJA,.dayTSJA           { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayemTC,.dayemTSC         { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayemTCM,.dayemTSCM       { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayemTCA,.dayemTSCA       { BACKGROUND-COLOR: var(--main-color);    COLOR: #C8C8C8; }
.calendar .dayemTJ,.dayemTSJ         { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayemTJM,.dayemTSJM       { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
.calendar .dayemTJA,.dayemTSJA       { BACKGROUND-COLOR: #2D7D9A;     COLOR: #C8C8C8; }
/**indications de zones de congés scolaires*************************************/
.calendar .day_A                   { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .dayem_A                 { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .satday_A                { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .satdayem_A              { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .sunday_A                { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .satdayG_A                { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .satdayGem_A              { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .sundayG_A                { COLOR: transparent;  BACKGROUND-COLOR: red; }
.calendar .day_B                   { COLOR: transparent;  BACKGROUND-COLOR: green ; }
.calendar .dayem_B                 { COLOR: transparent;  BACKGROUND-COLOR: green ; }
.calendar .satday_B                { COLOR: transparent;  BACKGROUND-COLOR: green; }
.calendar .satdayem_B              { COLOR: transparent;  BACKGROUND-COLOR: green; }
.calendar .sunday_B                { COLOR: transparent;  BACKGROUND-COLOR: green; }
.calendar .satdayG_B                { COLOR: transparent;  BACKGROUND-COLOR: green; }
.calendar .satdayGem_B              { COLOR: transparent;  BACKGROUND-COLOR: green; }
.calendar .sundayG_B                { COLOR: transparent;  BACKGROUND-COLOR: green; }
.calendar .day_C                   { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .dayem_C                 { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .satday_C                { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .satdayem_C              { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .sunday_C                { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .satdayG_C                { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .satdayGem_C              { COLOR: transparent;  BACKGROUND-COLOR: blue; }
.calendar .sundayG_C                { COLOR: transparent;  BACKGROUND-COLOR: blue; }
/***************************************/
.calendar .week,.weekP,.weekPC,.weekC
                         { COLOR: #111 ; TEXT-ALIGN: left;}
.calendar .weekT                   { COLOR: #FFF;TEXT-ALIGN: left;}
/***************************************/
.calendar #red                     { COLOR: red;}
.calendar #navy                    { COLOR: navy;}
.calendar #green                   { COLOR: darkgreen;}
/*_________________________________________________________________________________________________________________________________________________________________________*/
/***divers (pas vraiment trié... pas bien ça !)************************************/
.calendar #watermark0             { position: fixed; FONT-SIZE: 10px; top: 12px; left: 55px;background: transparent; color: grey;}
.calendar #watermark              { position: fixed; FONT-SIZE: 10px; top: 12px; left: 55px;background: transparent; color: grey;}
.calendar #watermark1             { position: fixed; FONT-SIZE: 10px; top: 12px; left: 55px;background: transparent; color: #4285f4;}
.calendar .espace                 { width:5px;}
.calendar .espace1                { width:100%;}

@media only screen and (max-width: 768px){
  .calendar #content {width: 100% !important;}
}