/* 06/08/10 remplacement de la couleur #759eb7 (bleu des titres) par #00677d  et de #acc5d4 par #7bbbcc*/
/* 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:11.1em; 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 ;}
#menu li table dl{width:11em;}
#menu li table dl dd{width:11.1em;}
#menu dl {width:12.1em; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 0.95em; 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 #F57A00; border-width:0 1px 1px 0; background: url(/ferme/cru/lib/tpl/cru/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/cru/lib/tpl/cru/images/entete_menu_hover.png) repeat-x; border-right:1px solid #F57A00; border-bottom: #fff solid 1px; }

#menu dd a, #menu dd a:visited {background:#00677d; color:#fff!important; opacity:1; padding:0.5em 0; text-decoration:none; display:block; text-align:center;border-right:1px solid #F57A00;}

#menu dd a:hover {background: #7bbbcc; 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 #F57A00; border-width:0 1px; margin:0 3px;}
#menu b.p3 {background:#E4E4E4 /*d4d4d4*/; margin:0 2px; border-right:2px solid #F57A00; border-width:0 1px;}
#menu b.p4 {height:2px; background:#E4E4E4/*d4d4d4*/; margin:0 1px; border-right:2px solid #F57A00; border-width:0 1px;}
#menu b.p5 {background:#00677d; opacity:1; margin:0 5px; }
#menu b.p6 {background:#00677d; opacity:1;margin:0 3px; }
#menu b.p7 {background:#00677d; opacity:1;margin:0 2px;}
#menu b.p8 {background:#00677d; opacity:1;margin:0 1px;}
#menu b.p9 {background:#00677d; opacity:1; height:11px; margin:0 0px; border:1px solid #00677d;}

#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:#7bbbcc; opacity:1; border-right:1px solid #F57A00;}
#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:#00677d; opacity:1; border-right:1px solid #F57A00;}

/* pour le menu vers le site anglais */
#menu dd a.anglais, #menu dd a.anglais:visited {background:#F57A00; color:#fff!important; opacity:1; padding:0.5em 0; text-decoration:none; display:block; text-align:center;border-right:1px solid #F57A00;}
#menu dd a.accueil, #menu dd a.accueil:visited {color:#333!important;}
#menu dd a.anglais:hover {background: #FFC48A!important; color:#fff!important; font-weight:bold; }
#menu dt a.anglais, #menu dt a.anglais:visited {display:block; font-size: 1em; color: #fff!important; font-variant: normal; text-align:center; border:2px solid #F57A00; border-width:0 1px 1px 0; background: #333333!important;  padding:0.1em 0 0.3em 0;}
#menu li:hover dt a.anglais, #menu a:hover dt a.anglais {color:#fff!important; font-weight: bold; background: #FFC48A!important; border-right:1px solid #F57A00; border-bottom: #fff solid 1px; }

#menu b.p1a {background:#333;margin:0 5px;}
#menu b.p2a {background:#333 /*d4d4d4*/; border-right:2px solid #F57A00; border-width:0 1px; margin:0 3px;}
#menu b.p3a {background:#333 /*d4d4d4*/; margin:0 2px; border-right:2px solid #F57A00; border-width:0 1px;}
#menu b.p4a {height:2px; background:#333/*d4d4d4*/; margin:0 1px; border-right:2px solid #F57A00; border-width:0 1px;}
#menu b.p5a {background:#F57A00; opacity:1; margin:0 5px; }
#menu b.p6a {background:#F57A00; opacity:1;margin:0 3px; }
#menu b.p7a {background:#F57A00; opacity:1;margin:0 2px;}
#menu b.p8a {background:#F57A00; opacity:1;margin:0 1px;}
#menu b.p9a {background:#F57A00; opacity:1; height:11px; margin:0 0px; border:1px solid #F57A00;}

#menu li:hover b.p1a, #menu a:hover b.p1a,
#menu li:hover b.p2a, #menu a:hover b.p2a,
#menu li:hover b.p3a, #menu a:hover b.p3a, 
#menu li:hover b.p4a, #menu a:hover b.p4a {background:#FFC48A; opacity:1; border-right:1px solid #F57A00;}
#menu li:hover b.p5a, #menu a:hover b.p5a,
#menu li:hover b.p6a, #menu a:hover b.p6a,
#menu li:hover b.p7a, #menu a:hover b.p7a,
#menu li:hover b.p8a, #menu a:hover b.p8a,
#menu li:hover b.p9a, #menu a:hover b.p9a {background:#F57A00; opacity:1; border-right:1px solid #F57A00;}



