#menu  { 
border-top:1px solid #3e3e3e;
width:805px;
margin:0px;
padding:0px;
margin:auto;
padding-left:20px;
padding-right:20px;
margin-top:10px;
}
#menu li  { 
margin:0px;
padding:0px;
 margin-right:5px;
}

#menu a { 
} 

#menu a span {
visibility:hidden;
} 

#menu a:hover { 
background-position: left -29px;
}

#menu #item2:hover { 
background-position: left top;
}

#menu a.current{ 
background-position: left -29px;
}

#item1 { 
display:block;
width: 65px; 
background: url('/medias/images/interface/menu/fr/bg-accueil.gif') no-repeat left top; 
} 

#item2 { 
display:block;
width: 170px; 
background: url('/medias/images/interface/menu/fr/bg-nos-metiers.gif') no-repeat left top; 
} 

#item3 { 
display:block;
width: 91px; 
background: url('/medias/images/interface/menu/fr/bg-la-salle-expo.gif') no-repeat left top; 
} 

#item4 { 
display:block;
width: 50px; 
background: url('/medias/images/interface/menu/fr/bg-emploi.gif') no-repeat left top; 
} 

#item5 { 
display:block;
width: 90px; 
background: url('/medias/images/interface/menu/fr/bg-news-events.gif') no-repeat left top; 
} 


#item6 { 
display:block;
width: 133px; 
background: url('/medias/images/interface/menu/fr/bg-video-youtube.gif') no-repeat left top; 
} 

#item7 { 
display:block;
width: 71px; 
background: url('/medias/images/interface/menu/fr/bg-le-groupe.gif') no-repeat left top; 
} 

#item8 { 
display:block;
width: 65px; 
background: url('/medias/images/interface/menu/fr/bg-contact.gif') no-repeat left top; 
} 

#item8 { 
display:block;
width: 90px; 
background: url('/medias/images/interface/menu/fr/espace-presse.gif') no-repeat left top; 
} 


/******************************************************************/

 	ul.mainmenu
    {
      list-style-type: none;
      list-style-image: none;
    }
	 ul.mainmenu a
    {
	  height:29px;
      font-size: 11px;
     }
 
    li.mainmenu-item
    {
      margin-right:5px;
	  
      display: block;
      float: left;
	  font-size:11px;
	 
    }
    li.mainmenu-item a, li.mainmenu-item a:link, li.mainmenu-item a:visited, li.mainmenu-item a:active
    {
      

     
    }
    li.mainmenu-item a:hover
    {
     
    }
    ul.submenu
    {
      list-style-type: none;
      list-style-image: none;
 	  margin-top: -30px;
      width:166px;
	  background: url('/medias/images/interface/menu/fr/bg-nos-metiers-deroulant.gif') no-repeat left top;
	  padding:2px;
	  height:125px;/*height:114px;*/
	  padding-top:30px;
	  list-style-type:decimal;  
    }
   
    ul.submenu li
    {
	   display: block;
	   height:17px;
	
	

    }
	
    
    ul.submenu a, ul.submenu a:link, ul.submenu a:visited, ul.submenu a:active
    {
      border: 0 none;
      display: block;
	  font-size: 10px;
	 
	  text-transform:uppercase;
	  padding-left:5px;

	     height:17px;
	 
    }
	
	

.menu-item{
color:#5a5757;
}

.i1 {
color:#a69f9c;
}
.i1:hover {
color:#8f8884;
}

.i2{
color:#bcab3a;
}
.i2:hover{
color:#9d8e2b;
}
.i3{
color:#db9211;
}
.i3:hover{
color:#bc7c0c;
}
.i4{
color:#ed5121;
}
.i4:hover{
color:#c83e14;
}
.i5{
color:#bc537e;
}
.i5:hover{
color:#993860;
}
.i6{
color:#8c3257;
}
.i6:hover{
color:#8c3257;
}

.i7{
color:#8b389f;
}
.i7:hover{
color:#8b389f;
}

.menu-item a:hover{

}

/* sous menu*/

.sm-link{
background:transparent url(/medias/images/interface/menu/link.gif) no-repeat left top;
display:block;
width:220px;
height:22px;
margin-top:3px;
color:#FFFFFF;
padding-left:35px;
padding-top:5px;

}

.sm-link:hover, .current2{
background:transparent url(/medias/images/interface/menu/link.gif) no-repeat left -27px;
color:#FFFFFF;
}