@charset "utf-8";
/* CSS Document */
/*###### Bouton gauche des mois ######*/ 
.MonthLeft{
	width:14px;
	height:35px;
	/*background: -112px -250px;*/
	background-image:url(../images/cal_gauche.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	left:-2px;
	top:0px;
}
.MonthLeftOver{
	width:14px;
	height:35px;
	/*background:-126px -250px;*/
	background-image:url(../images/cal_gaucheB.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	left:-2px;
	top:0px;
}
.MonthLeftClick{
	width:14px;
	height:35px;
	/*background:-140px -250px;*/
	position:absolute;
	background-image:url(../images/cal_gaucheB.gif);
	background-position:center;
	background-repeat:no-repeat;
	left:-2px;
	top:0px;
}
/*###### Bouton droit des mois ######*/ 
.MonthRight{
	width:14px;
	height:35px;
	/*background:-154px -250px;*/
	background-image:url(../images/cal_droite.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	right:-2px;
	top:0px;
}
.MonthRightOver{
	width:14px;
	height:35px;
	/*background:-168px -250px;*/
	background-image:url(../images/cal_droiteB.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	right:-2px;
	top:0px;
}
.MonthRightClick{
	width:14px;
	height:35px;
	/*background:-182px -250px;*/
	background-image:url(../images/cal_droiteB.gif);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:-2px;
	top:0px;
}

/*###### Bouton haut des années ######*/ 

.YearTop{
	width:14px;
	height:18px;
	/*background:-196px -250px;*/
	background-image:url(../images/cal_plus.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	right:-2px;
	top:0px;
}
.YearTopOver{
	width:14px;
	height:18px;
	/*background:-210px -250px;*/
	background-image:url(../images/cal_plusB.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	right:-2px;
	top:0px;		
}
.YearTopClick{
	width:14px;
	height:18px;
	/*background: -224px -250px;*/
	background-image:url(../images/cal_plusB.gif);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:-2px;
	top:0px;		
}
/*###### Bouton bas des années ######*/ 

.YearBottom{
	width:14px;
	height:18px;
	/*background: -196px -275px;*/
	background-image:url(../images/cal_moins.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	right:-2px;
	bottom:0px;		
}
.YearBottomOver{
	width:14px;
	height:18px;
	/*background: -210px -275px;*/
	background-image:url(../images/cal_moinsB.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F0EEEE;
	position:absolute;
	right:-2px;
	bottom:0px;			
}
.YearBottomClick{
	width:14px;
	height:18px;
/*	background: -224px -275px;*/
	background-image:url(../images/cal_moinsB.gif);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:-2px;
	bottom:0px;			
}
/*###### conteneur principal ######*/ 
.calendar{
	width:220px;
	height:196px;
	position:absolute;
	left:400px;
	font-weight:bold;
	font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:center;
	border:1px solid #006699;
}

.contentMonth{
	width:90px;
	height:35px;
	/*background: -100px -300px repeat-x;*/
	position:absolute;
	left:55px;
	top:5px;
	color:#990000;
}
.pMonth{
	width:90px;
	height:35px;
	line-height:35px;
	display:block;
}
.contentDay{
	width:45px;
	height:35px;
	line-height:15px;
	text-align:center;
	/*background: 0px -250px;*/
	position:absolute;
	left:5px;
	top:10px;
	color:#660000;
}
.contentYear{
	width:65px;
	height:38px;
	/*background: -56px -250px;*/
	position:absolute;
	left:145px;
	top:5px;
	color:#990000;
}
.pYear{
	width:45px;
	height:35px;
	line-height:35px;
	display:block;
}
.contentListDay{
	width:212px;
	height:118px;
	overflow:hidden;
	position:absolute;
	background-color:#E9E9E9;
	left:5px;
	top:68px;
}
.contentListDay ul{
	width:100%;
	height:100%;
	position:absolute;
	margin:0px;
	padding:2px 0px 0px 1px;
}
.dayCurrent{
	width:30px;
	height:20px;
	line-height:20px;
	display:block;
	float:left;
	text-align:center;
	color:#000000;
	font-weight:bold;
	background-color: #CCCCCC;		/*background: -41px -352px;*/
	cursor:pointer;
}
.liOut{
	width:30px;
	height:20px;
	line-height:20px;
	display:block;
	float:left;
	text-align:center;
	color:#000000;
	font-weight:bold;
	/*background: 0px -352px;*/
	cursor:pointer;
}
.liHover{
	width:30px;
	height:20px;
	line-height:20px;
	display:block;
	float:left;
	text-align:center;
	color:#000000;
	font-weight:bold;
	/*background: -41px -352px;*/
	background-color:#FFCC99;
	cursor:pointer;
}
.liInactive{
	width:30px;
	height:20px;
	line-height:20px;
	display:block;
	float:left;
	text-align:center;
	color:#999999;
	/*background: -82px -352px;*/
	background-color:#FFFFFF;
}
.contentNameDay{
	width:212px;
	height:22px;
	line-height:22px;
	overflow:hidden;
	position:absolute;
	left:5px;
	top:45px;
	padding:0px;
	margin:0px;
	list-style:none;
	background-color:#FFCC99;
}

.contentNameDay li{
	width:30px;
	display:block;
	float:left;
	text-align:center;
	color: #666633;
	font-weight:bold;
}

.bugFrame{
	position:absolute;
	top:0px;
	left:0px;
	background: no-repeat;
	z-index:0;
	width:100%;
	height:100%;
	border:0px;
}
