/* TransMenu ------------------------------------------------- Originally developed by Aaron Boodman http://www.youngpup.net/ -------------------------------------------------- NOTE: TransMenu background and some configurations are located in the ja-transmenu.js. -------------------------------------------------*/ /* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */ .transMenu {position: absolute;overflow: hidden;left: -1000px;top: -1000px;} /* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */ .transMenu .content {position: absolute;} /* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */ .transMenu .items {position: relative;left: 0px;top: 0px;z-index: 2; height:30px; border-bottom:1px solid #fff} .transMenu.top .items {} /* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */ /* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */ .transMenu .background {position: absolute;left: 0px;top: 0px;z-index: 1;-moz-opacity: .8;filter: alpha(opacity=80);} /* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */ .transMenu .shadowRight {width: 1px;position: absolute;z-index: 3;top: 1px;-moz-opacity: .4;filter: alpha(opacity=40);} /* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */ .transMenu .shadowBottom {position: absolute;z-index: 1;left: 3px;height: 1px;-moz-opacity: .4;filter: alpha(opacity=40);} /* each TR.item is one menu item */ .transMenu .item {color: #fff;line-height:30px; text-decoration: none;text-transform:uppercase; /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */ cursor: pointer;font: 1.1em Tahoma, Helvetica, sans-serif;background: url(../../images/nav_active.jpg) bottom repeat-x;} #TransMenu0.transMenu .item, #TransMenu1.transMenu .item,#TransMenu2.transMenu .item,#TransMenu3.transMenu .item{line-height:30px;background:#9c9d9d ;color:#fff;} /* image de sous menu penser à gérer décalage si nouveau niveau de menu*/ /* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */ .transMenu .item.hover {background: url(../../images/nav_active.jpg) bottom repeat-x;color: #FFF;line-height:30px; } #TransMenu0.transMenu .item.hover,#TransMenu1.transMenu .item.hover,#TransMenu2.transMenu .item.hover , #TransMenu3.transMenu .item.hover {background: url(../../images/nav_active.jpg) bottom repeat-x;color: #fff;} /* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */ .transMenu .item img {margin-left: 10px;} /* ---------------------------------------------------------------- - Added classes by Khanh - 050629 - Style and mark-up improved by Hieu Nguyen & Ha Le Viet - 060718 -------------------------------------------------------------------*/ .transMenu .item#active {background:#9C9D9D;color: #FFF!important; /* -moz-opacity: .6; filter: alpha(opacity=60); */} .transMenu .item#active.hover {color: #FC0;} /* For first level menu.*/ #ja-transmenu ul{margin: 0 ;padding: 0;height: 30px; } #ja-transmenu li {margin: 0;padding: 0;background: none;display: inline;} #ja-transmenu li a {padding:3px 0;float: left;line-height: 30px;height:30px;width:15.1em; text-decoration: none; display: block;text-align: center;border-right: 1px solid #868686;border-bottom: 1px solid #fff;} #ja-transmenu li a:hover {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu1 {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu327 {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu1310 {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu1344 {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu1:hover {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu327:hover {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu1310:hover { color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} #ja-transmenu li a#menu1344:hover {color: #fff;background: url(../../images/nav_active.jpg) repeat-x;} a.havechild-mainlevel-trans {width :auto;color: #922040;background: url(../../images/nav_expanded.png) 92% 52% no-repeat;} a.havechild-mainlevel-trans:hover, a.mainlevel-trans:active {color: #524F4A;background: url(../../images/nav_expanded.png) 92% 52% no-repeat ;} a.havechild-mainlevel_active-trans {background: url(../../images/nav_expanded.png) 92% 52% no-repeat;color: #fc0;} a.havechild-mainlevel_active-trans:hover , a.havechild-mainlevel_active-trans:active {background: url(../../images/nav_expanded.png) 92% 52% no-repeat ;} a.mainlevel-trans {color: #606465;} a.mainlevel-trans:hover, a.mainlevel-trans:active {background:none;color: #903;} a.mainlevel_active-trans {color: #903;} a.mainlevel_active-trans:hover , a.mainlevel_active-trans:active {}