body{
background:#333;
border:0px;
margin:0px;
font-size:12px;
 font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#fond{
     position:absolute;
     left: 0%;
     top: 50%;
     width: 100%;
     height: 514px;
     margin-top: -234px;
background:#f3ebbd url('../images/hieroglyphes.jpg');
text-align:center;
}

#menu{
margin-left: auto;
margin-right: auto;
width:908px;
height:15px;
text-align:right;
}

#menu ul{
list-style-type:none;

}
#menu li{
display:inline;
background:#333;
padding-left:5px;
padding-right:5px;
}

#image{
margin-left: auto;
margin-right: auto;
background: url('../images/index/templephilcopie.jpg');
width:908px;
height:469px;
text-align:left;
}

#partner{
position:relative;
left:-135px;
top:-249px;
width:110px;
height:458px;
text-align:left;
padding:5px;
background:#333;
font-size:12px;
color:#ffffff;
}

#partner a {
color:#a0a0a0;
font-size:11px;
}

#partnerurl a{
color:#ffffff;
text-decoration:none;
}

#panel{
position:relative;
left:650px;
top:180px;
width:200px;
height:auto;
}

#logo{
position:relative;
left:50px;
top:20px;
width:168px;
height:58px;
}

#titre{
position:relative;
left:70px;
top:20px;
width:430px;
font-size:16px;
}

#nbjoueurs{
position:relative;
left:90px;
top:25px;
width:430px;
font-size:12px;
color:#333333;
}

#membres{
position:relative;
left:730px;
top:15px;
width:190px;
}


#footer{
     position:absolute;
     left: 0%;
     top: 50%;
     width: 100%;
     height: 20px;
     margin-top: 275px;
     text-align:center;
     padding-top:10px;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#connect{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	margin-left: -380px;
	margin-top: -60px;
	background:#f3ebbd;
	border:solid 1px #000;
	visibility:hidden;
	overflow:hidden;
	padding:20px;
}

#connect2{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 430px;
	height: 200px;
	margin-left: -380px;
	margin-top: -30px;
	background:#f3ebbd;
	border:solid 1px #000;
	padding:20px;
}

#more{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	margin-left: -380px;
	margin-top: -50px;
	background:#f3ebbd;
	border:solid 1px #000;
	visibility: hidden;
	overflow:hidden;
}


#inscription{
	position:absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	margin-left: -380px;
	margin-top: -50px;
	background:#f3ebbd;
	border:solid 1px #000;
	visibility: hidden;
	overflow:hidden;
}

.titre{
	font-size:14px;
	color:#333;
	font-weight:bold;
}

.login{
 margin-top:20px;
}

.loginform {
 margin-top:20px;
 float:left;
}

.loginform label{
display:block;
margin-bottom:2px;
margin-top:5px;
}

#form_login{
 margin-top:10px;
 width:230px;
 margin-left:10px;
 border-right: solid #ccc 1px;
}


#facebooklogin{
 float:left;
 margin-top:50px;
 margin-left:20px;
}