@charset "iso-8859-1";


#mainMenu1 {
  color: #000;
  margin: 0;
  padding: 0;
  /* if the menu is horizontal and has a 'static' position:
   * do not set a non-zero margin-top, if the BODY element has a zero
   * padding-top and this menu is its first 'static' child
   * this is due to an Opera 7 bug :-(
   */
  z-index: 1;
  position: static;
  /* if the menu is horizontal: use a 'static' position
   * if the menu is vertical: use an 'absolute' or 'fixed' position
   */
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #000000; 
  text-align:center;
  
}

#menuList1 {
  margin: 0;
  padding-left:0px; 
  padding-right:0px; 
  padding-top:0; 
  padding-bottom:0; 
  text-align:center;
  
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  list-style: none;
  
  

  /* do not change these rules */
}

#menuList1 li a {
  border:0px solid #D9D9D9; color: #000000;
  display: inline;
  line-height: 0em;
  margin: 0;
  padding: 1px;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
  
  
}

#menuList1 li a:hover, #menuList1 li a:focus {
  border-top:1px solid #000000; 
  border-bottom:1px solid #000000; 
  color: #000000;background-image:url('../medias/Lignes/Lignes_24.jpg'); background-repeat:repeat-y; background-position-y:center
  
  
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  background: url("images/fleche-bas-noire.jpg") no-repeat 100% 50%;
  color: #FDEE9D;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  
}

#menuList1 li a:hover.actuator, #menuList1 li a:focus.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  color: #ffffff;
  background-color: #131FB5;
  
}

#menuList1 .menu {
  color: #000000;
  border: 1px solid #FFCC00;
  margin: 0;
  padding: 1px;
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 1;
  width: 220px;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
  font-family: Verdana; 
  font-size: 10px; 
  line-height:150%; 
  background-image:url('../medias/Lignes/Lignes_24.jpg'); background-repeat:repeat; background-position-x:center
}

#menuList1 .menu .menu {
  margin-left: 2px; line-height:120%; margin-right:2px;
 
  
}

#menuList1 .menu li a {
  border-top:1px solid #666666; border-bottom:1px solid #666666; margin:4px; font-size: 10px;
  color: #000000;
  display: block;
  line-height: 100%; padding-left:4px; padding-right:4px; background-color:#FDEE9D;
  
}



#menuList1 .menu li a.actuator {
  background: url("images/fleche-noire.jpg") no-repeat 100% 50%;
  
}

#menuList1 .menu li a:hover.actuator, #menuList1 .menu li a:focus.actuator {
  color: #FFFFFF;
  background-color: #131FB5;
  border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
  
}