
.inscription, .connexion
{	padding:10px;
	margin:20px;
    width: 250px;
    border: 2px solid #c6c6c6;
	border-radius:20px;
	background-color:#d9d9d9;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	box-shadow:0px 0px 40px 5px black;
	 position:absolute; left:35%;top:20%;
}


#about
{
	position:absolute;
	left:32%;
	top:15%;
	border-radius:10px;
	border:3px solid black;
	background-color:rgba(255,255,255,0.8);
	text-align:center;
	padding:10px 10px 10px 10px;
}

#about button
{
	border-radius:10px;
	background-color:white;
	outline:none;
}

#about button:hover{	border:2px solid black;}
#about button:active{	border:2px dotted black;}

.caseForm
{
	height:30px;
	padding:0px 10px 0px 10px ;
	margin-bottom:5px;
	background-color:#fff8c6;
	border-radius:5px;
	style: 1px solid grey;

}

#changeFormReg, #changeFormLog{ text-align:right;font-size:0.4em;color:grey;text-decoration:underline;}
#changeFormReg:hover, #changeFormLog:hover{ color:white;}

.menu
{
    position: absolute;
    right: 0px;
    top: 0px;
	width: 100%;
	height: 8%;
	border: 2px solid black;
	background-color:black;
	font-family:cursive;	
	border-bottom:2px solid white;

}

.menu a
{
	text-decoration:none;
	color:white;
}

.menu a:hover
{
	text-decoration:underline;
	color:#e0e0e0;
	
}

.menu ul
{
	text-align:center;
    list-style-type: none;
	
}
 
.menu li
{
    display: inline-block;
    margin-right: 15px;
	padding:0px 40px 0px 40px;

}


.corp
{
position: absolute;
top: 8.5%;
left:0px;

width:100%;
height:92%;

font-family: arial;
box-shadow:0px 0px 100px 10px black inset;

}

.profile li
{
	color:white;

}


h1
{
	font-family:"Fine College", impact;
	font-size:50px;
	
}


.ladder
{
	position:absolute;
	left:20%;

}

#tabLadder
{
	color:white;
	text-align:center;
	border: 2px solid white;
	border-radius:10px;
	background-color:rgba(0,0,0,0.3);
	width:120%;
}

th:hover
{
	text-decoration:underline overline;
	cursor:pointer;
	
}

#createRoom
{
	text-align:center;
}

#butJoinRoom
{
	width:80px;
	height:50px;
	background-color:#00b708;
	border:1px solid black;
	outline: none;
	border-radius:5px;
	box-shadow:5px 5px 20px 3px #015800 inset;
	margin:15px 15px 15px 15px ;
}

#butJoinRoom:hover{box-shadow:-5px -5px 20px 3px #015800 inset;}
#butJoinRoom:active{box-shadow:0px 0px 10px 5px black ;}


#gameLabel
{
	
	position:absolute;
	left:35%;
	top:62%;
	border-radius:10px;
	border:3px solid black;
	background-color:rgba(255,255,255,0.8);
	text-align:center;
	padding:10px 10px 10px 10px;
}

#gameLabel li
{
	display: inline-block;
	margin:0px 10px 0px 10px;
}