/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu { position:relative; z-index:1000; height: 40px; }/* largeur du menu déterminé par la valeur width */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0;margin:0;list-style-type:none; border: none; }
.menu ul ul { width: 100%; border: none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative; }
.menu ul ul li { float: none; position:relative; display: inline; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

.menu ul ul a { padding: 0; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#e3ed75;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#e3ed75;}
.menu ul ul :hover > a.drop {background:#e3ed75;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top: 40px; left:0; width: 100%; }/* position à définir si le menu est horizontal ou vertical - valeur de top à la hauteur du li et left à 0 pour menu horizontal - valeur de top à 0 et left à la largeur du li pour menu vertical */
/* another hack for IE5.5 */
* html .menu ul ul {top:40px;t\op:40px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; width: 100%; border-collapse:collapse; border: none; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { border: none; text-transform: none; font-weight: normal; background: #e3ed75 url(/_boutiques/ETHICFACTORY//site_image/puce_grise2.gif) 7px 8px no-repeat; color: #756b65; height:auto; font-size: 12px; line-height: 14px; padding: 4px 10px 4px 20px; display: block; border-bottom: 1px solid #a99b92; }

/* style the top level hover */
.menu ul ul a:hover { color: #756b65; background-color: #fff; background-image: url(/_boutiques/ETHICFACTORY//site_image/puce_grise.gif); }
.menu ul ul :hover > a { color: #756b65; background-color: #fff; background-image: url(/_boutiques/ETHICFACTORY//site_image/puce_grise.gif); }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }