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

#header { height: 150px; background-color: #FFF; }

#header .site { font-size: 1.8em; font-weight: bold; margin: 0px 0px 0px  10px  ; padding: 0; }

#toprightdiv{ margin-right: 2px; margin-bottom: 0; float: right; text-align: right; }

#toprightdiv ul{ margin:0; padding:0; list-style:none; }

#toprightdiv li{ display:inline; margin:0 2px; 0 0; padding:0; } 

/* ######### Top tabs ######### */
p { margin: 0 0 10px 0; }

#haut { height: 20px; background-color:#FFF; /* Couleur du fond du menu horizontal de niveau 2 */ }

#conteneur {
width:1000px;
margin:0 auto; 
background-color:#FFF; /* Couleur de fond du container */
}

#centre { 
background-color:#FFF;
width: 565px;
margin-left: 230px; /* Permet un espace de 5px entre le menu le contenu central */
margin-right: 195px; /* Permet d'avoir une marge droite de 5px */
}

#gauche {
float:left;
width: 223px;
margin-left: 2px; /* Permet d'avoir une marge droite de 5px */
}

#droite {
float:right;
width: 193px; /* pour avoir une marge droite de 2 px - idem qu'a gauche */
margin-right: 2px;
}

#pied {
clear:both;
height: 115px;
background-color: #FFF;
font-size:11px;
}

/* Cadre arrondi en CSS */

/* set millions of background images */
.rbroundbox { background: url(/images/cadre_2/nt.gif) repeat; }
.rbtop div { background: url(/images/cadre_2/tl.gif) no-repeat top left; }
.rbtop { background: url(/images/cadre_2/tr.gif) no-repeat top right; }
.rbbot div { background: url(/images/cadre_2/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/images/cadre_2/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; text-align: center; }
.rbroundbox { width: 100%; margin: 1em auto; }


#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
background-color:red;
color:#ffffff;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

#menugauche li {
margin-bottom: 5px;
}

#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

#menugauche a:hover {
text-decoration: none;
}
/* Ajouter une colonne à droite */
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}