/*************************************************
SECTION CSS POUR LE CALENDRIER
*************************************************/
#CALxContentSquare{
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 1em;
	margin-bottom: 1em;

	text-align: center;
	color: Black;
}
/***********
CSS POUR LES LIENS ET LE MOIS ANNEE
DE NAVIGATION
************/
#CALxContentSquare .navPeriod{
	text-align: center;
	margin:0;
	padding:0;
	margin-bottom:1em;
	text-decoration: none;
}
#CALxContentSquare .navPeriod a{
	text-decoration: none;
}
#CALxContentSquare .previousYear{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}
#CALxContentSquare .previousMonth{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}
#CALxContentSquare .nextMonth{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}
#CALxContentSquare .nextYear{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}

#CALxContentSquare .month{
	margin-right: 0%;
}

#CALxContentSquare .year{
	margin-right: 0%;
}

#CALxContentSquare .CALxTabOfYearContent{
	border-style: solid solid solid solid;
	color: Black;
	width: 100%; 
}

#CALxContentSquare .CALxTable{
	color: #333;
	width: 100%;
	font-size: 1em;
	text-align:center;
}

#CALxContentSquare .CALxTable td, #CALxContentSquare .CALxTable th{
margin:0em;
padding:0em;
width:20px;
height:25px;
text-align:center;
	font-size: 1em;
}

#CALxContentSquare td.emptyDay{
}

#CALxContentSquare td.today{
	background-color: #FFF;
	border: 1px dotted #CCC;
	font-weight: bold;
}
#CALxContentSquare td.inactDay{
	background-color:#D6E7F4;
}
#CALxContentSquare td.event{
	background-color:#CF9;
}
#CALxContentSquare td.multiple{
	background-color:rgb(111,147,72);
}
#CALxContentSquare .titleMulti{
	color:rgb(111,147,72);
}
#CALxContentSquare td.event a{
	text-decoration:none;
	color:black;
}
#CALxContentSquare td.event a:hover{
	background-color:#9F6;
}
#CALxContentSquare td.multiple a{
	text-decoration:none;
	color:black;
}
#CALxContentSquare td.multiple a:hover{
	background-color:#D6E7F4;
}
#CALxContentSquare td.dayPreviousMonth{
	background-color: #CCC;
}
#CALxContentSquare td.dayNextMonth{
	background-color: Gray;
}


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

.linkDetailPopup{
	color:white;
}
.textfontClass {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
}
.textfontClass a{
	color:rgb(111,147,72);
	font-size: 1em;
}
.textfontClass a:hover{
	font-weight: bold;
}
.capfontClass {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
  	color:  #ffffff;
	text-align:left;
}
.closefontClass{
	font-family: Verdana, 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:rgb(212,227,186);
}
.bgClass {
	background-color:rgb(111,147,72);
}