#global {
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	overflow:hidden;
	height:680px;
	padding-right:255px;
}

#contenu {		
	background-color: transparent;				
	color: #000;
	position:absolute;
	float:left;
	width:100%;
	left:0;
}

#footer {
	position:absolute;
	background:transparent;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	left:50%;
	margin-left:-228px;
	top:835px;
}

#footer a{
	text-align:center;
	color: #FFF;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	cursor:pointer;
}

#footer a:hover{
	color: #FFF;
	text-shadow:#000 2px 2px 2px;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	cursor:pointer;
}

#footer li{
	padding-left: 30px;
}

#formulaire {
	position:absolute;
	float:left;
}

#connexion_button {
	z-index:90;
	position:absolute;
	margin-left:300px;
	width: 99px;
	height: 22px;
	top: 165px;
	left:50%;
}

#closed_button {
	z-index:90;
	position:absolute;
	margin-left:150px;
	width: 99px;
	height: 22px;
	top: 165px;
	left:50%;
}

#connexion_button button{
	background:transparent url('/branding/empireuniverse2/gfx/fr/menu.png') -141px 0px no-repeat ;
	width: 70px;
	height: 20px;
	cursor:pointer;
}

#connexion_button button:hover {
	background:transparent url('/branding/empireuniverse2/gfx/fr/menu.png') -141px -17px no-repeat ;
	width: 70px;
	height: 20px;
	cursor:pointer;
}

#closed_button button {
	background:transparent url('/branding/empireuniverse2/gfx/fr/menu.png') 0px 0px no-repeat ;
	width: 120px;
	height: 20px;
	cursor:pointer;
}

#closed_button button:hover {
	background:transparent url('/branding/empireuniverse2/gfx/fr/menu.png') 0px -17px no-repeat ;
	width: 120px;
	height: 20px;	
	cursor:pointer;
}

#connexion, #inscription {
	width:240px;
	height: 354px;
	margin-left:143px;
	padding: 33px 0 0 0;
	position: absolute;
	left:50%;
	top:154px;
	z-index:16;
}

#connexion {
	background: url('/branding/empireuniverse2/gfx/fr/connexion.png') no-repeat ;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#b8b3a5;		
	border:0px;
}

#connexion .prefilled {
	background:url('/branding/empireuniverse2/gfx/fr/input.gif') no-repeat ;
	color:#a5efff;
	text-shadow:#beefff 1px 1px 7px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	border: 0px  ;
	width:212px;
	height: 28px;
	margin-bottom:0px;
	margin-left: 5px; 
	padding: 5px 0 0 3px;
}

#connexion table{
	border-collapse:collapse;
	position:relative;
	top:3px;
	width:413px;
}

#connexion td {
	padding-left:8px;
	vertical-align:middle;
	height: 19px;
}

#connexion a {
	color: #fff;
	font-size:10px;
	padding-left:4px;
}

#connexion li {
	color: #fff;
	font-size:10px;
	list-style-image: url('/branding/empireuniverse2/gfx/fr/fleche.png') scroll 0 0;
	padding:8px 0 0 0;
}

#connexion #keep_connect {

}


#form_login {
	color:#FFF;
}

#form_login ul{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url("/branding/empireuniverse2/gfx/fr/bg_insc.png") no-repeat scroll 0 0;
	height:232px;
	margin-left:7px;
	padding-left:6px;
	margin-top:3px;
	padding-top:9px;
}

#logged {	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url("/branding/empireuniverse2/gfx/fr/bg_logged.jpg") no-repeat scroll 0 0;
	height:174px;
	margin-left:7px;
	padding-left:3px;
}

#logged a{
	left:138px;
	position:relative;
	text-align:right;
	top:48px;
}

button.bouton {
	border: none;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
	padding-bottom: 1px;
}

#connexion td.td_connexion {
	height:37px;
	text-align:center;
	vertical-align:top;
}

#connexion td.td_infox {
	height:25px;
}

#td_cnx {
	text-align:right;
}
	
