/* + -----------------------------------------------------
    Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier {
    position:absolute;
    color:white;
    width:120px;
    margin-left:14px;
    z-index:10000;
    height:174px;
    background:url(../webdesign/bgcalendrier.gif) no-repeat;
    width:139px;
}

#calendrier div.divul {
    height:118px;
}

#calendrier td {
    font-size:10px;
    line-height:25px;
}

#calendrier td.current {
    font-size:10px;
    line-height:25px;
}

#calendrier td.current a {
    color:white;
    text-decoration:none;
    line-height:25px;
    padding:4px;
}

#calendrier td.current a:hover {
    background-color:#6ca4c5;
}

#calendrier td.arrow {
    font-size:16px;
}

#calendrier td.arrow a {
    color:black;
    text-decoration:none;
}

#calendrier td.arrow a:hover {
    color:white;
}

#calendrier div.today {
    text-align:center;
    font-weight:bold;
    font-size:10px;
    line-height:20px;
}

#calendrier div.today a {
    color:white;
    text-decoration:none;
    padding:4px;
}

#calendrier div.today a:hover {
    background-color:#6ca4c5;
}


#calendrier li {
    list-style: none;
    text-align:center; 
    font-size:10px;
}

#libelle {
    margin: 0 auto;
    padding: 0;
}
.ligne {
    margin: 0 auto;
    padding: 0;
} 
#libelle li {
    float : left;
    width : 19px;
    font-weight:bold; 
}
.ligne li {
    color: #000;
    float : left; 
    width : 19px; 
    line-height:18px;
    cursor:pointer;
}

.ligne li a {
    text-decoration:none;
    color:white;
    width:100px;
}

.ligne li:hover {
    list-style: none;
    background-color:#6ca4c5;
    color:white;
}

li.itemCurrentItem {
    /* A vous de configurer l'apparence de la date du jour */
    background-color:black;
    color:white;
}
li.itemSelectedItem {
}