#containerProduct{
position:relative;
float:left;
margin-top:10px;
width:100%;
}

#containerLeft{
position:relative;
float:left;
width:191px;
margin-right:17px;
}

#containerRight{
margin-left:207px;
margin-right:0;
width:auto;
}

.HeaderLeft{
position:relative;
float:left;
width:191px; height:32px;
margin-top:6px;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
}

.HeaderLeft img.gradientBG{
			position: absolute;
			top:0px; left: 0px;
			width: 100%;  height: 100%;
}

.packsBGshadow{
	position:absolute;
	top:1px;
	left:16px;
	width:160px;
	height:35px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/topLeftShadow.gif);
	filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;
	z-index:1;
}

.packsBG{
	position:absolute;
	top:0;
	left:15px;
	width:160px;
	height:35px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/topLeft.gif);
	text-align:center;
	z-index:20;
}

.packsBG h3 {color:#FFF;}
.packsBG p {font-weight:bold; color:#ff5506;font-size:16px;line-height:14px;}
.packsBG a {font-size:13px; color:#666666;font-weight:bold;}
.packsBG a:hover {color:#666666;font-weight:bold;}
.packsBG a strong {color:#ff5506; text-decoration:underline;}

.contentLeft{
position:relative; float:left; 
width:191px;
background: white url(http://img.metaboli.fr/annuaires/images/fr/META/common/gradient.gif) repeat-x bottom left;
border-right:1px solid #cccccc;
border-bottom:1px solid #a5a5a5;
text-align:center;
}

#containerLeft .boxshot {text-align:center; margin-top:10px; }
#containerLeft .buttonDownload {text-align:center; border:0; margin-top:10px;}

#containerLeft .buttonOptions {position:relative;text-align:center; border:0; margin:0 0 0 0; cursor:pointer}


#containerLeft .optionExpand{
	visibility:hidden;
	position:absolute;
	left:-1;
	top:0;
	margin:29px 0px 0px 17px;
	width:154px;
	background:#FFF;
	border: 1px solid #FF5506;
	border-top:0;
	z-index:100;
}

#containerLeft .optionExpand ul.optionList{
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	background:#FFF;
	text-align:left;
	width:100%;	
	font-size:0px;
}

#containerLeft .optionExpand ul.optionList li a{
	display:block;
	padding:0;
	margin:0;
	width:100%;	
	color:#666666;
	font-size:10px;
	text-decoration:none;
	text-indent:5px;
	background:#FFF;
}

#containerLeft .optionExpand ul.optionList li {
	width:100%;
	background:#FFF;
}

#containerLeft .optionExpand ul.optionList li a:hover{
	background:#FE8D03;
	color:#FFF !important;
}


.contentLeft .section
{
	position:relative;
	width:159px;
	margin:10px auto 0 auto;
	padding:8px;
	text-align:left;
	border-top:1px solid #cccccc;
}

.contentLeft .section h4{
	font-size:10px;
	font-weight:bold; color:#666666;
	padding:0 0 5px 25px;
}

.contentLeft .gameSize h4 {background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/pictoHD.gif) no-repeat top left;}
.contentLeft .downloadTime h4 {background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/pictoTime.gif) no-repeat top left;}
.contentLeft .downloadTime h4 {height:19px;line-height:19px;}
.contentLeft .documentation h4 {background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/pictoDocumentation.gif) no-repeat top left;}
.contentLeft .documentation h4 {height:20px;line-height:20px;}
.contentLeft .configuration h4 {background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/pictoConfig.gif) no-repeat top left;}
.contentLeft .configuration h4 {height:19px;line-height:19px;}
.contentLeft .infos h4 {background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/pictoConfig.gif) no-repeat top left;}
.contentLeft .infos h4 {height:19px;line-height:19px;}

.contentLeft .section p{
	 font-size:10px;
	 color:#666666;
}

