/* @override 
	http://typhoonsaloon.com/assets/snippets/CALx/style/univ_style.css
	http://www.singledad.com/assets/snippets/CALx/style/univ_style.css
*/
.popperlink { z-index: 2; visibility: hidden; width: 200px; position: absolute;}
/*************************************************
SECTION CSS POUR LE CALENDRIER
*************************************************/
.CALxContent { font-size: 17px; padding: 0; margin: 0;}
/***********
CSS POUR LES LIENS ET LE MOIS ANNEE
DE NAVIGATION
************/
.navPeriod { border-bottom: 1px none #999; color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; width: 222px; background-color: #fff; margin-right: auto; margin-left: auto; margin-bottom: 9px;}
.navPeriod a:link, .navPeriod a:visited { text-decoration: none; font-weight:700; color: #fff; background-color: #fff;}
.navPeriod a:hover { text-decoration: underline; font-weight:700; color: #813f00; background-color: #fff;}
.previousYear a { visibility: visible; font-size: 1px; color: #fff; position: absolute;}
.nextYear a { visibility: visible; font-size: 1px; color: #fff; position: absolute;}
span.previousMonth a:link, span.previousMonth a:visited, span.previousMonth a:hover { margin: 0 5px; text-decoration: none; border: none; color: #004F56;}
span.nextMonth a:link, span.nextMonth a:visited, span.nextMonth a:hover { margin: 0 5px; text-decoration: none; border: none; color: #004F56;}
.month { margin: 0 5px; color: #004F56; font-weight: bold;}
.year { margin: 0 5px; color: #004F56; font-weight: bold;}
.CALxTable { margin: 0 auto; border: 7px solid #333; background: #b3b3b3; text-transform: uppercase;}
.CALxTable tr { margin: 0; padding: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.CALxTable td { text-align: center; margin: 0; background-color: #dce7e8; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333; height: 25px; padding: 4px;}
td.today { background-color: #f5a147;}
td.holiday { background-color: #FC3;}
td.holiday a { text-decoration: none; color: #000;}
td.holiday a:hover { color: #9D0000; background-color: #D6E7F4;}
td.sunday { 
}
td.event { background-color: #004F56; }
td.multiple { background-color: rgb(28,153,185);}
.titleMulti { color: #446D8C;}
td.event a { text-decoration: none; color: #FFF;}
td.event a:hover { color: #9D0000; background-color: #D6E7F4;}
td.multiple a { text-decoration: none; color: black;}
td.multiple a:hover { background-color: #D6E7F4;}
.linkDetailPopup { color: white;}
/*************************************************
SECTION CSS POUR LES INFOBULLES
*************************************************/
.textfontClass { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.textfontClass a { color: #446D8C; font-size: 1em;}
.textfontClass a:hover { text-decoration: underline;}
.capfontClass { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #ffffff; text-align: left;}
.closefontClass { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #ffffff; text-align: right;}
.capfontClass a,.closefontClass a { color: #ffffff; font-size: 1em;}
.fgClass { background-color: #ccc; padding: 5px; border: 1px solid #fff; font-weight: bold;}
.bgClass { background-color: #333; padding: 3px; border: 1px solid #000;}