#connexion button {
	background: url('/branding/empireuniverse2/gfx/fr/but_green.gif') no-repeat;
	width:210px;
	height:54px;
	background-position:0 -46px;
	position:relative;
	top:80px;	
}
#connexion button:hover {
	background: url('/branding/empireuniverse2/gfx/fr/but_green.gif') no-repeat;
	width:210px;
	height:54px;
	background-position: -210px -46px ;
	cursor:pointer;
}

#connexion button.bouton_logout {
	background:transparent url("/branding/empireuniverse2/gfx/fr/red_but.gif") no-repeat scroll 0px 0;
	border:0 none;
	cursor:pointer;
	height:54px;
	position:relative;
	top:152px;
	width:210px;
}

#connexion button.bouton_logout:hover {
	background:transparent url("/branding/empireuniverse2/gfx/fr/red_but.gif") no-repeat scroll -210px 0;
	border:0 none;
	cursor:pointer;
	height:54px;
	position:relative;
	top:152px;
	width:210px;
}

#td_cnx button {
	background: url('/branding/empireuniverse2/gfx/fr/but_green.gif') 0px -100px;
	width:210px;
	height:54px;
	position:absolute;
	margin: 0;
	left:15px;
	top:219px;
}

#td_cnx button:hover {
	background: url('/branding/empireuniverse2/gfx/fr/but_green.gif') -210px -100px;
	position:absolute;
	margin: 0;
	left:15px;
	top:219px;
	width:210px;
	height:54px;
	cursor:pointer;
}

#logged #td_cnx button {
	*top: 185px;
	*left: 8px;
}

#logged #td_cnx button:hover {
	*top: 185px;
	*left: 8px;
}

#logged button.bouton_logout{
	top: 155px;
	*top: 165px;
}

#logged button.bouton_logout:hover{
	top: 155px;
	*top: 165px;
}

li.fleche{
	list-style-image:url('/branding/empireuniverse2/gfx/fr/tri.png');
	list-style-position:inside;

}

#inscription {
	background:transparent url('/branding/empireuniverse2/gfx/fr/connexion.png') no-repeat scroll 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:9px !important;
	color:#591c0a;
	width:240px;
	height: 325px;
}

#form_login {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:9px;
	width:240px;
	height: 354px;
}

#inscription a,#inscription a:hover {
	color:#FFF;
}

#inscription table{
	border-collapse:collapse;
}

#inscription td.email{}

#inscription td.pseudo{
	padding-left: 25px;
}

#inscription td.mdp1{
	padding-top: 12px;
}

#inscription td.mdp2{
	padding-top: 12px;
	padding-left: 25px;
}

#inscription .prefilled {
	background:url('/branding/empireuniverse2/gfx/fr/input.gif') no-repeat ;
	color:#a5efff;
	text-shadow:#beefff 1px 1px 7px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	border: 0px  ;
	width:212px;
	height: 28px;
	margin-bottom:0px;
	margin-left:5px; 
	padding: 5px 0 0 3px;
}

#inscription .pass2 {	
	margin-left:25px;
}

#inscription button.inscription {
	background: url('/branding/empireuniverse2/gfx/fr/but_green.gif') no-repeat;
	width:210px;
	height:54px;
	background-position:0 8px;
	position:relative;
	top:47px;	
}

#inscription button.inscription:hover {
	background: url('/branding/empireuniverse2/gfx/fr/but_green.gif') no-repeat;
	width:210px;
	height:54px;
	background-position:-210px 8px;
	position:relative;
	top:47px;	
}

#inscription ul, #form_login ul {
	background: url('/branding/empireuniverse2/gfx/fr/bg_insc.png') no-repeat;
	margin-left:7px;
	margin-top:2px;
	padding-left:3px;
	padding-top:9px;
}
		
#inscription li, #form_login li{			
	padding: 5px 0 0 0;
}
			
#error_message {
	height:40px;	
	text-align:center;
	color:red;
	vertical-align:middle;
}

#control_panel{
	padding: 378px 0 0 725px;
}

