body {
color : #000;
background-color: #000;
font: 12px Arial, Helvetica, sans-serif;
color:#fff;
overflow: auto;
padding: 0 0 0 0 ;
}

p {color: #fff; text-align: left; font-size : 11px; padding-top: 0;line-height:2.5pt;}
p.second {color: #fff; text-align: left; font-size : 12px; padding-top: 0;line-height:12pt;}
/*.}*/
/*.padding2 {padding: 5px 10px 0 10px ;}*/

img {border : none;}
/*img.portrait {border: 2px solid #606;}*/
/*img.boule {border: none; vertical-align: middle; }*/

h1 {color: #fff; text-align: center; font-weight: bold; font-size : 18px;}
h2 {color: #fff; text-align: center; font-weight: bold; font-size : 14px;}
h3 {color: #fff; text-align: center; font-weight: bold; font-size : 12px;line-height:8.5pt;}
h4 {color: #fff; text-align: left; font-weight: bold; font-size : 12px;}
h5 {color: #FFF; text-align: center; font-weight: bold; font-size : 24px;}
h6 {color: #666; text-align: center; font-weight: lighter ; font-size : 10px;}

table {
	margin:auto;
	}
tr {
	height:23px;
	}
td {
	padding: 0 0 0 0 ;
	}

a:link {color: #fff; font-weight: bold; font-size : 14px; text-decoration: none}
a:hover {color: #069; font-weight: bold; font-size : 14px; text-decoration: none}

a.Bprop { display: block; width: 60px; height: 60px; background-image: url('../images/prop02.png') }
a.Bprop:hover { visibility: visible }
a.Bprop:hover img { visibility: hidden }

a.Bhelp { display: block; width: 60px; height: 60px; background-image: url('../images/help02.png') }
a.Bhelp:hover { visibility: visible }
a.Bhelp:hover img { visibility: hidden }

a.Bctaom { display: block; width: 170px; height: 61px; background-image: url('../images/ctaom02.png') }
a.Bctaom:hover { visibility: visible }
a.Bctaom:hover img { visibility: hidden }

a.Bbsw { display: block; width: 60px; height: 60px; background-image: url('../images/bsw02.png') }
a.Bbsw:hover { visibility: visible }
a.Bbsw:hover img { visibility: hidden }

a.Btaom { display: block; width: 60px; height: 60px; background-image: url('../images/taom02.png') }
a.Btaom:hover { visibility: visible }
a.Btaom:hover img { visibility: hidden }

a.B001 { display: block; width: 168px; height: 89px; background-image: url('../images/Siedler02.png') }
a.B001:hover { visibility: visible }
a.B001:hover img { visibility: hidden }

a.B002 { display: block; width: 168px; height: 89px; background-image: url('../images/Dominion02.png') }
a.B002:hover { visibility: visible }
a.B002:hover img { visibility: hidden }

a.B003 { display: block; width: 168px; height: 89px; background-image: url('../images/Tichu02.png') }
a.B003:hover { visibility: visible }
a.B003:hover img { visibility: hidden }

#home {
width : 900px;
height : 584px;
margin-top: -292px;
margin-left: -450px;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
}
#intro {
	background-color : transparent;
	text-align: center;
	font-weight : lighter; font-size : 10px; color : #000;
	width : 200px;
	height : 35px;
	position: absolute;
	margin-top : -290px;
	margin-left :-100px;
	left: 50%;
	top: 50%;
	z-index: 2;
}
#deb {
	background-color : transparent;
	text-align: center;
	font-weight : bold; font-size : 13px; color : #fff;
	width : 80px;
	height : 35px;
	position: absolute;
	margin-top : -270px;
	margin-left :-214px;
	left: 50%;
	top: 50%;
	z-index: 2;
}
#cagnotte {
	background-color : transparent;
	text-align: center;
	font-weight : bold; font-size : 18px; color : #fff;
	width : 80px;
	height : 20px;
	position: absolute;
	margin-top : -265px;
	margin-left : -39px;
	left: 50%;
	top: 50%;
	z-index: 2;
}
#fin01 {
	background-color : transparent;
	text-align: center;
	font-weight : bold; font-size : 13px; color : #fff;
	width : 80px;
	height : 35px;
	position: absolute;
	margin-top : -270px;
	margin-left : 136px;
	left: 50%;
	top: 50%;
	z-index: 2;
}
#help {
	background-color : transparent;
	text-align: center;
	width : 60px;
	height : 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -221px;
	margin-left : -380px;
	z-index: 2;
}
#prop {
	background-color : transparent;
	text-align: center;
	width : 60px;
	height : 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -221px;
	margin-left : -205px;
	z-index: 2;
}
#propi {
	background-color : transparent;
	overflow: auto;
	width : 364px;
	height : 320px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -166px;
	margin-left : -410px;
	z-index: 2;
}
#prop2 {
	background-color : transparent;
	overflow: auto;
	width : 364px;
	height : 240px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -105px;
	margin-left : 54px;
	z-index: 3;
}
#helpi {
	background-color : transparent;
	overflow: auto;
	font-size : 10px; color : #fff;
	width : 380px;
	height : 252px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -98px;
	margin-left : -428px;
	z-index: 2;
}
#help_entete01 {
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	overflow: hidden;
	width : 375px;
	height : 29px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : -428px;
	z-index: 3;
}
#ctaom {
	background-color : transparent;
	text-align: center;
	width : 170px;
	height : 61px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -221px;
	margin-left : -85px;
	z-index: 2;
}
#bsw {
	background-color : transparent;
	text-align: center;
	width : 60px;
	height : 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -221px;
	margin-left : 145px;
	z-index: 2;
}
#taom {
	background-color : transparent;
	text-align: center;
	width : 60px;
	height : 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -221px;
	margin-left : 320px;
	z-index: 2;
}
#jeu000 {
	background-color : transparent;
	text-align: center;
	width : 168px;
	height : 89px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -153px;
	margin-left : -434px;
	z-index: 2;
}
#jeu001 {
	background-color : transparent;
	text-align: center;
	width : 168px;
	height : 89px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -153px;
	margin-left : -259px;
	z-index: 2;
}
#jeu002 {
	background-color : transparent;
	text-align: center;
	width : 168px;
	height : 89px;
	position: absolute;
	margin-top : -153px;
	margin-left : -84px;
	left: 50%;
	top: 50%;
	z-index: 2;
}
#jeu003 {
	background-color : transparent;
	text-align: center;
	width : 168px;
	height : 89px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -153px;
	margin-left : 91px;
	z-index: 2;
}
#jeu004 {
	background-color : transparent;
	text-align: center;
	width : 168px;
	height : 89px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top : -153px;
	margin-left : 266px;
	z-index: 2;
}
#centre {
	background-color : transparent;
	overflow: auto;
	width : 900px;
	height : 355px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -62px;
	margin-left : -450px;
	z-index: 2;
}
#jentete01 {
	text-align:center;
	background-image : url(../images/total.png);
	overflow:hidden;
	width : 54px;
	height : 34px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : -356px;
	z-index: 3;
}
#jentete02 {
	text-align:center;
	background-image : url(../images/total.png);
	overflow:hidden;
	width : 54px;
	height : 34px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : -217px;
	z-index: 3;
}
#jvignette {
	background-color : transparent;
	overflow:hidden;
	width : 92px;
	height : 34px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : -140px;
	z-index: 3;
}
#jlegende {
	background-image : url(../images/tableau_j.png);
	overflow:hidden;
	width : 380px;
	height : 32px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -130px;
	margin-left : -428px;
	z-index: 3;
}
#joueurs {
	overflow-y:scroll;
	overflow-x:auto;
	width : 382px;
	height : 252px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -98px;
	margin-left : -428px;
	z-index: 3;
}
#vvignette {
	overflow:hidden;
	width : 92px;
	height : 34px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : 46px;
	z-index: 3;
}
#ventete01 {
	text-align:center;
	background-image : url(../images/total.png);
	overflow:hidden;
	width : 54px;
	height : 34px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : 217px;
	z-index: 3;
}
#ventete02 {
	text-align:center;
	background-image : url(../images/total.png);
	overflow:hidden;
	width : 54px;
	height : 34px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -164px;
	margin-left : 302px;
	z-index: 3;
}
#vlegende {
	background-image : url(../images/tableau_v.png);
	overflow:hidden;
	width : 380px;
	height : 32px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -130px;
	margin-left : 46px;
	z-index: 3;
}
#villes {
	overflow-y:scroll;
	overflow-x:auto;
	width : 382px;
	height : 252px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top : -98px;
	margin-left : 46px;
	z-index: 3;
}