/* 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: 220px;
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 10;
}

.nav a { 
   display: block;        /*Ici, changer la couleur de la police*/
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;      /*Ici, changer la taille de la police du menu*/
   font-weight: normal;
   text-align: left;
   text-decoration: none;
   line-height: 34px;
   color:#000;
   height: 34px;
   overflow:hidden;
   background: #FFF;
   
}

.nav li {
	height: 34px;
	border-bottom: 1px dotted #505050 !important;
}

.nav li li {
	height: 34px;
	border-bottom: none !important;
}

  .nav ul { top: 0px; left: 220px;float:left;background: #FFF;}
   .nav ul a {
   text-align: left;
   padding-left:5px;
	font-size: 12px;
	
	width: 200px !important;
    }

#menu0 li a {
	background-color:transparent;
	height: 32px;
	line-height:32px;
	color: #000 !important;
	font-size: 11px;
	background-image: none !important;
	padding-left: 40px !important;
	border-left: 1px dotted #505050 !important;
	border-bottom: 1px dotted #505050 !important;
	border-right: 1px dotted #505050 !important;
	border-top: 0px;
	font-weight:normal !important;
}
#menu0 li a:hover {
	color: #000 !important;
	background-image: none !important;
	width: 200px !important;
	font-weight:bold !important;
}

#menu5 li a {	
	background-color:transparent;
	height: 32px;
	line-height:32px;
	color: #000 !important;
	font-size: 11px;
	background-image: none !important;
	padding-left: 40px !important;
	border-left: 1px dotted #505050; !important;
	border-bottom: 1px dotted #505050; !important;
	border-right: 1px dotted #505050; !important;
	border-top: 0px;
	font-weight:normal !important;
}
#menu5 li a:hover {
	color: #000 !important;
	background-image: none !important;
	width: 200px !important;
	font-weight:bold !important;
}

#li00 {
	background-image:url(gifs/pictos/serrure.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li01 {
	background-image:url(gifs/pictos/cles.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li02 {
	background-image:url(gifs/pictos/coffres.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li03 {
	background-image:url(gifs/pictos/portbl.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li04 {
	background-image:url(gifs/pictos/cartes.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li05 {
	background-image:url(gifs/pictos/alarme.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li06 {
	background-image:url(gifs/pictos/cadena.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li07 {
	background-image:url(gifs/pictos/portail.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li08 {
	background-image:url(gifs/pictos/boitelettre.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li50 {
	background-image:url(gifs/pictos/garage.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li51 {
	background-image:url(gifs/pictos/cleprot.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li52 {
	background-image:url(gifs/pictos/elec.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}

#li53 {
	background-image:url(gifs/pictos/cleseule.jpg);
	background-position:5px 1px;
	background-repeat:no-repeat;
}