/* CSS Document Game Manuals*/

body{
	margin: auto 0px;
	padding: auto 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #604705;
	background: #B1B095 url(images/bg-main.gif) repeat-y center;
}

#container{
	width: 951px;
	margin: 0px auto;
	padding: 0px 0px 0px 30px;
}

#bgTop{
	background: url(images/bg-top.gif) no-repeat top;
	width: 922px;
	float: left;
}
#bgBas{
	background: url(images/bg-footer.gif) no-repeat bottom;
	width: 922px;
	float: left;
}
#bgMiddle{
	width: 922px;
	float: left;
	background: url(images/bg-int.gif) repeat-y;
	position: relative;
}
a:hover{
	text-decoration: none;
	}

/*---------   Contenu   ---------*/

/* Header Zone */
#header{
	height: 258px;
	width: 922px;
	text-align: left;
	color:#00FF00;
	position: relative;
}
	#anim1{
		width: 203px;
		height: 238px;
		position: absolute;
		top: 2px;
		left: -10px;
		z-index: 5;
	}
	#seo{
		width: 439px;
		position: absolute;
		top: 43px;
		left: 199px;
		color: #254563;
		font-size: 18px;
		font-weight: bold;
	}
	#topImg{
		position: absolute;
		width: 391px;
		height: 138px;
		left: 527px;
		top: 71px;
	}
	
	/* Menu consoles */
	
	#header #menuConsoles{
		position: absolute;
		width: 330px;
		top: 42px;
		left: 620px;
		text-align: center;
	}
		#header #menuConsoles ul{
			margin: 0px;
			padding: 0px;
		}
		#header #menuConsoles ul li{
			display: inline;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
			
			
		#header #menuConsoles ul li#consLeft a{
			background: url(images/bg-console-Left.gif) no-repeat left; width: 38px; padding: 0px 0px 0px 3px; 
		}
		#header #menuConsoles ul li#consRight a{
			background: url(images/bg-console-Right.gif) no-repeat right; width: 78px; padding: 0px 3px 0px 0px;
		}
		#header #menuConsoles ul li#cons1 a{
			background: url(images/bg-console.gif) repeat-x; width: 84px; padding: 0px 6px 0px 6px;
		}
		#header #menuConsoles ul li#cons2 a{
			background: url(images/bg-console.gif) repeat-x; width: 42px; padding: 0px 6px 0px 6px;
		}
			#header #menuConsoles ul li a{
				display: block;
				float: left;
				color: #1C4469; 
				text-decoration: none; 
				font-weight: bold;
			}
				#header #menuConsoles ul li a:hover{
					color: #ffffff;
				}
				
				#header #menuConsoles ul li a span{
				display: block;
				padding: 6px 0px 5px 0px;
				text-align: center;
				}
		#header #menuConsoles ul img{
		float: left;
		}

			
				/* Sous menu consoles */
				
						#header #menuConsoles ul li ul li a, #header #menuConsoles ul li#cons1 ul li a, #header #menuConsoles ul li#cons2 ul li a, #header #menuConsoles ul li#consRight ul li a{
							color: #003366;
							width: 130px;
							background: url(images/bg-console.gif) repeat-x;
							border-left: 1px solid #996600;
							border-right: 1px solid #996600;
							}
							#header #menuConsoles ul li ul li a:hover, #header #menuConsoles ul li#cons1 ul li a:hover, #header #menuConsoles ul li#cons2 ul li a:hover, #header #menuConsoles ul li#consRight ul li a:hover{
								color: #ffffff;
								background: url(images/bg-console.gif) repeat-x;
								}
						
						#header #menuConsoles ul li ul li a span{
						padding: 0px;
						display: block;
						padding: 5px;
						}
						
					
					#menuConsoles ul li ul { /* second-level lists */
						position: absolute;
						/*border-top: 1px solid #0D4A8B;*/
						width: 160px;
						margin: 0px;
						padding: 0px;
						float: left;
						left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
					}
					
					#menuConsoles ul li.sfhover ul, #menuConsoles ul li:hover ul  {
						left: auto;
						}
					
					/*** position des sous menus FIREFOX **/ 
					#header #menuConsoles #cons1:hover ul{
						left: 1px;
						top: 26px;
					}
					#header #menuConsoles #cons2:hover ul{
						left: 60px;
						top: 26px;
					}
					#header #menuConsoles #consRight:hover ul{
						left: 152px;
						top: 26px;
					}
					/*** position des sous menus FIREFOX **/ 
				
				/* FIN Sous menu consoles */
				
		
		/* Fin Menu console */
		
		
		/* Menu Alphabetique */
		
			#menuAlpha{
				position: absolute;
				left: 171px;
				top: 222px;
				width: 435px;
				height: 24px;
				z-index: 55;
			}
			#menuAlpha img{float: left;}
			
				#menuAlpha a{
					color: #0D74D4;
					font-weight: bold;
					text-decoration: none;
					z-index: 55;
					display: block;
					width: 25px;
					float: left;
					margin: 0px 3px 0px 3px;
					text-align: center;
				}
				#menuAlpha a:hover{
					text-decoration: underline;
				}
				
				#menuAlpha a.yz{
					margin-right: 0px;
				}
				#menuAlpha a.ab{
					margin-left: 0px;
				}
				#menuAlpha a.wx{
					margin: 0px 6px 0px 6px;
				}
		
		/* FIN Menu Alphabetique */
		
