@charset "utf-8";
/* CSS Document */

html { 
  margin:0;
  padding:0;
  background: url(images/bg.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
body {
  font-family: verdana;
  font-size: 11px;
}
.logo img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#topbar {
  position: absolute;
  right: 20px;
  top:0;
}
#topbar li{
	float:left;
	list-style:none;
	margin-left:10px;
}
	/* HOMEPAGE */
	
#homepage{
	width: 513px;
	text-align:center;
	margin:auto;
}
#homepage #logo{
	margin: 50px 0;
}
#homepage #forum:hover{
	background: url(images/b-forum-over.png);
}
#homepage #dice:hover{
	background: url(images/b-dicelog-over.png);
}
	/* LOGIN */
#login {
  background: none repeat scroll 0 0 white;
  border-radius: 10px 10px 10px 10px;
  margin: auto;
  padding: 10px;
  width: 300px;
  margin-top: 50px;
}
#login label {
  float: left;
  width: 150px;
}
#login input[type="submit"] {
  display: block;
  margin: 20px auto auto;
}
#retour {
  background: none repeat scroll 0 0 white;
  border-radius: 10px 10px 10px 10px;
  margin: 20px auto auto;
  padding: 10px;
  text-align: center;
  width: 300px;
}

	/* MEMBRES*/
#newmdpform{
background: none repeat scroll 0 0 white;
  border-radius: 10px 10px 10px 10px;
  margin: auto;
  padding: 10px;
  width: 300px;
  margin-top: 50px;
}
#newmdpform label {
  float: left;
  width: 150px;
}
#newmdpform input[type="submit"] {
  display: block;
  margin: 20px auto auto;
}

	/* ADD MEMBRE */
#addmembre{
	background: none repeat scroll 0 0 white;
  border-radius: 10px 10px 10px 10px;
  margin: auto;
  padding: 10px;
  width: 300px;
  margin-top: 50px;
}
#addmembre label {
  float: left;
  width: 150px;
}
#addmembre input[type="submit"] {
  display: block;
  margin: 20px auto auto;
}
	/* DICE */
	
#main{
	width:300px;
	margin:auto;
}
#main label {
  float: left;
  font-weight: bold;
  width: 137px;
}
#main form{
	background:#cfcdcb;
	padding: 8px;
}
#main #lancer{
display: block;
margin: auto;
}
#main #com {
  width: 275px;
}
#deleteall {
  background: none repeat scroll 0 0 white;
  border-radius: 10px 10px 10px 10px;
  display: block;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 290px;
}
#resultats {
  margin: 10px auto auto;
  width: 350px;
}
#resultats .resu{
	float: left;
	background: none repeat scroll 0 0 #e9e4e0;
  border-radius: 10px 10px 10px 10px;
  padding: 10px;
  margin-bottom:5px;
  width:330px;
}
#resultats span {
  display: block;
  width: 330px;
}
#resultats .nom{
	font-weight: bold;
}
#resultats .tiragesyang{
	color: red;
}
#resultats .tiragesyin{
	color: #666;
}