/* 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;
   background      : #fff;
   border-style    : solid;
   border-width    : 1px;
/*   position : inline;*/
}

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

img.poster {
   width: 170px;
}

/* 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:8px;
}

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

a.headerArrow, a.headerArrow:link, a.headerArrow:visited {
   font            : regular 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color           : #e3680d;
   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;*/
   text-decoration : none;
   text-align      : center !important;
}

/* 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, a.headerDate:link, a.headerDate:visited {
   font            : regular 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color           : #e3680d;
   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;
   text-align      : center !important;
}

/* 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 !important;
}

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

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

/* 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 {
}

/* Style pour la ligne dans le calendrier qui affichera une puce dès lors que le paramètre ShowBullet est activé */

tr.se_bullet_row, td.se_bullet_row {
   max-height      : 6px;
   height          : 0px;
}


/* Légende du tableau */

table.Legend {
   margin-top      : 10px;
   border-spacing  : 0px;
   border-collapse : collapse;
   table-layout    : auto;
}

table.Legend td, table.Legend th {
   padding         : 0;
}

table.Legend td.Color {
   width           : 10px;
}

table.Legend td.Sport {
   padding-left    : 5px;
}

table.Legend tr.LegendRow {
   line-height     : 12px;
}