#logo{
	position: absolute;
	top: 82px;
	left: 184px;
}	

#console{
	text-align: center;
	font-size: 26px;
	color: #ffffff;
	width: 311px;
	height: 34px;
	position: absolute;
	top: 210px;
	left: 608px;
	padding-top: 2px;
}	
	


/* Middle Zone */

#midleZone{
	width: 922px;
}

#leftCol{
	background: url(images/bg-left.gif) no-repeat;
	width: 159px;
	padding: 0px 0px 80px 0px;
	float: left;
	text-align: left;
}
	#ad1{
		width: 121px;
		margin-left: 17px;
		margin-bottom: 100px;
	}
		#ad1 span{border: #398B00 solid 2px; width: 121px; display: block;}

	#visitor{
		color: #ffffff;
		font-size: 11px;
		padding: 10px;
		text-align: center;
		}


#centerCol{
	width: 412px;
	float: left;
	margin: 0px 0px 0px 19px;
	text-align: left;
	padding-bottom: 40px;
}

	.sTitre1{
		background: url(images/bg-sTitre1.gif) repeat-x;
		color: #ffffff;
		padding: 5px 0px 0px 0px;
		text-align: center;
	}
		h2{
			height: 33px;
			margin: 0px;
			padding: 0px;
			font-size: 18px;
			font-weight: normal;
			}
			h2 span{
				text-transform: uppercase;
				}
			
	.sTitre2{
		background: #F7F7F7;
		color: #459011;
		padding: 5px;
		text-align: center;
		margin: 0px 0px 30px 0px;
	}

#menuPath{
	margin: 10px 0px 28px 0px;
	text-align: left;
	color: #0D74D4;
	font-size: 14px;
}
	#menuPath a{ 
		text-decoration: underline;
		color: #0D74D4;
	}
	
	#menuPath a:hover{ 
		text-decoration: none;
	}
	
	.homeLnk{
		font-weight: bold;
		}
		

#listing1, #listing2{
	color: #1C4469;
	margin: 0px;
	padding: 0px;
}
	#listing1 li, #listing2 li{
		list-style: none;
		background: url(images/tirets.gif) repeat-x bottom;
		margin: 0px 0px 8px 0px;
		display: block;
		padding: 0px 0px 10px 0px;
	}
		#listing2 li.liAds{
		overflow: hidden;
		height: 88px;
			}

	#listing1 li strong, #listing2 li strong{
		color: #0D74D4;
		display: block;
		font-size: 14px;
	}

	#listing1 li span, #listing2 li span{
		display: block;
		padding-bottom: 5px;
		font-size: 11px;
	}
	
	#listing1 li a, #listing2 li a{
		color: #44A600;
	}
	#listing1 li.lastLI, #listing2 li.lastLI{
		background: none;
	}
	#listing1 li.justClick{
		margin: 30px 0px 0px 0px;
		}
	#listing1 li.paging, #listing2 li.paging{
		background: none;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
			#listing1 li.paging a, #listing2 li.paging a{
				color: #1C4469;
				text-decoration: underline;
			}
			#listing1 li.paging a:hover, #listing2 li.paging a:hover{
			text-decoration: none;
			}
			
a.img1{/* sur page d'accueil */
	float: left;
	display: block;
	width: 215px;
	clear: left;
	}
.latestAdd div{
	float: left;
	clear: right;
	width: 190px;
	position: relative;
	text-align: right;
	}
	.latestAdd div.rating{
		position: absolute;
		top: 66px;
		left: 0px;
		/*padding: 22px 0px 0px 0px;*/
		}
	
.latestAdd strong{
	display: block;
	padding: 0px 0px 16px 0px;
	}
	.latestAdd span{
	display: block;
	font-weight: bold;
	padding: 0px;
	margin-bottom: -4px;
	font-size: 13px;
	}
.latestAdd li{
	display: block;
	height: 148px;
	}
