/* Basic code - don't modify */
 .nav { display: block; margin: 0; padding: 0; position: relative; }
  .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: 335px;
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 10;
}

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

.nav li {
	height: 30px;
}
  .nav ul { top: 0px; left: 311px;float:left;}
   .nav ul a {
   text-align: left;
   padding-left:5px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	font-size: 12px;
	background:#fff;
	width: 335px !important;
    }

#menu4 li a {
	height: 29px;
	line-height:29px;
	color: #505050;
	font-size: 12px;
	background-image: none !important;
	padding-left: 10px !important;
	border-bottom: 1px solid #000; !important;
	background-color:#fff !important;
	border-right: 1px solid #000; !important;
	border-left: 1px solid #000; !important;
	border-top: 0px;
	width: 150px !important;
}
#menu4 li a:hover {
	color: #000 !important;
	background-image: none !important;
	background-color:#fff !important;
	font-weight:bold !important;
	width: 150px !important;
	height:29px;
}

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

li#menu0 {
   width: 335px;
   float:left;
}

li#menu1 {
   width: 335px;
   float:left;
}

li#menu2 {
   width: 335px;
   float:left;
}

li#menu3 {
   width: 335px;
   float:left;
}

li#menu4 {
   width: 335px;
   float:left;
}

li#menu5 {
   width: 335px;
   float:left;
}

li#menu6 {
   width: 335px;
   float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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