#calendrier {
	width: 302px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	border: 0px solid #674765;
}

#calendrier .monthYearRow {
  background-image: url("monthBg.gif");
  line-height: 17pt;
  background-color: #674765;
  text-align: center;
  vertical-align: middle;
}

#calendrier .monthYearText {
	height: 40px;
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: Bold;
  color: #fff;
}

#calendrier .dayNamesRow {
	width: 42px;
	height: 25px;
  font-size: 16px;
  line-height: 11pt;
  background-color: #674765;
  text-align: center;
  vertical-align: middle;
	color: #fff;
}

#calendrier .dayNamesText {
  background-image: url("dayBg.gif");
  font-family: Geneva, Verdana, Arial, sans-serif; 
  font-size: 16px; 
  font-weight: Bold; 
  color: #fff;
}

#calendrier .rows {
  font-family: Geneva, Verdana, Arial, sans-serif;
  font-size: 15px;
  line-height: 15pt;
  text-align: center;
  vertical-align: middle;
	font-weight: bold;
  color: #9fac3e;
}

#calendrier .fmt_date {
	width: 42px;
	height: 36px;
}

#calendrier .jourSelection {
  background-color: #7c2e08;
}

#calendrier .jourAujourdhui {
  background-color: #938a56;
}

#calendrier .jourReserve, #legende .jourReserve {
	background-color: #c01e1e;
  color: #fff;
}

#calendrier .jourAttente, #legende .jourAttente {
  background-color: #f67129;
  color: #fff;
}

#calendrier .jourSemaine, #legende .jourSemaine {
  background-color: #f4fea7;
}

#calendrier .jourWeekend {
  background-color: #e0e999;
}

#calendrier .jourAutre {
  background-color: #f8fecd;
	color: #c2bbaa;
}

#legende .jourLegende {
	width: 10px;
	height: 10px;
	text-align: center;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
}

#calendrier a.cal {
  text-decoration: none;
}

#calendrier a.cal:hover {
  text-decoration: underline;
}

#calendrier a.cal_date, #calendrier a.cal_date_blanc, #calendrier a.cal_date_vert {
	width: 42px;
	height: 28px;
	padding-top: 8px;
  text-decoration: none;
	display: block;
}

#calendrier a.cal_date, #legende .gris {
	color: #333;
}

#calendrier a.cal_date_blanc {
	color: #fff;
}

#calendrier a.cal_date_vert {
	color: #716f48;
}

#calendrier a.cal_date:hover, #calendrier a.cal_date_blanc:hover, #calendrier a.cal_date_vert:hover {
	background-color: #80627e;
  color: #fff;
}

#legende {
	padding: 10px;
	margin: 48px 20px 0 0;
	border: 1px solid #a0aa78;
}