/* This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html is available at http: //www.cssplay.co.uk/menus/pro_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 a								{ text-decoration: none; }
.menu a:hover						{ text-decoration: none; }
.menu, .menu ul						{ list-style-type: none; padding: 0; margin: 0; font-family: Verdana, arial, sans-serif; font-size: 11px; font-weight: bold }
.menu li.top						{ display: block; float: left; position: relative; color: #000 }
.menu table							{ border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0; }
.menu li.top a span					{ position: absolute; top: 0; z-index: 0; font-size: 11px; padding: 0 0 0 20px; line-height: 24px; }
.menu li.top a:hover span			{ color: #933 } /* move the link text off screen */
.menu li.top a.top_link				{ display: block; float: left; height: 25px; color: #000; }
.menu li.p1							{ width: 160px; background: url(/_com/img/background_menu_on.gif) repeat-x top left; }
.menu li.p2							{ width: 180px; background: url(/_com/img/background_menu_on.gif) repeat-x top left; }
.menu li.p3							{ width: 090px; background: url(/_com/img/background_menu_on.gif) repeat-x top left; }
.menu li.p4							{ width: 100px; background: url(/_com/img/background_menu_on.gif) repeat-x top left; }
.menu li.p5							{ width: 090px; background: url(/_com/img/background_menu_on.gif) repeat-x top left; }
.menu li.p6							{ width: 110px; background: url(/_com/img/background_menu_on.gif) repeat-x top left; }
.menu li a#quiSommesNous			{ width: 160px; background: url(/_com/img/background_menu.gif) repeat-x top left; }
.menu li a#domaines					{ width: 180px; background: url(/_com/img/background_menu.gif) repeat-x top left; }
.menu li a#produits					{ width: 090px; background: url(/_com/img/background_menu.gif) repeat-x top left; }
.menu li a#actualites				{ width: 100px; background: url(/_com/img/background_menu.gif) repeat-x top left; }
.menu li a#contact					{ width: 090px; background: url(/_com/img/background_menu.gif) repeat-x top left; }
.menu li a#rechercher				{ width: 110px; background: url(/_com/img/background_menu.gif) repeat-x top left; }
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover						{ visibility: visible; } /* for IE6 */
.menu li:hover						{ position: relative; z-index: 200; } /* for IE7 */
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#quiSommesNous:hover, .menu li:hover a#quiSommesNous, .menu li a#domaines:hover, .menu li:hover a#domaines, .menu li a#produits:hover, .menu li:hover a#produits, .menu li a#actualites:hover,
.menu li:hover a#actualites, .menu li a#contact:hover, .menu li:hover a#contact, .menu li a#rechercher:hover, .menu li:hover a#rechercher
									{ background: transparent; color: #993333 !important; }
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul
									{ position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; }
/* set up the first drop down sub level */
.menu :hover ul.sub					{ left: 0; top: 25px; background: #fff; padding: 0; white-space: nowrap; height: auto; opacity: 0.9; }
.menu :hover ul.sub li				{ display: block; position: relative; float: left; background: #fff; }
.menu :hover ul.sub li a			{ display: block; font-size: 11px; width: 180px; line-height: 20px; color: #000; text-decoration: none; padding: 2px 5px 2px 10px; border-bottom: dotted 1px #808080; margin: 0 1em; }
.menu :hover ul.sub li a.fly		{ background: #fff/* url(/_com/css/multi_level-files/arrow.gif) 80px 7px no-repeat*/; }
.menu :hover ul.sub li a:hover		{ color: #933; }
.menu :hover ul.sub li a.fly:hover	{ color: #fff; }
.menu :hover ul li:hover > a.fly	{ }
/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
									{ left: 90px; top: -4px; background: #fff; padding: 3px 0; border: 1px solid #888; white-space: nowrap; width: 93px; z-index: 200; height: auto; z-index: 300; }