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;
cursor: default;
user-select: none;
}

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

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

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

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

#titre{
position:relative;
left:70px;

width:430px;
font-size:16px;
}

#nbjoueurs{
position:relative;
left:90px;
top:5px;
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('../Img/bg_button_a.gif') no-repeat scroll top right;
    display: block;
    height: 24px;
    margin-right: 6px;
	margin-left:50px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../Img/bg_button_span.gif') no-repeat;
    display: block;
	color: #444;
	font: normal 12px arial, sans-serif;
	font-weight:bold;
    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 */
}

#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:url('../Img/index.jpg');
	border:solid 1px #000;
	visibility: hidden;
	overflow:hidden;
}

#connect{
	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;
}

#mdp{
	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:25px;
 margin-left:25px;
}

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

#title{
text-align: center;
}
#formDiv{
padding: 15px;
}

div#pseudobox {
  float: left;
}
	
.submitDiv{
margin-top: 10px;
margin-right: 30px;
text-align: right;
}

a:visited {color: #cccccc}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 490px;
height: 205px; 
overflow: hidden;
}

.glidecontent{ 
position: absolute; /* Do not change this value */
padding: 10px;
width: 470px;
background:#f3ebbd;
}

.glidecontent2{ 
position: absolute; /* Do not change this value */
padding: 10px;
width: 490px;
height: 242px; 
background:url('../Img/index.jpg');
background-size: 490px 242px;
text-align: left; 
line-height: 2;
}

.glidecontenttoggler{ 
width: 485px;
text-align: center; 
}

.glidecontenttoggler a{ 
background: transparent url('../Img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: inline-block;
    font: normal 12px arial, sans-serif;
    height: 24px;
	font-weight:bold;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
    text-align:right;
    width:30px;
}

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

.glidecontenttoggler a:active{
	background-position: bottom right;
    color: #000;
    outline: none; 
}

.glidecontenttoggler a:active span{
    background-position: bottom left;
    padding: 6px 0 4px 18px; 
}

.glidecontenttoggler a.toc{ }
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ }
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{}