* {
	padding: 0;
	margin: 0;
	font-family: 'Nothing You Could Do', cursive, "Verdana", sans-serif;
	font-size: 20px;
	font-weight:bold;
}

html{
	background-image:url( ../img/fond.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	opacity: 0.9;
}

body {
	width: 100%;
	height: 100%;
}

header {
	margin-bottom: 25px;
}

 h1 {
	font-family: 'Nothing You Could Do', cursive;
	font-weight:bold;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 32px;
}

h2 {
	font-weight:bold;
	font-family: 'Nothing You Could Do', cursive;
	font-size:20px;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

h1{
	font-family: 'Nothing You Could Do', cursive;
	font-size:50px;
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#map {
	display: block;
	width: 640px;
	height: 640px;
	margin: auto;
	background-color: white;
	border:solid 5px;
}

#players {
	float: left;
	width: 250px;
	margin-left: 15px;
	
}

#player1 {margin-left: 10px;
	width: 100%;
	text-align: center;
	border: 1px solid #000;
	color: black;
	margin-bottom: 20px;
	padding-bottom: 10px;
    background-color:#E60303  ;
}

#player2 {
	margin-left: 10px;
	width: 100%;
	text-align: center;
	border: 1px solid #000;
	color: black;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background-color:#D2B9DF;
}

#infos {
	clear: both;
	width: 320px;
	margin: auto;
	margin-top: 10px;
}

#attack {
	border:1px solid black;
	background-color:black;
	margin-left: 10px;
	margin-top: 0px;
	width: 120px;
	height: 120px;
	background-image: url(../img/attack.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
	opacity: 0.5;
}

#defend {
	border:1px solid black;
	background-color:black;
	margin-left: 10px;
	width: 120px;
	height: 120px;
	background-image: url(../img/defend.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
	opacity: 0.5;
}


#newgame {
	text-align:center;
	font-size:30px;
	font-style:bold;
	display: block;
	width: 400px;
	height: 40px;
	margin: auto;
	margin-top: 10px;
}

ul{
	border: 1px solid;
}

#armesPts{
	text-align:center;
	font-weight:bold;
	margin-right: 80px;
	float:right;
	border: 1px solid black;
	background-color: white;
	width:300px;
	opacity:0.95;
	color: black;
	height:auto;
	
}
.square {
	border: 1px solid grey;
	display: block;
	float: left;
	width: 62px;
	height: 62px;
}


.wall{
	background-position:center;
	background-image: url(../img/mur.png);
	z-index:-1;
}

.player1 {
	background-position: center;
	background-size: 100%;
    background-repeat:no-repeat;
	background-image: url(../img/p1.png);
	z-index:3;
}

.player2 {	
	background-position: center;
	background-size: 100%;
	background-repeat:no-repeat;
	background-image: url(../img/p2.png);
	z-index:3;
}
.katana {   
	background-repeat:no-repeat;
	background-size:70px;
	background-position:center;
	background-image: url(../img/katana.png);
	opacity:1;
	z-index:3;
}

.kusarigama {   
	background-repeat:no-repeat;
	background-position:center;
	background-size:100px;
	background-image: url(../img/kusarigama.png);
	opacity:1;
	z-index:3;
}

.nunchaku{
	background-position:center;
	background-size:64px;
	background-image: url(../img/nunchaku.png);
	opacity:1;
	z-index:3;
}

.kunai{
	background-size:75px;
	background-position:center;
	background-image: url(../img/kunai.png);
	opacity:1;
	z-index:3;
}

.move1 {
    background-color: #E60303  ;
    opacity:0.7;
    z-index:-3;
}

.move2 {
   opacity:0.7;
   z-index:-3;
   background-color: #D2B9DF;
}