/* MENU detonge.com
   CSS issu des tutoriels http://css.alsacreations.com */

#header img.logo {
margin-left: 8px;
margin-top: 8px;
margin-bottom: 0px;
margin-right: 13px;
padding:0px;
float:left;
}

#menu {
position: relative;
top: 9px;
width: auto;
/* font-family: "Trebuchet ms", "Microsoft sans serif", arial, sans-serif; */
font-family: Garamond, "Times New Roman", Times, sans-serif;
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
float:left; /* nécessaire sinon bug des liens du div 'flags' dans Gecko */
}

#menu dt {
cursor: pointer;
margin:0;
margin-left:24px;
padding:0;
display:inline;
}

#menu img {
margin:0;
padding-bottom:16px; /* pour laisser s'afficher les dd */
}

#menu dd {
position: absolute;
z-index: 100;
top: 0;
margin: 0;
padding: 0;
padding-top: 17px;
padding-bottom: 14px;
margin-top: 17px;
width: auto;
}

#menu dd.cat1 { left: 22px; }
#menu dd.cat2 { left: 158px; }
#menu dd.cat3 { left: 120px; }
#menu dd.cat4 { left: 350px; }

#menu ul {
margin: 0;
padding: 0;
}
#menu li {
text-align: left;
height: 18px;
line-height: 18px;
list-style-image:none;
margin: 0;
padding: 0;
padding-right:8px;
padding-left:14px;
background:url(../../images/puce-menu.gif) no-repeat left center;
display:inline;
}
#menu li a {
text-decoration: none;
color:#000;
}
#menu li a:hover, #menu li a:focus {
text-decoration: none;
color:#FED84F;
/* border:#83E95F solid 1px;   Beau mais créée des petits décalages dans IE6, pas dans IE7 et Gecko  */
}
#flags {
text-align:center;
padding-right:10px;
padding-top:8px;
float:right;
}