#top-menu-horizontal { clear:both; float:left; width:100%; font-size:14px; border-bottom:1px solid #E2E2E2; }
#top-menu-horizontal a { font-weight:bold; display:block; height:35px; line-height:35px; background:url(../images/bg-menu.gif) no-repeat left top; text-decoration:none; padding-left:9px; color:#fff; }
#top-menu-horizontal a span { display:block; background:url(../images/bg-menu.gif) no-repeat right top; padding-right:9px;  }
#top-menu-horizontal a:hover { background-position:0 -35px; }
#top-menu-horizontal a:hover span { background-position:100% -35px; }

#menu-accueil { clear:both; float:left; display:inline; margin-top:10px;  }
#menu-promo { float:left; display:inline; margin-left:1px; margin-top:10px; }

.suckerdiv { float:left; display:inline; margin-top:10px; width:638px; z-index:300; }
.suckerdiv ul li { float:left; display:inline; margin-left:1px; position: relative; z-index:300; }

.suckerdiv ul li ul { display:none; position:absolute; top:35px; left:0; width:170px; background:url(../images/bg-sous-menu.gif) 0 0 repeat-x; padding:10px 0; opacity:0.9; filter:alpha(opacity=90) }
.suckerdiv ul li ul li { clear:both; float:none; }
#top-menu-horizontal .suckerdiv ul li ul li a { background:none; height:auto; line-height:20px; }
#top-menu-horizontal .suckerdiv ul li ul li a span { background:none; }
#top-menu-horizontal .suckerdiv ul li ul li a:hover { background:#6AA235; }

/* ----- bottom menu ----- */
.bottom-menu { clear:both; float:left; width:100%; background:url(../images/bg-bottom-menu.gif) 0 0 repeat-x; height:40px; }
.bottom-menu .port-offert { float:left; display:inline; width:351px; }
.encart-marques { float:left; display:inline; margin-left:50px; margin-top:5px; width:170px; color:#5B5B5B; }