/* Calendrier : e6f3f7*/DIV.calendar {POSITION: relative}

.calendar {BORDER-RIGHT: #FFFFFF 0px solid; BORDER-TOP: #FFFFFF 0px solid; FONT-SIZE: 11px;  BORDER-LEFT: #FFFFFF 0px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #FFFFFF 0px solid; FONT-FAMILY: arial,verdana,tahoma,sans-serif}
.calendar TABLE {BORDER-RIGHT: #FFFFFF 0px solid; BORDER-TOP: #FFFFFF 0px solid; FONT-SIZE: 11px; BACKGROUND: #FFFFFF; BORDER-LEFT: #FFFFFF 0px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #FFFFFF 0px solid; FONT-FAMILY: arial,verdana,tahoma,sans-serif}
.calendar {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #FFFFFF; BORDER-TOP-COLOR: #FFFFFF; BORDER-RIGHT-COLOR: #FFFFFF}
.calendar .button { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; TEXT-ALIGN: center}
.calendar .nav {FONT-FAMILY: arial,verdana,tahoma,sans-serif; }
.calendar .nav DIV {}
.calendar THEAD TR {BACKGROUND: #FFFFFF}
.calendar THEAD .title {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 0px; COLOR: #ff0099; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Arial,Verdana,tahoma; TEXT-ALIGN: left}
.calendar THEAD .headrow {}
.calendar THEAD .name {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #FFFFFF 1px solid; TEXT-ALIGN: center}
.calendar THEAD .weekend {COLOR: #ff0066}
.calendar THEAD .hilite {cursor:hand; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #e6f3f7; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; BORDER-BOTTOM: #CCC 1px solid}
.calendar THEAD .active {PADDING-RIGHT: 1px; PADDING-LEFT: 3px; BACKGROUND: #e6f3f7; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #CCC 1px solid}
.calendar THEAD .daynames {BACKGROUND: #FFFFFF}

.calendar TBODY .day {cursor:hand; BORDER-RIGHT: #FFFFFF 2px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 9px; BACKGROUND: #e6f3f7; PADDING-BOTTOM: 1px; WIDTH: 1.8em; COLOR: #0488b1; PADDING-TOP: 1px; BORDER-BOTTOM: #FFFFFF 2px solid; FONT-FAMILY: arial,verdana,tahoma,sans-serif; HEIGHT: 1em; TEXT-ALIGN: center}
.calendar TBODY .othermonth {FONT-SIZE: 80%; COLOR: #999}
.calendar TBODY .oweekend {COLOR: #ff0066}

.calendar TABLE .wn {BORDER-RIGHT: #797979 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px; PADDING-TOP: 2px}


.calendar TBODY .rowhilite TD {BACKGROUND: #FFFFFF}
.calendar TBODY .rowhilite TD.wn {BACKGROUND: #FFFFFF}
.calendar TBODY TD.today {FONT-WEIGHT: bold}


.calendar TBODY TD.hilite {BORDER-RIGHT: #0488b1 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #0488b1 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #eaf5f7; PADDING-BOTTOM: 1px; BORDER-LEFT: #0488b1 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #0488b1 1px solid; TEXT-ALIGN: center}
.calendar TBODY TD.active {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 2px}
.calendar TBODY TD.weekend {COLOR: #ff0066}
.calendar TBODY TD.selected {BORDER-RIGHT: #0488b1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #0488b1 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9px; BACKGROUND: #eaf5f7; PADDING-BOTTOM: 2px; BORDER-LEFT: #0488b1 1px solid; WIDTH: 2.6em; PADDING-TOP: 2px; BORDER-BOTTOM: #0488b1 1px solid; HEIGHT: 1em}
.calendar TBODY .disabled {COLOR: #999}
.calendar TBODY .emptycell {VISIBILITY: hidden}
.calendar TBODY .emptyrow {DISPLAY: none}

.calendar TFOOT .footrow {BACKGROUND: #565; COLOR: #000; TEXT-ALIGN: center}
.calendar TFOOT .ttip {PADDING-RIGHT: 2px; DISPLAY: none; PADDING-LEFT: 2px; BACKGROUND: #FFFFFF; VISIBILITY: hidden; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px}
.calendar TFOOT .hilite {BORDER-RIGHT: #084 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #084 1px solid; PADDING-LEFT: 1px; BACKGROUND: #afa; PADDING-BOTTOM: 1px; BORDER-LEFT: #084 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #084 1px solid}
.calendar TFOOT .active {PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #7c7; PADDING-BOTTOM: 0px; PADDING-TOP: 2px}

.calendar .combo {BORDER-RIGHT: #797979 1px solid; BORDER-TOP: #797979 0px solid; DISPLAY: none; FONT-SIZE: 90%; Z-INDEX: 100; BACKGROUND: #FFFFFF; LEFT: 0px; BORDER-LEFT: #797979 1px solid; WIDTH: 4em; CURSOR: default; BORDER-BOTTOM: #797979 1px solid; POSITION: absolute; TOP: 0px}

.calendar .combo .label {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center}
.calendar .combo .label-IEfix {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center}

.calendar .combo .label-IEfix {WIDTH: 4em}

.calendar .combo .hilite {FONT-WEIGHT: bold; BACKGROUND: #FFF; COLOR: #000}
.calendar .combo .active {FONT-WEIGHT: bold; BACKGROUND: #CCCCCC; COLOR: #000000}

.calendar TBODY .special { background-color: #0488b1; color: #000; }

 #calendar-container{
	margin-left: 1em; 
	margin-bottom: 1em;
 }

#calendar-liste{
	float:left;
	width:95%;
}
.calendar-liste-item{
	float:left;
	width:98%;
	padding:5px;
	margin-bottom:5px;
	border:1px solid #59b3d1;

}
.calendar-liste-item_avatar{
	float:left;
	width:55px;
	height:55px;
}
.calendar-liste-item_titre{
	float:left;
	font-weight:bold;
	width:100px;
	font-size:9px;
}
.calendar-liste-item_date{
	float:left;
	padding-top:3px;
	font-size:9px;
	width:100px;
}