@charset "windows-1252";
body { 
  margin: 0;   /* pour éviter les marges */
  padding: 0; 
  text-align: center; /* pour corriger le bug de centrage IE */ 
  width:auto;
  height:auto;
  background-color:#2F5CB2;
  background-image: url(images/bg.gif);
  background-repeat: repeat-x
} 

 #global {
  text-align: left; /* on rétablit l'alignement normal du texte */  
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width:900px;
  margin-left: -450px; /* moitié de la largeur */ 
  height:600px;
  margin-top: -300px; /* moitié de la hauteur */   
  background-image: url(images/fond.jpg); 
  background-color: lavenderblush;
  z-index:0;
}

#bandeau  {
  text-align: left; 
  position:absolute; 
  left: 0;  
  top: 0; 
  width:900px;
  height:100px;
  margin: 0;  
  padding: 0; 
  z-index:1; 
}
#bandeau_content  {
  text-align: left; 
  position:absolute; 
  left: 10px;  
  top: 10px; 
  width:880px;
  height:80px;
  margin: 0;  
  padding: 0; 
  z-index:2; 
}
#titre_left  {
  text-align: center;   
  position:absolute; 
  left: 0;  
  top: 10px; 
  width:290px;
  height:80px;
  margin: 0;   
  padding: 0; 
  z-index:3; 
}
#titre_left a {color: white;font-family: Lucida Sans Unicode; font-size: 1em; font-weight: bold; text-decoration: none;}
#titre_left a:hover{color: darkslategray;} 

#titre_center  {
  text-align: center;
  position:absolute; 
  left: 290px;  
  top: 10px; 
  width:300px;
  height:80px;
  margin: 0;   
  padding: 0; 
  z-index:3;  
  } 
#titre_center a {color: darkslategray; font-family: Lucida Sans Unicode; font-size: 3em; text-decoration: none; font-weight: bold; text-decoration: none} 
#titre_center a:hover {color: white;}  

#titre_right  {
  text-align: center;
  position:absolute; 
  left: 590px;  
  top: 10px; 
  width:290px;
  height:80px;
  margin: 0;  
  padding: 0; 
  z-index:3;  
}
#menu  {
  text-align: left; 
  position:absolute; 
  left: 0;  
  top: 100px; 
  width:200px;
  height:500px;
  margin: 0;   
  padding: 0; 
  z-index:1;  
}
#menu_content  {
  text-align: center;
  position:absolute; 
  left: 10px;  
  top: 10px; 
  width:190px;
  height:480px;
  margin: 0;   
  padding: 0; 
  overflow: auto;
  z-index:2;  
} 
#idmenu1filter{
  display:none;
  height:auto;
  width:190px;
  background-color: black; 
  opacity:0.7;
  filter: alpha(opacity=70);   
  z-index:3; 	
}
#idmenu1{
  display:none;
  height:auto;
  width:auto; 
  background-color: transparent;  
  z-index:4; 	
}
#idmenu11filter{
  display:none;
  height:auto;
  width:190px;
  background-color: black; 
  opacity:0.7;
  filter: alpha(opacity=70);   
  z-index:3; 	
}
#idmenu11{
  display:none;
  height:auto;
  width:auto; 
  background-color: transparent;  
  z-index:4; 	
}
#idmenu2filter{
  display:none;
  height:auto;
  width:190px;
  background-color: black; 
  opacity:0.7;
  filter: alpha(opacity=70);   
  z-index:0; 	
}
#idmenu2{
  display:none;
  height:auto;
  width:auto;  
  z-index:4; 	 	 	
} 

#frame  {
  text-align: left; 
  position:absolute; 
  left: 200px;  
  top: 100px; 
  width:690px;
  height:490px;
  margin: 0;   
  padding: 0;  
}
.frame  {
  width:690px;
  height:490px;
  margin: 0;   
  padding: 0;
  border:none;
  overflow: hidden; 
} 

p.menu1 a {color: white; font-family: Lucida Sans Unicode; font-size: 1em; text-decoration: none; font-weight: bold} 
p.menu1 a:hover {color: darkslategray;}
p.menu1 a:active {color: red;}

p.menu11 a {color: white; font-family: Lucida Sans Unicode; font-size: 1em; text-decoration: none; font-weight: bold} 
p.menu11 a:hover {color: darkslategray;}
p.menu11 a:active {color: red;}

p.menu2 a {color:white; font-family: Lucida Sans Unicode; font-size: 0.7em; text-decoration: none;font-weight: bold; z-index:4; } 
p.menu2 a:hover {color: gold;}
p.menu2 a:active {color: red;}

p.menu3 a {color: gold; font-family: Lucida Sans Unicode; font-size: 0.7em; text-decoration: none; font-weight: bold} 
p.menu3 a:hover {color: white;}