* {
	font-size:12px;
	font-family:trebuchet ms, tahoma, sans-serif;
}
body {
	background:url(tapis.gif) repeat;
	text-align:center;
	color:#FFF;
	margin:0;
}
#index, #main-index {
	border:2px solid #038230;
	background:#161719;
	margin:auto;
	color:#FFF;
	padding:20px;
}
#main-index {
	width:200px;
}
#index {
	width:500px;
}
#main-index img {
	margin:20px 0 0 0;
	border:none;
}
#pub-main {
	width:300px;
	text-align:center;
	border:none;
}
#pub-border {
	width:250px;
	height:250px;
	background:#161719;
	border:2px solid #038230;
}
.green {color:#038230;}
.black {color:#000;}
.yellow {color:#FF0;}
#title {
	margin:0;
	text-align:left;
	margin-bottom:10px;
	width:100%;
	background:#161719;
	color:#FFF;
	border-bottom:2px solid #038230;
}
h1, h1 a {
	margin:0;
	font-size:24px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
h1 span {
	font-size:24px;
	color:#FF0;
}
#langage {
	float:right;
	margin: 9px 9px 0 0;
}
#langage img:hover {
	border-color:#FF0;
}
h2 {
	font-size:18px;
	margin:2px auto;
}
p, div {
	margin:5px auto;
}

#browsers {margin:10px 0;line-height:1.8em}
#browsers a {text-decoration:underline}
.popup {padding-right:20px;background:url(newwin.gif) right center no-repeat;}
.chrome {padding-left:20px;background:url(chrome.png) left center no-repeat;}
.firefox {padding-left:20px;background:url(firefox.png) left center no-repeat;}

#body {
	text-align:center;
	margin:auto;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
	margin:2px auto;
}
a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
.white  {background:#FFF;}
/**
CORPS
*/
td#corps {
	height:408px;
}
div#main, div#about {
	width:545px;/*551-15*/
	margin-top:25px;
	margin-right:6px;
	margin-bottom:20px;
	text-align:center;
}
/**
CORPS GENERAL
*/
#pub {
	height:60px;
	width:468px;
	border:1px solid #FFF;
	margin:auto;
}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.auto {margin:auto;}
.top {vertical-align:top}
#speed {color:#FF0;}
.separator {border-left:1px solid #666}
/**
CORPS STATS
*/
#stats-tab {
	text-align:center;
	width:545px;
}
.stats-hand {
	margin:auto;
	margin-right:0px;
	font-size:13px;
	text-align:center;
	width:148px;
}
#won {font-weight:bold;color:#F00;}
td.strength {color:#038230;font-weight:bold;text-align:left}
.stats {vertical-align:center;height:40px;font-size:13px}
.outs {
	font-size:12px;
	width:99%;
	margin:auto;
	border:1px solid #666;
}
.outs th {
	border-bottom:1px solid #666;
	font-weight:bold;
}
th.strength {
	text-align:left;
	padding-left:4px;
}
.outs td {
	font-weight:bold;
	height:22px;
}
td.strength {
	color: #038230;
	width:30%;
	padding-left:4px;
}
td.out {
	width:9%;
	color:#F00;
	text-align:center;
}
td.odd {
	width:11%;
	color:#F00;
	text-align:center;
}
td.odd:after {
	content:'%';
}
/**
POPUP
*/
hr {
	border:1px solid #038230;
	border-style:solid none none none;
	margin:6px 20px;
}
body#popup {
	width:100%;
	font-size:12px;
	color:#000;
}
#pub {
	width:234px;
	height:60px;
	border:1px solid #FFF;
}
#main-popup {margin:4px auto}
#popup-title {text-align:center;color:#FFF}
#popup1, #popup2, #popup3 {background:#FFF}
td#popup1 .cards {margin-top:1px}
td#popup1 {
	text-align:left;
	border-color:#161719;
	border-width:2px;
	border-style:solid none solid solid;
}
td#popup2 {
	text-align:center;
	font-size:12px;
	border-color:#161719;
	border-width:2px;
	padding-top:2px;
	vertical-align:top;
	border-style:solid solid none none;
}
td#popup3 {
	text-align:center;
	font-size:12px;
	vertical-align:bottom;
	border-color:#161719;
	border-width:2px;
	border-style:none solid solid none;
}
td#popup4 {
	vertical-align:center;
	text-align:center;
	padding:8px;
}
td#popup3 .outs {
	width:182px;
	margin:1px 2px;
}
td#popup3 .outs td.odd {
	width:22%;
}
td#popup3 .outs td.out {
	width:14%;
	font-size:11px;
}
/**
PAGE TEXTUELLE
*/
#about {
	text-align:justify;
	font-size:14px;
	margin:16px auto;
}
#about td {
	padding:5px 0;
}
#about a {
	color:#038230;
}
#about a:hover {
	text-decoration:underline;
}
.popup {padding-right:20px;background:url(newwin.gif) right center no-repeat;}
.chrome {padding-left:20px;background:url(chrome.png) left center no-repeat;}
.firefox {padding-left:20px;background:url(firefox.png) left center no-repeat;}
.safari {padding-left:20px;background:url(safari.png) left center no-repeat;}
/**
CARD
*/
.cards {
	border-collapse:separate;
	border-spacing:1px;
}
td.card {
	text-align:center;
	vertical-align:center;
	height:36px;
	width:26px;
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	background:#FFF;
	cursor:hand;cursor:pointer;
	border:1px solid #161719;
}
td.empty {background:#666;color:#FFF;}
td.current {background:#999;color:#FFF;}