body {
	font: 13px/1 arial, helvetica, sans-serif;
	color: #fff;
	text-align: center;
	background-color: #003366;
	margin: 0px;
	border: 0px;
}
a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a:hover  {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}
p {
	margin: 7px 0px 7px 0px;
	border: 0px;
}
img {
	border: 0px;
}
hr {
	width: 300px;
	border: solid 1px #fff;
}
table {
	margin-left: auto;
	margin-right: auto;
}
h1 {
	font-size: 16px;
	margin: -2px 0px -8px 0px;
	line-height: 1em;
}
.hl {
	color: #f00;
	font-weight: bold;
}
#conteneur {
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header {
	position: relative;
	width: 950px;
	height: 150px;
}
#left {
	position: relative;
	width: 150px;
	height: 523px;
	float: left;
}
#promoright {
	position: absolute;
	width: 120px;
	height: 600px;
	float: right;
	overflow: visible;
	top:150px;
	left:950px;
}
#logbox {
	width: 150px;
	height: 208px;
	background-image: url(./img/log.gif);
	padding: 0;
	margin: 0;
}
#logbox span {
	position: absolute;
	width: 150px;
	display: block;
	top: 10px;
	left: 5px;
	font-size: 13px;
	padding: 0;
	margin: 0;
}
#logbox img {
	vertical-Align: middle;
}
a#collect
{
	display: block ;
	width: 150px ;
	height: 33px;
	background: url(./img/collect.gif) no-repeat 0 0 ;
}
a#collect:hover
{
	background: url(./img/collect.gif) no-repeat 0 -33px ;
}
a#jouer
{
	display: block ;
	width: 150px ;
	height: 69px;
	background: url(./img/jouer.gif) no-repeat 0 0 ;
}
a#jouer:hover
{
	background: url(./img/jouer.gif) no-repeat 0 -69px ;
}
a#compte
{
	display: block ;
	width: 150px ;
	height: 60px;
	background: url(./img/compte.gif) no-repeat 0 0 ;
}
a#compte:hover
{
	background: url(./img/compte.gif) no-repeat 0 -60px ;
}
a#inscription
{
	display: block ;
	width: 150px ;
	height: 102px;
	background: url(./img/inscription.gif) no-repeat 0 0 ;
}
a#inscription:hover
{
	background: url(./img/inscription.gif) no-repeat 0 -102px ;
}
a#parrain
{
	display: block ;
	width: 150px ;
	height: 42px;
	background: url(./img/parrain.gif) no-repeat 0 0 ;
}
a#parrain:hover
{
	background: url(./img/parrain.gif) no-repeat 0 -42px ;
}
#statsbox {
	width: 150px;
	height: 145px;
	background-image: url(./img/stats.jpg);
	font: 13px/1 arial, helvetica, sans-serif;
	font-weight: bold;
}
#statsbox span {
	position: absolute;
	display: block;
	bottom: 34px;
	right: 83px;
	line-height: 18px;
	text-align: right;
}
#middle {
	position: relative;
	width: 650px;
	height: 499px;
	float: left;
	background-color: #1094F4;
	text-align: center;
	padding: 25px 0px 0px 0px;
	background-image: url(./img/fond.gif);
	background-repeat: no-repeat;
}
#middle p {
	margin: 15px 0px 15px 0px;
	border: 0px;
}
#extend {
	display: block;
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 450px;
	height: 450px;
	margin-top: -225px;
	margin-left: -220px;
	overflow: auto;
    scrollbar-face-color: #003366;
    scrollbar-highlight-color: #F5F6F0;
    scrollbar-shadow-color: #49474A;
    scrollbar-3dlight-color: #1094F4;
    scrollbar-arrow-color: #1094F4;
    scrollbar-track-color: #1094F4;
    scrollbar-darkshadow-color: #F5F6F0;
	z-index: 5;
}
#extend2 {
	display: block;
	position: absolute;
	left: 45%; 
	top: 45%;
	width: 550px;
	height: 490px;
	margin-top: -225px;
	margin-left: -225px;
	overflow: auto;
    scrollbar-face-color: #003366;
    scrollbar-highlight-color: #F5F6F0;
    scrollbar-shadow-color: #49474A;
    scrollbar-3dlight-color: #1094F4;
    scrollbar-arrow-color: #1094F4;
    scrollbar-track-color: #1094F4;
    scrollbar-darkshadow-color: #F5F6F0;
	z-index: 5;
}
#middle2 {
	position: relative;
	width: 650px;
	height: 499px;
	float: left;
	background-color: #1094F4;
	text-align: center;
	padding: 25px 0px 0px 0px;
	background-image: url(./img/fond2.gif);
	background-repeat: no-repeat;
}
#singe {
	position: absolute;
	width: 74px;
	height: 69px;
	right: 10px;
	bottom: 30px;
	background-image: url("./img/singe.gif");
	background-repeat: no-repeat;
}
#coffre {
	position: absolute;
	width: 80px;
	height: 64px;
	left: 20px;
	top: 30px;
	background-image: url("./img/coffre.jpg");
	background-repeat: no-repeat;
}
#carte {
	position: relative;
	width: 650px;
	height: 524px;
	float: left;
	background: url(./img/carte.jpg) no-repeat;
}
#coreg {
	position: relative;
	width: 650px;
	height: 524px;
	float: left;
	background: url(./img/coreg.jpg) no-repeat;
}
#coreg span {
	position: absolute;
	display: block;
	width: 445px;
	height: 235px;
	top: 140px;
	left: 95px;
}
#coreg span .t3{
	font-size: 15px;
}
#none {
	position: relative;
	width: 650px;
	height: 499px;
	float: left;
	text-align: center;
	padding: 25px 0px 0px 0px;
	overflow: auto;
	background-color: #0F94F3;
}
#right {
	position: relative;
	width: 150px;
	height: 523px;
	float: right;
}
a#gagnants
{
	display: block ;
	width: 150px ;
	height: 58px;
	background: url(./img/gagnants.gif) no-repeat 0 0 ;
}
a#gagnants:hover
{
	background: url(./img/gagnants.gif) no-repeat 0 -58px ;
}
a#bonus
{
	display: block ;
	width: 150px ;
	height: 77px;
	background: url(./img/bonus.gif) no-repeat 0 0 ;
}

