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;
}

/*#header .menu li {padding-left:20px; }*/
#header .menu li a {color:#000;text-decoration:underline;}
#header .menu li a:hover{text-decoration:none;}
#header .menu li a:hover{color:#69CC00;}

#header .menu li.aide {background: url(images/puce_aide.gif) no-repeat 0 3px;	font-weight:bold;}
#header .menu li.aide:hover {background-image: url(images/puce_aide2.gif);}

#header .menu li.forum {background: url(images/puce_forum.gif) no-repeat 0 3px;}
#header .menu li.forum:hover {background-image: url(images/puce_forum2.gif);}


#header .menu li.news{background: url(images/puce_news.gif) no-repeat 0 3px;}
#header .menu li.news:hover {background-image: url(images/puce_news2.gif);}


#barNav
{
	width:100%;
	height:37px;
	overflow:hidden;
}

#barNav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#barNav li {float:left;}

a.barNavAction, a.barNavStrategie, a.barNavJdr, a.barNavAventure, a.barNavFamille, a.barNavSport, a.barNavJeux, a.barNavGestion
{display:block;height:36px;}

a.barNavAction span, a.barNavStrategie span, a.barNavJdr span, a.barNavAventure span, a.barNavFamille span, a.barNavSport span, a.barNavJeux span, a.barNavGestion span
{display:none;}

/*** 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;
}
#barNav ul li a {
    display: block;
    height: 36px;
}
#barNav ul li a:hover {
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
}
#barNav ul li a.barNavAction    {width: 100px;}
#barNav ul li a.barNavStrategy  {width: 115px;}
#barNav ul li a.barNavGestion   {width: 99px;}
#barNav ul li a.barNavRole      {width: 142px;}
#barNav ul li a.barNavAventure  {width: 113px;}
#barNav ul li a.barNavFamille   {width: 92px;}
#barNav ul li a.barNavSportSim  {width: 173px;}
#barNav ul li a.barNavJeux      {width: 164px;}
#barNav ul li a.barNavAction_active     {width: 100px;}
#barNav ul li a.barNavStrategy_active   {width: 115px;}
#barNav ul li a.barNavGestion_active    {width: 99px;}
#barNav ul li a.barNavRole_active       {width: 142px;}
#barNav ul li a.barNavAventure_active   {width: 113px;}
#barNav ul li a.barNavFamille_active    {width: 92px;}
#barNav ul li a.barNavSportSim_active   {width: 173px;}
#barNav ul li a.barNavJeux_active       {width: 164px;}
/************ 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 ************/

#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;
}
#containerForum div {
    font-size: 11px
}
#containerForum h1 {
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    visibility: hidden;
}
#containerForum h2, #containerForum h3, #containerForum h4 {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}
#containerForum p {
    font-size: 11px;
    font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    color: #000;
}
#containerForum a {
    font-size:11px; font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    color: #000;
}
#containerForum a:hover {
    font-family: "Trebuchet MS", Verdana, Arial, san-serif;
    font-weight: normal;
    color: #17CA00 !important;
}
#containerForum ul{
    list-style-type: none
}
#containerForum 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;
}