a.img1 img{
	border: #44A600 2px solid;
	}	


/*** Page de details (download) ***/		

.#imgPrev{
	padding: 0px 0px 10px 0px;
	margin-top: -20px;
}
	#imgPrev img{
		border: solid 5px #0D74D4;
	}
	
	.adsDetailsPage{
		background: #0D74D4;
		height: 60px;
		margin: 3px 0px 0px 0px;
		padding: 5px;
		border-top: #003366 solid 3px;
	}
	
#listing1 li a.mDownload{
	color: #0D74D4;
	font-weight: bold;
}
	#listing1 a.mDownload span{
	font-size: 18px;
	display: block;
	padding: 0px 3px 0px 28px;
	background: url(images/acrobat-ico.gif) no-repeat;
	text-decoration: underline;
}
	#listing1 a:hover.mDownload span{
	text-decoration: none;
	background: url(images/acrobat-ico.gif) no-repeat #F7F7F7;
}

	#listing1 li.gameDetails{
		background: none;
		padding: 10px 0px 0px 0px;
	}
			#listing1 li.gameDetails{
				text-align: justify;
			}
			#listing1 li.gameDetails p{
				margin: 10px 0px 10px 0px;
				padding: 0px;
			}

.videoAds{
	/*background: url(images/bg-video1.jpg) repeat-x;*/
	background-color: #f5f5f5;
	width: 412px;
	text-align: center;
	border: none;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 20px 0px;
	}



/*** FIN Page de details (download) ***/			

#rightCol{
	float: left;
	/*background: #FF3366;*/
	width: 254px;
	margin-left: 44px;
	text-align: left;
	padding: 0px 0px 40px 0px;
}
	#search .inputText{
		padding: 6px 5px 5px 20px;
		width: 181px;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		background: url(images/bg-search.gif) no-repeat left #6BB6FA;
		border: 2px solid #003399;
	}
	#search .goSearch{
	width: 34px;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	color: #003366;
	}
	
	#search .inputText, #search .goSearch{
	float: left; 
	
	}

#howTo{
	font-size: 11px;
	color: #B0B0AF;
	text-align: center;
	clear: left;
	padding: 12px 0px 0px 0px;
}
	#howTo span{
	color: #6BB6FA;
}
	
		
/*---------   FIN Contenu   ---------*/



/*---------   Des PUBS   ---------*/

.ad468{

	
	}

/*---------   FIN Des PUBS   ---------*/



/*---------   FOOTER  ---------*/


#FOOTER{
	width: 922px;
	position: absolute;
	bottom: -33px;
	left: 0px;
	margin: 0px;
}
	a.copyR{
		color: #44A600;
		text-decoration: none;
		font-weight: bold;
	}
	a.copyR:hover{
		text-decoration: underline;
	}
	#copyInfo{
		color: #44A600;
	}
	
	#footConsoles{
		color: #ffffff;
		padding: 17px 0px 10px 0px;
	}
		#footConsoles a{
			color: #ffffff;
			text-decoration: none;
		}
		#footConsoles a:hover{
			text-decoration: underline;
		}
	

/*---------  FIN FOOTER  ---------*/

/*---------  Right COL   ---------*/

#comingSoon{
	background: url(/images/bg-coming-soon.gif) top no-repeat;
	height: 168px;
	width: 254px;
	margin: 38px 0px 0px 0px;
	padding: 0px;
	font-size: 11px;
	color: #604705;
	position: relative;
	
	}
		#comingSoon img{
			margin: 2px 0px 0px 1px;
		}
		#comingSoon p{
			color: #0d74d4;
			position: absolute;
			top: 120px;
			text-align: right;
			padding: 0px 1px 0px 1px;
			right: 0px;
		}
.rightTitle1, .gameName{
	position: absolute;
	top: -22px;
	color: #96938d;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 4px 0px 0px 0px;
	background: url(images/sep-RightCol.gif) repeat-x;
	width: 254px;
	}

.gameName{
	top: 106px;
	right: 6px;
	background: none;
	color: #1C4469;
	font-weight: normal;
	}
	
	#comingSoon .rightTitle1 img{
		margin-bottom: -2px;
	}
	
#officialSites{
	width: 254px;
	margin: 38px 0px 0px 0px;
	padding: 0px;
	position: relative;
	}
	#officialSites a{
			background: url(images/bg-logo_Consoles.gif) no-repeat;
			padding: 2px 1px 2px 1px;
			height: 66px;
			width: 254px;
			display: block;
			margin: 0px 0px 6px 0px;
		}
		#officialSites a img{
		border: none;
			}
			
