.Calendrier
{
width:98%;
text-align:center;
}
.Calendrier td, .Calendrier th
{
   width:14%;
}

.CalendrierNav
{
width:100%;
text-align:center;
padding-bottom:5px;
}

.CalendrierHead
{
background-color:red;
}

.CalendrierThisMonth
{
background-color:#fffacd;
}

.CalendrierNotThisMonth
{
background-color:#BBBBBB;
}
.CalendrierThisDay
{
background-color:#0000FF;
color:yellow;
}

a.infoCalendrier{
    position:relative; 
    z-index:24;
    color:#0000FF;
    text-decoration:none}

a.infoCalendrier:hover{z-index:25; background-color:#ff0}

a.infoCalendrier span{display: none}

a.infoCalendrier:hover span{ 
 display:block; 
 position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #000000;
    background-color:#fffacd; color:#0000FF; 
    text-align: justify;
    font-weight:none;
    padding:1px;
}

.CalendrierThisDay a.infoCalendrier img
{
 background-color:#FFFFFF;
}

.CalendrierThisMonth a.infoCalendrier img
{
 background-color:#CCCCCC;
}
.CalendrierNotThisMonth a.infoCalendrier img
{
 background-color:#FFFFFF;
}