/* mise en page  27/08/2009 couleur fond noir */

html, body { margin: 0;
             height: 100%;
             width: 100%;
             overflow: auto; }
           
body {  margin: 0;
        padding: 0; }

#retour  {  position: absolute;
            top: 0px;
            left: 10px; 
              }

#menu {    position:  absolute;
           top: 120px;
           left: 3px;
           width: 200px;
           height: 60%; }

#contenu {   margin-left: 225px;
             height: 100%;
             overflow: auto;  }
             
#menu ul {   margin:1em;
             padding:0;  }

#menu li {
    margin: 0;
    padding:0;  }

#contenu img {
   margin-top: 25px;
   vertical-align: middle;
    padding: 0; }
    
#contenu p  { text-indent: 5% ; }

#choisie td{
    width:30%; }

#contenu table a{ display:block; }

#contenu ol  {list-style-position: inside;}

a img  { border:0px;}

/* couleurs 323232 */
body { background: #000000; font-family: Geneva, Arial, Tahoma, sans-serif; color:#bbbbbb ;}

 body { background-image:url("images/bandeCouleur21.jpg");
    background-repeat: repeat-x;   }
    
.fonce { background:#f1e4b5;}
.clair { background:#fffacd;}
#contenu table {color:#fffce7;}

#contenu table em{color:#fffacd;}
#contenu table strong{color:#fffacd;}

#pieddepage table {color:#504d4a;}

#menu {   border-width: 0px;   }

.titre {background:#ffe4b5;
        border-bottom:2px;
        text-align:center; }
        
/* #menu a:hover {text-decoration:underline ; */

/* couleurs liens  */

#retour a:link    {color:#999966;}
#retour a:visited {color:#999966;}
#retour a:focus {background: #ffffff;
    		color:#000000; }
#retour a:hover {background: #ffffff;
    		color: #000000;   }
      
#menu a:link { color: #222222;}
#menu a:visited {color:  #1e1e1e;}
#menu a:focus {background: #ffffff;
    		color:#000000; }
#menu a:hover {background: #ffffff;
    		color: #000000;   }
#menu a:active {background: #000;
    		color: #FFFFbb; }

/* Font  */
em {font-size: 100%;
   font-style:italic;}
   
strong {font-size: 115%;
       font-style:italic;}
#retour  {font-size: 90%;}
#contenu {font-size: 90%;}
#contenu table{font-size: 100%;}
#contenu em{font-weight: bold;}
#contenu strong{font-weight: bold;}

#contenu a{line-height: 150%;}

#menu li a{ font-size: 90%;}
#menu a.gras {font-weight: bold;}

a{  text-decoration:none; }

h1 {font-size: 150%;text-align: center;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 120%;}