/*************************************************
SECTION CSS POUR LE CALENDRIER
*************************************************/
#CALxContent{
	margin-right:20px;
	margin-bottom:15px;
	padding: 10px;
	width:183px;
	text-align: center;
	color: #222;
	border: 1px solid #d5d5d5;
	background-color: #f1f1f1;
	float:left;
}
/***********
CSS POUR LES LIENS ET LE MOIS ANNEE
DE NAVIGATION
************/
#CALxContent .navPeriod{
	text-align: center;
	margin:0;
	padding:0;
	margin-bottom:1em;
	text-decoration: none;
	color:#222;
}
#CALxContent .navPeriod a{
	text-decoration: none;
	color:#222;
}
#CALxContent .previousYear img,a,span{
	margin-right: 3px;
	margin-left: 3px;
	text-decoration: none;
	border: none;
}
#CALxContent .previousMonth img,a,span{
	margin-right: 3px;
	margin-left: 3px;
	text-decoration: none;
	border: none;
}
#CALxContent .nextMonth img,a,span{
	margin-right: 3px;
	margin-left: 3px;
	text-decoration: none;
	border: none;
}
#CALxContent .nextYear img,a,span{
	margin-right: 3px;
	margin-left: 3px;
	text-decoration: none;
	border: none;
}

#CALxContent .month, #CALxContent .year{
	font-size: 11px;
	font-weight:bold;
	color:#32495b;
}

#CALxContent .CALxTabOfYearContent{
	border-style: solid solid solid solid;
	color: #222;
	width: 100%; 
	border: none;
}

#CALxContent .CALxTable{
	border-style: solid solid solid solid;
	color: #222;
	border: none;
	text-align:center;
	font-size: 11px;
}


#CALxContent .CALxTable th{
	font-size:11px;
	background-color:none;
	color:#777;
	font-weight:normal;
	border: none;
	background-color:none;
	height:10px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

#CALxContent .CALxTable td {
	color: #222;
	border: none;
	background-color:#d5d5d5;
	height:22px;
	width:22px;
}
#CALxContent td.emptyDay{
	background-color:#f1f1f1;
}
#CALxContent td.today{
	background-color: #994848;
	color:#f1f1f1;
}
#CALxContent td.inactDay{
	color: #ccc;
	
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

#CALxContent td.event{
	background-color:#32495b;
	color:#f1f1f1;
}
#CALxContent td.event:hover{
	background-color:#546e82;
}
#CALxContent td.event a{
	color:#f1f1f1;
	text-decoration:none;	
}
#CALxContent td.event a:hover{
	color:#f1f1f1;
	text-decoration:none;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

#CALxContent td.multiple{
	background-color:#425242;
	color:#f1f1f1;
}
#CALxContent td.multiple:hover{
	background-color:#748174;
}
#CALxContent td.multiple a{
	color:#f1f1f1;
	text-decoration:none;
}
#CALxContent td.multiple a:hover{
	color:#f1f1f1;
	text-decoration:none;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

.titleMulti{
	font-size:11px;
}
#CALxContent td.dayPreviousMonth{
	background-color:#f1f1f1;
}
#CALxContent td.dayNextMonth{
	background-color:#f1f1f1;
}

/*************************************************
SECTION CSS POUR LES INFOBULLES
*************************************************/

.popperlink{
	z-index: 2; 
	visibility: hidden; 
	width: 200px; 
	position: absolute;
	background-color:#fff;
	}
	
.linkDetailPopup{
	color:white;
}
.textfontClass {
	font-size: 12px;
	text-align: left;
	color: #222;
}
.textfontClass a{
	color:#32495b;
	font-size: 12px;
}
.textfontClass a:hover{

}
.capfontClass {
	font-size: 12px;
	font-weight: bold;
  	color:  #ffffff;
	text-align:left;
}
.closefontClass{
	font-size: 12px;
	font-weight: bold;
 	color:  #ffffff;
  	text-align:right;
}
.capfontClass,.closefontClass a {
	color: #ffffff; 
	font-size: 12px;
}
.fgClass {
	background-color:#fff;
	border:1px solid #d5d5d5;
	padding:10px;
}
.bgClass {
	background-color:#fff;
}