#menu {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-left: 0px;
	font-size: 11px;
}
#menu ul {	
	list-style: none;
	padding: 0;
	width: 180px;
	margin-right: 20px;

}
#menu ul ul {
	width: auto;
	white-space: nowrap; 
}
#menu li {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 30px 0 10px;
	background: #EFEFEF;
	border-left: 4px solid #cccccc;
	cursor: default;
}	
#menu ul ul li {
	padding-right: 30px;
}
#menu li:hover, #menu li:focus {
	color: #9DB0BF;
	border-left: 4px solid #9DB0BF;
	background: url("/images/logo_ul.png") no-repeat bottom right #EAEAEA; /* mise en place du logo de la rotonde, au survol du menu */
}

#menu ul {
	list-style: none;
	margin-bottom: 2px;
}
#menu a, #menu h2 {
	display: block;
	border: none;
	font-size: 11px;
	color: #505050;
}
#menu li { position: relative; }
#menu ul ul { position: absolute; z-index: 400; top: 0; left: 100%; }
#menu ul ul ul { top: 0; left: 100%; }
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul { display: none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul { display: block; }
#menu ul li:focus ul, #menu ul ul li:focus ul, #menu ul ul ul li:focus ul { display: block; }

/*   Mise en forme du calendrier   */
.calendar {
	border: 1px solid #cccccc;
	margin: 1px 0 1em 0;
	border-collapse: separate;
	border-spacing:0;
	width: 100%;
}
.calendar a {
	text-decoration: none;
}
.calendar a:hover {
	text-decoration: none;
}
.calendar th{
	background-color: #eeeeee;
	font-weight: normal;
	text-align: center;
	line-height: 1.6em;
}
.calendar td{
	background-color: transparent;
	width: 14%;
	text-align: right;
	padding: 2px 3px;
}
.calendar .weekdays td {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-style: solid none;
	text-align: center;
	padding: 2px;
}
.calendar .event {
	background-color: #fee7bc;
	font-weight: bold;
}
.calendar .weekend {
	color: #ffcc66;
	font-weight: bold;
}
.calendar .todayevent {
	background-color: #fee7bc;
	border: 2px solid #ff9228;
	font-weight: bold;
}
.calendar .todaynoevent {
	border-collapse: collapse;
	border: 2px solid #8cacbb;
	color: #8cacbb;
}
.calendar #calendar-previous {
	background-image: url("/images/arrowLeft.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.calendar #calendar-next {
	background-image: url("/images/arrowRight.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.calendar #calendar-previous a,
.calendar #calendar-next a {
	display: block; 
	text-decoration: none;
	overflow: hidden; 
	border: 0;
	margin: 0;
	padding: 0;
	padding-top: 9px;
	height: 0px !important;
	height : 9px;
	cursor: pointer;
}
/*   Fin de la mise en forme du calendrier   */

/*   Mise en forme de l'infobulle du calendrier   */
a.info {
   position: relative;
   color: #000;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;
   text-align: left;

   color: #000;
   padding: 3px;

   border: 1px solid #cccccc;
   border-left: 4px solid #cccccc;
}
/*   Fin de la mise en forme de l'infobulle du calendrier   */