body {
 background-color : #FFF;
 font-family : Times New Roman,Trebuchet MS,Times,sans-serif,Arial, Helvetica;
 font-size   : 1em;
 color       : #333;
 margin      : 3px;
}
img {
 border      : 0px;
}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
/* TYPO */
   p, ul, ol {margin: 0 0 1.5em}
   h1, h2, h3, h4, h5, h6 {
     letter-spacing: -1px;
     margin: 0em 0 .5em;
     color:#000;
     border-bottom: 2px solid #000099;
     padding-bottom: .1em
   }
   h1 {font-size: 196%;margin-top:0em}
   h2 {font-size: 136%}
   h3 {font-size: 126%;border-bottom: 1px solid #CCC;}
   h4 {font-size: 116%;border-bottom: 1px solid #CCC;}
   h5 {font-size: 106%;border-bottom: 1px solid #CCC;}
   h6 {font-size: 96%;border-bottom: 1px solid #CCC;}
   .highlight {color:#E17000}
   .subdued {color:#999}
   .error {color:#FF0015;font-weight:bold}
   .success {color:#390;font-weight:bold}
   .caption {color:#999;font-size:11px}
   .date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
   .floatRight{float:right; margin:10px;}
   small {font-size:11px}
   .centrer{text-align:center;}

   p .right{
    float            : right;
    margin           : 10px;
   }

#header{
 display          : block;
 width            : 970px;
 height           : 155px;
 background       : url("./img/site_bandeau.gif") left 0 no-repeat ;
 margin           : 0px;
 padding          : 0px;
}
#content{
 display          : block;
 width            : 970px;
 overflow         : hidden;
 background       : url("./img/site_bordure_gauche.gif") left 0 repeat-y ;
 min-height       : 500px;
}
#footer{
 display          : block;
 width            : 970px;
 height           : 60px;
 font-size        : 0.8em;
 padding          : 25px 0px 0px 0px;
 background       : url("./img/site_bordure_bas.gif") left 0 no-repeat ;
 text-align       : right;
}
#footer a, a:hover, a:visited {
  text-decoration : none;
  color           : #000099;
}
#menu{
 display          : block;
 float            : left;
 color            : white;
 width            : 165px;
 background       : url("./img/site_bordure_gauche_haut.gif") left 0 no-repeat ;
}
#menu img{
 margin           : 0px;
 padding          : 0px;

}
#menu ul{
  clear           : both;
  margin          : 0px 0px 0px 7px;
  font-size       : 0.7em;
  font-weight     : bold;
  padding         : 0;
  list-style-type : none;
  background      : url("./img/site_menu_fond.gif") left 0 repeat ;
  width           : 146px;
}
#menu .first{
  background       : url("./img/site_menu_haut.gif") left 0 no-repeat ;
  padding-top      : 10px;
}
#menu .last{
  background       : url("./img/site_menu_bas.gif") left bottom no-repeat ;
  padding-bottom   : 10px;
}
#menu li{
  display         : block;
  padding         : 5px 0 5px 5px;
  margin          : 0px 0 0px 0px;
}
#menu a {
  text-decoration : none;
  color           : #000099;
  padding         : 5px 0 5px 15px;
}
#menu a:hover {
  text-decoration : none;
  color           : #FFF;
  background      : url("./img/site_menu_picto.gif") 0px 0px no-repeat ;
}
#menu .active {
  text-decoration : underline;
  color           : #FFF;
  background      : url("./img/site_menu_picto.gif") 0px 0px no-repeat ;
}
#page{
 display          : block;
 float            : left;
 margin           : 0px 0px 0px 20px;
 padding          : 0px 0px 0px 10px;
 width            : 750px;
 min-height       : 490px;
 background-color: #FFF;
 background-image: url("./img/site_img_fond.gif");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: 300px 160px;
}
#page a, a:visited {
  text-decoration : none;
  color           : #000099;
}
#page a:hover {
  text-decoration : underline
}

table.info {
    border: 2px solid #FF0000;
    border-collapse:collapse;
}
.info caption {
    padding     : 5px;
    color       : #FF0000;
}
.info th{
    background  : #FF0000;
    color       : #FFF;
}
.info th, td{
    padding     : 5px;
}