/* ================================================================ 
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/menu/pro_drop11.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.
=================================================================== */
.preload1 {background: url(menu/subtop.png);}
.preload2 {background: url(menu/submid.png);}
.preload3 {background: url(menu/subbottom.png);}

#menu_fr         { position: absolute; top:291px; left:12px; width:975px; background: url(images/menu_fond_fr.gif) no-repeat 0 0; z-index:7; }
#menu_en         { position: absolute; top:291px; left:12px; width:975px; background: url(images/menu_fond_en.gif) no-repeat 0 0; z-index:7; }

#item1        { width:25px; height:20px; }
#item2        { width:64px; height:20px; }
#item3        { width:40px; height:20px; }
#item4        { width:100px; height:20px; }
#item5        { width:90px; height:20px;}
#item6        { width:70px; height:20px; }
#item7        { width:75px; height:20px; }
#item8        { width:58px; height:20px; }
#item9        { width:40px; height:20px; }
#item10        { width:55px; height:20px; }

#item1_en        { width:25px; height:20px; }
#item2_en        { width:69px; height:20px; }
#item3_en        { width:40px; height:20px; }
#item4_en       { width:100px; height:20px; }
#item5_en       { width:65px; height:20px;}
#item6_en        { width:70px; height:20px; }
#item7_en        { width:75px; height:20px; }
#item8_en        { width:58px; height:20px; }
#item9_en        { width:40px; height:20px; }
#item10_en        { width:68px; height:20px; }

.menu li.top {display:block; float:left; height:18px; padding-top:5px;}
.menu li a.top_link {display:block; float:left; height:25px; color:#fff; text-decoration:none;}

.menu li a.top_link span {display:block; height:25px; float:left; line-height:14px; font-size:15px; font-weight:bold; padding:0 0px; cursor:pointer;}
.menu li a.top_link b {display:block; width:15px; height:36px; float:left;}
.menu li a.top_link b.down {}
.menu 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 */

.menu a:hover {visibility:visible; position:relative; z-index:500;}
.menu li:hover {position:relative; z-index:800;}

/* 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 {float: left; padding: 5px 0; position:absolute; z-index:900; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:-12px; top:23px; white-space:nowrap; width:170px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; float:left; width:170px; font-weight:normal; background: url(menu/submid.png);}
.menu :hover ul.sub li.fly {background: url(menu/submid_r.png);}

.menu :hover ul.sub li a {display:block; position:relative; font-size:11px; height:12px; width:170px; line-height:20px; text-indent:10px; color:#000; text-decoration:none;background:url(menu/trans.gif);}
.menu :hover ul.sub li a:hover {color:#fff;}

.menu :hover ul.sub :hover > a {color:#fff;}


.menu :hover ul.sub li a.rouge:link    { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.rouge:visited { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.rouge:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #26b8e9; text-decoration: none; text-align: left; }
.menu :hover ul.sub :hover > a.rouge   { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }

.menu :hover ul.sub li a.bleu:link    { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.bleu:visited { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.bleu:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #26b8e9; text-decoration: none; text-align: left; }
.menu :hover ul.sub :hover > a.bleu   { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }

.menu :hover ul.sub li a.rose:link    { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.rose:visited { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.rose:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #26b8e9; text-decoration: none; text-align: left; }
.menu :hover ul.sub :hover > a.rose   { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }

.menu :hover ul.sub li a.orange:link    { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.orange:visited { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.orange:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #26b8e9; text-decoration: none; text-align: left; }
.menu :hover ul.sub :hover > a.orange   { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }

.menu :hover ul.sub li a.vert:link    { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.vert:visited { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.vert:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #26b8e9; text-decoration: none; text-align: left; }
.menu :hover ul.sub :hover > a.vert   { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }

.menu :hover ul.sub li a.violet:link    { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.violet:visited { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }
.menu :hover ul.sub li a.violet:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #26b8e9; text-decoration: none; text-align: left; }
.menu :hover ul.sub :hover > a.violet   { display:block; position:relative; height:12px; width:170px; line-height:20px; font-family:  "centhury gothic", Arial, Helvetica;  font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; text-decoration:none;background:url(menu/trans.gif); }



.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:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

.menu :hover ul.sub li.subtop,
.menu :hover ul :hover ul li.subtop,
.menu :hover ul :hover ul :hover ul li.subtop,
.menu :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(menu/subtop.png);}

.menu :hover ul.sub li.flytop,
.menu :hover ul :hover ul li.flytop,
.menu :hover ul :hover ul :hover ul li.flytop,
.menu :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(menu/subtop_r.png);}

.menu :hover ul.sub li.subbot,
.menu :hover ul :hover ul li.subbot,
.menu :hover ul :hover ul :hover ul li.subbot,
.menu :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(menu/subbottom.png);}

.menu :hover ul.sub li.flybot,
.menu :hover ul :hover ul li.flybot,
.menu :hover ul :hover ul :hover ul li.flybot,
.menu :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(menu/subbottom_r.png);}