/* Block categories */
.top-menu {
    /*  ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
    width: 980px;
    display: block;
    margin: 0 auto;
    clear: both;
}

/* style du menu par defaut */
#menu {
    padding: 0px;
    float: left;
    padding-left: 10px;
    margin: 0 auto;
}

#menu.active {
}

#usermenu {
    padding: 0px;
    float: right;
    padding-right: 10px;
    margin: 30px auto;
    border-left: 1px #ffffff solid;
}

div#menu a,
div#usermenu a {
    /*text-transform:uppercase;*/
    //font-weight: bold;
    color: #ffffff;
    font-size: 14px;
}
div#usermenu li {
    float: left;
    list-style: none;
	padding: 8px 0 8px 28px;
	margin: 0 15px;
}
div#usermenu li a {
    display: block;
    line-height: 14px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
div#usermenu li a:hover {
    text-decoration: underline;
}
div#usermenu li#shopping_cart {
    background: url("../../../img/caddie.png") no-repeat left center;
}
div#usermenu li#your_account {
    background: url("../../../img/my_account.png") no-repeat left center;
}

div#nav_block_search {
    width: 12px;
    height: 39px;
    float: right;
}

div#menu ul.niveau1 {
    padding: 0;
    margin: 0px;
    height: 39px;
}

/* style niveau principal */
div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
    border-bottom: none;
    width: auto;
    /*line-height: auto;*/
}

div#menu ul.niveau1 > li.last > a {
    /* ICI LA MISE EN FORME DU DERNIER ELEMENT DU MENU DE BASE (si besoin) */
}

div#menu ul.niveau1 > li > a:hover, div#menu ul.niveau1 > li:hover > a {
    /*color: #333*/
}

div#menu li {
    
}

div#menu li div {
    
    position: relative;
    overflow: hidden;
}

div#menu li.last div {
    background-image: none;
}

div#menu li a {
    display: block;
    padding: 40px 12px;
    text-decoration: none;
    /*width:150px;*/ /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
}

div#menu li.active {
    
}
div#menu li.active div {
    
}
/*div#menu li.active a {background: url("../../../img/menu_leftborder_active.png") top left no-repeat; color:#333}*/

div#menu li:hover {/*background: #f1f1f1; */
}
div #menu li:hover a {
    color: #ffffff;
}
div #menu li.active:hover a {
    color: #ffffff;
}

div#menu ul li {
    position: relative;
    z-index: 98;
    list-style: none;
    float: left;
}
div#menu ul li.last {
    border-bottom: none;
}

div#menu ul.niveau1 li.inactive a {
    color: #d2d2d2;
    cursor: default;
}

div#menu ul div {

}

/* menu accessoires */
div#menu ul.sub_menu {
    z-index: 9999;
    position: absolute;
    left: -1px;
    display: none;
    top: 36px;
    overflow: hidden;
    background-color :#B5A586;
    padding: 0 1px;
    border-left: 1px solid #988764;
    border-right: 1px solid #988764;
}

div#menu ul#sub_menu_accessoires {
    width:270px;
}

div#menu ul#sub_menu_packs {
    width:220px;
}

div#menu ul.sub_menu li {
    background-image: none;
    z-index: 9999;
    float: none;
    border-bottom: 1px solid #988764;
    border-top: 1px solid #dfceac;
}

div#menu ul.sub_menu li:first-child {
    border-top: 1px solid #988764;
}

div#menu ul.sub_menu a {
    font-size: 12px;
    padding: 5px 14px;
    height: auto;
}

div#menu ul.sub_menu li:hover {
    background: url("../../../img/menu_bg.png") repeat-x;
    /*background-color:#B5A586;*/
}

div #menu ul.sub_menu li:hover a {
    color: #ffffff;
}

.transparent {
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=90);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.9;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.9;
    /* Modern!
     /* Firefox 0.9+, Safari 2?, Chrome any?
     /* Opera 9+, IE 9+ */
    opacity: 0.9;
}