/************************************menu en noir************/

.load1 {background: url(http://img66.xooimage.com/files/1/d/8/cfreec_fleche_bleu-2dab6f4.gif);}
.load2 {background: url(http://img66.xooimage.com/files/1/d/8/cfreec_fleche_bleu-2dab6f4.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; url(http://img73.xooimage.com/files/6/a/9/cfreec_vide_bleu-2dab708.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}                            
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://img66.xooimage.com/files/1/d/8/cfreec_fleche_bleu-2dab6f4.gif);} 
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://img73.xooimage.com/files/6/a/9/cfreec_vide_bleu-2dab708.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://img66.xooimage.com/files/1/d/8/cfreec_fleche_bleu-2dab6f4.gif) no-repeat right top;}
                                
#nav li:hover a.top_link {color:#FFFFFF; background: url(http://img41.xooimage.com/files/7/3/b/cfreec_2a.r-1eec0fb.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://img41.xooimage.com/files/1/0/e/cfreec_2v.r-1eec101.gif) no-repeat right top;}  
#nav li:hover a.top_link span.down {background:url(http://img41.xooimage.com/files/7/3/b/cfreec_2a.r-1eec0fb.gif) no-repeat right top;}


#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #E8EAEC; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:300px; height:auto; z-index:350;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:300px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:300px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #E8EAEC;}
#nav li ul.sub li a.fly
{background:#E8EAEC url(http://img3.xooimage.com/files/f/8/c/arrow-f6951a.gif) 270px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#D0D5E4; color:#000; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#D0D5E4 url(http://img5.xooimage.com/files/a/0/4/arrow_over-f69528.gif) 300px 6px no-repeat; color:#000;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:300px; top:-4px; background: #E8EAEC; padding:3px; border:1px solid #000; white-space:nowrap; width:300px; z-index:400; height:auto;} 

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#00E6FF url(http://img5.xooimage.com/files/a/0/4/arrow_over-f69528.gif) 300px 6px no-repeat; color:#000; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#FFD073 url(http://img3.xooimage.com/files/f/8/c/arrow-f6951a.gif) 300px 6px no-repeat; color:#000; border-color:#FFAA00;} 




/**********************************************************************/


/**************************************Menu banniere en blanc****************
#nav {
list-style : none;
height : 38px;
position : relative;
z-index : 500;
font-family : arial, verdana, sans-serif;
margin : 0;
padding : 0;
}
#nav li.top {
display : block;
float : left;
height : 38px;
}
#nav li a.top_link {
display : block;
float : left;
height : 35px;
line-height : 33px;
color : #004e4e;
text-decoration : none;
font-size : 11px;
font-weight : 700;
cursor : pointer;
background : url(http://img68.xooimage.com/files/f/3/9/cfreec__menu-28ea79a.png);
padding : 0 0 0 12px;
}
#nav li a.top_link span {
float : left;
display : block;
height : 35px;

background : url(http://img51.xooimage.com/files/7/0/b/cfreec_forum_menu-280e9eb.png) no-repeat right top;
padding : 0 24px 0 12px;
}
#nav li a.top_link span.down {
float : left;
display : block;   
height : 35px;

background : url(http://img51.xooimage.com/files/7/0/b/cfreec_forum_menu-280e9eb.png) no-repeat right top;
padding : 0 24px 0 12px;
}
#nav li:hover a.top_link {
color : #fff;

background : url(http://img51.xooimage.com/files/c/7/b/cfreec_fleche_bleute-2767175.gif);
}
#nav li:hover a.top_link span {

background : url(http://img62.xooimage.com/files/e/2/a/cfreec_vide_bleute-276717b.gif) no-repeat right top;
}
#nav li:hover a.top_link span.down {

background : url(http://img51.xooimage.com/files/c/7/b/cfreec_fleche_bleute-2767175.gif) no-repeat right top;
}
#nav li:hover {
position : relative;
z-index : 200;
}
#nav li:hover ul.sub {
left : 1px;
top : 38px;
background : #e8eaec;
border : 1px solid #5c731e;
white-space : nowrap;
width : 300px;
height : auto;
z-index : 350;
padding : 3px;
}
#nav li:hover ul.sub li {
display : block;
height : 20px;
position : relative;
float : left;
width : 300px;
font-weight : 400;
}
#nav li:hover ul.sub li a {
display : block;
font-size : 12px;
height : 18px;
width : 300px;
line-height : 18px;
text-indent : 5px;
color : #000;
text-decoration : none;
border : 1px solid #e8eaec;
}
#nav li ul.sub li a.fly {
background : #e8eaec url(http://img3.xooimage.com/files/f/8/c/arrow-f6951a.gif) no-repeat 270px 6px;
}
#nav li:hover ul.sub li a:hover {
background : #d0d5e4;
color : #000;
border-color : #fff;
}
#nav li:hover ul.sub li a.fly:hover {
background : #d0d5e4 url(http://img5.xooimage.com/files/a/0/4/arrow_over-f69528.gif) no-repeat 300px 6px;
color : #000;
}
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
left : 300px;
top : -4px;
background : #e8eaec;
border : 1px solid #000;
white-space : nowrap;
width : 300px;
z-index : 400;
height : auto;
padding : 3px;
}
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
position : absolute;
left : -9999px;
top : -9999px;
width : 0;
height : 0;
list-style : none;
margin : 0;
padding : 0;
}
#nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {
background : #00e6ff url(http://img5.xooimage.com/files/a/0/4/arrow_over-f69528.gif) no-repeat 300px 6px;
color : #000;
border-color : #fff;
}
#nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {
background : #ffd073 url(http://img3.xooimage.com/files/f/8/c/arrow-f6951a.gif) no-repeat 300px 6px;
color : #000;
border-color : #fa0;
}
.load1, .load2 {
background : url(http://img51.xooimage.com/files/c/7/b/cfreec_fleche_bleute-2767175.gif);
}
*/

/***************
http://img73.xooimage.com/files/b/a/f/cfreec_fleche_grise-2cf6053.gif
http://img71.xooimage.com/files/f/2/d/cfreec_vide_grise-2cf6059.gif
http://img70.xooimage.com/files/d/f/b/cfreec_fleche_rouge-2dab68c.gif
http://img68.xooimage.com/files/8/0/2/cfreec_vide_rouge-2dab6ae.gif
http://img66.xooimage.com/files/1/d/8/cfreec_fleche_bleu-2dab6f4.gif
http://img73.xooimage.com/files/6/a/9/cfreec_vide_bleu-2dab708.gif
******************/