/*************************************************
SECTION CSS POUR LE CALENDRIER
*************************************************/
.CALxContent{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: left;
	color: Black;
	border-left:1px solid Black;
	border-top:1px solid Black;
	background-color: White;
	text-decoration: none;
	border-collapse: collapse;

}
/***********
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;
}
.CALxContent .navPeriod a{
	color: #2B6C2D;
	text-decoration: none;
}

.CALxContent .navPeriod img,a:visited{
	color: #2B6C2D;
}

.CALxContent .navPeriod img,a:hover{
	color: #308F30;
}

.CALxContent .previousYear img,a{
	margin-right: 1%;
	text-decoration: none;
	border: none;
}
.CALxContent .previousMonth img,a{
	margin-right: 1%;
	text-decoration: none;
	border: none;
}
.CALxContent .nextMonth img,a{
	margin-right: 1%;
	text-decoration: none;
	border: none;
}
.CALxContent .nextYear img,a{
	margin-right: 1%;
	text-decoration: none;
	border: none;
}

.CALxContent .month{
	margin-right: 0%;
}

.CALxContent .year{
	margin-right: 0%;
}

.CALxContent .CALxTabOfYearContent{
	color: Black;
	width: 100%; 
}

.CALxContent .CALxTable{
/*	color: Black; */
	width: 100%; 
	text-align: right;
/*	font-size: 1em; */
	border-collapse:collapse;
	border-right:1px solid Black;
}

.CALxContent .CALxTable td{
	border-right:1px solid Black; 
	border-top:1px solid Black; 
	border-bottom:1px solid Black; 
	width:12%;
	outline:0;
	margin:0;
	padding:0;
}

.CALxContent .CALxTable th{
/*	margin:0em;
	padding:0em; 
 	original width: 14% */
	font-family:"Courier New", Courier, monospace;
	font-weight:normal;
}

.CALxContent td.emptyDay{
}

.CALxContent td.today{
	font-weight: bold;
}
.CALxContent td.inactDay{
	background-color:#D6E7F4;
}
.CALxContent td.event{	/* Event Highlighting */
	background-color:#43A745;
}
.CALxContent td.multiple{
	background-color:#43A745;
}
.CALxContent .titleMulti{
	color:rgb(111,147,72);
}
.CALxContent td.event a{
	text-decoration:none;
	color:black;
}
.CALxContent td.event a:hover{
	background-color:#43A745;
}
.CALxContent td.multiple a{
	text-decoration:none;
	color:black;
}
.CALxContent td.multiple a:hover{
	background-color:#43A745;
}
.CALxContent td.dayPreviousMonth{
	background-color: Gray;
}
.CALxContent td.dayNextMonth{
	background-color: Gray;
}


/*************************************************
SECTION CSS POUR LES INFOBULLES
*************************************************/
.popperlink {
	z-index: 2; 
	visibility: hidden; 
	width: 200px; 
	position: absolute;
}

.linkDetailPopup{
	color:white;
}
.textfontClass {	/*Pop-up Text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	#font-weight: bold;
	text-align: left;
}
.textfontClass a{	/*"Click here for more Details" */
	color:#2D6F2F;
	margin-top: 10px;
	font-size: 1.1em;
	#font-weight: bolder;
}
.textfontClass a:hover{
	font-weight: bolder;
}
.capfontClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
  	color:  #ffffff;
	text-align: right;
}
.closefontClass{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
  	color:  #ffffff;
  	text-align:right;
}
.capfontClass, .closefontClass a {
	color: #ffffff; 
	font-size: 1em;
}
.fgClass {
	background-color:#A2FDD6;
}
.bgClass {
	background-color:rgb(0,0,0);
}