body, ul, li, a, div, h1, h2, h3, h4, h5, span, p, img{
	margin:0;
	padding:0;
	border:0;
}
body{
	color:#6a6a6a;
	height:100%;
	background:#00326c top center no-repeat;	
}

/************
	DEBUG
*************/
i18n
{
	background-color:#FF0000;
	color:#FFFF00;
}

/******************************************************************************
	LAYOUT
******************************************************************************/
#goa_bar
{
	background: #FFFFFF;
	height: 31px;	
	width:100%;	
	border-bottom:1px solid #888;
}
#container
{
	width:960px;
	margin:auto;
}
#header
{
	position:absolute;
	margin-left:-20px;
	z-index:100;
}
#content
{
	padding-top:270px;	
	min-height:500px;
}
#column_left
{
	width:180px;
	float:left;
}
#column_center
{
	width:540px;
	float:left;	
}
#column_right
{
	width:240px;
	float:right;	
}
#footer
{
	clear:both;
	padding-top:10px;	
	margin-bottom:20px;	
}
/****************************************
*	FOOTER
*****************************************/
#footer p
{
	text-align:center;
	color:white;
	font-size:9px;
	width:540px;
	margin-left:180px;
}
#logo_ntreev
{
	float:left;
	margin-left:30px;
}
#logo_goacom
{
	float:right;
	margin-right:80px;	
}
#footer .menu a
{
	color:#06Bcb6;
}
/****************************************
*	GOA BAR
*****************************************/
#goa_bar .container{
	width:960px;
	margin:auto;
	height:31px;
}
#goa_bar ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#goa_bar li{
	display: inline;
	float:left;
}
#goa_bar li, #goa_bar a{
	text-decoration:none;	
	color: #636363;
	font: bold 11px Arial,Verdana,sans-serif;	
	text-transform:uppercase;	
}
#goa_bar a:hover{
	color: #555555;
}
/*************LOGO **************/
#goa_bar .logo{
	height:31px;
	float:left;
	position:relative;
	top:4px;
}
/************* MENU GAMES *************/
#goa_bar .menu_games{
	float:left;
	position:relative;
	left: 200px;
}
#goa_bar .menu_games li img{
	padding-left:20px;
	padding-right:20px;
}
#goa_bar .menu_games li span{
	position:relative;
	bottom:10px;
	color: #636363;
}
/*************MENU **************/
#goa_bar .menu {
	margin-left:20px;
}
#goa_bar .menu ul{
	float: left;	
	margin-left:90px;
	margin-top:8px;
}
#goa_bar .menu>ul{
	margin-left:180px;	
}

#goa_bar .menu ul li a{
	margin-left:10px;
	margin-right:10px;	
}
/*************SOUS MENU **************/
#goa_bar .menu ul ul{
	position:absolute;
	margin-top:5px;
	margin-left:-20px;
	background-image:url("../images/goa_bar/submenu_bg.png") !important;
	background-image:url("../images/goa_bar/submenu_bg.gif");	
	background-repeat:no-repeat;
	background-position:top 0px;
	padding:5px;
	z-index:5;
}
#goa_bar .menu ul ul li{
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
}
#goa_bar .menu ul ul li a, #goa_bar .menu ul ul li a:hover{
	color: #000000;
	margin-right:0px;
	margin-left:0px;
}
/*************LANG **************/
#goa_bar .lang{
	margin-top:4px;
	background: url("../images/goa_bar/lang_bg2.gif") no-repeat;
	float:right;
	padding-top:4px;
	width:88px;
	height:23px;
}
#goa_bar .lang li{
	margin-left:5px;
	position:relative;
	top:-1px;
	left:1px;
}
/*************SUPPORT **************/
#goa_bar .help{
	float:right;
	margin-left:40px;	
	position:relative;
	top:-8px;
}
#goa_bar .help img{
	margin-left:10px;	
	position:relative;
	top:10px;
}
/******************************************************************************
	BOXES
******************************************************************************/
.block
{
	position:relative;
	min-width:8em;
	max-width:600px; /* based on image dimensions - not quite consistent with drip styles yet */
	margin-left:12px; /* default, width of left corner */
}


