.top3table table{width:99.95%;}

#categoryHeader{
	position:relative; float:left;
	margin-top:-15px;
	width:100%;
	height:57px;	
}

.cat_0 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_default.jpg) no-repeat left top;} /* tous les jeux */
.cat_13 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_action.jpg) no-repeat left top;} /* action */
.cat_17 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_strategie.jpg) no-repeat left top;} /* stratégie */
.cat_37 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_gestion.jpg) no-repeat left top;} /* gestion */
.cat_25 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_jdr.jpg) no-repeat left top;} /* jeux de rôle */
.cat_14 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_aventure.jpg) no-repeat left top;} /* aventure */
.cat_36 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_famille.jpg) no-repeat left top;} /* famille */
.cat_16 {background: url(http://img.metaboli.fr/common/V4/images/categoryHeaders/header_sportSim.jpg) no-repeat left top;} /* sport simulation */

#categoryHeader .HeaderLeftSpace{
	position:relative;
	float:left;
	width:179px;
	height:57px;
}

#categoryHeader .HeaderLeftText{
	margin-right:98px;
	margin-left:0;
	width:45%;
	height:57px;
}

#categoryHeader h2{
	margin-top:8px;
	font-size:17px;
}

#categoryHeader p , #categoryHeader p a{
	font-size:13px;
	font-weight:bold;
	color:#666666;
}

#categoryHeader .HeaderRightText{
	display:block;
	position:absolute;
	top:11px;
	left:45.09%;
	width:54.9%;
	color:#fe8d03;
}

#categoryHeader .HeaderRightText div{
	margin:1px 0 2px 0;	padding:0;
	position:relative;
	float:left;
	width:333px;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
}

#categoryHeader .HeaderRightText div strong{font-size:16px;}
#categoryHeader .HeaderRightText div strong.big{font-size:19px;}

#categoryHeader .HeaderRightText a{
	display:block;
	position:relative;
	float:left;
	margin-top:2px;
	width:200px;
	font-size:10px;
	padding-left:12px;
	color:#454545;
	font-weight:bold;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/arrowDot.gif) no-repeat left 5px;
	line-height:16px;
}

#categoryHeader .HeaderRightText a strong {font-size:13px;}

#bottomContainer{
	position:relative;
	float:left;
	margin:9px 0 12px 0 ;
	width:100%;
	height:170px;

}

#bottomContainer .boxLeft{
	position:absolute;
	top:0;
	left:0;
	width:65.33%;
	height:170px;
} 

.boxLeft .content{height:154px;}

#bottomContainer .left{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
}

#bottomContainer .center{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
}

#bottomContainer .right{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
}

#bottomContainer .boxRight{
	position:absolute;
	top:0;
	right:0;
	width:32.16%;
	height:170px;
}


#catalogue{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	/*height:415px;*/
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/category/catalogue/bottomShadow.gif) repeat-x bottom left;
	border-top: solid 1px #a5a5a5;
	overflow:hidden;	
}

#catalogue .actionBar{
	position:absolute;
	width:100%;
	height:25px;
}

#catalogue .actionBarBottom{bottom:4px;}

#catalogue .actionBar p {
	position:absolute;
	top:3px;
}
	
#catalogue .actionBar p.genre {left:13px;}
#catalogue .actionBar p.order {left:209px;}
#catalogue .actionBar p.offer {left:507px;}

#catalogue .actionBar .selectBoxGenre, #catalogue .actionBar .selectBoxOrder, #catalogue .actionBar .selectBoxOffer, #catalogue .actionBar .selectBoxOffer {
	position:absolute;
	top:3px;
	height:17px;
	text-indent:7px;
	border: solid 1px #a5a5a5;
	background:url('http://img.metaboli.fr/annuaires/images/fr/META/buttons/selectBox.gif') no-repeat 100% 1px #FFF;
	color:#454545;
	font-size:11px;
	cursor:pointer;
	overflow:hidden;	
}

#catalogue .actionBar .selectBoxGenre{left:57px; width:128px;}
#catalogue .actionBar .selectBoxOrder{left:313px; width:169px;}
#catalogue .actionBar .selectBoxOffer{left:542px; width:149px;}
#catalogue .actionBar .selectBoxGenreBottom{left:57px; width:98px;}
#catalogue .actionBar .selectBoxOrderBottom{left:283px; width:169px;}
#catalogue .actionBar .selectBoxOfferBottom{left:512px; width:149px;}

#catalogue .actionBar .selectBoxGenreExpand, #catalogue .actionBar .selectBoxOrderExpand, #catalogue .actionBar .selectBoxOfferExpand{
	position:absolute;
	visibility:hidden;
	text-indent:7px;
	border: solid 1px #a5a5a5;
	background:#FFF;
	z-index:100;
}

#catalogue .actionBar .selectBoxGenreExpand{left:57px; top:21px;width:128px; }
#catalogue .actionBar .selectBoxOrderExpand{left:313px; top:21px; width:169px;}
#catalogue .actionBar .selectBoxOfferExpand{left:542px; top:21px;width:149px;}
#catalogue .actionBar .selectBoxGenreExpandBottom{left:57px; width:128px;}
#catalogue .actionBar .selectBoxOrderExpandBottom{left:313px; width:169px;}
#catalogue .actionBar .selectBoxOfferExpandBottom{left:542px; width:149px;}
	
#catalogue .actionBar ul{
	list-style-type:none;
	padding:0;
	margin:0;
	z-index:100;
}

#catalogue .actionBar li a{
	display:block;
	padding:0;
	margin:0;
	width:100%;
	color:#454545;
	font-size:11px;
	text-decoration:none;
	z-index:100;

}
#catalogue .actionBar li a:hover{
	background:#b7ff00;
	z-index:100;
}

