* {
	margin:			0;
	padding:		0;
}
html {
	background:		#693 url(design/bg_strip.jpg) repeat-x;
}
body {
	position:		relative;
	background:		url(design/content-bg.jpg) repeat-y;
	width:			956px;
	min-height:		700px;
}
* html body { height: 700px; }

#logo {
	position:		absolute;
	left:			13px;
	top:			14px;
	width:			150px;
	height:			155px;
	z-index:		20;
}
#logo a {
	display:		block;
	width:			100%;
	height:			100%;
	text-indent:		-1000px;
}
p {
	margin-bottom:		.5em;
}

#credits {
	position:		absolute;
	left:			190px;
	top:			500px;
	width:			120px;
	height:			180px;
	z-index:		20;
}
#credits a {
	margin-top:40px;
	display:		block;
	text-align:		center;
	height:			100%;
	/*line-height:	130px;*/
	color:			#763c01;
	font-family:"trebuchet MS", serif, verdana;
	text-decoration:	none;
	font-size:		16px;
	font-weight:		bold;
}
#credits a:hover {
	color:			#ff0;
}

#login {
	font-family:"trebuchet MS", serif, verdana;
	position:		absolute;
	left:			165px;
	top:			165px;
	font-size:		12px;
	color:			#FAEDB6;
	width:			120px;
	text-align:		center;
	z-index:		20;
}
#login label {
	display:		block;
	text-align:		left;
	font-weight:		bold;
}
#login input {
	font-family:"trebuchet MS", serif, verdana;
	font-size:		12px;
	width:			120px;
	border:			0px solid #f90;
	margin-top:8px;
	padding:		1px 2px;
}
#login button {
	font-family:"trebuchet MS", serif, verdana;
	font-size:		14px;
	font-weight:		bold;
	border:			none;
	background:		transparent;
	color:			#fc0;
}
#login button:hover {
	color:			#fff;
}
#menu {
	position:		absolute;
	left:			180px;
	top:			290px;
	font-size:		14px;
	font-weight:	bold;
	font-family:"trebuchet MS", serif, verdana;
	color:			#fc0;
	z-index:		20;
}

#login {
	font-weight:	bold;
	font-family:"trebuchet MS", serif, verdana;
	color:			#FFE596;
}
#login ul{

	left:			15px;
	font-size:		14px;
	text-align:left;
	position:		absolute;
	top: 0px;
	width:130px;
}
#menu li, #login li {
	list-style:		none;
	line-height:		26px;
	height:			26px;
	margin:			0;
	padding:		0;
}
#menu a, #login a {
	display:		block;
	color:			#fff;
	text-decoration:	none;
}
#footer a {
	font-weight:bold;
	color:#900;
	text-decoration:	none;
}
#menu a:hover, #login a:hover, #footer a:hover {
	color:			#fc0;
	text-decoration:	none;
}

#nav {
	position:		absolute;
	left:			300px;
	top:			30px;
	width:			600px;
	height:			100px;

	font-weight:		bold;
	font-family:"trebuchet MS", serif, verdana;
	font-size:		18px;

	z-index:		10;
}
#nav li {
	list-style:		none;
	position:		absolute;
}
#nav li a {
	display:		block;
	height:			100%;
	color:			#930;
	text-decoration:	none;
}
#nav li a:hover {
	color:			#f00;
}
#navLogOut{
	left:			600px;
	top:			10px;
}
#navAccount {
	left:			100px;
	top:			30px;
}
#navMessages {
	left:			290px;
	top:			20px;
}
#navMaxPack {
	left:			500px;
	top:			10px;
}
#jackpot{
background:url('design/titres/autres/fond_jackpot.png');
background-repeat: no-repeat;	
position:		absolute;
	left:			650px;
	top:			100px;
	width:			160px;
	height:			45px;

	font-weight:	bold;
	font-family:"trebuchet MS", serif, verdana;
	font-size:		16px;

	padding-top:5px;