.block .content,
.block .t,
.block .b,
.block .b div
{
	background:transparent no-repeat top right;
}

.block .content
{
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:12px 12px 0px 0px;
}

.block .t
{
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:14px; /* top slice width */
	margin-left:-14px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.block .b
{
	/* bottom */
	position:relative;
	width:100%;
}

.block .b,
.block .b div
{
	height:12px; /* height of bottom cap/shade */
	font-size:1px;
}

.block .b
{
	background-position:bottom right;
}

.block .b div
{
	position:relative;
	width:14px; /* bottom corner width */
	margin-left:-14px;
	background-position:bottom left;
}

/*Type de box*/
.block.white .content,
.block.white .t,
.block.white .b,
.block.white .b div
{
	background-image:url(../images/block/box_white600x600.png) !important;
	background-image:url(../images/block/box_white600x600.gif);
}

.block.blue .content,
.block.blue .t,
.block.blue .b,
.block.blue .b div
{
	background-image:url(../images/block/box_blue600x600.png) !important;
	background-image:url(../images/block/box_blue600x600.gif);
	
}
.block.blue
{
	margin-top:2px;
}
/******************************************************************************
	BLOCKS SPECIFICS
******************************************************************************/
/*left promos*/

.block.promos
{
}
.block.promos img
{
	margin-left:2px;
	margin-top:3px;
	margin-bottom:5px;
}
/*right social*/
.block.social img
{
	display:inline;
	
}
.addthis_button
{
	margin-left:45px;
}

/*right actions*/
.block.actions img
{
	margin-bottom:3px;
	margin-top:3px;	
	margin-left:2px;
}

/*right authentication*/
.block.authentication .ftext
{
	height:15px;
	width:155px;
	border:1px solid #ccc;
}
.block.authentication .fsubmit
{
	float:right;
	position:relative;
	top:1px;
}
.block.authentication .fcheckbox
{
	margin:0;
	width:10px;
	position:relative;
	top:3px;
}

/*right mygoa*/
.block.mygoa a img
{
	margin-right:5px;
}
#btn_logout
{
	float:right;
}
.mygoa .content .btn
{
	text-align:center;
	margin-top:5px;
	line-height:18px;		
	float:left;
	display:block;
	width:104px;
	height:18px;
	color:#6a6a6a;
}
#btn_mygoa
{
	background:url(../images/btn_mygoa.gif) left no-repeat;
}
#btn_mywallet
{
	background:url(../images/btn_mywallet.gif) left no-repeat;	
	margin-left:5px;
}


/*right weekly*/
.block.weekly .image img
{
	border:1px solid #CCC;
}
.block.weekly .text
{
	text-align:left;
}
.block.weekly img
{
	position:relative;
	top:6px;
}




/*home shop*/
.block.infos, .block.shop
{
	width:258px;	
	float:left !important;
	display:inline;
}

.block.shop .viewport, .block.infos .viewport
{
	clear:both;	
	height:230px;
	width:245px;
	background:url(../images/scrollbar.jpg) top right no-repeat;	
	position:relative;
	overflow:hidden;
}
.block.shop ul, .block.infos ul
{
	position:absolute;
	top:0;
}

.block.blue.infos li, .block.blue.shop li
{
	background:url(../images/line_dotted.jpg) repeat-x bottom;
	padding-bottom:3px;
	padding-top:3px;	
	width:230px;
}

.block.shop li
{
	height:66px;
}

.block.shop .slider, .block.infos .slider
{
	width:10px;
	height:160px;
	float:right;
	position:relative;
	top:50px;
}
.ui-slider-handle
{
    cursor: hand;	
	position:absolute;
	background:#bfdbf4;
	width:10px;
	height:40px;
	display:block;
}


.block .blue_block_title
{
	position:relative;
	height:21px;
	margin-left:-0.25em;
	top:-2px;
}

.block.blue h3 span
{
	float:left;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	background-color:white;
}

.block .h3_title_left
{
	width:4px;
	height:21px;
	float:left;
}
.block .h3_title_right
{
	position:relative;
	width:16px;
	float:left;
	z-index:5;
}



.block.blue.infos .game
{
	display:none;
}

.block.infos h4
{
	font-size:11px;
	width:225px;
}

.block.blue.infos .type img
{
	float:left;
	margin-right:8px;
}

.block.blue.infos .date
{
	position:relative !important;
	position:none;
}

.block.blue.infos p
{
	float:right;
}

.block.blue.infos #infos_rss
{
	float:right;
}

.block.blue.infos p
{
	font-size:10px;
	font-weight:normal;
	margin: 0 5px 0 5px;
	color:#02519a;
	font-family: Arial, Verdana, sans-serif;
}

.block.blue.infos #infos_plus
{
	
	
}

/*left screenshot*/
.block.screenshots
{
	width:528px;
	float:left !important;	
	display:inline;	
}
.block.screenshots .content
{
	
}
.block.screenshots .viewport
{
	clear:both;
	width: 428px;
	height:79px;
	overflow:hidden;
	position:relative;
	left:40px;
	top:-10px;
}
.block.screenshots ul
{
	position:relative;
	height:80px;
	width:600px;
	left:-2px;
}
.block.screenshots li
{
	width:104px;
	height:79px;
	float:left;
	margin-left:2px;
	margin-right:2px;	
}
.block.screenshots li img
{
	border:solid #eaeaea 2px;
}
.block.screenshots .previous, .block.screenshots .next
{
	width:16px;
	height:16px;
	position:relative;
	top:40px;
}
.block.screenshots .previous
{
	clear:both;	
	float:left;
	margin-left:10px;		
}
.block.screenshots .next
{
	float:right;	
	margin-right:10px;	
}

.block.blue.screenshots h3 a
{
	float:left;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	background-color:white;
	cursor:hand;
}


.block.screenshots .blue_block_title span.blue_tab_selected
{
	background:url(../images/blue_tab_bg.gif) repeat-x;
	height:12px;
	padding-bottom:5px !important;
	padding-bottom:1px;
	padding-left:6px;
	padding-right:6px;
	padding-top:1px;
	color:#fff;
	margin-top:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;	
}

/*center push 500 x 170 */
.block.push .banner
{
	position:relative;
	left:-3px;
	width:501px;
	height:170px;
	background:white;
	padding:10px;
	
}
.block.push .banner img
{
	width:500x;
	height:170px;
}

.block.push .viewport
{
	width: 435px;
	height:54px;
	overflow:hidden;
	position:relative;
	left:0px;
}

.block.push ul
{
	position:relative;
	height:54px;
	width:600px;
}

.block.push li
{
	float:left;
	width:145px;
	height:54px;
	background:url(../images/block/push/not_selected.jpg) repeat-x;
	color:#1c5283;
	cursor:hand;
}

.block.push li.selected
{
	color:black;
	background:url(../images/block/push/selected.jpg) repeat-x;
	font-weight:bold;
	border-left:solid 1px #1b73c5;
	border-right:solid 1px #1b73c5;	
	cursor:default;
}

.block.push li img
{
	float:left;
	margin-top:13px;
	margin-right:5px;	
	margin-left:13px;		
}
.block.push li p
{
	margin-top:13px;
	margin-right:13px;		
}

.block.push .next, .block.push .previous
{
	float:left;	
	width:40px;
	position:relative;
}

.block.push .previous
{
	left:-3px;	
}
.block.push .next
{
	float:right;
	left:-1px;	
}

/******************************************************************************
	NOTIFICATION
******************************************************************************/
.block.notifications img
{
	margin-right:10px;
}
.block.notifications
{
	text-align:center;
}
.block.notifications .notification.error
{
	color:red;
}
.block.notifications .notification.success
{
	color:green;
}