body {
    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #000;
    background: url(images/screen_bg.gif) repeat-x top;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.pngFix {
    behavior: url(/skins/common/css/iepngfix.htc);
}

#containerForum { padding: 5px 10px; }

#header, #footer, #bottomFooter { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; }

#header a, #footer a, #bottomFooter a {
    font-size:11px; font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    text-decoration: underline;
}

#header a:hover, #footer a:hover, #bottomFooter a:hover {
    font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    text-decoration: underline;
}

#body-simple {
    background: #FFF;
    padding: 5px;
}

#screen{margin:0 auto 0 auto;width:1000px;}

#top{width:100%;background-color:red;display:none;}

#left{
    display:none;
    position:relative; float:left;
    width:200px;
    background:blue;
}

#center{
    margin: 0 auto 0 auto;
    position:relative; float:left;
    width:1000px;
}

#container{
    position:relative;
    width:100%;
    text-align: left;
    overflow:hidden;
}

#partnerHeader{
    display:none;
    position:relative;
    width:100%; height:50px;
    background:gray;
}

#borderTop{
    display:none;
    position:relative;
    width:100%; height:10px;
    background:black;
}

#borderLeft{
    position:relative;  float:left;
    width:1px;      height:1px;
    background:#000;
    padding-bottom:3000px;  margin-bottom:-3000px;
    filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;
}

#borderRight{
    position:relative;  float:left;
    width:1px;  height:1px;
    background:#000;
    padding-bottom:3000px;  margin-bottom:-3000px;
    filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;
}

#borderBottom{
    position:relative;
    width:100%; height:5px;
    background: url(images/border_bg.gif);
    border-top:1px solid #b3b3b3;
}

#borderBottom .left{
    position:absolute;
    top:0;  left:0;
    width:5px; height:5px;
    background: url(images/border_left.gif) no-repeat;
}

#borderBottom .right{
    position:absolute;
    top:0;  right:0;
    width:5px; height:5px;
    background: url(images/border_right.gif) no-repeat;

}


#main{
    position:relative; float:left;
    width:998px;
    background:#FFF;
}


#header
{
    position:relative;
    width:100%;
    background-image: url(images/fond_bandeau.gif);
    height:70px;
}

#logo
{
    position:absolute;
    background-image: url(images/logo_metaboli.gif);
    background-repeat:no-repeat;
    width:211px;
    height:51px;
    top:10px;
    left:2.1%;
    cursor:pointer;
}

#logo h1 {visibility:hidden;}

#counter
{
    position:absolute;
    top:18px;
    left:28.85%;
    width:24.55%;
    font-size:11px;
}

#counter img
{
    float:left; margin-right:8px;
}

#counter span {font-weight:bold; margin:3px 5px 0 0;}
#counter a, #counter span {display:block; position:relative; float:left; margin-top:3px;}

#containerButton{
    position:absolute;
    top:0;
    right:0;
    width:48%;
    height:70px;
}

#offer
{
    position:absolute;
    top:18px;
    height:52px;
    right:246px;
    width:161px;
    background-image: url(images/separate_top_left.gif);
    background-position:0 9px;
    background-repeat:no-repeat;
}

#offer .buttonOffer, #member .buttonMember {margin-left:19px;}

#offer a.subLink{
    margin-left:19px;
    padding-left:12px;
    font-size:11px;
    background: url(images/arrowDot.gif) no-repeat 0 5px;
}

#offer a.offer
{
    text-decoration:none;
}

#member
{
    position:absolute;
    top:18px;
    height:52px;
    right:88px;
    width:158px;
    background: url(images/separate_top_left.gif) no-repeat 0 9px;
}

#member a.subLink
{
    margin-left:19px;
    padding-left:12px;
    font-size:11px;
    background: url(images/arrowDot.gif) no-repeat 0 5px;
}

#header .menu
{
    position:absolute;
    right:0;
    top:18px;
    width:74px;
    background: url(images/separate_top_left.gif) no-repeat 0 9px;
    padding-left:14px;
    line-height:15px;
}

#header .menu ul
{

    list-style-type: none;
    padding:0;
    margin:0;
    font-size:10px;
}

/*** Remove this, replace by buttonWidth3 ***/
.buttonWidthSmall {display:block; width:123px;}
.buttonWidthSmallCenter {width:111px;}
/********************************************/

.buttonWidth1 {display:block; width:88px;}
.buttonWidth1Center {width:67px;}

.buttonWidth2 {display:block; width:115px;}
.buttonWidth2Center {width:93px;}

.buttonWidth3 {display:block; width:123px;}
.buttonWidth3Center {width:111px;}

.buttonWidth4 {display:block; width:163px;}
.buttonWidth4Center {width:151px;}

.buttonWidth5 {display:block; width:253px;}
.buttonWidth5Center {width:241px;}

.buttonWidthVariable {padding:0 5px 0 5px}

a span.buttonA_center, a span.buttonB_center, a span.buttonC_center, a span.buttonD_center, a span.buttonE_center {text-decoration:none;}

.buttonA_center, .buttonB_center, .buttonC_center, .buttonD_center, .buttonE_center{
    float:left;
    display:block;
    text-align:center;
    font-size:11px;
    vertical-align:-2px;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    font-family:"Trebuchet MS";
}

.buttonA_center, .buttonB_center {line-height:19px;height:19px;}
.buttonC_center {line-height:18px;height:18px;}
.buttonD_center, .buttonE_center {line-height:17px;height:17px;}
.buttonD_inactive_center{cursor:default;}

.buttonA_center{background: url(images/buttonA_bg.gif) repeat-x;}
.buttonB_center{background: url(images/buttonB_bg.gif) repeat-x;}
.buttonC_center{background: url(images/buttonC_bg.gif) repeat-x;}
.buttonD_center{background: url(images/buttonD_bg.gif) repeat-x;}
.buttonE_center{background: url(images/buttonE_bg.gif) repeat-x;}

