body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#titre {
width:100%;
background-image:url(/pics/Arriere-Plan-clair.jpg);
background-repeat:repeat-x;
}
#menu {
position:absolute;
width:200px;
top:200px;
left:0;
}
#menu dl, dt, dd {
margin:0;
display:block;
text-align:center;
}
#menu dt {
margin:5px 0 0 0;
/*padding:0.2em 0;
text-align:center;
font-weight:bold;
background-color:#CCD;
*/
}
#menu a {
display:block;
text-decoration:none;
color:#000;
}
#menu a:hover {
background-color:#446;
color:#FFF;
}
#navigation {
position:absolute;
top:200px;
left:210px;
font-size:0.8em;
}
#navigation form {
display:inline;
}
#contenu {
position:absolute;
top:202px;
left:209px;
padding:3em 1em 0 0;
margin:0;
}
#contenu h1, h2{
margin:0;
color:#557;
text-align:center;
}
/* Calendrier */
.post-title {
background: url(/pics/ico_entree.png) no-repeat 0 50%;
padding-left: 15px;
margin:0;
color:#557;
}
.post-info {
font-size:small;
margin:0;
}
.post-content {
text-align:justify;
padding-left:10px;
border-left:2px #557 dashed;
}
.italic {
font-style:italic;
}
.centre {
text-align:center;
}
.gauche {
text-align:left;
}
.souligne {
text-decoration:underline
}
.plus_petit {
font-size:smaller
}
th {
   color:#658FFA;
   font-weight:bold;
}
.style1 {
   color:#F90;
   font-weight:bold;
}