html{
font-size:100%;
}
div{
font-family: 'arial', 'verdana', sans-serif;
font-size:10px;
}

#sel-annee {
font-size:1.2em;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#002357;
font-weight:bold;
}

#calendar{
margin-left:auto;
margin-right:auto;
width:600px; /*480*/
}

#def-zones{
clear:both;
padding-top:5px;
}

.container-mois{
background-color:#f2f6fb;
float:left;
width:156px;
border:1px;
border-style:solid;
border-color:#000;
text-align:center;
}

.libelle-mois{
background-color:#dbeaf5; 
width:100%; 
border-bottom-width:1px; 
border-bottom-style:solid;
}

.ligne-vide{
float:left; 
width:100%;
}

.delim-zone{
float:right; 
width:2%;
}

.separe-mois{
float: left;
width:100%;
height:10px;
}

.def-zone-a, .def-zone-b, .def-zone-c{
background-color: #E12A12;
border-width:1px; 
border-style:solid
}

.def-zone-b{
background-color: #E6E612;
}

.def-zone-c{
background-color: #4AD310;
}