.contentLeft .section p strong {font-weight:normal; color:#129101; }

.contentLeft .section img.picto {position:absolute; top:6px; right:5px;}

.topH3 .picto {position:absolute; top:3px; right:5px;}

.contentLeft .section table{
	margin-top:6px;
	font-size:10px;
	width:100%;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

.contentLeft .section th{
	background:#eeeeee;
}

.contentLeft .section th, .contentLeft .section td{
	padding:0 1px 0 2px;
	border:1px solid #cccccc;
}

.contentLeft .section a{
	display:block;
	padding-left:7px;
	color:#17ca00;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/arrowDotSmall.gif) no-repeat left 6px ;
	font-size:10px;
}

.contentLeft .section a.parentControl {background:none; padding-left:0; margin:0; float:left; text-decoration:none;}

.contentLeft .section ul{
	margin:0; padding:0;
	font-size:10px;
	list-style-type:none;
	color:#666666;
}

.contentLeft .section li{
	padding:0 0 0 6px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/dotLiSection.gif) no-repeat 1px 7px ;
	/*height:18px;*/
	text-align:left;
	margin-bottom: 3px; 
}

#containerRight .header{position:relative; margin-bottom:10px;}

#containerRight .header H2
{
	position:relative; float:left;
	line-height:50px; 
}

#containerRight .header H2 a {color:#fe8d03;font-size:22px;}

#containerRight .header p  {position:relative;float:left; margin-left:10px; color:#666666; font-size:17px;line-height:30px;}
#containerRight .header p a {color:#454545; font-size:17px;}

#tabBox {position:relative; float:left; width:99.7%;}

#bottomBox{
	position:relative; float:left; width:99.7%;
	margin:15px 0 0 0;
	height:378px;
}

#row1Container{
position:absolute; top:0; left:0; width:100%; height:166px;
}

#row2Container{
	position:absolute;
	top:190px;
	left:0;
	width:100.3%;
	height:178px;
} 

ul.tabMenu{padding-left:0;}

a.tabPresentationON, a.tabScreenshot, a.tabCritical, a.tabPlayer, a.tabCaracteristique
{display:block;height:27px;}

a.tabPresentationON span, a.tabScreenshot span, a.tabCritical span, a.tabPlayer span, a.tabCaracteristique span
{display:none;}
a.tabPresentationON h3 {display:none;}

