/* Basic code - don't modify */
 .nav { display: block; margin: 0; padding: 0; position: relative; background:#FFFFFF; }
  .nav li { display: block; list-style: none; margin: 0; padding: 0; position: relative; }
  .nav a { display: block; }
  .nav ul { display: none; position: absolute; margin: 0; padding: 0; z-index:1000; }
  	.nav ul a { zoom: 1; } /* IE6/7 fix */
    .nav ul li { float: none; }
    .nav ul ul { top: 0; }
    
/* Everything else is theming */
.nav {
   width: 315px;
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 100;
}

.nav a { 
   line-height: 28px;
   display: block;
   color: #000;         /*Ici, changer la couleur de la police*/
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 28px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: left;
   padding-left: 70px;
   text-decoration: none;
}

.nav li {
	height: 28px;
}
  .nav ul { top: -1px; left: 304px;float:left;}
   .nav ul a {
   text-align: left;
   padding-left:5px;
	font-size: 12px;
	background:#fff;
	width: 200px !important;
    }

#menu2 li a {
	height: 27px;
	line-height:27px;
	color: #505050;
	font-weight:100;
	font-size: 12px;
	background-image: none !important;
	padding-left: 10px !important;
	border-left: 1px solid #e5e5e5; !important;
	border-bottom: 1px solid #e5e5e5; !important;
	border-right: 1px solid #e5e5e5; !important;
	border-top: 0px;
}
#menu2 li a:hover {
	color: #000 !important;
	background-image: none !important;
	font-weight:bold !important;
}

/************MENU****************/

li#menu0 {
   width: 315px;
}

li#menu1 {
   width: 315px;
}

li#menu2 {
   width: 315px;
    float:left;
	z-index:100;
}

li#menu3 {
   width: 315px;
    clear:both;
}

li#menu4 {
   width: 315px;
  
}

li#menu5 {
   width: 315px;
}

li#menu6 {
   width: 315px;
}

li#menu7 {
   width: 315px;
}

li#menu8 {
   width: 315px;
}


li#menu0 a {
   background-image: url('gifs/menu_12.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-image: url('gifs/menu_13.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu2 a {
   background-image: url('gifs/menu_14.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu3 a {
   background-image: url('gifs/menu_15.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu4 a {
   background-image: url('gifs/menu_16.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu5 a {
   background-image: url('gifs/menu_17.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu6 a {
   background-image: url('gifs/menu_17.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu7 a {
   background-image: url('gifs/menu_17.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu8 a {
   background-image: url('gifs/menu_17.jpg');         /*Ici l'image de fond de la cellule*/
}


li#menu0 a:hover, a#selected-over0 {
	font-weight:bold;
   background-image: url('gifs/roll_12.jpg') ;         /*Ici l'image de fond over de la cellule*/
}

li#menu1 a:hover, a#selected-over1 {
	font-weight:bold;
   background-image: url('gifs/roll_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu2 a:hover, a#selected-over2 {
	font-weight:bold;
   background-image: url('gifs/roll_14.jpg');         /*Ici l'image de fond over de la cellule*/
}

li#menu3 a:hover, a#selected-over3 {
	font-weight:bold;
   background-image: url('gifs/roll_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

.over2 a {
	font-weight:bold;
   background-image: url('gifs/roll_14.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu4 a:hover, a#selected-over4 {
	font-weight:bold;
   background-image: url('gifs/roll_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu5 a:hover, a#selected-over5 {
	font-weight:bold;
   background-image: url('gifs/roll_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu6 a:hover, a#selected-over6 {
	font-weight:bold;
   background-image: url('gifs/roll_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu7 a:hover, a#selected-over7 {
	font-weight:bold;
   background-image: url('gifs/roll_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu8 a:hover, a#selected-over8 {
	font-weight:bold;
   background-image: url('gifs/roll_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
}

/**** FIN MENU ****/