/* ================================================================ 
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: 27px; position: relative; z-index: 4200; }/* 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; color: #574a54; }


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

/* 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 { display: block; background: #836081; color: #fff; text-indent: 3px; line-height: 15px; font-size: 12px; padding: 0 6px; width: 181px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a { width: 181px; w\idth: 181px; }

/* style the top level hover */
.menu a:hover { color: #fff; background: #836081 url(/_boutiques/POISSONBULLE//site_image/bg_menu2_hover.gif) left bottom repeat-x; text-decoration: none; }
.menu :hover > a { color: #fff; background: #836081 url(/_boutiques/POISSONBULLE//site_image/bg_menu2_hover.gif) left bottom repeat-x; text-decoration: none; }
.menu ul ul a:hover { color: #fff; text-indent: 12px; text-decoration: none; background: #836081 url(/_boutiques/POISSONBULLE//site_image/puce_menu2.gif) 6px 4px no-repeat; }
.menu ul ul :hover > a { color: #fff; text-indent: 12px; text-decoration: none; background: #836081 url(/_boutiques/POISSONBULLE//site_image/puce_menu2.gif) 6px 4px no-repeat; }



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


.menu .moz-couleur { padding: 5px !important; width: 128px; height: 128px; background: #836081; }
	.menu .moz-couleur a { display: block; text-indent: -5000px !important; border: 1px solid #bbb; overflow: hidden; width: 20px; height: 20px; padding: 0; margin: 5px; }
	.menu .moz-couleur a:hover { border-color: #fff; text-indent: -5000px !important; }
	.menu .moz-couleur a.moz-C01 { background: #fff !important; }
	.menu .moz-couleur a.moz-C02 { background: #000 !important; }
	.menu .moz-couleur a.moz-C03 { background: #6DCFF6 !important; }
	.menu .moz-couleur a.moz-C05 { background: #ED1C24 !important; }
	.menu .moz-couleur a.moz-C06 { background: #FFF568 !important; }
	.menu .moz-couleur a.moz-C07 { background: #7CC576 !important; }
	.menu .moz-couleur a.moz-C09 { background: #662D91 !important; }
	.menu .moz-couleur a.moz-C11 { background: #F06EAA !important; }
	.menu .moz-couleur a.moz-C13 { background: #A1A1A1 !important; }
	.menu .moz-couleur a.moz-C14 { background: #F26522 !important; }
	.menu .moz-couleur a.moz-C16 { background: #998675 !important; }
	.menu .moz-couleur a.moz-C17 { background: transparent url(/_boutiques/POISSONBULLE//site_image/moz-C17.gif) left top no-repeat !important; }