/* ----------------------------------------------------------------------------------------------------------------------------
menu.css
* @author julien bidoret
* @copyright (c) 2008, oxys.net
* @date 25 juin 2009
* @version 0.2
---------------------------------------------------------------------------------------------------------------------------- */
/* Top
---------------------------------------------------------------------------------------------------*/
#top { background:url(img/top-bg-sides.png) repeat-y; width: 980px; margin: 0 auto 10px; text-align:left;}
#top-top{background:url(img/top-bg-top.png) no-repeat 0 0}
#top-bottom{background:url(img/top-bg-bottom.png) no-repeat 0 100%; }
#top-main { padding: 0 10px; width:760px; float:left }
#top-main #logo { margin:10px 0; height:45px}
.top-search { float:right; margin-top:-55px; border:1px solid #e4e4e4; background:#f3f1e9; padding:3px 1px 3px 6px; color:#737373; font-size:.9em; vertical-align:middle }
.top-search form input.input-image { vertical-align:top; }
#login a.submit-input {
color: #fff;
}
#login { width:170px; margin:20px 0 0 20px; }
#login h4 { border:none }
#login h3 { margin:0; line-height:20px; }
#login hr {background:transparent; height:0px; margin:0}
#login p { font-size:11px; }
#login p.loginp{border-bottom:1px solid #E8E8E8; padding-bottom:1em; margin-bottom:1em}
#login .avatar-small {display:block; text-align:center; height:60px; margin:12px auto 8px; float:none; }
.logged a{color:#444; font-size:inherit; text-transform:none; text-indent:0; width:auto; height:auto; background:none; }
.logged a:hover{color:#c24603}
.logged ul{line-height:1.5; padding:4px 0; margin:0; }
#toolbox { top:10px; right: 10px; position:fixed; width:16px; height:16px; overflow:hidden; background:#fff; -moz-border-radius:2px; font-size:11px; display:block; text-align:center; line-height:16px; color:#999}
/* Main menu / based on son o' suckerfish superfish menu : http://users.tpg.com.au/j_birch/plugins/superfish/
* So silly stuff...
---------------------------------------------------------------------------------------------------*/
/*** take care !!! / pas touche!!! ***/
/*** menu essentials ***/
.nav, .nav * { margin:0; padding:0; list-style:none; }
.nav { line-height:1.0; width:100%; }
.nav ul { position:absolute; top:-999em; width:9.45em; width:148px; }
.nav ul li { width: 100%; }
.nav li { float:left; position:relative; z-index:5000; white-space:nowrap; -moz-border-radius:3px ; -webkit-border-radius:3px ; border-radius:3px ; }
.nav a { float:left; white-space:normal}
.nav li:hover ul, ul.nav li.sfHover ul { left:-1px; top:27px; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */ }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.superfish li:hover ul, .superfish li li:hover ul, .superfish li li li:hover ul { top: -999em; }
embed, object { position: relative; z-index: 0; }
/*** menu skin ***/
.nav { float:left; height:38px }
.nav .sf-sub-indicator {display:none}
.nav a { color: #fff; padding: 4px 6px; text-decoration:none; }
.nav li:hover a , .nav li.sfHover a , .nav li a:hover { background:#fff;color:#444; }
.nav li li a { padding:4px 2px }
.nav li { margin:0 1px 0 0; margin-bottom:5px /* necessary for catching expansion of elements */}
/* style li elements which are parents of others ; reset in .nav li li */
.nav li.nav-parent { border:1px solid #f6f5f0; }
/* style li elements which are parents of others */
.nav li.nav-parent:hover, .nav li.sfHover {
background:#fff; margin-top:-2px; border:1px solid #b8b8b8; height:25px; padding-bottom:2px; margin-bottom:0px /* necessary for catching expansion of elements */
}
/* reset above rule for elements within the child ul */
.nav li:hover li, .nav li.sfHover li {
background:#fff;
margin-top:0px;
border:none;
height:auto;
margin-bottom:0;
padding-bottom:0;
}
/* call a background-image on the to show that the menu item can be unfolded */
#nav-menu-a, #nav-about-a, #nav-alacarte-a, #nav-enroute-a, #nav-lang-a{
background: transparent url(img/nav-more.png) no-repeat 100% 7px;
padding-right:17px;
}
/* allow first level elements to overlap it's following . Height:18px is enough (added by the padding : 18 + 6 + 4 = 28) */
.nav li.nav-parent:hover #nav-menu-a, .nav li.nav-parent:hover #nav-about-a, .nav li.nav-parent:hover #nav-alacarte-a, .nav li.nav-parent:hover #nav-enroute-a, .nav li.nav-parent:hover #nav-lang-a,
#nav-menu-a:hover, #nav-about-a:hover, #nav-alacarte-a:hover, #nav-enroute-a:hover, #nav-lang-a:hover,
#nav-menu-a:focus, #nav-about-a:focus, #nav-alacarte-a:focus, #nav-enroute-a:focus, #nav-lang-a:focus,
.nav li.sfHover #nav-menu-a, .nav li.sfHover #nav-about-a, .nav li.sfHover #nav-alacarte-a, .nav li.sfHover #nav-enroute-a, .nav li.sfHover #nav-lang-a{
z-index:1000;
position:relative;
background-color:#fff;
height:18px;
color:#444;
padding-top:6px;
background-position: 100% -23px;
}
/* for non parents elements, instead of setting a border to the - , we set it to the */
#nav-babelforums-a, #nav-babelblogs-a, #nav-participate-a, #nav-rss-a {
border:1px solid #f6f5f0;
-moz-border-radius:3px ; -webkit-border-radius:3px ; border-radius:3px ;
}
/* non parents elements */
#nav-babelforums-a:hover, #nav-babelforums-a:focus, #nav-babelforums-a:active,
#nav-babelblogs-a:hover, #nav-babelblogs-a:focus, #nav-babelblogs-a:active,
#nav-participate-a:hover, #nav-participate-a:focus, #nav-participate-a:active,
#nav-rss-a:hover, #nav-rss-a:focus, #nav-rss-a:active{
padding: 4px 6px;
background-color:#fff;
border:1px solid #b8b8b8;
color:#444;
}
/* reset :hover and .sfHover behaviours for non parents list items */
#nav-babelforums:hover, #nav-babelforums:focus, #nav-babelforums:active, #nav-babelforums.sfHover,
#nav-babelblogs:hover, #nav-babelblogs:focus, #nav-babelblogs:active, #nav-babelblogs.sfHover,
#nav-participate:hover, #nav-participate:focus, #nav-participate:active, #nav-participate.sfHover,
#nav-rss:hover, #nav-rss:focus, #nav-rss:active, #nav-rss.sfHover{
background-color:#fff; border:none; border-width:0; padding:0; height:auto; padding-bottom:0; margin-top:0
}
/* background-colors for first level elements */
.nav li#nav-menu { background-color:#162a4d; }
.nav li#nav-alacarte { background-color:#264c6a; }
.nav li#nav-enroute { background-color:#30657b; }
.nav li#nav-babelforums { background-color:#ec791b; }
.nav li#nav-babelblogs { background-color:#fab500;}
.nav li#nav-about { background-color:#bbca11; }
.nav li#nav-participate { background-color:#c24603; }
.nav li#nav-lang { background-color:#6d6d6d; z-index:2000 }
/* specific case of the rss link */
.nav li#nav-rss { background-color:#e6752e; text-indent:-9888em; }
.nav li#nav-rss #nav-rss-a { width:1.8em; padding:4px 0px; background-image:url(img/nav-rss.gif); background-position:8px 7px; background-repeat:no-repeat; -moz-border-radius:3px ; -webkit-border-radius:3px ; border-radius:3px ; }
.nav li#nav-rss:hover #nav-rss-a, .nav li#nav-rss #nav-rss-a:hover, .nav li#nav-rss.sfHover #nav-rss-a { padding:4px 0px; background-image:url(img/nav-rss.gif); background-position:-95px 7px; background-repeat:no-repeat;}
/* style for expanding box width:148px + 10px + 10px + 1px + 1px = 170 ? */
.nav li ul { background:#fff; padding:10px; border:1px solid #b8b8b8; border-bottom-width:2px; }
/* style for expanding box items */
/* li.width = 148px (padding:0) */
.nav li li { margin:0; border:none; background:#fff; white-space:normal; width:148px; padding: 0 }
.nav li li.sep{border-top: 1px dotted #e7e7e7; margin-top:6px; text-indent:-999em; height:4px}
.nav li.nav-parent li a { color:#444; width:142px; color:#444; background-color: #fff; padding:4px 2px; }
.nav li.nav-parent li a:hover, .nav li.nav-parent li a:focus{ color:#000; background-color: #eee }
/* style for iconic items */
.nav li li a span.nav-icon{width:114px; padding-left:18px; background-repeat:no-repeat;}
.nav li li a span.nav-icon-bestof{background-image:url(img/nav-icon-bestof.png)}
/* specific position for nav-lang */
ul.nav li#nav-lang ul{width:70px }
ul.nav li#nav-lang li { width: 70px}
ul.nav li#nav-lang li a, html>body ul.nav li#nav-lang.nav-parent li a, ul.nav li#nav-lang.sfHover li a:hover, html>body ul.nav li#nav-lang li.sfHover a:hover, ul.nav li#nav-lang li a:hover { width:65px }
ul.nav li#nav-lang li a .small {line-height:1.2em; white-space:normal}
/* bye bye cataluña */
ul.nav li#nav-lang li#li-cat {display:none}