*{outline:none;}

.hide{display:none}
.show{display:block}
.clear{clear:both}

html,body{
	height:100%
}
body{
	padding:0;
	margin:0;
	background-color:#fff;
	font-family: Arial;
	font-size: 62.5%
}
h1{
	padding:0.50em 0.5em 0.25em;
	margin:0em;
	font-family:"Trebuchet MS", verdana;
	color:#FF008A;

}

h2{
	padding:0.50em 0.5em 0.25em;
	margin:0em;
	font-family:"Trebuchet MS", verdana;
	color:#555;
	
}
p{
	padding: 0.15em 1em;
	
}
ul{}



input{ 
	font-family:arial; 

}

.input_email{
	padding:4px;	
	font-weight:bold;
	margin-left:1.5em;
	color:#111;
	text-align:center;
	width:200px;
}
.input_checkbox{
	padding:4px;
	float:left;
	margin:0.2em 0.5em 0.5em 0;
	
}

.input_submit{
	padding:0.5em 1em;
	float:left;
	border:0px;
	margin:0.5em 1em 0.5em 7em;
	background-color:#92D33B;
	color:#fff;
	font-weight:bold;
}
.input_submit:hover{
	background-color:#FF0066;
}

.label_email{font-weight:normal;/*display:none*/}
.label_checkbox{font-weight:bold;}

.ph{color:	#FF0066;font-size:1.4em}

.response.done	{ 
	padding: 0.15em 1em;
	font-weight:bold;
	color:#92D33B; 
	margin:3em 0;
	line-height:1.6em;
}
.response.error	{ 
	padding: 0.15em 1em;
	font-weight:bold;
	color:#ff0000;
}

label.error	{ 
	color:#ff0000;
	padding: 0em 1em;
}

.error404{
	background:url(image/404.png) no-repeat center;
	width:444px;
	height:319px;
	margin:4em 2em;	
	display:block;
}


#container		{ height:100%;}
#container-inner{ height:100%;}
.page			{ height:100%;}

#menu{
	width:800px;
	margin:0 auto;
	font-size:1.3em;
	line-height:1.4em;	
}
#menu a{
	color:#666;
	text-decoration:none	
}
#menu a:hover{
	color:#111;	
}
#menu a.active{
	color:#FF008A;
	font-weight:bold;
}
#menu ul{list-style:none;}

#menu ul.menu{
	float:left;		
	margin-left:-12em;
	margin-top:4em;
	text-align:right;	
	font-size:1.1em;

	width:100px;
	white-space:nowrap;
}
#menu ul.menu li{
	padding:0.25em;
	float:right;
	clear:right;
}

#menu ul.links{
	float:left;		
	margin-left:-12em;
	margin-top:22em;
	text-align:right;

	font-size:1.1em;
	width:100px;
	white-space:nowrap;
}
#menu ul.links li{
	padding:0.25em;
	float:right;
	clear:right;
}
#menu ul.lang{
	float:right;	
}
#menu ul.lang li{
	float:left;
	margin-right:2em
}


ul.artists{list-style:none;	padding: 0em 1em;margin:0}
ul.artists li{
	float:left;
	width:50%
}
.artist{
	padding: 1em;
}
.artist a{
	display:block
}
.artist .nickname{
	font-weight:bold;
	padding:0;
	margin:1em 0 0
}
.artist .role{
	font-size:0.85em;
	color:#999
}
.artist .image{
	float:left;
	margin-right:1em;		
}
}
.artist .image img{	
	border:3px solid #fff;
	padding:1px;		
}
.artist .image a:hover img{
	border-color:#FF0066
}
/*
ul.artists li .link_image .p2{display:none}

ul.artists li .link_image:hover .p1{display:none}
ul.artists li .link_image:hover .p2{display:block}
*/

.artist .url{
	font-size:0.85em;
	padding-top:0.5em;
}


ul.goodies{list-style:none;	padding: 0em 1em 0em;margin:0}
ul.goodies li{
	float:left;
	margin-right:.8em;
	margin-bottom:.8em;
}
ul.goodies li a{
	display:block;
	border:3px solid #fff;
	padding:1px;
	height:151px;
	overflow:hidden
}
ul.goodies li a:hover{
	border-color:#FF0066
}
ul.goodies li a img{
	width:200px;
}


ul.games{
	list-style:none;	
	padding: 0em 1em 0em;
	margin:0;
	float:right;
	width:200px;
	margin:2em;	
}
ul.games li{
	float:left;	
	margin-bottom:2.5em;
}
ul.games li a{
	display:block;
	border:3px solid #fff;
	padding:1px;
	height:151px;
	overflow:hidden
}
ul.games li a:hover{
	border-color:#FF0066
}
ul.games li a img{

}



ul.os{list-style:none;margin-left:7em;height:220px}
ul.os span{display:none}
ul.os li{
	float:left;
}
ul.os li a{
	display:block;
	float:left;
	background-image:url(image/asset-os.png);
	background-repeat:no-repeat;
	
}
ul.os .pc a{
	background-position:-9px -8px;
	width:170px;
	height:216px;	
}
ul.os .pc a:hover{
	background-position:-9px -238px;	
}
ul.os .mac a{
	background-position:-187px -8px;
	width:170px;
	height:216px;
	margin-left:3em;
}

ul.os .mac a:hover{
	background-position: -187px -238px;
	width:170px;
	height:216px;
}



.content{	
	padding:2em;
	font-size:13px;
	line-height:1.4em;	
	width:800px;
	margin:0 auto;
	height:auto;
}


.content h1{	
	background-repeat:no-repeat;
	height:50px;
	padding:0px;
	margin:0px
}
.content a{color:#92D33B;}
.content a:hover{color:#FF0066}

.lang-en h1{background-image:url(image/asset-titre-en.gif);}
.lang-fr h1{background-image:url(image/asset-titre-fr.gif);}
.content h1 span{display:none}

.flash{ font-size:0px;overflow:hidden}
.flash #menu{display:none}

.flash .content{
	width:100%;
	height:100%;
	padding:0
}
.flash #home-content h1{display:none;}
.flash #webgame-content h1{display:none;}
.flash #trailer-content h1{display:none;}
.flash #play-content .content-inner{padding:2em 0}


#home-content h1		{background-position:0px -0px;}
#game-content h1		{background-position:0px -50px;}
#webgame-content h1	{background-position:0px -150px;}
#webgame-content .loader{
	display:block;
	width:640px;
	height:480px;
	margin:0 auto;
	background:url(image/ajax-loader.gif) center no-repeat;
}


#trailer-content h1	{background-position:0px -100px;}
#artists-content h1	{background-position:0px -200px;}
#goodies-content h1	{background-position:0px -250px;}
#gift-content h1		{background-position:0px -300px;}
#play-content h1		{
	background-position:0px -350px;
	margin-left:5.3em;
	margin-top:0em
}
#play-content.lang-fr  h1		{
	background-position:0px -350px;
	margin-left:4em;
	margin-top:0em
}
#play-content .content-inner{
	width: 600px;
	margin:0 auto;
	float:left
}