a.tabPresentationON {width:143px;background-image: url(http://img.metaboli.fr/annuaires/images/fr/META/product/tabs/presentationON.gif);}
a.tabScreenshot {width:152px;background-image: url(http://img.metaboli.fr/annuaires/images/fr/META/product/tabs/screenshot.gif);}
a.tabCritical {width:85px;background-image: url(http://img.metaboli.fr/annuaires/images/fr/META/product/tabs/critical.gif);}
a.tabPlayer {width:131px;background-image: url(http://img.metaboli.fr/annuaires/images/fr/META/product/tabs/players.gif);}
a.tabCaracteristique {width:127px;background-image: url(http://img.metaboli.fr/annuaires/images/fr/META/product/tabs/caracteristique.gif);}

#contentTab{
	position:relative; float:left; width:99.7%;
	background: white url(http://img.metaboli.fr/annuaires/images/fr/META/common/gradient.gif) repeat-x bottom left;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #a5a5a5;
	text-align:center;
}

#contentTabInside{
	margin:5px auto 5px auto;
	background:#FFF;
	width:99%;
	text-align:left;
}

#presentationLeft{
	margin-right:298px;
	margin-left:0;
	padding:0 20px 0 10px;
	width:auto;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/separationDottedVertical.gif) repeat-y right top;
	font-size:11px;
	color:#000;
	min-height:1010px !important;
	height:600px;
}

#presentationRight{
	position:relative;
	float:right;
	width:298px;
}

.favourite{
	margin-bottom:10px;
	width:175px; height:21px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/favourite.gif);
}

.favourite span{display:none;}

#presentationLeft h3{

}

.separeDot{
margin:5px 0 9px 0; padding:0;
width:99%;
height:10px;
background:url(http://img.metaboli.fr/annuaires/images/fr/META/common/separe_dot.gif) repeat-x left center;
}

.separeDotPresse{display:block;}

.containerInsideTab{
	width:99%;
	/* min-height:290px !important;
	height:270px; */
}

.partLeft{
	position:relative;
	margin-left:0;
}
.partLeftPresse{display:block;}
.partRightPresse{display:block;}

.partLeft .topH4_2 {width:88%;}

.partRight1, .partRight2{
	position:relative;
	float:right;
	width:134px;
}

.partRight1{
	height:41px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/ratingGame.gif) no-repeat right top;
}

.partRight2{
	height:100px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/rating.gif) no-repeat right top;
}


.topH4_2 h4{position:relative; float:none;width:99.2%;}

#presentationLeft .player, .scrollReview .player { 
height:19px;
padding-top:4px;
color:#fe8d03;
background:url(http://img.metaboli.fr/annuaires/images/fr/META/picto/player.gif) no-repeat left top;
}

#presentationLeft .player a, .scrollReview .player a{
	background:none;
	color:#fe8d03;
	padding-left:20px;
}

#presentationLeft a.press{
color:#454545;
}

.partRight1 h4, .partRight2 h4{
position:absolute;
top:4px;
left:10px;
color:#666666;
font-size:11px;
}

.partRight1 strong, .partRight2 strong{
display:block;
position:absolute;
top:3px;
right:8px;
color:#fe8d03;
text-align:right;
font-size:12px;
}

.partRight2 strong, .partRight2 h4 {top:2px;}

.partRight1 a{
	position:absolute;
	top:23px;
	left:12px;
	color:#FFF;
	padding-left:8px;
	background:url(http://img.metaboli.fr/annuaires/images/fr/META/picto/arrowDotSmallWhite.gif) no-repeat  left 6px;
}

.partRight2 img.gen4{
	position:absolute;
	top:52px;
	left:29px;
}

#presentationLeft .spaceWhiteBottom{
height:20px;
}

#presentationRight .video{
position:relative;
width:245px;
height:192px;
margin:0 0 4px 26px;
background:url(http://img.metaboli.fr/annuaires/images/fr/META/product/video_bg.gif);
}

#presentationRight .screenshot{
position:relative;
width:244px;
height:210px;
margin:0 0 4px 26px;
background:url(http://img.metaboli.fr/annuaires/images/fr/META/product/screen_bg.gif);;
}

#presentationRight .video h4, #presentationRight .video h5, #presentationRight .video a.scale, #presentationRight .screenshot h4, #presentationRight .screenshot h5{
	position:absolute;
	top:4px;
}

#presentationRight .video h4, #presentationRight .screenshot h4 {left:16px; color:#fff;}
#presentationRight .video h5 {left:60px; margin:0; padding:0; color:#FFF; font-size:8px; }
#presentationRight .screenshot h5 {left:100px; margin:0; padding:0; color:#FFF; font-size:8px;}
#presentationRight .video h5 a, #presentationRight .screenshot h5 a {color:#FFF;font-size:8px;}
#presentationRight .video a.scale {
	left:170px;text-decoration:none;padding-right:20px;
	background:url(http://img.metaboli.fr/annuaires/images/fr/META/product/screen_scale.gif) no-repeat right top;
	color:#fff;
}
#presentationRight .video .flash{
	position:absolute;
	top:22px;
	left:13px;
	width:216px;
	height:162px;
	background:#000;
}

#presentationRight .screenshot a.arrow{
	display:block;
	position:absolute;
	top:180px; left:60px;
	color:#FFF;
	padding-left:10px;
	background:url(http://img.metaboli.fr/annuaires/images/fr/META/picto/arrowWhite.gif) no-repeat left 7px;

}

.screenshot .diapo{
	position:absolute;
	top:24px; left:13px;
	width:230px; height:149px;
}

.screenshot .diapo .picture{
position:relative; float:left; margin:0 15px 9px 0;
width:100px; height:70px;
overflow:hidden;
border:0;
}

.screenshot .diapo .picture a.zoom{
	display:block;
	position:absolute;
	top:54px; left:60px;
	width:36px; height:11px;
	background:#000;
	filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	line-height:9px;
	padding:0; margin:0;
	padding-left:4px;
}

