div.dp-popup {
    border: 1px solid #ebebeb;
    color: #000;
    margin-bottom: 17px;
    position: relative;
    width: 299px;
}
div#dp-popup {
    position: absolute;
    z-index: 1000;
    left: 0 !important;
    width: 100%;
    border-top: 5px solid #333;
    border-bottom: 5px solid #333;
}

div#dp-popup {
    background-color: #fff;
}

div.dp-popup h2{
    width:299px;
    font-size:14px;
    padding:10px 0;
    height: 17px;
    text-align: center;
    margin: 0px;
    font-family: arial, sans-serif;
    color: #333;
    text-transform: uppercase;
}

div.dp-popup a {
    text-decoration: none;
    padding: 1px 5px;
}

div.dp-popup div.dp-nav-prev,
div.dp-popup div.dp-nav-next {
    position: absolute;
    width: 100px;
    top:9px;
}
div.dp-popup div.dp-nav-prev {
    left:2px;
}
div.dp-popup div.dp-nav-next {
    right:2px;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a {
        cursor: pointer;
    background:url("../image/css_flecheGaucheCalendrierDouble.gif") no-repeat scroll 15px 0 transparent;
}

div.dp-popup div.dp-nav-next a {
    cursor: pointer;
    background:url('../image/css_flecheDroiteCalendrierDouble.gif') no-repeat;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
    margin-right: 1px;
    color:#333;
}
div.dp-popup div.dp-nav-next a {
    float: right;
    margin-left:2px;
    color:#333;
}
div.dp-popup div.dp-nav-prev a.disabled,
div.dp-popup div.dp-nav-next a.disabled {

}

div.dp-popup div.dp-nav-prev .dp-nav-prev-year,
div.dp-popup div.dp-nav-next .dp-nav-next-year {

}

div.dp-popup div.dp-nav-prev .dp-nav-prev-month {

}
div.dp-popup div.dp-nav-next .dp-nav-next-month {

}

div.dp-popup .dp-calendar {

}

div.dp-popup .dp-calendar .jCalendar {

     width:226px;
    height:160px;
    border:none;
    margin:0 auto 8px auto;
    padding:10px 0;
    font-family: arial, sans-serif;
}

div.dp-popup .dp-calendar .jCalendar thead {
    background:transparent;

}

div.dp-popup .dp-calendar .jCalendar thead th {
    border:none;

    padding: 2px 5px;
    color:#ac333a;
    text-align: center;
    font-size:10px;
    font-weight:bold;

}

#pageCompte div.dp-popup .dp-calendar .jCalendar thead th {
    border:none;
    background:#d7d6d5;
    padding: 2px 5px;
    color:#333;
    height: 32px;
    text-align: center;
    border-bottom:1px solid #fff;

}

div.dp-popup .dp-calendar .jCalendar tbody{
}

div.dp-popup .dp-calendar .jCalendar tbody td {
    color:#333;
    padding:0px;
    background: none;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

div.dp-popup .dp-calendar .jCalendar tbody td.other-month.dp-hover,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.dp-hover {
    color: #ccc;
    background:#ac333a;
    cursor: pointer;
}

div.dp-popup .dp-calendar .jCalendar tbody .other-month,
div.dp-popup .dp-calendar .jCalendar tbody .current-month {
    background: url("../image/cercle.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    border-radius: 50%;
    color: #333;
    cursor: pointer;
    font-family: futura_ltbold,arial,sans-serif;
    font-size: 11px;
    padding: 7px 6px;
}

div.dp-popup .dp-calendar .jCalendar tbody td.today {
    color:#000;
    background:#B7B7B7;
}

div.dp-popup .dp-calendar .jCalendar tbody td.border {
    color:#FFF;
}

div.dp-popup .dp-calendar .jCalendar tbody td.selected {
    background:#000;
    color:#fff;
}

div.dp-popup .dp-calendar .jCalendar tbody td.disabled {
    background-image: none;
    color: #333;
    cursor: default;
    font-size: 12px;
    font-weight: normal;
}

div.dp-popup .dp-calendar .jCalendar tbody td.indispo {
    color: #E2017B;
    font-weight: bold;
}

#contenuCalendarHeures{
    border: 1px solid #ebebeb;
 	 font-family: futura_ltbold,arial,sans-serif;
    width:299px;

}




.contenuFenetre{
    margin:5px auto 15px auto;
    width:299px;

}


#dateCalendarRep{
   font-family: arial, sans-serif;
    color:#333;
    padding:4px 8px 1px 8px;
    height: 24px;
    text-align: center;
    margin:0;
    font-size:14px;
    text-transform: uppercase;
    font-weight:bold;
}


#descCalendarRep{
    line-height:21px;
    background:transparent;
    text-indent:10px;
    font-weight:normal;
    font-size:11px;
    text-align:center;
}

.calendarHeureRows{
    line-height:30px;

}

.calendarHeureLines {
    background:transparent;
    text-align:center;
}

.calendarHeureLines a{
    color:#333;
    display:block;
    text-decoration:none;
    font-weight:normal;
    font-size:12px;
    font-family: futura_ltbold,arial,sans-serif;
    padding

}
.calendarHeureLines a:hover{
    color:#fff;
  
    display:block;
    text-decoration:none;
    background:#ac333a;
}