.buttonA_left, .buttonB_left, .buttonC_left, .buttonD_left, .buttonE_left{
    display:block;
    float:left;
    cursor:pointer;
}

.buttonA_left, .buttonB_left {height:19px;width:3px;}
.buttonC_left {height:18px;width:3px;}
.buttonD_left, .buttonE_left {height:17px;width:2px;}

.buttonD_inactive_left{cursor:default;}

.buttonA_left {background: url(images/buttonALeft.gif);}
.buttonB_left {background: url(images/buttonBLeft.gif);}
.buttonC_left {background: url(images/buttonCLeft.gif);}
.buttonD_left {background: url(images/buttonDLeft.gif);}
.buttonE_left {background: url(images/buttonELeft.gif);}

.buttonA_right, .buttonB_right, .buttonC_right, .buttonD_right, .buttonE_right{
    display:block;
    float:left;
    cursor:pointer;
}

.buttonA_right, .buttonB_right {height:19px;width:9px;}
.buttonD_right {height:17px;width:19px;}
.buttonC_right {height:18px;width:3px;}
.buttonE_right {height:17px;width:19px;}

.buttonD_inactive_right{cursor:default;}

.buttonA_right {background: url(images/buttonARight.gif);}
.buttonB_right {background: url(images/buttonBRight.gif);}
.buttonC_right {background: url(images/buttonCRight.gif);}
.buttonD_right {background: url(images/buttonDRight.gif);}
.buttonE_right {background: url(images/buttonERight.gif);}

#footer
{
    float:left;
    width:99.7%;
    /*height:126px;*/
    margin:15px 0 0 0;
    position:relative;
    text-align:center;
    background: url(images/bottom_bg.gif) repeat-x 100px 0;
}


#links
{
    position:relative;
    width:100%;

}

#links p
{
    width:100%;
    font-size:10px;
    margin:0 0 0 0;
    padding:14px 0 0 0;
    text-align:center;
}

#links p a {font-size:11px;}

#stats
{
    position:relative;
    width:98.09%;
    height:29px;
    margin:15px auto 0 auto;
    background: url(images/stat_bg.gif);
}

#stats p
{
    margin:0;
    padding:0;
    font-size:10px;
    line-height:28px;
    color:#9a9a9a;
}

#stats strong, #stats em {color:#000;}
#stats em {font-style:normal;}

#bottomInfo
{
    position:relative;
    width:100%;
    font-size:11px;
    height:56px;
}

#bottomInfo .left
{
    position:absolute;
    top:0;
    left:0;
    width:20.20%;
    margin-top:22px;
}

#bottomInfo .center
{
    position:absolute;
    top:0;
    left:20.3%;
    width:33.18%;
    margin-top:22px;
    text-align:center;
}

#bottomInfo img {vertical-align:middle; line-height:56px;}
#bottomInfo img.intel {vertical-align:-2px; line-height:56px;}

#bottomInfo .right
{
    position:absolute;
    top:0; right:0;
    margin-top:9px;
    width:46.57%;
    text-align:right;
}

#bottomFooter{
    text-align: center;
    font-size: 10px;
    margin:10px 0 10px 0;
    color:#999999;
}

#bottomFooter a {
    color:#999999;
    font-size: 10px;
}

#partnerFooter{
    display:none;
    position:relative;
    width:100%; height:50px;
    background:gray;
}

#right{
    display:none;
    position:relative; float:left;
    width:198px;
    background:yellow;
}

#bottom{
    display:none;
    clear:both;
    width:100%;
    background-color:red;
}

#screen {
    margin: 0 auto 0 auto;
    width: 1000px;
}
#top {
    width: 100%;
    display: none;
}
#left{
    display: none;
    position: relative;
    float: left;
    width: 200px;
}
/*** TABS START ***/
#tabs1 {
    margin: 0 auto;
    padding: 0 0 0 10px;
    width: 988px;
    overflow: hidden;
    height: 36px;
    background: url(../../../../skins/common/img/tabs/onglet_bg.gif) no-repeat 0 100%;
}
#tabs1 li {
    float: left;
    margin: 4px 3px 0 0;
}
#tabs1 li a:link, #tabs1 li a:link {
    position: relative;
    display: block;
    float: left;
    width: 141px;
    height: 28px;
    text-indent: -1000em;
    outline: none;
}
#tabs1 li a:link span, #tabs1 li a:link span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#tabs1 li.i1 a:link, #tabs1 li.i1 a:link {
}
#tabs1 li.i1 a:link span, #tabs1 li.i1 a:link span {
    background: url(../../../../skins/common/img/tabs/onglet_forfait01.gif) no-repeat 0 0;
}
#tabs1 li.i2 a:link, #tabs1 li.i2 a:link {
}
#tabs1 li.i2 a:link span, #tabs1 li.i2 a:link span {
    background: url(../../../../skins/common/img/tabs/onglet_achat02.gif) no-repeat 0 0;
}
#tabs1 li.i2 a:link:hover span, #tabs1 li.i2 a:link:hover span {
    background: url(../../../../skins/common/img/tabs/onglet_achat01.gif) no-repeat 0 0;
}
/*** TABS END ***/
#center{
    margin: 0 auto 0 auto;
    position: relative;
    float: left;
    width: 1000px;
    background-color: #FFF;
}
#partnerHeader{
    display: none;
    position: relative;
    width: 100%;
    height: 50px;
}
#container{
    position: relative;
    width: 100%;
    text-align: left;
    overflow: hidden;
}
#main{
    position: relative;
    float: left;
    width: 998px;
