body.game
{
	width: 1280px;
	height: 720px;
	background-image: url("../images/Game/bg.jpg");
}
.Journal
{
    position: absolute;
   left: 975px;
	top: 150px;
	 width: 240px;
	height: 400px;
	overflow:auto;
	background-color: transparent;
	box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.7);
	border-style: outset;  
}
.ecrire
{
  /*position: absolute;*/
  left: 10px;
  padding: 0px;
  margin-left: 12px;
  margin-top: 12px;
  
}
#RoundNumber
{
    position: absolute;
	left: 1050px;
	top: 98px;
	width: 120px;
	height: 40px;

}
#RoundNumber p
{
 text-shadow:1px 1px 9px rgba(0,0,0,0.2);
 font-weight:bold;
 font-style:oblique;
 color:#34851C;
 letter-spacing:1pt;
 word-spacing:0pt;
 font-size:22px;
 text-align:left;
 font-family:palatino linotype, palatino, serif;
 line-height:0;
}

textarea
{
  color: black; 
  background-color: transparent; 
  scroll: none; 
  resize: none;
  width: 240px;
  height: 400px;
}
.TableGame
{
   position: absolute;
   right: 180px;
   bottom: 0px;
}
.SpacePlayer
{
    position: absolute;
	left: 100px;
	top: 330px;
	width: 800px;
	height: 165px;

}
.SpaceRobot
{
    position: absolute;
	left: 100px;
	top: 140px;
	width: 800px;
	height: 165px;

}

.SpacePlayer2
{
    position: absolute;
	left: 147px;
	top: 177px;
	width: 800px;
	height: 165px;

}


.button
{
	position: absolute;
	left: 15px;
	top: 85px;
	-moz-box-shadow:inset 0px 1px 0px 0px #fffbf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fffbf7;
	box-shadow:inset 0px 1px 0px 0px #fffbf7;
	background-color:#ffc477;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#0f0e0f;
	font-family:Georgia;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;



}
.button:hover {
	background-color:#ffc470;
}
.button:active {
	position:relative;
	top:1px;
}


#BoxAvatarPlayer
{
    position: absolute;
	left: 445px;
	top: 570px;
}

#BoxAvatarRobot
{
    position: absolute;
	left: 445px;
	top: 25px;
}
#BoxAvatarPlayer2
{
    position: absolute;
	left: 490px;
	top: 50px;
}


#SpaceCardPlayer
{
    position: absolute;
	top: 35px;
	width: 800px;
	height: 70px;
}
#SpaceCardRobot
{
    position: absolute;
	top: 115px;
	width: 800px;
	height: 70px;
}
#SpaceCardPlayer2
{
    position: absolute;
	top: 115px;
	width: 800px;
	height: 70px;
}

#FirstCardPlayer
{
    position: absolute;
	left: 358px;
	top: 115px;
	width: 60px;
	height: 70px;
}

#FirstCardRobot
{
	position: absolute;
	left: 358px;
	top: 25px;
	width: 60px;
	height: 70px;
}
#FirstCardPlayer2
{
    position: absolute;
	left: 358px;
	top: 25px;
	width: 60px;
	height: 70px;
}
img.Card
{
    position: absolute;
    width: 40px;
	height: 50px;
}

img.cadre
{
    position: absolute;
    width: 90px;
	height: 90px;
}

img.AvatarRobot
{
    position: absolute;
    width: 75px;
	height: 75px;
	left: 8px;
}
img.AvatarPlayer
{
    position: absolute;
	width: 54px;
	height: 54px;
	left: 19px;
	top: 12px;
}
img.AvatarPlayer2
{
    position: absolute;
    width: 54px;
	height: 54px;
	left: 18px;
	top: 12px;
}
img.FirstCard
{
    position: absolute;
    width: 60px;
	height: 70px;
}