#row1Container .boxLeft{
position:relative;
float:left;
width:57.14%;
height:100%;
}

#row1Container .boxLeft .content{height:154px;padding:0;margin:0;}


#row1Container .boxRight{
position:relative;
float:right;
width:40.32%;
height:100%;
}

/*
#row1Container .boxRight .boxTop5Download Ul {height:145px}
#row1Container .boxRight .boxTop5Download li {height:28px;}
#row1Container .boxRight .boxTop5Download .number1, .boxTop5Download .number2, .boxTop5Download .number3, .boxTop5Download .number4, .boxTop5Download .number5 {height:28px}
*/

#siteInfo .content{height:160px;}

#siteInfo .content .left{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
	padding:0;margin:0;
}

#siteInfo .content .center{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
	padding:0;margin:0;
}

#siteInfo .content .right{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
	padding:0;margin:0;
}

.topH4_1 h4{
	width:100%; height:19px;
	border:0;
	border-bottom:1px solid #73d300;
}

#siteInfo .left .topH4_1 span.top3 {position:absolute; display:block; top:0; left:0; background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/stats.gif) no-repeat 3px 2px;}
#siteInfo .center .topH4_1 span.top3 {position:absolute; display:block; top:0; left:0; background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/trophy.gif) no-repeat 3px 2px;}
#siteInfo .right .topH4_1 span.newsletter {position:absolute; display:block; top:0; left:0; background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/mail.gif) no-repeat 3px 5px;}

#siteInfo .left .container{
	width:99%; height:115px;
	background:#FFF;
}

#siteInfo .left .line{
position:relative;
float:left;
width:100%;
height:20px;
background: url(http://img.metaboli.fr/annuaires/images/fr/META/category/stats_bg.gif) repeat-x left 13px;
font-size:11px;
}

#siteInfo .left .line .statsLeft{
	position:absolute;
	top:0;left:0;
	padding:3px 5px 3px 5px;
	background:#FFF;
	color:#999999;
}

#siteInfo .left .line .statsRight{
	position:absolute;
	top:0;right:0;
	padding:3px 5px 3px 5px;
	background:#FFF;
	text-align:right;
}

#siteInfo .content .center .top3table table{border:0;padding:0;margin:0;height:115px;}

#siteInfo .content .center .top3table .min {height:20px;}
#siteInfo .content .center .top3table tr {height:24px;}
#siteInfo .content .center .top3table .bottomrow {background:#FFF; height:20px;}
#siteInfo .content .center .top3table .bottomrow a
{
	margin-left:-5px;
	padding-left:15px;
	line-height:18px;
}

#siteInfo .content .right .boxes .topH4_1 h4 {border:0; width:100%;border-bottom:1px solid #23d505;}

#siteInfo .content .right .newsletterForm{
	margin:0;	padding:0;
	height:115px;
	background:#FFF;
	font-size:11px;
	width:100%;
	border:0;
	text-align:left;
}

#siteInfo .content .right .newsletterForm form.newsletter {padding-left:3%;padding-top:5px; border:0;}
#siteInfo .content .right .newsletterForm input.saisie {width:63.5%; margin-top:2px; text-align:left; float:left;}
#siteInfo .content .right .newsletterForm img.submit {padding-top:1px; float:left;}
#siteInfo .content .right .newsletterForm p {float:left; text-align:left;}
#siteInfo .content .right .newsletterForm label {float:left; text-align:left; margin-top:18px;color:#fe8d03;font-size:11px; }


#row1Container .boxshotsContainer{
	position:absolute;
	width:100%;
	height:100%;
	padding: 8px 0px 0px 0px;
	overflow:hidden;
}

#row1Container .boxshotsContainer .boxshot{	
	position:relative;	
	width:33%;		
	width:24.9%;
	height:134px;
	float:left;
	text-align:center;
	margin-bottom:20px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/product/separationBoxshot.gif) repeat-y top right;	
}

