/*********************** MENU **************************/

#menu { width:100%; position:relative; z-index:50;}

#menu .intercale_grey { height:0px; background-color:#6D6D6D; left:0px; }
#menu .intercale_pink { height:0px; background-color:#ed1e79; }

#menu a.button {text-decoration:none; color:#555555; font-size:17px; display:inline; height:28px; line-height:28px; }
#menu a.button span { float:left; height:28px!important; background-repeat:no-repeat; cursor:pointer;}
#menu a.button span.w55 { width:55px }
#menu a.button span.w60 { width:62px }
#menu a.button span.w75 { width:75px }
#menu a.button span.text_button { margin:0 8px 0 16px; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; }
#menu a.button span.bg_button { background-image: url("/var/docs/pix/sprite_button.png"); background-position: 0 -56px; background-repeat: repeat-x; }
#menu a.button span.left_button { background-image:url("/var/docs/pix/sprite_button.png"); background-position: left top; width:4px; }
#menu a.button span.right_button { background-image:url("/var/docs/pix/sprite_button.png"); background-position:right top; width:4px; }
#menu a.button span.arrow_button { width:8px; margin:0 6px 0 0; }

#menu a.grey:hover span.bg_button, #menu-container #menu .isOpen a.grey span.bg_button { background-position:0 -140px!important; color:#000000; }
#menu a.grey:hover span.left_button, #menu-container #menu .isOpen a.grey span.left_button { background-position:left -84px!important; }
#menu a.grey:hover span.right_button, #menu-container #menu .isOpen a.grey span.right_button { background-position:right -84px!important; }
#menu a.grey:hover span.arrow_button, #menu-container #menu .isOpen a.grey span.arrow_button { background-position:0 -112px!important; }

#menu a.pink:hover span.bg_button, #menu-container #menu .isOpen a.pink span.bg_button { background-position:0 -224px!important; color:#000000; }
#menu a.pink:hover span.left_button, #menu-container #menu .isOpen a.pink span.left_button { background-position:left -168px!important; }
#menu a.pink:hover span.right_button, #menu-container #menu .isOpen a.pink span.right_button { background-position:right -168px!important; }
#menu a.pink:hover span.arrow_button, #menu-container #menu .isOpen a.pink span.arrow_button { background-position:0 -196px!important; }

#menu .isOpen .sousmenu_box, #menu .isOpen .sub-menu { top:27px !important; }

#menu .selected a.grey span.bg_button { background-position:0 -140px; color:#ed1e79; }
#menu .selected a.grey span.left_button { background-position:left -252px; }
#menu .selected a.grey span.right_button { background-position:right -252px; }
#menu .selected a.grey span.arrow_button { background-position:0 -112px; }

#menu .selected a.pink span.bg_button { background-position:0 -224px; color:#ed1e79; }
#menu .selected a.pink span.left_button { background-position:left bottom; }
#menu .selected a.pink span.right_button { background-position:right bottom; }
#menu .selected a.pink span.arrow_button { background-position:0 -196px; }

