div.dp-popup {
	position: relative;
	color: #000;
	margin-bottom:17px;
	background:url('../image/BgCalendrier.png') no-repeat ;
	width:234px;
	height:207px;

}
div#dp-popup {
	position: absolute;
	z-index: 1000;
}

div.dp-popup h2{
	
	font-size:14px;
	color:#fff;
	padding:10px 5px;
	height: 17px;
	text-align: center;
	margin: 0px;
	font-weight:bold;
	
}

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:5px;
}
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:#fff;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	margin-left:2px;
	color:#fff;
}
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 {
    width:231px;
    
}

div.dp-popup .dp-calendar .jCalendar {
   
     width:100%;
    height:160px;
    border:none;
	margin:0 auto;	
}

div.dp-popup .dp-calendar .jCalendar thead {
    background:#222222;
	
}

div.dp-popup .dp-calendar .jCalendar thead th {
    border:none;
    background:#d7d6d5;
    padding: 2px 5px;
    color:#000;
    height: 32px;
    text-align: center;
	border-bottom:1px solid #fff;
	font-size:10px;
	font-weight:bold;
	 
}

#pageCompte div.dp-popup .dp-calendar .jCalendar thead th {
    border:none;
    background:#d7d6d5;
    padding: 2px 5px;
    color:#000;
    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:#000000;
    padding:0px;
    background: none;
	text-align: center;
	font-weight: bold;
	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: #000;
 

}

div.dp-popup .dp-calendar .jCalendar tbody .other-month,
div.dp-popup .dp-calendar .jCalendar tbody .current-month {
    padding:0px;
    background:#FF16A2;
    cursor: pointer;
	color:#fff;
	font-size:11px;
	border-right:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
	
}

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 {
	color: #fff;
}

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

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

#contenuCalendarHeures{
	
	width:234px;
	padding-bottom: 13px;
	background:#EAEAEA;
	
}




.contenuFenetre{
	margin:5px auto 15px auto;
	width:236px;
	background: url('../image/bg_calendrier5.gif') no-repeat;
	
}


#dateCalendarRep{
	background:#FF109F;	
	font: 1em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px 8px 5px 8px;
	width:217px;
	height: 24px;
	text-align: center;
	margin:0;
}


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

#calendarHeureRow1{
	line-height:37px;
	
}

.calendarHeureLines {
	background:transparent;
}

.calendarHeureLines a{
	color:#341E12;
	text-indent:20px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	background:url('../image/dateHour.png') no-repeat 8px 12px;	
	font-size:11px;
	
}
.calendarHeureLines a:hover{
	color:#fff;
	text-indent:20px;
	display:block;
	text-decoration:none;
	background:#FF109F;
}