/*    background: #FFF;*/
}
/************ HEADER ************/
#header {
    position: relative;
    width: 100%;
    background-image: url(../../../../skins/common/img/header/fond_bandeau.gif);
    height: 70px;
}
#logo {
    position: absolute;
    width: 211px;
    height: 51px;
    top: 10px;
    left: 2.1%;
    cursor: pointer;
}
#counter {
    position: absolute;
    top: 18px;
    left: 28.85%;
    width: 24.55%;
    font-size: 11px;
}
#counter .counterFlash {
    float: left;
    margin-right: 8px;
}
#counter span {
    font-weight: bold;
    margin: 3px 5px 0 0;
}
#counter p {
    display: block;
    position: relative;
    float: left;
    margin-top: 3px;
    font-size:1em;
}
#counter p a {
    margin-left: 3px;
    display: inline;
    float: none;
}
#containerButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 70px;
}
#offer {
    position: absolute;
    top: 18px;
    height: 52px;
    right: 246px;
    width: 161px;
    background: url(../../../../skins/common/img/header/separate_top_left.gif) no-repeat 0 9px;
}
#offer .button, #member .button {
    margin-left: 19px;
}
#offer a.subLink {
    line-height: 24px;
    margin-left: 19px;
    font-size: 11px;
    color: #000;
}
#offer a.offer {
    text-decoration: none;
}
#member {
    position: absolute;
    top: 18px;
    height: 52px;
    right: 88px;
    width: 158px;
    background: url(../../../../skins/common/img/header/separate_top_left.gif) no-repeat 0 9px;
}
#member a.subLink {
    line-height: 24px;
    margin-left: 19px;
    font-size: 11px;
    color: #000;
}
#header .menu {
    position: absolute;
    right: 0;
    top: 18px;
    width: 74px;
    background: url(../../../../skins/common/img/header/separate_top_left.gif) no-repeat 0 9px;
    padding-left: 14px;
    line-height: 15px;
}
#header .menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 10px;
}
#header .menu li a {
    color: #000;
    text-decoration: underline;
    font-size: 10px;
}
#header .menu li a:hover {
    text-decoration: none;
}
#header .menu .puceaide {
    padding-left: 20px;
    background: url(../../../../skins/common/img/header/puce_aide.gif) no-repeat 0 3px;
}
#header .menu .puceaide:hover {
    background-image: url(../../../../skins/common/img/header/puce_aide2.gif);
}
#header .menu .puceforum {
    padding-left: 20px;
    background: url(../../../../skins/common/img/header/puce_forum.gif) no-repeat 0 3px;
}
#header .menu .puceforum:hover {
    background-image: url(../../../../skins/common/img/header/puce_forum2.gif);
}
#header .menu .pucenews {
    padding-left: 20px;
    background: url(../../../../skins/common/img/header/puce_news.gif) no-repeat 0 3px;
}
#header .menu .pucenews:hover {
    background-image: url(../../../../skins/common/img/header/puce_news2.gif);
}
/************ HEADER END ************/
/************ NAVIGATOR ************/
#barNav {
    width: 100%;
    height: 37px;
    overflow: hidden;
}
#barNav ul {
    margin: 0;
    padding: 0;
    height: 37px;
    list-style-type: none;
}
#barNav ul li {
    float:left;
    padding-left:1px;
    background:transparent url("../../../../skins/common/img/navigator/nav_left.gif") no-repeat left 0;
}
#barNav ul li a {
    display: block;
    height: 36px;
    text-align:center;
    position:relative;
    background:transparent url("../../../../skins/common/img/navigator/nav_bg_rightBorder.gif") no-repeat right 0;
}

.navigator_bg .topDecoration {
    width:7px;
    height:6px;
    margin:0 auto;
    background:transparent url("../../../../skins/common/img/navigator/nav_topDecor.gif") no-repeat center 0;
	display:block;
}

#barNav ul li.firstNav {
    padding-left:0;
}

#barNav ul li.firstNav {
    background:none;
}

#barNav ul li a:hover {
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
}

.navigator_bg .mainLabel, .navigator_bg .shadowLabel {
    position:absolute;
    text-align:center;
    top:11px;
    left:0;
}

.navigator_bg .shadowLabel { left:1px; }

.navigator_bg a, .navigator_bg a .mainLabel p, .navigator_bg a .shadowLabel p {
    text-decoration:none !important;
}

.navigator_bg a, .navigator_bg a:hover, .navigator_bg p, .navigator_bg a:hover p {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    cursor:pointer;
}

.navigator_bg .mainLabel p {
    color:#ffffff;
}

.navigator_bg a .shadowLabel p {
    padding-top:1px;
    color:#2A770D;
}

#barNav ul li .barNavAction { width:77px; }
#barNav ul li .barNavAdventure { width:96px; }
#barNav ul li .barNavFamily { width:91px; }
#barNav ul li .barNavKids { width:88px; }
#barNav ul li .barNavShooter { width:65px; }
#barNav ul li .barNavManagement { width:88px; }
#barNav ul li .barNavRole { width:119px; }
#barNav ul li .barNavSport { width:154px; }
#barNav ul li .barNavStrategy { width:91px; }
#barNav ul li .barNavAll { width:120px; }

/************ NAVIGATOR END ************/
/************ BORDER ************/
#borderTop {
    display: none;
    position: relative;
    width: 100%;
    height: 10px;
    background: black;
}
#borderLeft{
    position: relative;
    float: left;
    width: 1px;
    height: 1px;
    background: #000;
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    filter: alpha(opacity=30);
    opacity: .3;
    -moz-opacity: .3;
}
#borderRight {
    position: relative;
    float: left;
    width: 1px;
    height: 1px;
    background: #000;
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    filter: alpha(opacity=30);
    opacity: .3;
    -moz-opacity: .3;
}
#borderBottom{
    position: relative;
    width: 100%;
    height: 5px;
    background: url(../../../../skins/common/img/border_bg.gif);
    border-top: 1px solid #A5A5A5;
}
#borderBottom .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: url(../../../../skins/common/img/border_left.gif) no-repeat;
}
#borderBottom .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 5px;
    background: url(../../../../skins/common/img/border_right.gif) no-repeat;
}
/************ BORDER END ************/


