.preload1 
{
    background: url(images/survol.gif);
}
.preload2
{
    background: url(images/survol2.gif);
}

.menu2 
{
    padding:0 0 0 16px; 
    margin:0; 
    list-style:none; 
    height:25px; 
    background:#F9BE54 url(images/menuGauche.gif) no-repeat;
    background-color:#F9BE54; 
    position:relative; 
    font-family:arial, verdana, sans-serif;
}
.menu2 li.top 
{
    display:block; 
    float:left; 
    position:relative;
}


.menu2 li a.top_link 
{
    display:block; 
    float:left; 
    height:25px; 
    line-height:25px; 
    color:#404040; 
    text-decoration:none; 
    font-size:14px; 
    font-weight:bold; 
    padding:0 0 0 12px; 
    cursor:pointer;
    background: url(images/norm.gif) no-repeat;
}
.menu2 li a.top_link span.up
{
    float:left; 
    display:block; 
    padding:0 12px 0 0px; 
    height:25px; 
    background:url(images/norm.gif) no-repeat right top;
}
.menu2 li a.top_link span.down 
{
    float:left; 
    display:block; 
    padding:0 16px 0 0px; 
    height:25px; 
    background:url(images/norm2.gif) no-repeat right top; 
    /*background:url(images/down.gif) no-repeat right top;*/
}


.menu2 li a.top_link:hover 
{
    color:#fff; background: url(images/survol.gif) no-repeat;
}
.menu2 li a.top_link:hover span.up 
{
    background:url(images/survol.gif) no-repeat right top;
}
.menu2 li a.top_link:hover span.down 
{
    background:url(images/survol2.gif) no-repeat right top;
}

.menu2 li:hover > a.top_link 
{
    color:#fff; background: url(images/survol.gif) no-repeat;
}
.menu2 li:hover > a.top_link span.up 
{
    background:url(images/survol.gif) no-repeat right top;
}
.menu2 li:hover > a.top_link span.down {background:url(images/survol2.gif) no-repeat right top;}


.menu2 table 
{
    border-collapse:collapse; 
    width:0; 
    height:0; 
    position:absolute; 
    top:0; 
    left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover 
{
    visibility:visible;
}
.menu2 li:hover 
{
    position:relative; 
    z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}

.menu2 :hover ul.sub 
{
    left:0px; 
    top:25px; 
    background: #F2D962; 
    padding:0px; 
    border-left:1px solid #535352; 
    border-right:1px solid #535352; 
    border-bottom:1px solid #535352;
    white-space:nowrap; 
    width:203px; 
    height:auto;
}
.menu2 :hover ul.sub li 
{
    display:block; 
    height:20px; 
    position:relative; 
    float:left; 
    width:200px;
}
.menu2 :hover ul.sub li a 
{
    display:block; 
    font-size:11px; 
    height:20px; 
    width:203px; 
    line-height:20px; 
    text-indent:5px; 
    color:#404040; 
    text-decoration:none; 
    /*border:3px solid #F2D962; border-width:0 0 0 3px;*/
}
.menu2 :hover ul.sub li a.fly 
{
    background:#F2D962 url(images/arrow.gif) 190px 7px no-repeat;
}
.menu2 :hover ul.sub li a:hover 
{
    background:#EDEFE4; 
    color:#404040;
}
.menu2 :hover ul.sub li a.fly:hover 
{
    background:#EDEFE4 url(images/arrow.gif) 190px 7px no-repeat; 
    color:#404040;
}
.menu2 :hover ul li:hover > a.fly 
{
    background:#EDEFE4 url(images/arrow.gif) 190px 7px no-repeat; 
    color:#404040;
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
    left:200px; 
    top:-1px; 
    background: #F2D962; 
    padding:0px; 
    border:1px solid #535352; 
    white-space:nowrap; 
    width:203px; 
    z-index:200; 
    height:auto;
}