a#bonus:hover
{
	background: url(./img/bonus.gif) no-repeat 0 -77px ;
}
a#tips
{
	display: block ;
	width: 150px ;
	height: 77px;
	background: url(./img/tips.gif) no-repeat 0 0 ;
}
a#tips:hover
{
	background: url(./img/tips.gif) no-repeat 0 -77px ;
}
a#capoints
{
	display: block ;
	width: 150px ;
	height: 58px;
	background: url(./img/capoints.gif) no-repeat 0 0 ;
}
a#capoints:hover
{
	background: url(./img/capoints.gif) no-repeat 0 -58px ;
}
#lastbox {
	width: 150px;
	height: 181px;
	background-image: url(./img/last.gif);
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
}
#lastbox span {
	display: block;
	padding: 70px 0px 0px 15px;
}
#footer {
	position: relative;
	width: 950px;
	height: 110px;
	text-align: center;
	float: left;
}
#footer p {
	margin: 0px;
	padding-bottom: 10px;
	color: #FFFFFF;
}
.kdo {
	position: absolute;
	width: 70px;
	height: 70px;
}
#kdo1 {
	left: 120px;
	top: 160px;
}
#kdo2 {
	left: 225px;
	top: 160px;
}
#kdo3 {
	left: 330px;
	top: 160px;
}
#kdo4 {
	left: 435px;
	top: 160px;
}
#kdo5 {
	left: 120px;
	top: 240px;
}
#kdo6 {
	left: 225px;
	top: 240px;
}
#kdo7 {
	left: 330px;
	top: 240px;
}
#kdo8 {
	left: 435px;
	top: 240px;
}
#kdo9 {
	left: 120px;
	top: 320px;
}
#kdo10 {
	left: 225px;
	top: 320px;
}
#kdo11 {
	left: 330px;
	top: 320px;
}
#kdo12 {
	left: 435px;
	top: 320px;
}
#kdo13 {
	left: 225px;
	top: 400px;
}
#kdo14 {
	left: 330px;
	top: 400px;
}
#kdo15 {
	left: 435px;
	top: 400px;
}
.kdo-hover {
	width: 320px;
	height: 120px;
	z-index: 50;
	border: 2px solid #fff;
}
.hover-image {
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	background: #ffffff;
}
.hover-text {
	position: relative;
	float: left;
	width: 180px;
	height: 120px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
	background-color: #1097F1;
}
.hover-text h3 {
	margin-top: 5px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.cp_kdo {
	position: relative;
	float: left;
	width: 184px;
	height: 90px;
	margin: 15px 30px;
	cursor: pointer;
	padding: 0px;
}
.cp_thiskdo {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 5;
}
.cp_kdo_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
}
.cp_kdo p {
	position: absolute;
	width: 120px;
	height: 60px;
	top: -16px;
	right: 0px;
	border: solid 1px;
	font-size: 12px;
}
.cadre {
	width: 140px;
	height: 100px;
	background-image: url(./img/cadre.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding: 15px 5px 10px 5px;
}
.cadre2 {
	width: 66px;
	height: 76px;
	background-image: url(./img/cadre2.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding: 5px 2px 5px 2px;
}
.formu {
	text-align: right; 
	margin: 0px;
	width: 100%;
	padding: 0;
}
.formu p {
	text-align: center;
}
.ir {
	width: 174px;
	font-size: 14px;
}
.formu input {
	margin: 1px 0px 0px 1px;
}

.formu select {
	margin: 1px 0px 0px 1px;
}
.pagination span {
	color: #ff0000;
	font-weight: bold;
}
.pagination a {
	color: #fff;
	text-decoration: none;
}
.pagination a:hover {
	color: #fff;
}
.interests {
	position: relative;
	float: left;
	width: 25%;
	height: 30px;
	text-align: left;
}
#interests {
	position: relative;
	margin: 0px auto;
	width: 500px;
	height: 70px;
	background: url("./img/avantdecontinuer.gif") no-repeat;
}
#interests p {
	position: absolute;
	width: 35px;
	left: 107px;
	top: 9px;
	font-size: 22px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}