#catalogue .actionBar .separation1, #catalogue .actionBar .separation2, #catalogue .actionBar .separation3{
	position:absolute;
	top:3px;
	height:19px;
	width:2px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/category/catalogue/barSeparation.gif) repeat-y;
}

#catalogue .actionBar .separation1 {left:198px;}
#catalogue .actionBar .separation2 {left:494px;}
#catalogue .actionBar .separation3 {left:703px;}


#catalogue .actionBar .navigation {
	position:absolute;
	top:3px;
	right:13px;
}

#catalogue .actionBar .navigation .pageIndex{
	float:left;
	text-align:right;	
	font-size:11px;
	font-weight:bold;
	padding: 2px 12px 0px 12px;
	color:#454545;
}

#catalogue .actionBar .navigation .pageIndex a{font-size:11px;}
#catalogue .actionBar .navigation .pageIndex a.selected {font-weight:bold;}


#catalogue .actionBar .navigation .buttonLeft, #catalogue .actionBar .navigation .buttonRight, #catalogue .actionBar .navigation .buttonLeft_inactive, #catalogue .actionBar .navigation .buttonRight_inactive {
	float:left;
	width:24px; height:20px;
}

#catalogue .actionBar .navigation .buttonLeft {background: url(http://img.metaboli.fr/annuaires/images/fr/META/buttons/buttonNavLeft.gif) no-repeat; cursor:pointer;}
#catalogue .actionBar .navigation .buttonLeft_inactive {background: url(http://img.metaboli.fr/annuaires/images/fr/META/buttons/buttonNavLeft_inactive.gif) no-repeat; cursor:default;}
#catalogue .actionBar .navigation .buttonRight {background: url(http://img.metaboli.fr/annuaires/images/fr/META/buttons/buttonNavRight.gif) no-repeat; cursor:pointer;}
#catalogue .actionBar .navigation .buttonRight_inactive {background: url(http://img.metaboli.fr/annuaires/images/fr/META/buttons/buttonNavRight_inactive.gif) no-repeat; cursor:default;}

#catalogue .legend{
	position:absolute;
	bottom:30px;
	width:100%;
	height:25px;
	border-bottom: solid 1px #999999;
	overflow:hidden;
	vertical-align:top;
}

#catalogue .legend p{
	display:block;
	position:absolute;
	left:12px;
	top:0px;
	color:#666;
	font-size:10px;
}

#catalogue .legend p .favourite{
	color:#000;
	padding-left:20px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/star.gif) no-repeat;
}

#catalogue .legend p .exclusive{
	color:#000;
	padding-left:15px;
	margin-left:20px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/exclusivePack.gif) no-repeat 0 3px;
}

#catalogue .legend .comingSoon {
	display:block;
	position:absolute;
	right:0;
	padding: 0px 14px 0px 10px;
	text-align:right;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/arrowDotSmall.gif) no-repeat 0 5px;
	color:#17ca00;
	font-weight:bold;
	font-size:10px;
}

#catalogue .catalogueContent{
	position:absolute;
	top:25px;
	width:100%;
	height:100%;
	/*height:335px;*/
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 11px;
	
	background:#FFF;
	border-top: solid 1px #999999;
	overflow: hidden;
}

#catalogueContainer2 {
	position:absolute;
	left: 4px;
	top: 8px;
	margin: 0px;
	padding: 0px;
	width: 988px;
	height: 876px;
	/*overflow:hidden;*/
}
#catalogueContainer {
	position:absolute;
	left: 11px;  top: 11px;
	margin: 0px;  padding: 0px;
	width: 1053px;
	/*overflow:hidden;*/
}

#catalogueContainer .gameContainer, .spacer {
	float: left;
}

#catalogueContainer .gameContainer{
	/*position:relative;*/
	width: 160px;  height: 150px;
	padding: 0px 43.5px 14px 0px;
	border: 0px solid #fe8d03;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/category/catalogue/gameCellBG.gif) no-repeat top left;
	
}

#catalogueContainer .favourite{
	color:#000;
	padding-left:20px;
	text-indent: 20px;
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/picto/star.gif) no-repeat;
}

#catalogueContainer .exclu{
	background: url(http://img.metaboli.fr/annuaires/images/fr/META/category/catalogue/gameCellBG_exclu.gif) no-repeat top left;
}

#catalogueContainer .gameContainer .gameCell{
	position:absolute;
	width: 146px;  height: 128px;
	padding: 22px 0px 0px 14px;
	z-index:0;
}

#catalogueContainer .gameContainer .textExclu{
	display:none;	
}

#catalogueContainer .exclu .textExclu{
	display:block;
	position:absolute;
	top:0px;
	left:8px;
	color:#FFF;
	height:12px;
	width:100%;
	font-size: 11px;	
}

#catalogueContainer .gameContainer .textExclu a{
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
}

#catalogueContainer .gameContainer .textExclu a:hover {text-decoration:underline;}

#catalogueContainer .gameContainer .gameCell img{
 	width:131px;
 	height:90px;
 	padding:0; margin:0;
}

#catalogueContainer .gameContainer .gameCell span{
	display:block;
	padding:0 0 3px 0; margin:0 0 0 0;
 	line-height:14px;
 	height:28px;
 	width:130px;
 	color: #129101;
 	overflow:hidden;
 	text-decoration:underline;
 	vertical-align:3px;
 	cursor:pointer;
}

#catalogueContainer .gameContainer .gameCell a:hover span {
 	color: #17CA00;
}


.rolloverPopup {
  position:absolute;
	visibility:visible;
	left:-199px; 
	top:-225px;
	z-index:200;
}


.boxNewsletter .newsletterForm label {font-size:10px;}