/* CSS Document */

body {
background-color:#FBFCCA;
}

#page {
margin: 0 auto 0 auto;
padding:0;
width:944px;
border:3px solid #CCC684;
}

#top {
margin:0;
}

#menu {
height:31px;
background-image:url(images/interface/fond-menu.gif);
text-align:center;
font: normal 16px/31px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#menu a {
text-decoration:none;
color:#FFFFFF;
}

#menu a:hover {
text-decoration:underline;
}

#middle {
background: #F9F9E7 url(images/interface/fond-contenu.gif) no-repeat top left;
padding:10px;
}

#bulletin {
float:right;
width:250px;
background-color:#C8D853;
padding:10px;
}

/* les textes */

.titre {
font:normal 20px Arial, Helvetica, sans-serif;
color:#4BB65F;
border-bottom: 1px dotted #4BB65F;
}

.normal {
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
}

.bleu-gras {
font: normal bold 12px Arial, Helvetica, sans-serif;
color:#66A5D3;
}

.bouton-bleu {
background: transparent url(images/interface/fond-bouton.gif) repeat-x top left;
font:normal bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:2px solid #5593D3;
}

a.lien-bleu {
color:#66A5D3;
text-decoration:underline;
}

a:hover.lien-bleu {
text-decoration:none;
}

a.lien-vert {
color:#4BB65F;
text-decoration:underline;
}

a:hover.lien-vert {
text-decoration:none;
}

.rouge-gras-pointille {
font:normal bold 14px Arial, Helvetica, sans-serif;
color:#990000;
border-bottom:1px dotted #990000;
text-decoration:none;
}

/* les tableaux */

.tableau-simple {
border-collapse:collapse;
}

/* les images */

.imgleft {
float:left;
margin:0 20px 10px 0;
}

.imgright {
float:right;
margin:0 0 10px 10px;
}