#calendar table{
    width: 100%;
}

#calendar td, th{
    text-align: center;
}

#calendar table{
    border: 1px solid #DEDEDE;
    background-color:#E9E9E9;
}

#calendar thead{
    background-color: #EAEAEA;
}

#calendar caption{
    margin-bottom: 7px;
    margin-top: 10px;
}

#calendar .horsperiode{
    background-color:#E1E1E1;
    color:#A9A9A9;
}
#calendar .occupe{
    border-color: #990000;
    background-color: #CE2821;
    font-weight:bold;
}
#calendar .occupe a{
    color: white;
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    display: block;
}
#calendar .occupe a:hover, .occupe a:focus {
    background-color: white;
    color: #CE2821;
}

#calendar .today{
   font-weight:bold;
}

#calendar .calendrier_mois_avant, .calendrier_mois_apres{
    text-decoration: none;
}

.calendriermini {
    margin-bottom: 2px !important;
}

.calendriermini .calendar-container {
    height: auto !important;
    padding-bottom: 10px;
}


.calendriermini .ui-state-highlight a {
    background: none repeat scroll 0 0 #F3F52E !important;
    border-color:#FaFaC8 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #FAFAFA !important;
    
    color: #555 !important;
    font-weight: normal !important;
}
.ui-widget-header {
    /* background: none repeat scroll 0 0 #F0F0F0 !important; */
    border: none !important;
    color: #222;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
}
.calendriermini table td {
    border: 1px solid #d0d0d0 !important;
}

.calendriermini .ui-state-highlight a:hover
{
    background-color: #2CFDDE !important;
}