@charset "iso-8859-1";
/* CSS Document */

/*
  <dl>
    <dt id="categorie1" onmouseover="javascript:derouleMenu('souscategorie1');" onmouseout="javascript:masqueMenu('souscategorie1lien');"><a href="" id="souscategorie1lien"><span>titre</span></a></dt>
    <dd id="souscategorie1" onmouseover="javascript:derouleMenu('souscategorie1');" onmouseout="javascript:masqueMenu('souscategorie1lien');">
      <ul>
        <li><a href=""><span class="separation">nom</span></a></li>
        <li><a href=""><span class="categorie1-2">nom</span></a></li>
        <li class="basMenu"><a href="">nom</a></li>
      </ul>
    </dd>
  </dl>
  <dl>

*/
 
/*#navHauteHaut ul, #navHauteHaut li { margin: 0; padding: 0;   }
#navHauteHaut { position: relative;  }
#navHauteHaut ul { list-style-type: none; }
#navHauteHaut ul li { position: absolute; }
  */   
 #navHauteMenu {  position: relative; height: 20px; width:696px; @z-index: 3; z-index:1000; clear:both;
 margin-bottom:10px;
 /* transparence nav haute pour IE 6, 7 */ }

#navHauteMenu dl, #navHauteMenu dt, #navHauteMenu dd, #navHauteMenu ul, #navHauteMenu li { margin: 0; padding: 0; list-style-type: none; text-align: left; }
#navHauteMenu dl { float: left; }
#navHauteMenu dt a {font-size:13px; display: block; height: 20px; font-weight: bold;text-decoration: none; color: #fff; padding: 0; margin: 0; text-align: center;  }
#navHauteMenu dt a:hover { color: white; }
#navHauteMenu dt a span { display: block; padding-top: 2px; font-weight:bold; font-family:arial, Geneva, sans-serif   }
#navHauteMenu dd { position: absolute; top: 20px; width: 168px; z-index: 1000;}
 /*
#navHauteMenu dd ul li span.separation { display: block; height: 18px; border-bottom: 1px solid white; }
*/
#navHauteMenu dd ul li { margin:5px 2px 5px 2px;}

#navHauteMenu dd ul li a { display: block; padding: 2px 4px 0 4px; margin: 0; _height: 20px; /* pour IE 6 */ line-height: 20px; /* 100% pour IE */ font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; cursor: pointer;}



#navHauteMenu dd#souscategorie1, #navHauteMenu dd#souscategorie2,
#navHauteMenu dd#souscategorie3, #navHauteMenu dd#souscategorie4
{ display: none;}


#navHauteMenu dd#souscategorie1, #navHauteMenu dd#souscategorie2, #navHauteMenu dd#souscategorie3, #navHauteMenu dd#souscategorie4 {
	background-color:#fff;
}

#navHauteMenu dd#souscategorie1 {
	border:1px solid #07a9b1;
}

#navHauteMenu dd#souscategorie1 a {
	color:#07a9b1;
}

#navHauteMenu dd#souscategorie2 {
	border:1px solid #b5c22d;
}

#navHauteMenu dd#souscategorie2 a {
	color:#b5c22d;
}

#navHauteMenu dd#souscategorie3 {
	border:1px solid #e97c06;
}

#navHauteMenu dd#souscategorie3 a {
	color:#e97c06;
}


#navHauteMenu dd#souscategorie4 {
	border:1px solid #dd5997;
}


#navHauteMenu dd#souscategorie4 a {
	color:#dd5997;
}


#navHauteMenu dd#souscategorie1 ul li a, #navHauteMenu dd#souscategorie2 ul li a, #navHauteMenu dd#souscategorie3 ul li a {
	font-size:12px;
}


#navHauteMenu dt#categorie1 a, #navHauteMenu dt#categorie2 a, #navHauteMenu dt#categorie3 a, #navHauteMenu dt#categorie4 a {
	margin-right:4px;
}


#navHauteMenu dt#categorie1 a { background:url(images/menu-perte-poids.jpg) no-repeat left top; width: 170px; height: 20px; }
#navHauteMenu dt#categorie1 a:hover { background: url(images/menu-perte-poids.jpg) no-repeat -97px top; }

#navHauteMenu dt#categorie2 a { background:url(images/menu-produits-minceurs.jpg) no-repeat left top; width: 170px; height: 20px; }
#navHauteMenu dt#categorie2 a:hover { background: url(images/menu-produits-minceurs.jpg) no-repeat -97px top; }

#navHauteMenu dt#categorie3 a { background:url(images/menu-forme-vitalite.jpg) no-repeat left top; width: 170px; height: 20px; }
#navHauteMenu dt#categorie3 a:hover { background: url(images/menu-forme-vitalite.jpg) no-repeat -97px top; }

#navHauteMenu dt#categorie4 a { background:url(images/menu-soins-visage.jpg) no-repeat left top; width: 170px; height: 20px; }
#navHauteMenu dt#categorie4 a:hover { background: url(images/menu-soins-visage.jpg) no-repeat -97px top; }


/*#navHauteMenu dt#categorie1 a { background:url(images/v1/fille_hover1.jpg) no-repeat left top; width: 97px; height: 25px; }
#navHauteMenu dt#categorie1 a:hover { background: url(images/v1/fille_hover1.jpg) no-repeat -97px top; }
#navHauteMenu dd#souscategorie1 ul li a { background: #f2acc9;}
#navHauteMenu dd#souscategorie1 ul li a:hover { background: #E88BB0; }
#navHauteMenu dd#souscategorie1 ul li.basMenu { background: transparent url(images/v1/sous_menu_fille.gif) no-repeat right bottom; padding-bottom: 9px; }

#navHauteMenu dt#categorie2 a { background: url(images/v1/garcon_hover1.jpg) no-repeat left top; width: 97px; height: 25px; }
#navHauteMenu dt#categorie2 a:hover { background: url(images/v1/garcon_hover1.jpg) no-repeat -168px top; }
#navHauteMenu dd#souscategorie2 ul li a { background: #b5e1f6; } 
#navHauteMenu dd#souscategorie2 ul li a:hover { background: #7fb5de; }
#navHauteMenu dd#souscategorie2 ul li.basMenu { background: transparent url(images/v1/sous_menu_garcon.gif) no-repeat right bottom; padding-bottom: 9px; }

#navHauteMenu dt#categorie3 a { background: url(images/v1/bebe_hover1.jpg) no-repeat left top; width: 97px; height: 25px; }
#navHauteMenu dd#souscategorie3 ul li a { background:#d0a1c6 ; }
#navHauteMenu dd#souscategorie3 ul li a:hover { background: #c7a9cd; }
#navHauteMenu dd#souscategorie3 ul li.basMenu { background: transparent url(images/v1/sous_menu_bebe.gif) no-repeat right bottom; padding-bottom: 8px; }
*/