@CHARSET "UTF-8";

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Copyright (C) 2009 Jevida and its licensors.
//
////////////////////////////////////////////////////////////////////////////////
*/

body {
	color: #e2d3c1;
	font-size: 12pt;
}

#fond {
	background: #000 url(../img/index/bg.jpg) no-repeat;
	height: 1150px;
}

#header-logo {
	background:url(../img/index/logo.png) no-repeat;
	width: 350px;
	height: 197px;
	left: 210px;
	top: 0;
}

.header-button {
	position: absolute;
	display:  block;
	background:url(../img/index/buttons.png) no-repeat;
	top: 0;
	height: 63px;
	overflow: hidden;
	text-indent: -500px;
	outline: none;
}

#video.header-button {
	background-position: 0 0;
	right: 315px;
	width: 71px;
}

#video.header-button:hover {
	background-position: -71px 0;
}

#screen.header-button {
	background-position: -142px 0;
	right: 242px;
	width: 73px;
}

#screen.header-button:hover {
	background-position: -215px 0;
}

#connected.typeface-js {
	font-size: 14px;
	text-align: right;
	top: 405px;
	left: 0;
	width: 175px;
	height: 18px;
}

#subscribers.typeface-js {
	font-size: 14px;
	text-align: right;
	top: 420px;
	left: 0;
	width: 175px;
	height: 18px;
}

#connected-number {
	position: absolute;
	font-size: 13px;
	text-align: right;
	top: 405px;
	left: 176px;
	width: 75px;
	height: 18px;
}

#subscribers-number {
	position: absolute;
	font-size: 13px;
	text-align: right;
	top: 420px;
	left: 176px;
	width: 75px;
	height: 18px;
}

#login.typeface-js {
	font-size: 34px;
	text-align: left;
	top: 452px;
	left: 26px;
	width: 200px;
	height: 44px;
}

#login-pseudo.typeface-js {
	font-size: 14px;
	text-align: left;
	top: 530px;
	left: 30px;
	width: 170px;
	height: 18px;
}

#login-password.typeface-js {
	font-size: 14px;
	text-align: left;
	top: 575px;
	left: 30px;
	width: 170px;
	height: 18px;
}

#login-connect.typeface-js {
	top: 20px;
	left: 20px;
	font-size: 12px;
	width: 140px;
	text-align: center;
}

.index-cowboy {
	text-decoration: none;
	color: #FFF;
	outline: none;
}

.index-cowboy:hover {
	text-decoration: none;
}

#button-connect, #button-forgot, #button-presentation, #button-galery, #button-legend, #button-play, #button-free-subscription {
	text-decoration: none;
}

#button-connect {
	font-size: 12px;
	top: 400px;
	left: 106px;
	width: 100px;
	height: 16px;
}

.input {
	position: absolute;
	background: url(../img/transparence.gif); 
	color: #000; 
	border: 0px solid #FFF;
	font-size: 90%;
	width: 168px;
	height: 18px;
}

#text-pseudo.input {
	top: 552px;
	left: 33px;
}

#text-password.input {
	top: 597px;
	left: 33px;
}

.submit {
	position: absolute;
	border: none;
	cursor: pointer;
	outline: none;
}

#button-connect.submit {
	background:url(../img/index/btn-connect.png) no-repeat;
	top: 615px;
	height: 59px;
	width: 176px;
	left: 46px;
}

#button-connect.submit:hover {
	background-position: 0 -59px;
}

#button-forgot {
	position: absolute;
	display: block;
	background:url(../img/index/btn-lostpass.png) no-repeat;
	top: 675px;
	height: 59px;
	width: 176px;
	left: 46px;
	outline: none;
}

#button-forgot:hover {
	background-position: 0 -59px;
}

#login-forgot.typeface-js {
	position: relative;
	font-size: 10px;
	top: 17px;
	text-align: center;
}

#presentation.typeface-js {
	font-size: 14px;
	position: relative;
	height: 20px;
	top: 29px;
	left: 17px;
	width: 120px;
}

#galery.typeface-js {
	font-size: 14px;
	position: relative;
	height: 20px;
	top: 29px;
	width: 74px;
}

