.dropDownMenu
{
  /* font-family:"georgia", serif; */
  font-family:verdana, sans-serif;
  position:relative;
  width:100%;
  font-size:14px;
  /* border:1px solid red; */
}

.dropDownMenu li, ul
{
   margin-left: 5px;
   padding: 0;
}

/* Proprietes de toutes les puces (tous niveaux) du menu*/
.dropDownMenu li
{
  list-style-type:none;
  position:relative;
  float:left;
  /*border-bottom:none;
  border-top:none;*/
}

/* On cache tout la liste de 2e niveau, et non pas ses puces */
.dropDownMenu li ul
{
  position:absolute;
  width:100%;
  /*border:1px solid;*/
  visibility:hidden;
  padding-left:0px; /*IE et firefox ne gerent pas les puces de la meme maniere*/
  margin-left:0px; /* Voir http://forum.alsacreations.com/faq/faq-54-Comment-corriger-un-espace-a-gauche-d039une-liste-different-entre-IE-et-les-navigateurs-alternatifs.html*/
}

/* Proprietes des puces de second niveau*/
.dropDownMenu li ul li
{
padding-left:0px;
  margin-left:0px;
  border:3px solid;
  text-align:left;
  background-color:#cee7e3;
  border-bottom:none;
  border-top:none;
  border-right:none;
}

/* Proprietes de tous les liens (tous niveaux) du menu*/
.dropDownMenu a
{
  color:white;
  text-decoration:none;
}

/* Proprietes des liens de second niveau*/
.dropDownMenu li ul li a
{
  display:block;
  width:100%;
  color:black;
  text-decoration:none;
  border:none;
}

.dropDownMenu li ul li a:hover
{
  border:none;
}

.dropDownMenu a:hover
{
  border-bottom:3px solid orange;
}

/* On revele toute la liste de second niveau en survolant son titre (li), donc toute la "case",
ou son lien (a) */
.dropDownMenu li:hover ul, .dropDownMenu li a:hover ul
{
  visibility:visible;
  border:none;
}

.dropDownMenu li ul li:hover
{
  border:1px solid;
}

.dropDownMenu li ul li:hover
{
  border-left:3px solid orange;
}