/************ NAVIGATOR TREE ************/
#navTree {
    position: relative;
    width: 100%;
    height: 24px;
    background: #EEEEEE;
    margin: 0 0 15px 0;
}
#navTree p {
    position: absolute;
    top: 4px;
    left: 4px;
    color: #666666;
    width: 50%;
    overflow: hidden;
    height: 20px;
}
#navTree a {
    color: #666666;
}
#navTree .home {
    width: 40px;
    height: 12px;
    padding-left: 15px;
    background: url(../../../../skins/common/img/home.gif) no-repeat 0 2px;
}
#searchNavTree {
    position: absolute;
    height: 17px;
    right:349px;
}
#searchNavTree .navInBoxOk, #searchNavTree .navInBox {
    position: relative;
    float: left;
}
#searchNavTree .navInBoxOk {
    font-weight: bold;
    background: url(../../../../skins/common/img/community/mailClose.gif) no-repeat 0 6px;
}
#searchNavTree .navSearch{
    position: relative;
    float: left;
    padding-left: 20px;
    background: url(../../../../skins/common/img/separe_navSearch.gif) no-repeat 9px 9px;
}
#searchNavTree .navSearch label {
    position: relative;
    float: left;
    margin-right: 5px;
    line-height: 24px;
}
#searchNavTree .navSearch input{
    position: relative;
    float: left;
    margin: 4px 5px 0 0;
    font-size: 11px;
    width: 90px;
    border: 1px solid #666666;
}
#searchNavTree .navSearch a{
    display: block;
    position: relative;
    float: left;
    width: 29px;
    height: 17px;
    background: url(../../../../skins/common/img/buttons/submitSearch.gif);
    margin: 3px 0 0 0;
}
#newsletterNavTree {
    position: absolute;
    height: 17px;
    right:349px;
}
#newsletterNavTree input{
    position: relative;
    float: left;
    margin: 4px 5px 0 0;
    padding-left: 2px;
    font-size: 11px;
    width: 175px;
    color: #666;
    border: 1px solid #999;
}
#newsletterNavTree .button {
    margin-top: 3px;
    cursor: pointer;
}
/************ NAVIGATOR TREE ************/

/* start Global Search Box */

#navTree {
    padding-top:4px;
    height:20px;
}

#navTree input {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#7a7a7a;
    height:15px;
    padding:0 0 0 2px;
    border-color:#7a7a7a;
    border-style:solid none solid solid;
    border-width:1px;
    float:left;
    margin:0;
}

#navTree .activeButton .navTree_button_body {
    background:transparent url("../../../../skins/common/img/search/search_field_bg.gif") repeat-x 0 0;
    height:17px;
    float:left;
    cursor:pointer;
    text-decoration:none;
}

#navTree .activeButton .navTree_button_right {
    background:transparent url("../../../../skins/common/img/search/search_field_right.png") no-repeat 0 0;
    width:2px;
    height:17px;
    float:left;
    cursor:pointer;
}

#navTree .activeButton a:hover .navTree_button_body {
    text-decoration:none;
}

.search_container {
    margin:0 3px 0 0;
    float:right;
    height:20px;
    position:relative;
}

.search_container .search_text {
    width:233px;
}

.search_container .search_button_text {
    font-size:11px;
    color:#ffffff;
    padding-right:3px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.search_button_text .search_pic {
    width:13px;
    height:14px;
    margin:0 4px 0 3px;
}

.buttonNewsletter img {
    width:15px;
    height:11px;
    margin:3px 1px 0 3px;
}

#newsletterNavTree input {
    width:125px;
}

#newsletterNavTree b {
    cursor:pointer;
}

#navTree {
    border-bottom:1px solid #DDDDDD;
    height:20px;
    padding-bottom:1px;
    padding-top:4px;
}

/* end Global Search Box */