#legend.typeface-js {
	font-size: 14px;
	position: relative;
	height: 20px;
	top: 29px;
	width: 80px;
}

#button-presentation {
	position: absolute;
	display: block;
	background:url(../img/index/btn-presentation.png) no-repeat;
	top: 390px;
	height: 54px;
	width: 138px;
	left: 326px;
	outline: none;
}

#button-presentation:hover, #button-galery:hover, #button-legend:hover {
	background-position: 0 -54px;
}

#button-galery {
	position: absolute;
	display: block;
	background:url(../img/index/btn-galery.png) no-repeat;
	top: 390px;
	height: 54px;
	width: 74px;
	left: 464px;
	outline: none;
}

#button-legend {
	position: absolute;
	display: block;
	background:url(../img/index/btn-legend.png) no-repeat;
	top: 390px;
	height: 54px;
	width: 105px;
	left: 538px;
	outline: none;
}

#news.typeface-js {
	position: absolute;
	font-size: 34px;
	top: 447px;
	left: 334px;
	width: 360px;
	height: 44px;
}

#subscription.typeface-js {
	font-size: 19px;
	position: relative;
	height: 59px;
	top: 5px;
	width: 200px;
	left: 13px;
}

#subscription-pseudo.typeface-js {
	font-size: 14px;
	text-align: left;
	top: 530px;
	right: 44px;
	width: 170px;
	height: 18px;
}

#subscription-password.typeface-js {
	font-size: 14px;
	text-align: left;
	top: 575px;
	right: 44px;
	width: 170px;
	height: 18px;
}

#subscription-mail.typeface-js {
	font-size: 14px;
	text-align: left;
	top: 620px;
	right: 44px;
	width: 170px;
	height: 18px;
	text-transform: none;
}

#text2-pseudo.input {
	top: 552px;
	right: 44px;
}

#text2-password.input {
	top: 597px;
	right: 44px;
}

#text2-mail.input {
	top: 642px;
	right: 44px;
}

#button-play.submit {
	background:url(../img/index/btn-play.png) no-repeat;
	top: 660px;
	height: 52px;
	width: 111px;
	right: 23px;
}

#button-play.submit:hover {
	background-position: 0 -52px;
}

#button-free-subscription {
	background:none;
	position: absolute;
	display: block;
	top: 443px;
	height: 59px;
	width: 227px;
	right: 15px;
	outline: none;
}

#button-free-subscription:hover {
	background: url(../img/index/btn-subscription.png) no-repeat;
}

#subscription-play.typeface-js {
	font-size: 12px;
	width: 100px;
	top: 18px;
	left: 3px;
}

#bestplayers.typeface-js {
	font-size: 20px;
	line-height: 0.9em;
	top: 787px;
	left: 22px;
	width: 160px;
	height: 52px;
}

#lastsubscribers.typeface-js {
	font-size: 20px;
	line-height: 0.9em;
	top: 787px;
	right: 336px;
	width: 160px;
	height: 52px;
}

.bestplayers-face {
	position: absolute;
	top: 787px;
	left: 186px;
}

.lastsubscribers-face {
	position: absolute;
	top: 787px;
	right: 17px;
}

.bestplayers-face li, .lastsubscribers-face li {
	padding: 0 8px;
	float: left;
}

.name {
	font-size: 10px;
	color: #cccccc;
	font-weight: bold;
}

.face {
	border: solid 1px #ffffff;
	background-image: url(../img/fnd2.png);
	width: 60px;
	height: 70px;
	display: block;
}

.index-news {
	width: 305px;
	height: 180px;
	overflow: hidden;
	position: absolute;
	top: 530px; 
	left: 371px;
	color: #000;
}

#bas {
	top: 895px;
	width: 1024px;
}

#checkPseudo, #checkPass, #checkMail {
	position: absolute;
	height: 30px;
	width: 30px;
	right: 13px;
}

#checkPseudo {
	top: 544px;
}

#checkPass {
	top: 590px;
}

#checkMail {
	top: 634px;
}

a span {
	display: block;
}