.encadre_calendrier { padding: 1px; float:left; }
.calendrier { float:left; padding: 1px; background-color:#D1D5D4; border: 1px solid #969999; }
.entete_calendrier { margin: 2px; background-color:#E7EBEB; text-align : center; }
.titre_calendrier { color:#A5B3A8; }
.corps_calendrier table { border-collapse: separate; border-spacing: 2px; }
.corps_calendrier table td { padding: 6px 4px; text-align: center; }
.jour_non_reserve { float: left; width:25px; background-color:#89DA9C; }
.jour_reserve { float: left; width:25px; background-color:#FF0000; }
.jour_calendrier,
.jour_calendrier_invisible,
.jour_calendrier_invalide,
.jour_calendrier_reserve,
.jour_calendrier_valide { text-align : right; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size:0.7em; padding: 4px; font-weight: bold; }
.jour_calendrier { background-color:#E7EBEB; border: 1px solid #969999; color: #53A99D; }
.jour_calendrier_invisible { border: 1px solid #D1D5D4; }
/*.jour_calendrier_invalide { background-color:#F49F81; border: 1px solid #969999; color: #53A99D; }*/
.jour_calendrier_invalide { background-color: #cdcece; border-color: transparent; color: #b1b1b1; }
.jour_calendrier_reserve { background-color:/*#FF0000*/rgba(255,0,0,0.5); border: 1px solid #969999; color: #53A99D; }
.jour_calendrier_valide { background-color:#89DA9C; border: 1px solid #969999; color: #53A99D; }
.daySelected { background-color:  rgba(255,255,0,0.75); }
.daySelected-first { background: linear-gradient(135deg, #89DA9C 50%, rgba(255,255,0,0.75) 50%) ; }
.daySelected-last { background: linear-gradient(135deg, rgba(255,255,0,0.75) 50%, #89DA9C 50%); }
.dayReserved-first { background: linear-gradient(135deg, #89DA9C 50%, rgba(255,0,0,0.5) 50%) ; }
.dayReserved-last { background: linear-gradient(135deg, rgba(255,0,0,0.5) 50%, #89DA9C 50%); }
.dayInvalide-first { background: linear-gradient(135deg, #89DA9C 50%, rgba(205,205,206,0.5) 50%) ; }
.dayInvalide-last { background: linear-gradient(135deg, rgba(205,205,206,0.5) 50%, #89DA9C 50%); }
.daySelected-first:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-right: 11px solid rgba(255,255,0,0.75);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid transparent;*/
    background: linear-gradient(135deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}
.daySelected-last:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-left: 11px solid rgba(255,255,0,0.75);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid transparent;*/
    background: linear-gradient(315deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}
.dayMixte-first:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-right: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid rgba(255,255,0,0.75);*/
    background: linear-gradient(315deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}
.dayMixte-last:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    /*border-left: 11px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid rgba(255,255,0,0.75);*/
    background: linear-gradient(135deg, transparent 50%, rgba(255,255,0,0.75) 50%);
    width: 100%;
    height: 100%;
}

.jour_calendrier_valide { cursor: pointer; }
.jour_calendrier_valide.selected { outline: 2px solid yellow; }
.jour_calendrier,
.jour_calendrier_invisible { position: relative; }
.jour_calendrier_depasse { background-color: #cdcece; border-color: transparent; color: #b1b1b1; }
/*.jour_calendrier_depasse { background-color: brown; border-color: transparent; color: #b1b1b1; }*/