/* CSS Document */

/* \*/
* html #menu { height: 0; }
/* */
#menu {list-style-type:none; margin:0 auto 2px auto; padding:0; width:200%; }
#menu li {float:left; padding:0; margin:0; position:relative; width:11em; height:1em; font-family: "Trebuchet MS", Myriad, "Gill Sans", "Century Gothic", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; z-index:100;}

#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none; font-weight:bold;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}

#menu table {border-collapse:collapse; padding:0; margin:0 ; font-size:1.1em; position:absolute;  }
#menu li table {padding:0; margin:0 0 0 0; width:13em; height:0; font-family: "Trebuchet MS", Myriad, "Gill Sans", "Century Gothic", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; z-index:100;}
#menu li table dt{padding:0; margin:0 0 0 0em;}
#menu li table dl{width:11em;}
#menu li table dl dd{width:11em;}
#menu dl {width:12em; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size: 1em; color: #333!important; font-variant: normal; text-align:center; border:2px solid #ff1b1b; border-width:0 1px 1px 0; background: url(/ferme/sympa/lib/tpl/sympa/images/entete_menu.png) repeat-x;  padding:0.1em 0 0.3em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#fff!important; font-weight: bold; background: url(/ferme/sympa/lib/tpl/sympa/images/entete_menu_hover.png) repeat-x; border-right:1px solid #ff1b1b; border-bottom: #fff solid 1px; }

#menu dd a, #menu dd a:visited {background:#007e50; color:#fff!important; opacity:1; padding:0.5em 0; text-decoration:none; display:block; text-align:center;border-right:1px solid #ff1b1b;}

#menu dd a:hover {background: #80bfa8; color:#fff!important; font-weight:bold; }

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#E4E4E4;margin:0 5px;}
#menu b.p2 {background:#E4E4E4 /*d4d4d4*/; border-right:2px solid #ff1b1b; border-width:0 1px; margin:0 3px;}
#menu b.p3 {background:#E4E4E4 /*d4d4d4*/; margin:0 2px; border-right:2px solid #ff1b1b; border-width:0 1px;}
#menu b.p4 {height:2px; background:#E4E4E4/*d4d4d4*/; margin:0 1px; border-right:2px solid #ff1b1b; border-width:0 1px;}
#menu b.p5 {background:#007e50; opacity:1; margin:0 5px; }
#menu b.p6 {background:#007e50; opacity:1;margin:0 3px; }
#menu b.p7 {background:#007e50; opacity:1;margin:0 2px;}
#menu b.p8 {background:#007e50; opacity:1;margin:0 1px;}
#menu b.p9 {background:#007e50; opacity:1; height:11px; margin:0 0px; border:1px solid #007e50;}

#menu li:hover b.p1, #menu a:hover b.p1,
#menu li:hover b.p2, #menu a:hover b.p2,
#menu li:hover b.p3, #menu a:hover b.p3, 
#menu li:hover b.p4, #menu a:hover b.p4 {background:#80bfa8; opacity:1; border-right:1px solid #ff1b1b;}
#menu li:hover b.p5, #menu a:hover b.p5,
#menu li:hover b.p6, #menu a:hover b.p6,
#menu li:hover b.p7, #menu a:hover b.p7,
#menu li:hover b.p8, #menu a:hover b.p8,
#menu li:hover b.p9, #menu a:hover b.p9 {background:#007e50; opacity:1; border-right:1px solid #ff1b1b;}