/** Calendrier en affichage **/
/** Version publique : table_id='cal' **/
/** Version administrateur : table_id='calAdm' **/
/** Version administrateur (large) : table_id='calAdmLar' **/
/* border on for #cal */
#cal, #calAdm, #calAdmLar
{
margin: 0px;
border-collapse: collapse;
border: 1px solid #DF8424;
}

.moisAnneeCal {
  font-weight: bold;
  color: #333300;
}

/* nice squares for the cal table */
#cal th
{
color: #DF8424;
background-color: #F7E685; /* Entête*/
border: 1px solid #DF8424;
padding: 3px;
width: 25px;
}

#calAdm th
{
font-family: Arial;
font-size:12pt;
color: #000000;
background-color: #F7E685; /* Entête*/
border: 1px solid #000000;
padding: 3px;
}

#calAdmLar th
{
font-family: Arial;
font-size:9pt;
color: #000000;
background-color: #F7E685; /* Entête*/
border: 1px solid #000000;
padding: 3px;
}

#cal td
{
border: 1px solid #DF8424;
vertical-align: middle;
text-align: center;
padding: 3px;
height: 25px;
width: 25px;
font-size:10pt;
}

#calAdm td
{
font-family: Arial;
border: 1px solid #000000;
vertical-align: top;
text-align: left;
padding: 3px;
height: 100px;
font-size:9pt;
}

#calAdmLar td
{
font-family: Arial;
border: 1px solid #000000;
vertical-align: top;
text-align: left;
padding: 1px;
height: 75px;
font-size:8pt;
}

#calAdmLar td.days-label
{
font-family: Arial;
font-size:9pt;
font-weight: bold;
color: #000000;
background-color: #F7E685; /* Entête*/
border: 1px solid #000000;
}

/* background colours for #cal */
#cal .calendar-empty-days, #calAdm .calendar-empty-days, #calAdmLar .calendar-empty-days
{
color: #ffffff;
background-color: #F7E685; /* Inactif */
}

#cal .calendar-busy
{
color: #ffffff;
background-color: #F0BA3E; /* Pas dispo */
}
#calAdm .calendar-conflit, #calAdmLar .calendar-conflit
{
color: #000000;
background-color: #F83E3E; /* Conflit */
}
#calAdm .calendar-demande, #calAdmLar .calendar-demande
{
color: #000000;
background-color: #FFFF66; /* Demande*/
}
#calAdm .calendar-annulation, #calAdmLar .calendar-annulation
{
color: #000000;
background-color: #FFFFFF; /* Annulation*/
}
#calAdm .calendar-reservation, #calAdmLar .calendar-reservation
{
color: #000000;
background-color: #8BFA38; /* Reservation*/
}
#calAdm .calendar-confirmation, #calAdmLar .calendar-confirmation
{
color: #000000;
background-color: #66FFFF; /* Confirmation*/
}
#calAdm .calendar-fermeture, #calAdmLar .calendar-fermeture
{
color: #000000;
background-color: #B2B2B2; /* Fermeture*/
}

#cal td
{
color: #ffffff;
background-color: #97C258; /* Dispo */
}
#calAdm td, #calAdmLar td, 
{
color: #000000;
background-color: #FFFFCC; /* Dispo */
}

#cal .calendar-month, #calAdm .calendar-month, #calAdmLar .calendar-month, .calendar-month
{
height: 30px;
}

#cal .calendar-day, #calAdm .calendar-day, #calAdmLar .calendar-day
{
background-color: #80ff80;
}

#cal .calendar-today, #calAdm .calendar-today,  #calAdmLar .calendar-today, 
{
font-weight: bold;
}

#calAdm span ul,
#calAdm span ol,
#calAdm span dl {
   font-size: 1.0em !important;
   line-height:1.4em !important;
   margin: 0 0 0 20px !important;
}
#calAdm span ul li,
#calAdm span ol li {
   margin: 0 0 0 0 !important;
}
#calAdmLar span ul,
#calAdmLar span ol,
#calAdmLar span dl {
   font-size: 1.0em !important;
   line-height:1.2em !important;
   margin: 0 0 0 20px !important;
}
#calAdmLar span ul li,
#calAdmLar span ol li {
   margin: 0 0 0 0 !important;
}
#calAdm span a, #calAdm span a:link, #calAdm span a:visited, #calAdm span a:hover
{
color: #000000;
text-decoration: none;
}
#calAdmLar span a, #calAdmLar span a:link, #calAdmLar span a:visited, #calAdmLar span a:hover
{
color: #000000;
text-decoration: none;
}
#calAdm span.calendar-date, #calAdm a.calendar-date, #calAdm a.calendar-date:link, #calAdm a.calendar-date:visited, #calAdm a.calendar-date:hover
{
font-weight: bold;
font-size:12pt;
}
#calAdmLar span.calendar-date, #calAdmLar a.calendar-date, #calAdmLar a.calendar-date:link, #calAdmLar a.calendar-date:visited, #calAdmLar a.calendar-date:hover
{
font-weight: bold;
font-size:8pt;
}

/** Calendrier Popup (aide a la saisie dans formulaire reservation) **/
.cpYearNavigation,
.cpMonthNavigation
{
background-color:#97C258;
text-align:center;
vertical-align:center;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.cpYearNavigation
{
width:50px;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
{
font-family:arial;
font-size:8pt;
}
TD.cpDayColumnHeader
{
text-align:right;
border:solid thin #249F00;
border-style: none none solid none;
border-width:0 0 1 0;
}
.cpCurrentMonthDate,
A.cpCurrentMonthDate,
A:visited.cpCurrentMonthDate,
.cpOtherMonthDate,
A.cpOtherMonthDate,
A:visited.cpOtherMonthDate,
.cpCurrentDate,
A.cpCurrentDate,
A:visited.cpCurrentDate
{
color:#249F00;
text-align:right;
text-decoration:none;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
{
color:#D0D0D0;
text-align:right;
text-decoration:line-through;
}
.cpCurrentMonthDate
{
color:#249F00;
font-weight:bold;
line-height: 1.5em;
}
.cpCurrentDate
{
color: #FFFFFF;
font-weight:bold;
line-height: 1.5em;
}
.cpOtherMonthDate
{
color:#808080;
line-height: 1.5em;
}
TD.cpCurrentDate
{
color:#FFFFFF;
background-color: #FBE09B;
border-width:1;
border:solid thin #FE830A;
}
TD.cpCurrentDateDisabled
{
border-width:1;
border:solid thin #FFAAAA;
}
TD.cpTodayText,
TD.cpTodayTextDisabled
{
border:solid thin #249F00;
border-style: solid none none none;
border-width:1 0 0 0;
}
A.cpTodayText,
A:visited.cpTodayText,
SPAN.cpTodayTextDisabled
{
height:20px;
}
A.cpTodayText,
A:visited.cpTodayText
{
color:#249F00;
font-weight:bold;
}
SPAN.cpTodayTextDisabled
{
color:#D0D0D0;
}
.cpBorder
{
border:solid thin #249F00;
background-color: #FFFFCC; /* couleur du calendrier */
}