#menu_container {display: table; background: url('/images/bg_menu.png') top center repeat-x; height: 48px; width: 100%;}
#menu {padding: 0; margin: 5px auto; z-index: 1000;}
#menu * {z-index: 950; font-family: Helvetica, "Helvetica Neue", Arial, Tahoma, Geneva, sans-serif;}
#menu a {color: #7E7067; text-decoration: none; margin-left: 10px;} #menu a:hover {color: #FFF; text-decoration: none;}

#menu_top ul li {margin: 0; padding: 0; list-style: none; float: left; color: #423326; font-weight: bold;}
#menu_top ul li a {padding: 0px 10px; color: #423326; text-decoration: none;} #menu_top a:hover {color: #D01F45; text-decoration: none;}


ul#topnav {margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em;}
ul#topnav li {float: left; margin: 0; padding: 0; position: relative;}
ul#topnav li a {float: left;}
/*ul#topnav li:hover a, ul#topnav li a:hover {background-position: left bottom;}*/
ul#topnav a.produits, ul#topnav a.centre_jardin, ul#topnav a.services, ul#topnav a.fournisseurs {width: 220px; line-height: 45px; vertical-align: middle; font-weight: bold;}
ul#topnav a.produits {background: url(nav_products.png) no-repeat;}
ul#topnav a.centre_jardin {background: url('../images/petit_gentile.png') left center no-repeat; line-height: 21px; padding: 4px 0 0 50px;}
ul#topnav a.services {background: url(nav_community.png) no-repeat;}
ul#topnav a.fournisseurs {background: url(nav_store.png) no-repeat;}
ul#topnav a .small_menu {font-size: 70%; line-height: 15px;}


ul#topnav li .sub {position: absolute; top: 48px; left: 0; background: #3C332E url('../images/bg_sub_menu.jpg') repeat-x; border: 1px solid #3f3834; padding: 20px 20px 20px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none;}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul {list-style: none; margin: 0; padding: 0; width: 265px; float: left;}
ul#topnav .sub ul li {width: 100%; color: #fff; font-size: 13px; font-weight: normal; padding: 0; margin: 0;}
ul#topnav .sub ul li h2 {padding: 5px 0; margin: 0; font-size: 1.3em; font-weight: normal; color: #8a796d; font-size: 15px; border-bottom: 1px solid #514740;}
ul#topnav .sub ul li h2 a {background-image: none; text-indent: 0; padding: 0; color: #8a796d;}
ul#topnav .sub ul li h2 a:hover {color: #ddd; background: url('../images/fleche_sub_menu.png') no-repeat 1px -18px;}
ul#topnav .sub ul li a {float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; padding: 7px 5px 7px 15px; display: block; text-decoration: none; color: #8A796d; font-weight: normal;}
ul#topnav .sub ul li a:hover {color: #ddd; background: url('../images/fleche_sub_menu.png') no-repeat 1px 8px;}