/**** MENU ****/

#menu {
background:#8ca7aa url(/media/images/layout/bg-menu.png) repeat-x top;
width:628px;
height:30px;
border:1px solid #57787c;
margin-top:52px !important;
margin-top:51px;
padding-left:220px;
}

#menu ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
z-index: 90
}

#menu ul li {
float:left;
margin-right:20px;
list-style-type:none;
}

#menu ul li a {
float:left;
display:block;
font-weight:normal;
text-decoration:none;
color:#fff;
margin:0;
}

#menu ul li a:hover {
color: #fff;
text-decoration: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a {
float: none;
}

/* End IE5-Mac hack */
#menu ul.level2, #menu ul.level3 {
position:absolute;
top:0px;
left:0px;
visibility:hidden;
border:1px solid #57787c;
border-top:0;
background:#2e4144 url(../media/images/layout/bg-ss-menu.png) repeat-x top;
padding-bottom:10px;
}

#menu ul.level2 li, #menu ul.level3 li {
float:none;
margin:0;
padding: 0px 0px 0px 5px;
width:auto !important;
width:220px;
}

#menu ul.level2 li a, #menu ul.level3 li a {
padding: 5px 9px 0px 5px;
}

#menu ul.level2 li a:hover,#menu  ul.level3 li a:hover {
color:#dcb252;
}

/* Autre */

#menu ul li a span {
display:none;
text-transform:uppercase;
}

#menu ul li a.selected:hover, #menu ul li a.selected {
background-position:center;
}


#menu ul li a {
margin-right:12px !important;
margin-right:7px;
}

#accueil:hover, #presentation:hover, #services:hover, #produits:hover, #legales:hover, #acces:hover {
background-position:top;
}

#accueil {
background:transparent url(../media/images/layout/btn-accueil.png) no-repeat bottom;
width:71px;
height:30px;
display:block;
float:left;
}

#presentation {
background:transparent url(../media/images/layout/btn-presentation.png) no-repeat bottom;
width:113px;
height:30px;
display:block;
float:left;
}

#services {
background:transparent url(../media/images/layout/btn-services.png) no-repeat bottom;
width:75px;
height:30px;
display:block;
float:left;
}

#supports {
background:transparent url(../media/images/layout/btn-supports.png) no-repeat bottom;
width:84px;
height:30px;
display:block;
float:left;
}

#legales {
background:transparent url(../media/images/layout/btn-legales.png) no-repeat bottom;
width:70px;
height:30px;
display:block;
float:left;
}

#acces {
background:transparent url(../media/images/layout/btn-acces.png) no-repeat bottom;
width:112px;
height:30px;
display:block;
float:left;
}