#ScorPlayer
{
    position: absolute;
width: 150px;
height: 70px;
left: 295px;
top: 615px;
}
#MessageWin
{
text-shadow:2px 2px 5px rgba(255,23,23,1);
font-weight:normal;
color:#FFE017;letter-spacing:3pt;
word-spacing:-7pt;font-size:35px;
text-align:center;
font-family:times new roman, times, serif;line-height:1;

}
#MessageWin>p
{
  text-decoration:blink;
}
#ScorRobot
{
   position: absolute;
	width: 170px;
	height: 40px;
	left: 300px;
	top: 65px;

}

#ScorPlayer2
{
    position: absolute;
	width: 200px;
	height: 70px;
	left: 300px;
	top: 95px;

}
#RoundScorPlayer
{
    position: absolute;
width: 160px;
height: 40px;
top: 570px;
left: 295px;
}
#RoundScorRobot
{
   position: absolute;
	width: 164px;
	height: 40px;
	left: 300px;
	top: 20px;
}
#RoundScorPlayer2
{
    position: absolute;
    width: 152px;
	height: 70px;
	left: 300px;
	top: 40px;
}

 /* Card Pick by player */
#CardPickedPlayer11
{
    position: absolute;
	left:65px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer9
{
    position: absolute;
	left:115px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer7
{
    position: absolute;
	left:165px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer5
{
    position: absolute;
	left:215px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer3
{
    position: absolute;
	left:265px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer1
{
    position: absolute;
	left:315px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer0
{
    position: absolute;
	left:365px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer2
{
    position: absolute;
	left:415px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer4
{
    position: absolute;
	left:465px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer6
{
    position: absolute;
	left:515px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer8
{
    position: absolute;
	left:565px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer10
{
    position: absolute;
	left:615px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer12
{
    position: absolute;
	left:665px;
    width: 40px;
	height: 50px;
}

 /* End Card Pick by player */
 
  /* Card Pick by Robot */
#CardPickedRobot11
{
    position: absolute;
	left:65px;
    width: 40px;
	height: 50px;
}

#CardPickedRobot9
{
    position: absolute;
	left:115px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot7
{
    position: absolute;
	left:165px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot5
{
    position: absolute;
	left:215px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot3
{
    position: absolute;
	left:265px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot1
{
    position: absolute;
	left:315px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot0
{
    position: absolute;
	left:365px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot2
{
    position: absolute;
	left:415px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot4
{
    position: absolute;
	left:465px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot6
{
    position: absolute;
	left:515px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot8
{
    position: absolute;
	left:565px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot10
{
    position: absolute;
	left:615px;
    width: 40px;
	height: 50px;
}
#CardPickedRobot12
{
    position: absolute;
	left:665px;
    width: 40px;
	height: 50px;
}
 /* End Card Pick by Robot */

  /* Card Pick by Player2 */
#CardPickedPlayer211
{
    position: absolute;
	left:65px;
    width: 40px;
	height: 50px;
}

#CardPickedPlayer29
{
    position: absolute;
	left:115px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer27
{
    position: absolute;
	left:165px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer25
{
    position: absolute;
	left:215px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer23
{
    position: absolute;
	left:265px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer21
{
    position: absolute;
	left:315px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer20
{
    position: absolute;
	left:365px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer22
{
    position: absolute;
	left:415px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer24
{
    position: absolute;
	left:465px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer26
{
    position: absolute;
	left:515px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer28
{
    position: absolute;
	left:565px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer210
{
    position: absolute;
	left:615px;
    width: 40px;
	height: 50px;
}
#CardPickedPlayer212
{
    position: absolute;
	left:665px;
    width: 40px;
	height: 50px;
}
 /* End Card Pick by Player2 */
#popup {
background-image: url(../images/images.jpg);
    width: 350px;
    background-color: white;
    padding: 0 20px 20px;
    height: auto;
    z-index: 9;
    position: fixed;
    display: none; 
    top: 200px;
    right: 0px;
    left: 0;
	top: 328px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 4px #48312B solid;
}	
#cover{ 
position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; 
} 

footer {
background-image:url("../images/barre4.png");
opacity:0.6;
filter:Alpha(opacity=60); /* IE8 and earlier */
margin-top: 664px;
float: left;
width: 100%;
height: 33px;
clear:both;
margin-left: -8px;
margin-right: auto;
line-height: 1.0em;
}	