* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Layout */
body {
	width: 1280px;
	height: 720px;
	background-image: url("../images/background.jpg");
}

body.game {
	width: 1280px;
	height: 720px;
	background-image: url("../images/Game/tapis.png");
}
body.Help {
	width: 1280px;
	height: 720px;
	background-image: url("../images/backgroundHelp.jpg");
}

#Btn1 {
	position: absolute;
	left: 316px;
	top: 250px;
	width: 648px;
}

#Btn2 {
	position: absolute;
	left: 316px;
	top: 345px;
	width: 648px;
}

#Btn3 {
	position: absolute;
	left: 316px;
	top: 465px;
	width: 648px;
}

.selected {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

#BlocText {
	position: absolute;
	left: 250px;
	top: 170px;
	text-align: justify;
	font-family: verdana;
	font-size: 12px;
	color: #5f5d5e;
	font-weight: lighter;
	display: -moz-inline-block;
	display: inline-block;
	width: 770px;
	height: 415px;
	overflow: hidden;
}
#photo
{
  width:100px;
  height:100px;
}
#photoAbout
{
  margin-left: 113px;
}
#photoAbout2
{
  margin-left: 113px;
}
#info1
{
  position:absolute;
  margin-left: 163px;
  margin-top: -65px;
}
#info2
{
  position:absolute;
  margin-left: 163px;
  margin-top: -65px;
}

#AboutText {
	position: absolute;
	left: 255px;
	top: 268px;
	text-align: justify;
	font-family: verdana;
	font-size: 18px;
	color: #5f5d5e;
	font-weight: lighter;
	display: -moz-inline-block;
	display: inline-block;
	width: 770px;
	overflow: hidden;
}
.transparent {
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: #00F;
}

.BtnTransparent {
	position: absolute;
	text-decoration: none;
	padding: 1px;
	margin: 5px;
	font-weight: bold;
	border: 1px solid #000;
	color: #FFFFFF;
}

.BtnTransparent:hover {
	background-color: #00F;
}

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

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

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