/************ NAVIGATOR TREE ************/
/*#navTree {
    position: relative;
    width: 100%;
    height: 24px;
    background: #EEEEEE;
    margin: -1px 0 15px 0;
}
#navTree p {
    position: absolute;
    top: 4px;
    left: 15px;
    color: #666666;
    width: 50%;
    overflow: hidden;
    height: 20px;
}
#navTree a {
    color: #666666;
}
#navTree .home {
    width: 40px;
    height: 12px;
    padding-left: 15px;
    background: url(../../../../skins/common/img/home.gif) no-repeat 0 2px;
}
#searchNavTree {
    position: absolute;
    top: 0;
    right: 20px;
    height: 24px;
}
#searchNavTree .navInBoxOk, #searchNavTree .navInBox {
    position: relative;
    float: left;
    padding-left: 25px;
    line-height: 24px;
}
#searchNavTree .navInBoxOk {
    font-weight: bold;
    background: url(../../../../skins/common/img/community/mailClose.gif) no-repeat 0 6px;
}
#searchNavTree .navSearch{
    position: relative;
    float: left;
    padding-left: 20px;
    background: url(../../../../skins/common/img/separe_navSearch.gif) no-repeat 9px 9px;
}
#searchNavTree .navSearch label {
    position: relative;
    float: left;
    margin-right: 5px;
    line-height: 24px;
}
#searchNavTree .navSearch input{
    position: relative;
    float: left;
    margin: 4px 5px 0 0;
    font-size: 11px;
    width: 90px;
    border: 1px solid #666666;
}
#searchNavTree .navSearch a{
    display: block;
    position: relative;
    float: left;
    width: 29px;
    height: 17px;
    background: url(../../../../skins/common/img/buttons/submitSearch.gif);
    margin: 3px 0 0 0;
}
#newsletterNavTree{
    position: absolute;
    top: 0;
    right: 20px;
    height: 24px;
    padding-left: 20px;
    background: url(../../../../skins/common/img/pic/mail.gif) no-repeat 0 6px;
}
#newsletterNavTree input{
    position: relative;
    float: left;
    margin: 4px 5px 0 0;
    padding-left: 2px;
    font-size: 11px;
    width: 175px;
    color: #666;
    border: 1px solid #999;
}
#newsletterNavTree .button {
    margin-top: 3px;
    cursor: pointer;
}*/
/************ NAVIGATOR TREE ************/
#partnerFooter{
    display: none;
    position: relative;
    width: 100%;
    height:50px;
}
#bottom {
    display: none;
    clear: both;
    width: 100%;
}
#footer {
    float: left;
    width: 99.7%;
    margin: 15px 0 0 0;
    position: relative;
    text-align: center;
    background: url(../../../../skins/common/img/bottom_bg.gif) repeat-x 100px 0;
}
#right {
    display: none;
    position: relative;
    float: left;
    width: 198px;
}
div {
    font-size: 11px
}
h1 {
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    visibility: hidden;
}
h2, h3, h4 {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}
p {
    font-size: 11px;
    font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    color: #000;
}
a {
    font-size:11px; font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    color: #000;
}
a:hover {
    font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    color: #17CA00 !important;
}
ul{
    list-style-type: none
}
img {
    border: 0;
}
#bottomFooter {
    font-size: 10px;
    margin: 10px 0 10px 0;
    color: #999999;
}
#bottomFooter a {
    color: #999999;
}
#bottomFooter .siteText {
    text-align: center;
    padding-top: 20px;
    font-size: 10px;
    color: #999999;
}
.boxBorderLeft  {border-left:1px solid #CCC;}
.boxBorderRight {border-right:1px solid #CCC;}
.boxBorderTop   {border-top:1px solid #CCC;}
.boxBorderBottom {border-bottom:1px solid #CCC;}
.topH3 {
    position: relative;
    padding: 0;
    margin: 0;
    width: 99.7%;
    height: 19px;
    background: url(../../../../skins/common/img/pattern_box.gif);
    overflow: hidden;
}
.topH3 h3 {
    padding: 4px 0 0 27px;
    margin: 0;
    background: url(../../../../skins/common/img/arrowSolidA.gif) no-repeat 9px 9px;
}
.content{
    position: absolute;
    width: 99.7%;
    border-bottom: 1px solid #A5A5A5;
    border-top: 1px solid #A5A5A5;
}
img.gradientBG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.uni05_63 {
    font-family: "Trebuchet MS";
    font-size: 9px;
    color:#000;
}
.uni05_63 span {
    font-family: "Trebuchet MS";
    font-size: 9px;
    color: #000;
    line-height: 14px;
    vertical-align: 0px;
}
.uni05_63 span img {
    line-height: 10px;
    vertical-align: -1px;
}
.uni05_63_FFF {
    font-family: "Trebuchet MS";
    font-size: 9px;
}
.uni05_63_FFF span {
    font-family: "Trebuchet MS";
    font-size: 9px;
    color: #FFF;
    line-height: 10px;
    vertical-align: 0px;}
.uni05_63_FFF span img {
    line-height: 10px;
    vertical-align: -1px;
}
/************ boxH4_2 END ************/
/* -------------------- Buttons Definition ------------------------------------------------------------------------------- */

.buttonWidth0 {display:block; width:42px;}
.buttonWidth0Center {width:21px;}

.buttonWidth1 {display:block; width:88px;}
.buttonWidth1Center {width:67px;}

.buttonWidth2 {display:block; width:115px;}
.buttonWidth2Center {width:93px;}

.buttonWidth3 {display:block; width:123px;}
.buttonWidth3Center {width:111px;}

.buttonWidth4 {display:block; width:163px;}
.buttonWidth4Center {width:151px;}

.buttonWidth5 {display:block; width:253px;}
.buttonWidth5Center {width:241px;}

.buttonWidthVariable {padding:0 5px 0 5px}

.buttonHover a:hover span {filter:alpha(opacity=66); -moz-opacity:.66; opacity:.66;}

a span.buttonA_center, a span.buttonB_center, a span.buttonC_center, a span.buttonC2_center, a span.buttonD_center, a span.buttonE_center {text-decoration:none;}

.buttonA_center, .buttonB_center, .buttonC_center, .buttonC2_center, .buttonD_center, .buttonE_center{
    float:left;
    display:block;
    text-align:center;
    font-size:11px;
    vertical-align:-2px;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    font-family:"Trebuchet MS";
}

.buttonA_center, .buttonB_center {line-height:19px;height:19px;}
.buttonC_center, .buttonC2_center{line-height:18px;height:18px;}
.buttonD_center, .buttonE_center {line-height:17px;height:17px;}
.buttonD_inactive_center{cursor:default;}

.buttonA_center{background: url(../../../../skins/common/img/buttons/buttonA_bg.gif) repeat-x;}
.buttonB_center{background: url(../../../../skins/common/img/buttons/buttonB_bg.gif) repeat-x;}
.buttonC_center, .buttonC2_center{background: url(../../../../skins/common/img/buttons/buttonC_bg.gif) repeat-x;}
.buttonD_center{background: url(../../../../skins/common/img/buttons/buttonD_bg.gif) repeat-x;}
.buttonE_center{background: url(../../../../skins/common/img/buttons/buttonE_bg.gif) repeat-x;}

.buttonA_left, .buttonB_left, .buttonC_left, .buttonC2_left, .buttonD_left, .buttonE_left{
    display:block;
    float:left;
    cursor:pointer;
}

.buttonA_left, .buttonB_left {height:19px;width:3px;}
.buttonC_left, .buttonC2_left {height:18px;width:3px;}
.buttonD_left, .buttonE_left {height:17px;width:2px;}

.buttonD_inactive_left{cursor:default;}

.buttonA_left {background: url(../../../../skins/common/img/buttons/buttonALeft.gif);}
.buttonB_left {background: url(../../../../skins/common/img/buttons/buttonBLeft.gif);}
.buttonC_left, .buttonC2_left {background: url(../../../../skins/common/img/buttons/buttonCLeft.gif);}
.buttonD_left {background: url(../../../../skins/common/img/buttons/buttonDLeft.gif);}
.buttonE_left {background: url(../../../../skins/common/img/buttons/buttonELeft.gif);}

.buttonA_right, .buttonB_right, .buttonC_right, .buttonC2_right, .buttonD_right, .buttonE_right{
    display:block;
    float:left;
    cursor:pointer;
}

.buttonA_right, .buttonB_right {height:19px;width:9px;}
.buttonD_right {height:17px;width:19px;}
.buttonC_right {height:18px;width:3px;}
.buttonC2_right {height:18px;width:9px;}
.buttonE_right {height:17px;width:19px;}

.buttonD_inactive_right{cursor:default;}

.buttonA_right {background: url(../../../../skins/common/img/buttons/buttonARight.gif);}
.buttonB_right {background: url(../../../../skins/common/img/buttons/buttonBRight.gif);}
.buttonC_right {background: url(../../../../skins/common/img/buttons/buttonCRight.gif);}
.buttonC2_right {background: url(../../../../skins/common/img/buttons/buttonCRight2.gif);}
.buttonD_right {background: url(../../../../skins/common/img/buttons/buttonDRight.gif);}
.buttonE_right {background: url(../../../../skins/common/img/buttons/buttonERight.gif);}

/* -------------------- buttons Definition --------------------------------------------------------------------------*/

/* -------------------- Text decorations -----------------------------------------------------------------------------------*/

.littleArrow {
    padding-left: 7px;
    background: url(../../../../skins/common/img/pic/arrowDotSmall.gif) no-repeat 0 6px ;
}
.arrow{
    padding-left: 10px;
    background: url(../../../../skins/common/img/pic/arrowDot.gif) no-repeat left 5px;
}

.bigArrow{
    padding-left:18px;
    background: url(../../../../skins/common/img/pic/arrowDotBig.gif) no-repeat left 6px;
}

.whiteArrow{
    padding-left:8px;
    background:url(../../../../skins/common/img/pic/arrowDotSmallWhite.gif) no-repeat  left 6px;
}

.arrowSolidB{
    padding-left:7px;
    background: url(../../../../skins/common/img/pic/arrowSolidB.gif) no-repeat 0 6px;
}

.link_noUnderline {text-decoration:none;}

/*------------------ Text decorations ------------------------------------------------------------------------------------*/


/* ----------------------------------------------------- Text color ------------------------------------------- */
.errorText {color:#F00 ! important;}

.colorA1, .colorA1 a {color:#73d300;}
.colorA2, .colorA2 a {color:#17ca00;}
.colorA3, .colorA3 a {color:#129101;}

.colorB1, .colorB1 a {color:#fcd996;}
.colorB2, .colorB2 a {color:#fe8d03;}
.colorB3, .colorB3 a {color:#ff5506;}

.colorGrey1, .colorGrey1 a {color:#999999;}
.colorGrey2, .colorGrey2 a {color:#666666;}
.colorGrey3, .colorGrey3 a {color:#454545;}

.colorBlack {color:#000;}
.colorWhite {color:#fff;}

.colorHover:hover {color:#129101;}

.colorB1 a:hover, a.colorB1:hover{color:#fe8d03 !important;} /* colorB2 */
.colorB2 a:hover, a.colorB2:hover{color:#ff5506 !important;} /* colorB3 */
.colorB3 a:hover, a.colorB3:hover{color:#fe8d03 !important;} /* colorB2 */
.colorA2 a:hover, a.colorA2:hover{color:#129101 !important;} /* colorA3 */


.uni05_63_FFF:hover{color:#fff !important;}

/* ----------------------------------------------------- Text color ------------------------------------------- */

/* ----------------------------------------------------- Text Size ------------------------------------------- */
.littleSize{font-size:10px;}
/* ----------------------------------------------------- Text Size ------------------------------------------- */

/************ FOOTER ************/
#links {
    position: relative;
    width: 100%;
}
#links p {
    width: 100%;
    font-size: 10px;
    margin: 0;
    padding: 14px 0 0 0;
    text-align: center;
}
#links p a { font-size:11px; }
#stats {
    position: relative;
    width: 98.09%;
    height: 29px;
    margin: 15px auto 0 auto;
    background: url(../../../../skins/common/img/stat_bg.gif);
}
#stats p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 28px;
    color: #999999;
}
#stats strong, #stats em { color:#000; }
#stats em { font-style:normal; }
#bottomInfo {
    position: relative;
    width: 100%;
    font-size: 11px;
    height: 56px;
}
#bottomInfo .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 20.20%;
    margin-top: 22px;
}
#bottomInfo .center {
    position: absolute;
    top: 0;
    left: 20.3%;
    width: 33.18%;
    margin-top: 22px;
    text-align: center;
}
#bottomInfo img {
    vertical-align: middle;
    line-height: 56px;
}
#bottomInfo img.intel {
    vertical-align: -2px;
    line-height: 56px;
}
#bottomInfo .right {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 9px;
    width: 46.57%;
    text-align: right;
}
/************ FOOTER END ************/
/************ FLASH CONTENT ************/
.flashcontent {
    width: 100%;
    text-align: center;
}
/************ FLASH CONTENT END ************/
/************ MODAL ************/
.mfmodal {
}
.mfmodal .header {
    background-color: #F3F3F3;
    height: 26px;
    padding: 2px 10px;
}
.mfmodal .header h2 {
    font-size: 16px;
    color: #FFAE11;
    position: absolute;
}
.mfmodal .close {
    position: absolute;
    right: 10px;
    top: 5px;
}
.mfmodal .close a {
    padding: 0 0 0 20px;
    background: url(../../../../skins/common/img/pic/close.gif) no-repeat center left;
}
#modal_container {
    background-color: #FFF;
    overflow: auto;
    font-family: "Lucida Grande",Verdana;
    font-size: 12px;
    color: #333;
    text-align: left;
}
#modal_overlay {
    background-color: #000;
}
/************ MODAL END ************/
/************ NEWSLETTER MODAL ************/
#mainPopUp {
    text-align: center;
    width: 400px;
    margin: 0 auto 0 auto;
    position: relative;
    background: #FFF;
}
#mainPopUp .container_button {
    width: 100%;
    height: 25px;
    text-align:center;
}
#mainPopUp p {
    margin: 0 20px 15px 20px;
    padding: 20px 0 0 0;
    text-align: left;
}
#mainPopUp .button_valider {
    width: 123px;
    margin : 15px auto 15px auto;
}
.mentionlegale {
    margin-top: 15px;
    padding: 2px;
    background-color : #F3F3F3;
}
#mainPopUp .mentionlegale p {
    margin-top: 20px;
    clear: both;
    font-size : 10px;
    text-align: justify;
}
.mentionlegale a {
    font-size : 10px;
    font-weight: bold;
}
#MB_header   h2 {
    font-size: 16px;
    color: #FFAE11;
}
/************ NEWSLETTER MODAL END ************/
/************ ERROR MANAGER ************/
.errorsheader h2 {
    font-size: 16px;
    color: #FFAE11;
    padding: 0 0 0 20px;
}
.errors {
    margin: 0 10px 10px 10px;
    font-size: 11px;
}
.errors .space{
    height: 5px;
}
.errors .label {
    width: 100px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    color: #DE1010;
}
.errors .description {
    padding: 0 0 0 10px;
    width: 400px;
    text-align: left;
}
/************ ERROR MANAGER END ************/
/************ UTILS ************/
.temporaryNone {
    display: none;
}
/************ UTILS END ************/
.boxes .container{
    position:relative;
    height:70px;
    width:100%;
    background:#FFF;
}

.boxes .container .line{
    position:relative;
    float:left;
    width:100%;
    height:20px;
    background: url(../../../../skins/common/img/category/stats_bg.gif) repeat-x left 13px;
    font-size:11px;
}

.boxes .container .line .statsTextLeft{
    position:absolute;
    top:0;left:0;
    padding:3px 5px 3px 5px;
    background:#FFF;
    color:#999999;
}

.boxes .container .line .statsTextRight{
    position:absolute;
    top:0;right:0;
    padding:3px 5px 3px 5px;
    background:#FFF;
    text-align:right;
}
.boxTop5Download ul {
    margin: 0;
}
.boxTop5Download .number1, .boxTop5Download .number2, .boxTop5Download .number3, .boxTop5Download .number4, .boxTop5Download .number5 {
        width:43px;
        height:20px;
        position:absolute;
        top:9px;
        left:10px;
}
.boxTop5Download .number1 {width:6px;   background: url(../../../../skins/common/img/number/01.gif) no-repeat top;}
.boxTop5Download .number2 {width:9px;   background: url(../../../../skins/common/img/number/02.gif) no-repeat top;}
.boxTop5Download .number3 {width:9px;   background: url(../../../../skins/common/img/number/03.gif) no-repeat top;}
.boxTop5Download .number4 {width:9px;   background: url(../../../../skins/common/img/number/04.gif) no-repeat top;}
.boxTop5Download .number5 {width:10px;  background: url(../../../../skins/common/img/number/05.gif) no-repeat top;}
.boxTop5Download li{
        /*width:178px;*/
        height:30px;
        border:0;
        border-bottom:1px solid #d8d8d8;
        display:block;
        float:left;
        position:relative;
        width:99.7%;
}
.boxTop5Download ul li img.gradientBG {
        height:29px;
        margin:1px 1px 0;
        width:99.7%;
}
.boxTop5Download li p{
        top:7px;
        left:30px;
        overflow:hidden;
        line-height:20px;
        position:absolute;
}

.boxTop5Download li a strong {width:100%;}
.game img {
    height:126px;
    width:88px;
}

.game .center {
    width:88px;
}

.category .center {
    width:126px;
}

.insideContent {
    background:#FFFFFF none repeat scroll 0%;
    height:153px;
    margin:0pt 5px;
    padding-top:10px;
    position:relative;
}

.insideContent .center {
    margin:0pt auto;
    position:relative;
}


.tabMenu {
    position:relative;
    width:100%;
    height:26px;
}

.tabMenu .bgTabMenu {
    position:absolute;top:25px; left:0;
    width:100%;
    height:1px;
    margin:0; bottom:0;line-height:0;font-size:0;
    background: url(../../../../skins/common/img/tabMenu/tabMenu_bg.gif) repeat-x top left;
    z-index:1;
}
ul.tabMenu {
    position:absolute; top:0; left:0;
    width:100%;
    list-style-type:none;
    margin:0;
    padding:0 0 0 1.5%;
    height:26px;
    z-index:500;
}
ul.tabMenu li {
    margin:0; padding:0;
    display:block;
    height:26px;
    position:relative;
    float:left;
    background: url(../../../../skins/common/img/tabMenu/tabLi_bg.gif) repeat-x;
    overflow:hidden;

}
ul.tabMenu li a:visited, ul.tabMenu li a:active, ul.tabMenu li a:hover {
    color:#FFF;
    text-decoration: none;
}
ul.tabMenu li a {
    float:left;
    height:19px;
    margin:5px 1px 0 1px;
    background:#FFF;
    line-height:19px;
    text-decoration:none;
    color:#FFF;
    font-size:10px;
}
ul.tabMenu li a:hover{color:#fff !important;}
ul.tabMenu li a span{
    display:block;
    height:19px;
    font-family: "trebuchet ms", helvetica, arial;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 1px;
    float:left;
    background: url(../../../../skins/common/img/tabMenu/tab_bg.gif) 0px 0px;
    margin:1px 1px 0 1px;
    padding:0px 5px 0 5px;
    cursor:pointer;
}
ul.tabMenu li a span span{
    position:relative;
    top:3px;
    margin:0;
    padding:0;
    background:none;
}
ul.tabMenu li .tabActiveLeft{
    float:left;
    width:11px;
    height:26px;
    background:#FFF url(../../../../skins/common/img/tabMenu/tabActiveLeft.gif);
    z-index:300;
}
ul.tabMenu li .tabActiveRight{
    float:left;
    width:11px;
    height:26px;
    background:#FFF url(../../../../skins/common/img/tabMenu/tabActiveRight.gif);
    z-index:300;
}
ul.tabMenu li h3{
    display:block;
    float:left;
    padding-top:6px;
    height:20px;
    background:#FFF  url(../../../../skins/common/img/tabMenu/tabActive_bg.gif) repeat-x;
    text-decoration:none;
    color:#000;
    font-size:10px;
    z-index:300;
}

td.top5download {
    vertical-align: top;
}

/************ NEWSLETTER MODAL ************/
#mainPopUp {
    text-align: center;
    width: 500px;
    margin: 0 auto 0 auto;
    position: relative;
    background: #FFF;
}
#mainPopUp .container_button {
    width: 100%;
    height: 25px;
    text-align:center;
}
#mainPopUp p {
    margin: 0 20px 0 20px;
    padding: 10px 0 0 0;
    text-align: left;
}
#mainPopUp .dNewPlayer {
    margin: 20px 0 20px 0;
    padding: 0 0 0 90px;
}
#mainPopUp .button_valider {
    width: 123px;
    margin : 15px auto 15px auto;
}
.mentionlegale {
    margin-top: 15px;
    padding: 2px;
    background-color : #F3F3F3;
}
#mainPopUp .mentionlegale p {
    margin-top: 20px;
    clear: both;
    font-size : 10px;
    text-align: justify;
}
.mentionlegale a {
    font-size : 10px;
    font-weight: bold;
}
#MB_header   h2 {
    font-size: 16px;
    color: #FFAE11;
}
#mainPopUp .newsletter { margin-top: 10px;}
/************ NEWSLETTER MODAL END ************/


