/* ================================================================ 
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: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 ul ul li { width:160px; position:relative;}

/* style the links for the top level */
.menu ul ul a, .menu ul ul a:visited { display:block; font-size:12px; text-decoration:none; color:#fff; padding-left:10px; line-height:29px; font-weight:bold;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; top:37px; left:8px; width:160px; border: 1px solid #f96160; border-top:0;}/* 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:37px; t\op:37px; }

/* 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 { background:#fff; padding:0 3px 0 11px; width:146px; border-top: 1px solid #ffc8c9; font-family: Helveticva, Arial; color:#2d2a2a; font-size: 12px; font-weight: normal; line-height:24px; }
.menu ul ul a.first { border-top: 0; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:146px; w\idth:146px;}

/* style the top level hover */
.menu ul ul a:hover{color:#2d2a2a; background:#ffc8c9;}
.menu ul ul :hover > a {color:#2d2a2a; background:#ffc8c9;}

.menu :hover > a.b1 {background-position: 0 -37px !important;}
.menu :hover > a.b2 {background-position: -108px -37px !important;}
.menu :hover > a.b3 {background-position: -213px -37px !important;}
.menu :hover > a.b4 {background-position: -324px -37px !important;}
.menu :hover > a.b5 {background-position: -431px -37px !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; }