#menu a:hover{color:#6D6D6D}
#menu li.lvl1 {float:left; font-size:0; margin:0 0 0 5px; position:relative; zoom:1; width:auto!important; padding:0; border:none;}
#menu li.lvl1 .sousmenu_box { width:651px; position:absolute; left:-305px; top:100%; zoom:1; }
#menu li.lvl1 .sousmenu_box_hm { width:980px;}
/*#menu li.lvl1 .sousmenu_box ul.lvl2_box { padding:20px; color:#3C2F36; margin:0; font-size:12px; background-color:#ffffff; border:1px solid #3C2F36; zoom:1; }*/
/* */
#menu li.lvl1 .sousmenu_box_content { padding:17px 0 24px 16px; color:#6D6D6D; margin:0; font-size:12px; position:relative; }
#menu li.lvl1 .sousmenu_box_content.grey { background:url("/var/docs/pix/bg-menu-bottom.jpg") repeat-x scroll center bottom #FFFFFF; border-color:#363636; border-style:solid; border-width:6px 2px 2px; height:auto; left:0; line-height:16px; min-height:100px; position:absolute; top:1px; }
#menu li.lvl1 .sousmenu_box_content.pink { background:url("/var/docs/pix/bg-menu-bottom.jpg") repeat-x scroll center bottom #FFFFFF; border-color:#363636; border-style:solid; border-width:6px 2px 2px; height:auto; left:0; line-height:16px; min-height:100px; position:absolute; top:1px; }
#menu li.lvl1 .sousmenu_box_content .sousmenu_box_left { float:left; width:220px; margin-right:45px; }
#menu li.lvl1 .sousmenu_box_content .sousmenu_box_right { float:left; width:440px; }
/* */
/*#menu li.lvl1 .sousmenu_box ul.pink { border:1px solid #3C2F36; }*/
#menu li.lvl1 .sousmenu_box ul.lvl2_box { margin:0; padding:0; border:none; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 { zoom:1; height:36px; margin:3px 0; padding:0; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 a.lvl2_link { color:#555555; font-weight:normal; font-size:13px; text-transform:uppercase; text-decoration:none; height:36px; line-height:36px; padding:0 15px; border:0; margin:0; background-color:#DDDDDD; float:left; width:185px; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 a.first { margin-top:0px!important; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 a:hover,
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.selected a.lvl2_link { height:34px; line-height:34px; color:#f2f2f2; background-color:#363636; padding:0 14px; border:1px solid #FFFFFF; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 a.pink:hover,
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.selected a.pink { height:34px; line-height:34px; color:#f2f2f2; background-color:#363636; padding:0 14px; border:1px solid #FFFFFF; }

/*#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 ul.lvl3_box { border:0; position:relative; zoom:1; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 ul.lvl3_box li.lvl3 { zoom:1; height:22px; line-height:22px; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 ul.lvl3_box li.lvl3 a.lvl3_link { background-color:#ffffff; border:0; float:none; color:#999999; font-weight:normal; font-size:13px; line-height:16px; text-decoration:none; padding:0 15px; }
#menu li.lvl1 .sousmenu_box ul.lvl2_box li.lvl2 ul.lvl3_box li.lvl3 a.lvl3_link:hover {  }*/
/*  */
#menu li.lvl1 .sousmenu_box ul.lvl3_box { border:0; position:relative; zoom:1; width:100%; }
#menu li.lvl1 .sousmenu_box ul.lvl3_box li.lvl3 { zoom:1; height:22px; line-height:22px; /**/float:left; width: 195px; background:url(/var/docs/pix/bul-menu.png) 0px 15px no-repeat; padding:0 11px; }
#menu li.lvl1 .sousmenu_box ul.lvl3_box li.lvl3 a.lvl3_link { border:0; float:left; color:#555555; font-weight:normal; font-size:13px; line-height:36px; text-decoration:none; padding:0 }
#menu li.lvl1 .sousmenu_box ul.lvl3_box li.lvl3 a.lvl3_link:hover { color:#E91E79; text-decoration:none; }
/*  */


#menu li.lvl1 .sub-menu { position:absolute; left:0px; top:100%; zoom:1; background-color:#ffffff; }
#menu li.lvl1 .sub-menu.right { position:absolute; left:auto; right:0px; top:100%; zoom:1; }
#menu li.lvl1 .sub-menu ul { clear:both; width:auto; padding:20px 20px;}
#menu li.lvl1 .sub-menu ul li { background-color:#FFFFFF; float:none; width:auto; white-space:nowrap; padding:4px 0; }
#menu li.lvl1 .sub-menu ul li a { display:block; color:#555555; font-size:13px; margin:0; padding:0 0 0 8px; text-decoration:none; text-transform:uppercase; background:url(/var/docs/pix/bul-menu.png) 0px 4px no-repeat; }
#menu li.lvl1 .sub-menu ul li a:hover { color:#E91E79; text-decoration:none; }

#menu li.lvl1 .sub-menu ul.grey { background:url("/var/docs/pix/bg-menu-bottom.jpg") repeat-x scroll center bottom #FFFFFF; border-color:#363636; border-style:solid; border-width:6px 2px 2px; top:1px; }
#menu li.lvl1 .sub-menu ul.pink { background:url("/var/docs/pix/bg-menu-bottom.jpg") repeat-x scroll center bottom #FFFFFF; border-color:#363636; border-style:solid; border-width:6px 2px 2px; top:1px; }

#menu li.lvl1 .sub-menu ul.multicolsubmenu { clear:none;float:left;display:block;width:222px;margin-right:5px;border:none; padding:0; }
#menu li.lvl1 .sub-menu ul.submenuunivers { width:205px; }

#menu li.lvl2 span {cursor:pointer;}
