/**************************************** FEUILLE DE STYLE **********************************\
Voici comment cela fonctionne:

font-family: Police d'écriture
text-align: alignement du texte (left,center,right)
font-size: taille du texte en pt
font-style: style du texte ("normal,"italic")
font-weight: graisse de police ("normal","bold","bolder")
width: largeur de la cellule en px
height: hauteur de la cellule en px
border-color: couleur de la bordure de la cellule
border-width: largeur de la bordure
border-style: style de la bordure (normal = "solid", pointillés = "dotted, tirets="dashed", aucune = "none")
color: couleur du texte
**********************************************************************************************/
/* DOCUMENT */
TexteCalendar  { 
	font-family:Verdana;
	font-color: #336633;
	 }
/* TABLEAU */
td  {
  text-align:center;
  vertical-align:top; }
  
/* NOM DU MOIS */
td.nom_mois  {
  font-size:11pt;
  font-style:normal;
  font-weight:bold;
  color:#336633;}
	
  /* FLECHES */
td.fleches  {
  font-size:16pt;
  font-style:normal;
  font-weight:normal;
  }
  
/* NOMS DES JOURS*/
tr.noms_jours  {
  width:18;
  height:18;
  font-size:11pt; 
  background-color: #336633;
  }
  
 /*DATES*/
td.jours  {
  width:18;
  height:18;
  border-color:#000000;
  border-style:thin;
  font-size:11pt;
  background-color:#0099cc; }
  
 /* AUJOURD'HUI */
td.aujourdhui  {
  width:18;
  height:18;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
  font-size:11pt;
  background-color:#ffcc66; }
  
 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides  {
  width:18;
  height:18;
  border-color:#F5F5F5;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  color:#C0C0C0;
 }
 
a.Cal:link  {color: #ffffff;text-decoration:none;}
a.Cal:visited  {color: #ffffff;text-decoration:none;}
a.Cal:active  {color: #ffffff;text-decoration:none;}

a.Cal span {
   display: none; /* on masque l'infobulle */
}
a.Cal:hover,a.Cal:focus,a.Cal:active  {
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.Cal:hover span,a.Cal:focus span,a.Cal:active span  {
   display: inline; /* inlineon affiche l'infobulle */
   position: absolute;
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   /*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: 168px; /* on positionne notre infobulle */
   left: -85px;
   width: 370px !important;
   /*background: white;*/
   background-color:#ffcc66;
   color: #336633;
   padding: 3px;

   border: 1px solid #000000;
   /*border-left: 4px solid green;*/
}