/* Style utilisé pour afficher le calendrier.   Intervenez sur la largeur du calendrier pour que celui-ci corresponde à la largeur de votre menu */

table.Calendar{
   padding: 0;
   margin: 0;
   font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   text-align: center; 
   border-collapse: collapse;
   width: 170px;
   background: #fff;
   border-style:solid;
   border-width:1px;
}

img.poster {
   width: 170px;
}

/* Style pour les flèches "Previous month" et "Next month" */

a.headerArrow{
   font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #3BB9FF; 
   text-align: center;
   text-decoration: none;
}

/* Style pour l'affichage du bandeau reprennant le mois affiché (p.e. Décembre 2009) */

td.headerDate{
   background: #d4d5aa;/*#616D7E;*/
}

/* Style pour les flèches */

td.headerArrow{
   background: #d4d5aa; /*#616D7E;*/
}

/* Style des hyperliens dans le bandeau (les flèches et le nom du mois) */

a.headerDate{
   font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #3BB9FF;
   text-align: center;
   text-decoration: none
}

/* Affichage de la première lettre des jours */

td.dayName{
   font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #616B76;
   background: #d4d5aa;
}

/* td.Day est utilisé pour dessiner le tag <td> du calendrier et donc afficher un jour du calendrier */
td.Day {
   width: 25px;
   height: 18px;
   text-align: center;
}