@import url('default.css');

#navCat h2 {
background: #FFF url(../img/fr/categorie-header.gif) left top no-repeat;
height: 47px;
text-indent: -999999px;
width: 171px;
}
#navFab h2 {
background: #FFF url(../img/fr/fabricant-header.gif) left top no-repeat;
height: 47px;
text-indent: -999999px;
width: 171px;
}

div#nav {
background: #FFF;
border-left: 2px solid #3B8986;
border-right: 2px solid #469692;
margin: 0;
padding: 4px 0 0 6px;
width: 980px;
}

div#nav ul#menu {
background: transparent url(../img/nav.gif) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
width: 980px;
}

div#nav ul#menu li {
float: left;
list-style: none;
margin: 0 10px 0 0;
padding: 0;
/*position: absolute;*/
top: 0;
}
	
ul#menu li, ul#menu a {
background: #DDECEA;
display: block;
}
div#nav ul#menu li a {
font-weight: bold;
letter-spacing: 1px;
padding: 2px 5px;
text-decoration: none;
text-transform: uppercase;
}
ul#menu a:hover {background: #006A6A; color: #FFF;}
/* "Vous etes ici" - Navigation principale */

body#page-accueil #nav-accueil a,	
body#page-reglement #nav-reglement a,
body#page-compte #nav-compte a,
body#page-abonner #nav-abonner a,
body#page-qui #nav-qui a,
body#page-contact #nav-contact a 	{background: #004040; color: #FFF;}

/* Navigation Categories */
div#navCat {
background: white;
margin: 0 0 1em 0;
width: 13em; /*11*/
}
div#navCat ul {
background: #DDECEA;
border: 1px solid #255C58;
margin: 0; 
padding: 0; 
width: 13em; 
}
div#navCat li {
font-size: 1em;
position: relative; 
list-style: none; 
margin: 0;
border-bottom: 1px solid #255C58;
}
div#navCat li:hover {
background: #DCE4E3;
}
div#navCat li.submenu {
background: url(../img/com/nav-puce.gif) 98% 50% no-repeat;
}
div#navCat li.submenu:hover {
background-color: #DCE4E3;
}
div#navCat li a {
display: block; 
padding: 0.25em 1em 0.25em 0.5em;
text-decoration: none;
width: 11.5em;
}
div#navCat>ul a,
div#navCat>ul ul a {
width: auto;
}
div#navCat ul ul {
background: white;
display: none;
left: 13em;
position: absolute; 
top: 0; 
}
div#navCat ul ul a {
font-size: 0.9em;
}
div#navCat ul.level1 li.submenu:hover ul.level2, 
div#navCat ul.level2 li.submenu:hover ul.level3 {
display:block;
}

div#navFab {
background: white;
margin: 0;
padding: 0;
width: 171px; 
}
div#navFab ul {
background: #DDECEA;
border: 1px solid #255C58;
margin: 0; 
padding: 0; 
width: 169px; 
}
div#navFab li {
border-bottom: 1px solid #255C58;
font-size: 1em;
position: relative; 
list-style: none; 
margin: 0;
}
div#navFab li:hover {
background: #DCE4E3;
}
div#navFab li a {
display: block;
height: 17px;
padding: 3px 0 3px 3px;
text-decoration: none;
}
#fabAutre {
background: #255C58;
margin: 0 auto;
padding: 0;
}
#fabAutre p {margin: 0;}
#fabAutre select {
font-size: 0.9em;
margin: 2px;
width: 166px;
}
#fabAutre option {
margin: 4px 0;
}