.box_best_compatible {
    display:block;
    position:relative;
    height:27px;
}

.box_best_compatible p {
    color:#000000;
    font-family:"Trebuchet MS", Arial;
    font-size:12px;
    font-weight:normal;
}

.logo_browser_FF {
    width:28px;
    height:27px;
    margin-left:13px;
}

.logo_browser_IE {
    margin-left:8px;
}

#bottomInfo .left {
    float:left;
    margin-left:18px;
    margin-top:18px;
    position:relative;
    text-align:left;
    width:70%;
}

#bottomInfo .right {
    float:right;
    height:15px;
    margin-right:16px;
    margin-top:20px;
    position:relative;
    right:auto;
    text-align:right;
    top:auto;
    width:23%;
    margin-bottom:15px;
}

#bottomInfo .leftSpecialCommon {
    width:79%;
    margin-left:3px;
}

#bottomInfo .rightSpecialCommon {
    margin-right:0;
    margin-top:22px;
    width:20%;
}

#bottomInfo .center {
    display:none;
}

.verticalPropertyCompatible {
    margin:18px 0 5px;
}

/* menu d�roulant */
#navigator {
    position:relative;
    z-index:200;
    background:#FFF;
    height:42px;
    width:100%;
}
#navigator ul {position:absolute; top:0; left:0;}
#navigator ul li {
    background: url("/skins/god_enhanced_navigation/img/sepnav.png") no-repeat scroll right 8px transparent;
    display: block;
    float: left;
    height: 42px;
    position: relative;
}
#navigator ul li.last {background:none;}
#navigator ul li a {
    background: url("/skins/god_enhanced_navigation/img/bulletnav.png") no-repeat scroll 50% 0 transparent;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 22px;
    padding: 10px 29px;
    text-decoration: none;
}
#navigator ul.n2 {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 2px 3px #555555;
    left: 0;
    position: absolute;
    top: 43px;
    width: 300px;
}
#navigator ul.bmenu {width:400px;}
#navigator ul.n2 li {width:300px; background:none; border-bottom:1px solid #000; height:34px;}
#navigator ul.bmenu li {width:400px;}
#navigator ul.n2 li.last {border-bottom:none;}
#navigator ul.n2 li a {background:none;}
#navigator ul.n2 li.left {width:199px; border-right:1px solid #000;} 
#navigator ul.n2 li.right {width:200px;} 

#navigator ul.n2 li a {
    position:relative;
    font-size: 14px;
    padding: 8px 0 4px;
    text-indent: 15px;
    width: 100%;
}
#navigator ul.n2 li a:hover {background:#333; color:#fff;}
#navigator li:hover a.top {
    background: url("/skins/god_enhanced_navigation/img/bulletnav.png") no-repeat scroll 50% 0 #ccc;
    color:#000;
    border-radius:3px 3px 0 0;
    box-shadow: 0 2px 3px #555555;
    border-bottom:1px solid #000;
}
#navigator li a.top:hover {background: url("/skins/god_enhanced_navigation/img/bulletnav.png") no-repeat scroll 50% 0 #333;}

#navigator ul.n2 li a em {
    position:absolute;
    top:9px; right:10px;
    font-size:12px; font-style:normal;
    font-weight:normal;
}

#navigator ul ul {display:none;}
#navigator li:hover ul.n2 {display:block;}

#navigator ul, #navigator li {margin:0;}
/* menu déroulant */

#socialHeader {position:absolute; left: 270px; top: 25px;}
.ilike, .plusone {position:relative; float:left;}
.plusone {overflow:hidden;}

.button a {text-decoration:none !important;}