body 
{
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    background-color: #000000; 
	background-image: url(../images/fond.png); 
	background-position: top center; /* Image de fond à changer*/
    background-repeat: repeat-x;
	color: #868686;
    margin: 0;
    padding: 0;
	text-align: justify;
}

a, ul, li, img
{
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding:0;
	border: 0;
}

#conteneur
{
	width: 780px;
	margin: auto;
}

.spacer 
{
clear: both;
}

#header
{
    background-image: url(../images/header.png);
	background-position: top center; 
    background-repeat: no-repeat;		
	margin-top: 100px;
}

#header a
{
	display: block;    
	height: 46px;
	width: 426px;
	margin: auto;
    padding: 0;
	text-align: center;	
}

a#runescape
{
	padding: 0;
	position: absolute;
	width: 141px;
	height: 42px;
	left: 630px;
}

a#climax
{
	padding: 0;
	position: absolute;
	width: 47px;
	height: 56px;
	left: 1503px;
}

a#appstore
{
	padding: 0;
	position: absolute;
	width: 146px;
	height: 49px;
	left: 2975px;
}

#contenu
{
	width: 780px;
}

/*//////////////////////////////////////////////////////
						Navigation
//////////////////////////////////////////////////////*/
#nav
{
padding: 0 ;
margin-top: 60px;

}

#nav ul li 
{
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

#nav ul li  a
{
	display: block;    
	height: 50px;
	width: 180px;
    padding: 0;
	margin-bottom: 45px;
}

.game
{
	background: url(../images/menu_game.png) no-repeat bottom;
	margin-right: 20px;
}

a:hover.game
{
	background: url(../images/menu_game.png) no-repeat;
	margin-right: 20px;
}

.project
{
	background: url(../images/menu_project.png) no-repeat;
	margin-right: 20px;
}

.about
{
	background: url(../images/menu_about.png) no-repeat bottom;
	margin-right: 20px;
}

a:hover.about
{
	background: url(../images/menu_about.png) no-repeat;
	margin-right: 20px;
}

.contact
{
	background: url(../images/menu_contact.png) no-repeat bottom;
	margin-right: 0px;
}

a:hover.contact
{
	background: url(../images/menu_contact.png) no-repeat;
	margin-right: 0px;
}

/*//////////////////////////////////////////////////////
						jQuery Tools
//////////////////////////////////////////////////////*/
#scroll {
	position:relative;
	overflow:hidden;
	width:780px;
	height: 475px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
 
#tools {
	width:9999em;
	position:absolute;
	height:400px;
}
 
.tool {
	float:left;
	width:780px;
	height:340px;
	text-align:center;
}
  
#thumbs {
	background:url(../images/project_nav.png) no-repeat;
	height:39px;
	position:absolute;
	top:405px;
	width:780px;
}
 
.t {
	padding:0 !important;
	border:0 !important;
}
 
.t a {
	background:transparent url(../images/project_nav.png) no-repeat scroll 0px -44px;
	display:block;
	float:left;
	height:39px;
	cursor:pointer;
}
 
.t a.active {
	cursor:default !important;
}
 
.navi {
	margin-left:210px;
	_margin-left:200px;
}
 
/* CSS sprite for the navigation */
a#t0		{display: block;width:134px;}
#t0:hover  	{ background-position: 0px -88px; }
#t0.active 	{ background-position: 0px 0px !important; }

a#t1		{display: block;width:88px;}
#t1			{ background-position:-210px -44px; }
#t1:hover 	{ background-position:-210px -88px; }
#t1.active	{ background-position:-210px 0 !important; }

a#t2		{display: block;width:103px;}
#t2 		  	{ margin-left:75px; _margin-left:75px;} 
#t2			{ background-position:-373px -44px; }
#t2:hover 	{ background-position:-373px -88px; }
#t2.active	{ background-position:-373px 0 !important; }

a#t3		{display: block;width:73px;}
#t3 		  	{ margin-left:75px; _margin-left:75px;}  
#t3			{ background-position:-552px -44px; }
#t3:hover 	{ background-position:-552px -88px; }
#t3.active	{ background-position:-552px 0 !important; }

a#t4		{display: block;width:80px;}
#t4		  	{ margin-left:75px; _margin-left:75px;}  
#t4			{ background-position:-700px -44px; }
#t4:hover 	{ background-position:-700px -88px; }
#t4.active	{ background-position:-700px 0 !important; }
 
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}