/* ================================================================ 
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 { height: 36px; position: relative; z-index: 100; margin-left: 20px; }/* 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; }
/* 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 a.niv1 { text-decoration: none; color: #393039; background: #fff; font-size: 13px; font-family: Georgia, serif; line-height: 16px; padding: 10px 8px 9px 8px; }
.menu a.niv1:hover { text-decoration: none; color: #393039; background: #c4a1ab; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { margin: 0; padding: 0; visibility: hidden; border: 1px solid #c4a1ab; border-top: 0; position: absolute; top: 28px; left: 0; width: 164px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }/* 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: 36px; }

/* 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; margin: 0; padding: 0; border-collapse: collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { display: block; background: #f7e5ea; color: #382f38; line-height: 19px; padding: 5px 7px; width: 150px; border-top: 1px solid #c4a1ab; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width: 164px; w\idth: 164px; }

/* style the top level hover */
.menu a.niv1:hover { color: #393039; background: #c4a1ab; text-decoration: none; }
.menu ul ul a:hover { color: #fff; background: #725f72; text-decoration: none; }
.menu :hover > a.niv1 { color: #393039; background: #c4a1ab; text-decoration: none; }
.menu ul ul :hover > a { color: #fff; background: #725f72; text-decoration: none; }


/* 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; }