/* Copyright Thot'em Interactif 2008 */
/* menu.css */

#top-menu-1                       {  }
#top-menu-1 ul#menutop            { padding-left: 136px; }
#top-menu-1 ul#menutop li         { float: left; padding-right: 15px; }
#top-menu-1 ul#menutop li a       { font: 12pt/1.5em Arial, Verdana, Sans-Serif; color: #CCCCCC; font-weight: bold; }
#top-menu-1 ul#menutop li a:hover { color: #FABB00; }

#top-menu-1 ul#menusocial         { padding-top: 2px; }
#top-menu-1 ul#menusocial li      { float: left; padding-right: 2px; }

#top-menu-1 ul#menulang           { float: left; padding-left: 10px; padding-top: 3px;}
#top-menu-1 ul#menulang li        { float: left; padding-right: 2px; }


#top-menu-2 li              { float: left; }
#top-menu-2 li.li-playnow   { width: 124px; height: 40px; }
#top-menu-2 li.li-playnow a { width: 124px; height: 40px; display: block; }
#top-menu-2 li.li-ps3       { width: 89px; height: 40px; margin-left: 79px; }
#top-menu-2 li.li-ps3 a     { width: 89px; height: 40px; display: block; }
#top-menu-2 li.li-xbox360   { width: 145px; height: 40px; margin-left: 2px; }
#top-menu-2 li.li-xbox360 a { width: 145px; height: 40px; display: block; }
#top-menu-2 li.li-wii       { width: 71px; height: 40px; margin-left: 2px; }
#top-menu-2 li.li-wii a     { width: 78px; height: 40px; display: block; }
#top-menu-2 li.li-pc        { width: 71px; height: 40px; margin-left: 2px; }
#top-menu-2 li.li-pc a      { width: 78px; height: 40px; display: block; }
#top-menu-2 li.li-rules     { width: 71px; height: 40px; margin-left: 24px; }
#top-menu-2 li.li-rules a   { width: 71px; height: 40px; display: block; }

#top-menu-2 li.hover        { border-top: 1px solid red; width: 100%; }

#top-menu-2 ul ul           { display: none; }
#top-menu-2 ul li:hover ul { display: block; position: absolute; z-index: 200; top: auto; left: auto; border: 3px solid #0d0f10; }
#top-menu-2 ul li:hover ul li { clear: both; width: 100%; padding: 0; border-top: 1px solid #0d0f10; border-bottom: 1px solid #0d0f10; background: #484949; opacity: 0.8; filter: alpha(opacity=80); }
#top-menu-2 ul li:hover ul li:hover { background: #0d0f10; }
#top-menu-2 ul li:hover ul li a { font: 10pt/3em Verdana, Arial, Sans-Serif; font-weight: bold; text-decoration: none; background: none; color: #FACD2A; }
#top-menu-2 ul li:hover ul li.cat-sport a { background: url(../media/site/cat_sport.png) 5px 8px no-repeat; padding-left: 40px;  }
#top-menu-2 ul li:hover ul li.cat-shooter a { background: url(../media/site/cat_shooter.png) 5px 8px no-repeat; padding-left: 40px;  }
#top-menu-2 ul li:hover ul li.cat-fight a { background: url(../media/site/cat_fight.png) 5px 8px no-repeat; padding-left: 40px;  }
#top-menu-2 ul li:hover ul li.cat-racing a { background: url(../media/site/cat_racing.png) 5px 8px no-repeat; padding-left: 40px;  }
#top-menu-2 ul li:hover ul li.cat-strategy a { background: url(../media/site/cat_strategy.png) 5px 8px no-repeat; padding-left: 40px;  }
#top-menu-2 ul li:hover ul li.cat-others a { background: url(../media/site/cat_others.png) 5px 8px no-repeat; padding-left: 40px;  }

#box-onglets        { position: relative; padding-left: 10px;  }
#box-content        { position: relative; z-index: 0; }
#box-onglets ul        { position: absolute; height: 30px; padding-top: 4px; }
#box-onglets ul li        { position: relative; float: left;  height: 29px; margin-right: 2px; text-align: center; }

#box-onglets ul li div.li-onglets-left    { float: left; width: 12px; height: 29px; background: url(../media/site/onglets-back-left.png) top no-repeat; }
#box-onglets ul li div.li-onglets-middle  { float: left; height: 29px; background: url(../media/site/onglets-back-middle.png) top repeat-x; }
#box-onglets ul li div.li-onglets-right       { float: left; width: 12px; height: 29px; background: url(../media/site/onglets-back-right.png) top no-repeat; }

#box-onglets ul li.isactive div.li-onglets-left    { float: left; width: 12px; height: 29px; background: url(../media/site/onglets-back-left-active.png) top no-repeat; }
#box-onglets ul li.isactive div.li-onglets-middle  { float: left; height: 29px; background: url(../media/site/onglets-back-middle-active.png) top repeat-x; }
#box-onglets ul li.isactive div.li-onglets-right   { float: left; width: 12px; height: 29px; background: url(../media/site/onglets-back-right-active.png) top no-repeat; }


#box-onglets ul li a  { line-height: 2.7em; font-weight: bold; display: block; }