/* ================================================================ 
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: 39px; position: relative; z-index: 100; }/* 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 { text-decoration: none; }


/* 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: 39px; left: 27px; width: 160px; }/* 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: 39px; }

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { display: block; background: #f6f5f4; color: #695447; line-height: 17px; font-size: 13px; padding: 4px 7px; width: 146px; border-bottom: 1px solid #c8d20a; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width: 160px; w\idth: 160px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover { color: #695447; background: #c8d20a; text-decoration: none; }
.menu :hover > a, .menu ul ul :hover > a { color: #695447; background: #c8d20a; text-decoration: none; }

/*
#menu_h :hover > a#btn_8354 { background-position: 0 -39px !important; }
#menu_h :hover > a#btn_8373 { background-position: -200px -39px !important; }
#menu_h :hover > a#btn_8378 { background-position: -407px -39px !important; }
#menu_h :hover > a#btn_8384 { background-position: -571px -39px !important; }
#menu_h :hover > a#btn_8387 { background-position: -750px -39px !important; }
*/

#menu_h :hover > a#btn_8354 { background-position: left -39px !important; }
#menu_h :hover > a#btn_8373 { background-position: -180px -39px !important; }
#menu_h :hover > a#btn_8378 { background-position: -369px -39px !important; }
#menu_h :hover > a#btn_8384 { background-position: -512px -39px !important; }
#menu_h :hover > a#btn_19231 { background-position: -672px -39px !important; }
#menu_h :hover > a#btn_8387 { background-position: -814px -39px !important; }
		

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