/* ================================================================ 
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/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:850px; height:25px; position:relative; font-size:12px; z-index:100; padding:0; margin:0 }

.menu ul li a, .menu ul li a:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/bouton_kraft.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
										
.menu ul li a.boutonA, .menu ul li a.boutonA:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_01.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonB, .menu ul li a.boutonB:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_02.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonC, .menu ul li a.boutonC:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_03.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonD, .menu ul li a.boutonD:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_04.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonE, .menu ul li a.boutonE:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_05.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonF, .menu ul li a.boutonF:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_06.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonG, .menu ul li a.boutonG:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_07.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }
.menu ul li a.boutonH, .menu ul li a.boutonH:visited  { color: #c8d315; font-size: 110%; font-weight: bold; line-height: 30px; text-decoration: none; background: url("interface/boutonH_08.gif") repeat-x; text-align: left; display: block; margin: 0; overflow: hidden; -line-height: 30px; margin-left:2px }


.menu ul { padding:0; margin:0; list-style: none; }
.menu ul li { float:left; position:relative; }
.menu ul li ul  {display: none; }

.menu ul li:hover a { color:#C8D315; background: url(interface/bouton_kraft.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonA { color:#C8D315; background: url(interface/boutonH_01.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonB { color:#C8D315; background: url(interface/boutonH_02.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonC { color:#C8D315; background: url(interface/boutonH_03.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonD { color:#C8D315; background: url(interface/boutonH_04.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonE { color:#C8D315; background: url(interface/boutonH_05.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonF { color:#C8D315; background: url(interface/boutonH_06.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonG { color:#C8D315; background: url(interface/boutonH_07.gif) repeat-x 0 -30px; } /* rollover premier rang */
.menu ul li:hover a.boutonH { color:#C8D315; background: url(interface/boutonH_08.gif) repeat-x 0 -30px; } /* rollover premier rang */



.menu ul li:hover ul { display:block; position:absolute; top:31px; left:-2; width:230px; height: 22px }
.menu ul li:hover ul li a.hide { background: url(interface/bouton_kraft2.gif) repeat-x 0 0; color:#c8d315; width:230px; margin:-1px 0 0 2px; font-size: 100% } /* second rang */
.menu ul li:hover ul li:hover a.hide { background: url(interface/bouton_kraft2.gif) repeat-x 0 -30px; color:#ffffff; width:230px } /* rollover second rang */

.menu ul li:hover ul li a.hideB { background: url(interface/bouton_kraft2.gif) repeat-x 0 0; color:#fff; width:230px; margin:-1px 0 0 2px; font-size: 100% } /* second rang */
.menu ul li:hover ul li:hover a.hideB { background: url(interface/bouton_kraft2.gif) repeat-x 0 -30px; color:#c8d315; width:230px } /* rollover second rang */

.menu ul li:hover ul li ul {display: none; width:230px; }