#control_panel .control_bouton {
	background: transparent url('/branding/empireuniverse2/gfx/fr/bt_descr.jpg') no-repeat center;
	width:246px;
	height:37px;
	border:none;
	font-weight:bolder;
	color:#0c3d0c;
	font-family: Arial, Geneva, sans-serif;
}

#control_panel .control_bouton:hover {
	background: transparent url('/branding/empireuniverse2/gfx/fr/bt_descr_hover.jpg') no-repeat center;
	width:246px;
	height:37px;
	border:none;
	font-weight:bolder;
	color:#0c3d0c;
	font-family: Arial, Geneva, sans-serif;
	cursor:pointer;
}

#description {
	position:absolute;
	background: url('/branding/empireuniverse2/gfx/fr/bg_descrip.png') no-repeat;	
	height:235px;
	width:420px;	
	padding:40px 20px 0 10px;
	font-weight:bolder;
	color:#1b2f27;
}

#description p {
	width:360px;
	margin-left:17px;
	text-align:justify;
}

#screenshot {
	position:absolute;	
	background: url('/branding/empireuniverse2/gfx/fr/bg_screen.png') no-repeat;	
	height:235px;
	width:420px;	
	padding:40px 20px 0 10px;
}

#screenshot img {
	cursor:pointer;
}

#screenshot table {
	width:370px;
	margin-left:15px;
}

ul.backlink a{
	color:#FFFFFF;
	font-size:10px;
}

#deco1 {
	position:relative;
	top:325px;
	left:162px;
	height:220px;
	width:800px;
	background:url('/branding/empireuniverse2/gfx/fr/bandeau.gif') no-repeat;
	z-index:200;
}

#video {
	top:55px;
	left:20px;
}

#activation {
	top:55px;
	left:20px;
}

/*--------------------tuto----------------------*/


/*--------------------menu tuto----------------------*/
	
.menu_page {
	width:200px;
	color:#FFF;
	position:relative;
	z-index:51;
	left:200px;
	top:-8px;
}

#tutoriel_menu {
	top:20px;
	text-align:center;
	vertical-align:middle;
	background-color:#154A5E;
	background-image:none;
	border:1px solid #072D39;
	color:#A5EFFF;
	height:22px;
	width:460px;
	position:absolute;
	z-index:10;
}
	
div.tutoriel_menu_gauche {
	background:url('/branding/empireuniverse2/gfx/fr/fleche.png') 266px 0 ;
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	left:5px;
	cursor:pointer;
	
}
	
div.tutoriel_menu_gauche_hover {
	background:url('/branding/empireuniverse2/gfx/fr/fleche.png') 0 0 ;
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	left:5px;
	cursor:pointer;
}	

div.tutoriel_menu_page {
	position:absolute;
	margin-top:32px;
}
	
div.tutoriel_menu_page span {
	margin: 0 0 0 180px;
	color:#A5EFFF;
}

div.tutoriel_menu_droite {
	background:url('/branding/empireuniverse2/gfx/fr/fleche.png') 84px 0 ;
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	left:435px;
	z-index:50;
	cursor:pointer;
}
	
div.tutoriel_menu_droite_hover {
	background:url('/branding/empireuniverse2/gfx/fr/fleche.png') 134px 0 ;
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	left:435px;
	z-index:50;
	cursor:pointer;
}

/*--------------------tableau tuto----------------------*/

table.tutoriel_lig1, table.tutoriel_lig2,table.tutoriel_lig3 {
	text-align:center;
	vertical-align:middle;
	background-color:transparent;
	background-image:none;
	color:#A5EFFF;
	height:70px;
	font-size:10px;
	width:462px;
	border-collapse:separate;
}

div.tutoriel_menu_page a {
	color:#A5EFFF;
}

td.tutoriel_col1, td.tutoriel_col2,td.tutoriel_col3 {
	text-align:center;
	vertical-align:middle;
	background-color:transparent;
	border-color:#072D39;
	border-style:solid;
	border-width:1px;
	color:#A5EFFF;
	height:70px;
}

