/*---- Navigation ----*/
#cssmenu{
    border:none;
	border:0px;
	margin:-25px;
	padding:95px;
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
    position:center;
   width:830px;
  
	}
#cssmenu ul{
	background:#8F8F8F;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
#cssmenu li{
	float:left;
	padding:0px;
	}
#cssmenu li a{
	background:#8F8F8F url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/seperator.gif') bottom right no-repeat;
	color:#FFFFFF;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 15px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu li a:hover, #cssmenu ul li:hover a{
	background: #2580a2 url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/hover.gif') bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li ul{
	background:#0F112F;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:300px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu li:hover ul{
	display:block;
	
	}
#cssmenu li li {
	background:url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
    
	}
#cssmenu li:hover li a{
	background:none;
	
	}
#cssmenu li ul a{
	display:block;
	height:35px;
	font-size:13px;
	font-style:normal;
     font-weight:normal;
   
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#2580a2 url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu p{
	clear:left;
	}





______________

html
________________






<div id='cssmenu'>
<ul>
   <li><a href='http://mehditest.overblog.com/'><span>Accueil</span></a></li>
   <li class='has-sub '><a href='#'><span>CCM</span></a>
      <ul>
         <li><a href='http://www.mariage-franco-marocain.net/article-29906268.html'><span>Consulat de France au Maroc</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-questions-reponses-sur-le-ccm-certificat-de-capacite-a-mariage-56792918.html'><span>Infos utiles</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-31083673.html'><span>Documents Ccm</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-23760292.html'><span>Questions de l'Audition ccm</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-le-certificat-de-nationalite-francaise-procedure-et-documents-51637172.html'><span>Le Certificat de Nationalité</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Le Mariage </span></a>
      <ul>
         <li><a href='http://www.mariage-franco-marocain.net/article-questions-reponses-sur-le-mariage-adoulaire-57102940.html'><span>Infos Utiles</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-36215445.html'><span>Conversion à l'islam</span></a></li>
          <li><a href='http://www.mariage-franco-marocain.net/article-mariage-adoulaire-marocain-2010-42901777.html'><span>Documents mariage adoulaire</span></a></li>
           <li><a href='http://www.mariage-franco-marocain.net/article-mariage-bi-national-au-maroc-procedure-101776373.html'><span>Mariage Binational</span></a></li>
           <li><a href='http://www.mariage-franco-marocain.net/article-30954167.html'><span>Casier judiciaire français</span></a></li>
           <li><a href='http://www.http//www.mariage-franco-marocain.net/article-procuration-casier-judiciaire-marocain-60368509.html'><span>Procuration Casier judiciaire</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Transcription</span></a>
      <ul>
         <li><a href='http://www.mariage-franco-marocain.net/article-transcription-mariage-questions-et-reponses-de-mehdiblog-57106064.html'><span>Infos Utiles</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-36254954.html'><span>Transcription AVEC CCM</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-doulaire-43196336.html'><span>Transcription SANS CCM</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-transcription-mariage-franco-marocain-procedure-57118871.html'><span>Documents Transcription 2012</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-30954259.html'><span>Traducteurs à Rabat</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-traducteurs-interpretes-assermente-a-46292243.html'><span>Traducteurs Région Fes</span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-traducteurs-interpretes-assermentes-a-agadir-46255411.html'><span>Traducteurs Région Agadir </span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-traducteurs-interpretes-assermentes-a-46291997.html'><span>Traducteurs Tanger Casablanca </span></a></li>
<li><a href='http://www.mariage-franco-marocain.net/article-traducteurs-interprete-assermentes-a-marrakech-46291553.html'><span>Traducteurs Région Marrakech </span></a></li>
         <li><a href='http://www.mariage-franco-marocain.net/article-traducteurs-interprete-assermentes-a-marrakech-46291553.html'><span>Courrier express au Maroc </span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Visa</span></a>
      <ul>
         <li><a href='#'><span>test 3 </span></a></li>
         <li><a href='#'><span>TEST 5</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Consulat</span></a>
      <ul>
         <li><a href='#'><span>Consulat  de France</span></a></li>
         <li><a href='#'><span>Consulat  du Maroc</span></a></li>
      </ul>
   </li>
   <li><a href='#'><span>Prénoms</span></a></li>
   <li><a href='http://about.me/mehdiblog' target="_blank"<span>A propos ?</span></a></li>
</ul>
</div>