/* CSS from tutorials of www.alsacreations.com/articles */
body {
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
font-size: 86%; 
margin: 0;
padding: 0;
}
body { 

 color: #000; 
 background-color: #fff; 
 text-align: justify; 
 font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 86%; 
 /* added to, for testing */
 
 
 }
/* Header set up */
#header {
height: 150px; /*50 */
background-color:#FFFFFF;
}



/* Menu Container Set up */
#haut {
height: 25px;  /* changed to 20px, it was 30px */
background-color:#CCCCFF;
border-top: black 1px solid; 
border-bottom: black 1px solid; 
 
}
#conteneur {
position: absolute;
width: 100%;
background-color:#CCCCFF;
}


/* Center set up */
#centre {
background-color:#FFFFFF;
margin-left: 150px;
margin-right: 150px;
}


/* Left set up */
#gauche {
position: absolute;
left:0;
width: 150px;
}

#droite {
position: absolute;
right:0;
width: 150px;
}

/* Footer set up */
#pied {
height: 60px;
background-color: #CCCCFF;
border-top: black 1px solid;
text-align: center;
}


/* Top Menu set up */
#navcontainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   margin-top:5px;
   margin-bottom:5px;
  
}
#navcontainer ul li { 
  display: inline; 
  
  
 }

#navcontainer ul li a {
 text-decoration: none;
 padding: .2em 1em;
 color: #fff;
 background-color: #003399;  /*#036;*/
  

}
#navcontainer ul li a:hover {
 color: #fff;
 background-color: #369; }



/* Left Menu set up */

ul {list-style-type: none;
    margin: 0;
    padding:0;
    margin-top:10px;
    
} 
.menu li {margin-bottom: 5px;
          margin-left: 5px;
          
          
}

.menu a {
     margin: 0 2px;
     width: 130px; 
     height: 20px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     /* color: #000; */
     color: #fff;
     background: #003399; /* #036*/
    
	 }
	 
.menu a:hover {
     /* background: #ccc; color: #fff;*/
     background: #369;
     border: 1px solid gray; 
     
     }

.menu a:active {
     background:#003399; 
     border: 1px solid gray; 
     color: #fff;
     
}



/* body,table,image  set up */

p  { 

      padding-right: 0.5em; 
      padding-left: 0.5em; 
      font-size: 1em; 
      padding-bottom: 0.5em; 
      margin: 0px; 
      padding-top: 0.5em
      
      }
      
      
.img { 

      padding: 0.5em; 
      margin: 0; 
      font-size: 1em; 
      
    }  

table {    /* modified added pad-leftand width */ 
     
     padding: 0.5em;  
     margin: 0; padding-left: 0.5em; 
     width: 100%; font-size: 1em; 
     
     
 }
     
h1 { 

	 
     padding-right: 0.5em;  
     padding-left: 0.5em; 
     font-weight: normal; 
     font-size: 1.3em; 
     padding-bottom: 0.5em; 
     margin: 0px; 
     padding-top: 0.5em 
     
     }



h2 { 

    padding-right: 0.5em; 
    padding-left: 0.5em; 
    font-weight: bold; 
    font-size: 1em; 
    padding-bottom: 0.5em; 
    margin: 0px; 
    padding-top: 0.5em 
    
    }


h3 { 

    padding: 0.5em; 
    margin: 0; font-size: 1em; 
    font-weight: bold; 
    
    }

/* Show info in special format -- Not Use Now*/
.info {
	  
      border-color:red; 
      border: 1px solid gray;
      background: #FFFF99;          /*  #FFFFCC;rgb(145,255,233); */
      margin-right:5px;
      margin-left:5px;
      margin-top:5px;
      width: 128px; 
      height: 20px;
      margin-bottom:5px;
      text-align: center;
      font-weight: bold; 
      color: #000;
     
    
 }
 

.advertise { 
	   
	   margin-top:10px;
	   margin-left: 40px;
       margin-right:15px;
       
       
}