/* This is the aniqweb main CSS style sheet */ 

/* layout the xhtml body */
body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%; 
  margin: 0;         /* set margin to 0 to avoid compatibility between browser */
  width: 800px;      /* fix width for the global page */
  margin-left:100px;
  margin-top: 200px;
  background-color: #ffffff; /* white background */
/*  overflow-y:hidden; */
/*  overflow: -moz-scrollbars-none; */  /* get rib of the horizontal scroll bar, this works for mozilla only */
  overflow: -moz-scrollbars-vertical;
}
/* layout for the w3 logo */
#w3 {
  width: 800px;
  height: 1.5em;
  margin: 0;
/*
  position: absolute; top: 90%; left: 100px;
*/
  position: absolute; left: 100px;
  text-align: right;
  font-size : small;
}
#w3 img {
  position: static; top: 90%; left: 100px;  
}
/* layout for the footer */
.footerText {
  margin: 0;
  background: #cccccc;
  width: 812px;
  margin-top: 2em;
  height: 1.4em;
  text-align: right;
  font-size : small;
  position:static; top:90%;
}
#site {
  width: 800px;   
  background: #ffffff; 
  display: block;
  /* margin: 0; */
  margin: 0em 0 0 0em; 
}
      
#siteLogo {
   width: 800px;
   border-width: 3px;
   border-style: solid;
   border-color: green;
   margin: 0;
   background: #ff9999;
   height: 108px;
   position: absolute; top: 20px; left: 100px;
}

#siteLogo2 {
   width: 800px;
   margin: 0;
   position:absolute; top: 26px; left: 564px;
}
#siteLogo3 {
   width: 800px;
   margin: 0;
   position:absolute; top: 26px; left: 708px;
}
#siteLogo4 {
   width: 800px;
   margin: 0;
   position:absolute; top: 26px; left: 804px;
}
/* define the menu bar layout */
#menu  {        
  margin : 0;
  padding : 0;
  position: absolute; top: 130px; left: 0;
  margin-left : 100px;      
  width:808px;
  font-size: small;
}
      
#menu ul {
  border : 0 none inherit;
  margin : 0;
  padding : 0;
  list-style-type : none;
  text-align : center;
  clear : left;
}
#menu ul li {
  display : block;
  float : left;
  text-align : center;
  padding : 0;
  margin : 0;
}
#menu ul li a {
  background : green;
  width : 80px;
  height : 2em;
  border-top : 1px solid green;
  border-left : 1px solid green;
  border-bottom : 1px solid green;
  border-right : 1px solid green; 
  padding : 0;
  margin : 0;
  color : white;
  text-decoration : none;
  display : block;
  text-align : center;
  font-weight : normal;
  letter-spacing : 1px;
  line-height : 2em;
  voice-family : "\"}\"";
  voice-family : inherit;
  font-size : xx-small;
}
#menu ul li#three a {
  width : 202px;
}
#menu ul li#eight a {
  width : 192px;
}

#menu ul li#un a {
  width : 80px;
}
#menu ul li#deux a {
  width : 80px;
}
#menu ul li#trois a {
  width : 160px;
}
#menu ul li#quatre a {
  width : 80px;
}
#menu ul li#cinq a {
  width : 80px;
}
#menu ul li#six-f a {
  width : 90px;
}
#menu ul li#sept a {
  width : 120px;
}
#menu ul li#huit a {
  width : 192px;
}

#menu a:link , #menu a:visited {
  border-right : 1px solid #ccc;
}

#menu ul li a:hover {
  color : blue;
  background : #ccc;
}
#menu ul li a:active {
  background: red;
  color: blue;
}

.spacer {
  position: absolute; top:200px;
  height: 10px; 
}
.invisible , .invisible a  {
   background : #ffffff;
   color : #ffffff;
}
.spacer2 {
position: absolute; top:540px;
height: 10px; 
}
/* for Internet Explorer */
/*\*/
* html .spacer2 {
top:20px;
height: 20px;
position: relative;
}
/**/

.ulColorB {
  color: #3333FF;
}
.ulColorR {
  color: red;
}
.unit { font-style: normal; }

.UnderLine {
  text-decoration: underline;
}

h1 { 
 color: green;
}
h2 {
 color: green;
}