#row1Container .boxshotsContainer .boxshotThird{
	background: none;
}

#row1Container .boxshotsContainer .boxshotLast{
	background: none;
}

#row1Container .boxshotsContainer .boxshot a img{
	margin: 0px auto 0px auto;
	width:75px;
	height:108px;
	border:1px solid #000;
}

#row1Container .boxshotsContainer .boxshot a.link{
	display:block;
	margin: 0px auto 0px auto;
	text-align:left;
	width:75px;
	margin-top:1px;
	line-height:14px;
}

.productBottomClear{
	clear:both;
	}
	
#containerRight .header .addGame, #containerRight .header .listGame  {
	position:relative; 
	float:left; 
	margin-left:10px; 
	width:25px; 
	height:25px; 	
	z-index:1000; 
	cursor:pointer;
}

#containerRight .header .addGame {background:url(http://img.metaboli.fr/annuaires/images/fr/META/buttons/buttonAdd.gif) no-repeat; display:none}
#containerRight .header .listGame {background:url(http://img.metaboli.fr/annuaires/images/fr/META/buttons/buttonList.gif) no-repeat; display:none}


.addGame #bubble, .listGame #bubble{
	position:absolute;
	top:0; left:22px;
	width:95px; height:22px;	
	font-size:10px;
	line-height:10px;
	padding:1px 3px 0 10px;
	color:#454545;
	cursor:default;
}

.addGame #bubble {display:none; background:#FFF7EF; border:1px solid #73d300;}
.listGame #bubble {display:none; background:#FFF7EF; border:1px solid #B603A5;}

#bubble a{font-size:10px; font-weight:bold; color:#454545;}

.addGame #bubble .borderRight, .listGame #bubble .borderRight{
	position:absolute;
	top:-1px; right:-2px;
	width:3px; height:25px;	
}
#bubble .borderRight {background:url(http://img.metaboli.fr/annuaires/images/fr/META/product/bubble_addGame_rightBG.gif);}

#fullscreenContent .fullScreenText{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

#row3Container
{
float: left;
margin-top: 15px;
text-align : center;
}

#row3Container a
{
color: #129101;
}

#row3Container p
{
margin: 0 auto 0 auto;
}


/**** parentPopup START ****/

#parentPopup {
	text-align: center;
	width:400px;
	margin:0 auto 0 auto;
	padding:15px 0 12px 0;
	position:relative;
	background:#FFF;
}

#parentPopup .container_button {
	width: 100%;
	height: 25px;
	text-align:center;
}

#parentPopup p {
	margin: 15px 20px 15px 20px;
	text-align: justify;
}

#parentPopup .button {
	width: 165px;
	margin: 15px auto 15px auto;
}

#parentPopup h2 {
	padding:15px 0 0 0;
	font-size:16px;
	color:#FFAE11;
}

#parentPopup .close {
	position:absolute;
	top:5px;
	right:5px;
	padding-left:20px; 
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/close.gif) no-repeat center left;
}

/**** parentPopup END ****/

/**** multiplayerKeyPopup START ****/

#multiplayerKeyPopup {
	text-align: center;
	width:420px;
	margin:0 auto 0 auto;
	padding:15px 0 30px 0;
	position:relative;
	background:#FFF;
}

#multiplayerKeyPopup .container_button {
	width: 100%;
	height: 25px;
	text-align:center;
}

#multiplayerKeyPopup p {
	margin: 15px 20px 15px 20px;
	text-align: justify;
}

#multiplayerKeyPopup .textField {
	width: 250px;
	height:15px;
	font-size:12px;
	margin-right:5px;
}

#multiplayerKeyPopup .button {
	width: 60px;
	font-size:12px;
}

#multiplayerKeyPopup h2 {
	padding:15px 0 0 0;
	font-size:16px;
	color:#FFAE11;
}

#multiplayerKeyPopup .close {
	position:absolute;
	top:5px;
	right:5px;
	padding-left:20px; 
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/close.gif) no-repeat center left;
}

/**** multiplayerKeyPopup END ****/