#TellaFriend{
		height: 129px;
		width: 254px;
		background: url(images/bg-TellFriend.gif) no-repeat;
		margin: 38px 0px 0px 0px;
		padding: 0px;
		position: relative;
	}
	#TellaFriend form{
	padding: 8px 0px 10px 10px;
	}
	
	#TellaFriend label{
		font-size: 11px;
		color: #1C4469;
		width: 114px;
		float: left;
		display: block;
		font-weight: bold;
		text-align: right;
		padding: 0px 8px 0px 0px;
		}
		#TellaFriend form input{
			height: 12px;
			width: 110px;
			float: left;
			clear: right;
			margin: 0px 0px 8px 0px;
			font-size: 11px;
			}
		#TellaFriend form a{
			
			border-top: #e9e9e9 1px solid;
			border-left: #e9e9e9 1px solid; 
			border-bottom: #aab0b5 1px solid; 
			border-right: #aab0b5 1px solid; 
			display: block;
			height: 14px;
			width: 50px;
			padding: 4px;
			background: #6bb6fa;
			color: #ffffff;
			font-weight: bold;
			text-align: center;
			float: right;
			text-decoration: none;
			margin: 0px 10px 0px 0px;
			}
			#TellaFriend form a:hover{
				background: #dbdbdb;
				color: #1C4469;
				}
		#TellaFriend form p{
			position: absolute;
			top: 78px;
			text-align: right;
			color: #0d74d4;
			right: 9px;
		}
		

#rads{
	width: 250px;
	margin: 38px 0px 0px 0px;
	padding: 2px 1px 2px 2px;
	position: relative;
	background: #dfe4e9;
	}
	
#gameplay{
	width: 253px;
	margin: 38px 0px 0px 0px;
	padding: 2px 1px 2px 2px;
	position: relative;
	background: #dfe4e9;
	}
	
#lsearch{
	margin: 38px 0px 0px 0px;
	padding: 2px 1px 2px 2px;
	position: relative;
	background: url(/images/bg-lsearch.gif) top no-repeat;
	height: 74px;
	width: 254px;
	}

#lsearch ul{
	padding:6px 9px 0px 6px;
	margin: 0px;
	text-align: right;
	list-style-type:none;
}

#lsearch ul li{
	padding:1px;
	display: inline;
	/*float: right;*/
	margin-left: 5px; 
	font-weight: bold;
}
#lsearch a{
	color: #6bb6fa;
	/*color: #999999;*/
	text-decoration: underline;
	font-size:13px;
}	
#lsearch a:hover{
	text-decoration: none;
}











/*---------  FIN Right COL   ---------*/

/********  Fix pour les différents browsers  ********/
.ie #header #menuConsoles{
	top: 42px;
	
}

.ie7 .example {
}
.gecko #header #menuConsoles li.cons1:hover ul{
						left: 1px;
						top: 26px;
					}
					.gecko #header #menuConsoles li.cons2:hover ul{
						left: 60px;
						top: 26px;
					}
					.gecko #header #menuConsoles li.consRight:hover ul{
						left: 152px;
						top: 26px;
					}
.win.gecko .example {
}
.mac.gecko .example{

}

.opera .example {
}
.konqueror .example {
}

.webkit {

}
	
.example {
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }

/********  FIN Fix pour les différents browsers   ********/	







/****************** TEMP new  display ********************/

#listing2 p{
	font-size: 11px;
	width: 276px;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	#listing2 p a{
	font-size: 12px;
	margin-left: -1px;
	}
#listing2 div{
	float: left;
	margin-left: 10px;
	height: 86px;
	width: 125px;
	position: relative;
	color: #5db222;
	font-size: 11px;
	text-align: right;
	}
	#listing2 li strong{
		color: #0D74D4;
		display: block;
		font-size: 14px;
		padding: 0px 0px 8px 0px;
	}

#listing2 div img{
	border: 1px solid #c7cbcf;
	margin: 2px 0px 0px 0px;
	}
	#listing2 div img.MRating{
		border: none;
		margin-top: 0px;
		
		}
		#listing2 div img.AskMeekeo{
		border: none;
		margin-top: 3px;
		
		}
#listing2 span{
	display: block;
	margin: 4px 0px -6px 0px;
	color: #96938d;
	font-size: 12px;
	}
		#listing2 li{
		list-style: none;
		background: none;
		margin: 0px 0px 20px 0px;
		display: block;
		padding: 0px 0px 0px 0px;
		background: url(images/EX-bg-list.gif) repeat-x bottom;
		height: 113px;
	}
	
	#listing2 li.lastLI{
		background: none;
	}
	
#listing2 li.paging{
		background: none;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin: 30px 0px 0px 0px;
		display: block;
		float: center;
		clear: both;
	}