td.tutoriel_col1 {
	width:125px;
	height:70px;
}

td.tutoriel_col2 {
	width:75px;
	height:70px;
	border-right: 0px none;
}

td.tutoriel_col3 {
	border-left:0 none;
	line-height:11px;
	padding-left:5px;
	text-align:left;
}

#tutoriel_menu_page_1 table.tutoriel_lig1 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto1.jpg') no-repeat;
}
#tutoriel_menu_page_1 table.tutoriel_lig2 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto2.jpg') no-repeat;
}
#tutoriel_menu_page_1 table.tutoriel_lig3 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto3.jpg') no-repeat;
}
#tutoriel_menu_page_2 table.tutoriel_lig1 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto4.jpg') no-repeat;
}
#tutoriel_menu_page_2 table.tutoriel_lig2 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto5.jpg') no-repeat;
}
#tutoriel_menu_page_2 table.tutoriel_lig3 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto6.jpg') no-repeat;
}
#tutoriel_menu_page_3 table.tutoriel_lig1 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto7.jpg') no-repeat;
}
#tutoriel_menu_page_3 table.tutoriel_lig2 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto8.jpg') no-repeat;
}
#tutoriel_menu_page_3 table.tutoriel_lig3 td.tutoriel_col1{
	background:url('/branding/empireuniverse2/gfx/fr/tuto9.jpg') no-repeat;
}

#msg {
	margin-top:100px;
	width:342px;
	height:238px;
	position:relative;
	margin:auto;
}

#msg_layer {
	position:absolute;
	width:100%;
	z-index:1000;
	top:100px;
}

#msg_close {
	height:15px;
	left:300px;
	position:relative;
	top:20px;
	width:16px;
}

#msg_inner {
	margin-left:20px;
	margin-right:20px;
	position:relative;
	top:110px;
	text-align:center;
}

.msg_ok {
	background-image: url('/branding/empireuniverse2/gfx/global/msg/ok.png');
}

.msg_fail {
	background-image: url('/branding/empireuniverse2/gfx/global/msg/fail.png');
}

#form_register_table .col_left {
	
}

#form_register_table .col_right input {
	width:170px;
}

#reg_msg_layer {
	position:absolute;
	margin-left:8px;
	margin-top:4px;
	top:0px;
}

#reg_msg_layer h1 {
	font-size:21px;
	padding-top:10px;
}

#reg_msg_layer h2 {
	font-size:12px;
	padding-bottom:20px;
	padding-top:20px;
}

#reg_msg_button {
	text-align:center;
	padding-top:45px;
}

#site_fb {
    left:50%;
    padding-left:153px;
    position: absolute;
    float: none;
    width: 210px;
    top: 520px;

}


.fb_button_text {
	padding:2px 27px 4px !important;
}

#error_msg_eu2_close {
	float:right;
	margin-top:5px;
}

#activation_bg {
	background-color: #000000;
	height:267px;
	overflow:hidden;
	width: 460px;
	font-weight: normal !important;
}

#around_activation {
	height: 267px;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	width:460px;
	position:relative;
	z-index:20;
	top:219px;
	left:-110px;
}

#top_activation {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:680px;
	margin-top:20px;
	overflow-x:hidden;
	overflow-y:hidden;
}

#form_login_email, #form_login_password {
	margin-top:0px !important;
	padding-left:0px !important;
	position:inherit !important;
}

.fb_button_text {
	width:140px !important;
}#play_for_free {
	font-size: 14px;
}

*:first-child+html #form_login_email {
  position:relative !important;
}

*:first-child+html #form_login_password {
  position:relative !important;
}

.page {
    margin-left: auto;
    margin-right: auto;
}

.page-left{
    float: left;
	position: absolute;
	left:0;
	z-index: 10000;
}

.page-right{
	position: absolute;
	right:0;
	z-index: 10001;
}

.page-inner{
	float:left;
}

.page, .page-inner{
	background-position: center -28px;
}