/* 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 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   text-align: center; 
   border-collapse: collapse;
   width: 150px;
   background: #fff;
   border-style:solid;
   border-width:1px;
}

/* Taille de l'image qui sera utilisée comme poster dans le calendrier */

img.poster {
   width: 150px;
}

/* Taille des puces qui représente soit le sport soit le type de parcours.  Par défaut, la taille d'une puce est de 8px. */

img.img_se_calendrier {
   width:6px;
}

/* 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: #fafafa;/*#eaeaea;*/
}

/* Style pour les flèches */

td.headerArrow{
   background: #fafafa; /*#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 10px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #eaeaea;
   background: #b30805;
}

/* td.Day est utilisé pour dessiner le tag <td> du calendrier et donc afficher un jour du calendrier */

td.Day, td.Today {
   width: 25px;
   height: 18px;
   text-align: center;
}

/* Modifiez ce style si vous souhaitez mettre en évidence le jour actuel (today) */

td.Today {
   border-right: 2px solid #d4d5aa;
   border-bottom: 2px solid #d4d5aa;

}

/* Si vous le souhaitez, vous pouvez mettre en évidence la colonne correspondant au Samedi.   Si c'est le cas, il faut adapter le style ci-dessous. */

td.Saterday {
   background:#fff;
}

/* Si vous le souhaitez, vous pouvez mettre en évidence la colonne correspondant au Dimanche.   Si c'est le cas, il faut adapter le style ci-dessous. */

td.Sunday {
   background:#fff;
}

/* Dans les paramètres du module calendrier; il est possible de déterminer un texte d'introduction qui sera affiché avant le calendrier.  Ci-dessous le style à adapter pour personnaliser l'affichage du texte d'intro */

div.se_calendar_view_text_before {
}

/* Dans les paramètres du module calendrier; il est possible de déterminer un texte de conclusion qui sera affiché après le calendrier.  Ci-dessous le style à adapter pour personnaliser l'affichage du texte de conclusion */

div.se_calendar_view_text_after {
}