padding-left:25px;
	z-index:		9999;
}
#jackpot a {
	color:			#930;
	text-decoration:	none;
}
#jackpot a:hover {
	color:			#f00;
}
#content {
	font-family:"trebuchet MS", serif, verdana;
	font-size:		13px;
	line-height:		1.2em;
	position:		relative;

	background:		url(design/bg.jpg) no-repeat;
	min-height:		560px;

	padding-left:		320px;
	padding-top:		190px;
	padding-right:		106px;
	padding-bottom:		170px;
	width:			550px;

}
* html #content {
	height:			560px;
}

#footer {
	background:		url(design/footer.jpg) no-repeat;
	font-family:"trebuchet MS", serif, verdana;
	position:		absolute;
	/*bottom:			-1px;*/
	width:			956px;
	padding-top:	70px;
	height:			81px;
	font-size:		12px;
	color:			#000;
}
#footer #freeGames {
	float:	left;
	margin-left:	400px;
}
* html #footer #freeGames {
	margin-left: 200px;
}
#footer #madeBy {
	float:			right;
	margin-right:		50px;
}
* html #footer #madeBy {
	margin-right:		25px;
}

#content #mainSample {
	position:		absolute;
	left:			380px;
	top:			140px;
	width:			260px;
}
#content #mainBottomBoxes {
	position:		absolute;
	overflow:		hidden;
	left:			380px;
	top:			570px;
	width:			470px;
	height:			40px;
}
#content #mainBottomBoxes .box {
	float:			left;
	width:			110px;
	height:			32px;
	line-height:		32px;
	text-align:		center;
	border:			4px solid #aa8909;
	background-color:	#fff;
	margin-right:		58px;
}
#content #mainBottomBoxes .box.last {
	margin-right:		0;
}
#content #mainRightBoxes {
	width:			170px;
	position:		absolute;
	left:			680px;
	top:			140px;
}
#content #mainRightBoxes .box {
	width:			160px;
	height:			40px;
	line-height:		40px;
	text-align:		center;
	border:			4px solid #aa8909;
	background-color:	#fff;
	margin-bottom:		25px;
}
#content #mainMainBox {
	position:		absolute;
	left:			380px;
	top:			396px;
	width:			260px;
	height:			150px;
	line-height:		150px;
	text-align:		center;
	border:			4px solid #aa8909;
	background-color:	#fff;
}

#livredor{
margin-top:50px;
z-index:2000px;
text-align:center;;
background-color:#F9E186;
}
#livredor #titre{
text-align:left;
color:#990000;
font-weight:bold;
margin-left:5px;
}
#livredor marquee{
padding-left:5px;
padding-right:5px;
}
a{
font-weight:bold;
color:#FD4213;
}
a:hover{
color:#C12702;
}
.message{
	border:3px dotted #990000;
	width:90%;
	padding:5px;
	font-weight:bold;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:underline}

a.info:hover{position:relative; z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em;
	left:2em;
	width:15em;
    border:1px solid #BD732A;
    background-color:#FFFFFF;
	color:#000000;
    text-align: center;
	text-decoration:none;
	z-index:10000;
}

*+html a.info:hover span, * html a.info:hover span{
	top: 5em;
	left: 3em;
}

a.info2{
    position:relative; /*this is the key*/
    z-index:30;
    text-decoration:underline}

a.info2:hover{z-index:31; background-color:#ccc}

a.info2 span{display: none; 	z-index:10000;}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #BD732A;
    background-color:#FFFFFF; 
	color:#000000;
    text-align: center;
	text-decoration:none;
	z-index:33;
	font-size:	14px;
 }
	
li{
list-style-type:none;
}

h1, h2{
color:#990000;
margin-top:10px;
}
#partner{
position:absolute;
top: 700px;
left: 10px;
z-index:9999;
}
#partner td{
padding:3px;
}

#bar{
	position:fixed;
	z-index:10000;
	width:100%;
}

* html #bar{
	position:absolute;
	z-index:10000;
	width:100%;
}

.jeu h3{
font-size:14px;
}
#stats{
position:		absolute;
	left:			400px;
	top:			120px;
	width:			200px;
	height:			45px;

	font-weight:	bold;
	font-family:"trebuchet MS", serif, verdana;
	font-size:		16px;

	padding-top:5px;
padding-left:25px;
	z-index:		11;
}