/*****************************
GLOBAL
*****************************/
body {
	text-align: center;
	background: #98E7F8;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
}

body, form {
	margin: 0;
	padding: 0;
}

body, td, th, h1, h2, h3, p, input ,select , textarea, button{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

input, select, textarea{
background-color:#EFF;
border: 1px solid #CDD;
}

select {
	font-size: 10px;
}

input.btn{
border: 0px;
position: relative;
}

h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin: 0.5em 0;
}

p {
	margin: 0;
	padding: 10px;
}

small {
	font-size: 9px;
}

img {
	border: none;
}

input, select, textarea, button {
	vertical-align: middle;
	font-weight: normal;
}

/*****************************
LINKS
*****************************/
a, a:visited, a:active{
	color: #34A0BA;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
} 
a:hover{
	color: #CC0000;
}

a.blackLink, a.blackLink:visited, a.blackLink:hover, a.blackLink:active{
	color: #CC0000;
	font-size: 12px;
	text-decoration: underline;
}

td.blockheaderlink {
	text-align: right;
	color: #CC0000;
	font-size: 10px;
	font-weight: bold;
	vertical-align:text-top;
}
td.blockheaderlink a{
	color: #CC0000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold; 
}

a.topmenu, a.topmenu:visited{
	color: #CC0000;
	font-size: 10px;
	font-weight: bold;
} 

a.topmenu:hover, a.topmenu:active{
	color: #CC0000;
}
a.link, a.link:visited, a.link:hover, a.link:active{
	padding: 5px 5px 5px 5px;
	display: block;
	color: #c00;
}

.cntbox_cnt a.link, .cntbox_cnt a.link:visited, .cntbox_cnt a.link:hover, .cntbox_cnt a.link:active, .cntbox_cnt_orange a.link, .cntbox_cnt_orange a.link:visited, .cntbox_cnt_orange a.link:hover, .cntbox_cnt_orange a.link:active{
	padding: 0px 0px 0px 0px;
}

a.thumb, a.thumb:visited{
	border: 0px;
	display: block;
	padding: 0px;
	width: 60px;
	height: 60px;
}
a.thumb img{
	width: 60px;
	height: 60px;
}

a.gamename, a.gamename:visited, a.gamename:hover, a.gamename:active {
	font-size: 11px;
}


#wrapper .wrappera{
	background: transparent url("images/wrapa.png") repeat-y left top;
}
#wrapper .wrapperc{
	background: transparent url("images/wrapc.png") repeat-y right top;
}


#submenushadow{
	background: transparent url("images/subshadow.png") repeat-x left;
	height: 5px;
	font-size:0px;
}
#submenushadow .sushada{
	height: 5px;
	font-size:0px;
	background: transparent url("images/sushada.png") no-repeat left;
}
#submenushadow .sushadc{
	height: 5px;
	font-size:0px;
	background: transparent url("images/sushadc.png") no-repeat right;
}


#submenu{
	background: url("images/header-low.png");
	color: #34A0BA;
	padding: 5px 15px 7px 15px;
}

#submenu a, #submenu a:visited{
	color: #000;
	border: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}
#submenu a:hover, #submenu a:active {
	color: #CC0000;
}

.pager{
	padding: 7px 7px 7px 7px;
}
a.pager, a.pager:visited{
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
}
a.pager:hover, a.pager:active {
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
}
span.pager{
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
	font-weight: bold;
}

/*****************************
LAYOUT
*****************************/
#wrapper {
	padding: 0;
	margin: 0px auto;
	text-align: left;
	background-color: transparent;
	border: 0px solid #FFF;
}

#headline {
	padding: 0 10px;
	background: #000;
	text-align: right;
	font: normal 10px/20px Tahoma, Verdana, Arial;
}

#headline a, #headline a:visited, #headline a:hover, #headline a:active, #footer a, #footer a:visited, #footer a:hover, #footer a:active {
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}

div.toppager{
padding:5px;
border-bottom:1px dotted gray;
}

div.bottompager{
padding:5px;
border-top:1px dotted gray;
margin-bottom:10px;
}

div.topmenu {
	text-align: right;
	color:#888;
	padding: 12px 12px 56px 5px;
	margin: 0px;
	border:0px dotted orange;
	vertical-align:top;
}

div.quickgame {
	color: #888;
	text-align: right;
	font-weight: bold;
	padding: 0px 12px 5px 5px;
	border: 0px dotted orange;
}

#header {
	background: url("images/header.png");
}

#header h1 {
margin:0;padding:0;
line-height:0px;
text-indent:-5999px;
}

#header table {
	width: 100%;
}

#header td {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

#content{
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 3px 0px 3px;
	background-color:#C8E6EE;
}

tr.navigator{
	height: 23px;
}

.logo {
	margin: 5px 10px 0px 20px;
}


td.menu {
	height: 23px;
	font-size: 0px;
	border: 0px solid lime;
}

.menu ul {
	margin: 0;
	height: 23px;
	padding: 0;
	float: left;
	list-style-type: none;
	border: 0px solid red;
}

.menu li {
	float: left;
	height: 23px;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
}

.menu li.sel {
	background: url("images/seltab.png");
	padding-right: 15px;
	margin: 0px 0px 0px 0px; 
}

.menu li.sel span{
	color: #000;
	height: 23px;
	width: 39px;
	display: block;
	float: left;
	background: url("images/seltab.png");
	padding-left: 15px;
}

.menu li.unsel {
	background: url("images/unseltab.png");
	padding-right: 15px;
	margin: 0px 0px 0px 0px; 
}

 

.menu li.unsel a, .menu li.unsel a:visited {
	color: #34A0BA;
	height: 23px;
	width: 41px;
	font-size: 12px;
	text-decoration: none;
	background: url("images/unseltab.png");
	padding-left: 15px;
	display: block;
	float: left;
}

.menu li.unsel a:hover, .menu li.unsel a:active {
	color: #CC0000;
	height: 23px;
	font-size: 12px;
	text-decoration: none;
	background: transparent url("images/unseltab.png") no-repeat left top;
	padding-left: 15px;
}

   

/**************************************************
Grids
*************************************************/

table.blockheader {
	background: #FFF url(images/i-h1-bg.gif) repeat-x top;
	height: 28px;
	width: 100%;
}

table.blockheader td{
	padding: 0;
}	

table.blockheader h2{
	color: #000;
	font: normal bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px;
	background: transparent;
}


table.topgamescashe{
	width: 100%;
	padding-bottom: 2px;
}
.topgamescashe td{
	padding: 5px 5px 5px 5px;
}

.cntbox td.topgamehdr, .cntbox_orange td.topgamehdr{
font-weight: bold;
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.cntbox td.topgamerow, .cntbox_orange td.topgamerow{
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.cntbox td.topgamerowalt, .cntbox_orange td.topgamerowalt{
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.cntbox td.topgamerow a, .cntbox_orange td.topgamerow a{
	border-bottom: 0px;
} 
.cntbox td.topgamerowalt a, .cntbox_orange td.topgamerowalt a{
	border-bottom: 0px;
} 

.comment{
	border-bottom: 1px solid #ddd;
	padding: 3px 0px 3px 0px;
}
.content .topgamescashe td.topgamerowalt li{
   height: 22px;
	line-height: 22px;
	list-style: none;
	padding-left: 30px;
	margin: 2px 2px 2px 0px;
	padding-bottom: 4px;
}

.content .topgamescashe td.topgamerowalt ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/**********************************************
Login box icons
**********************************************/
li.cph{
	background: url("images/ico-cphome.png") no-repeat left;
}
li.ead{
	background: url("images/ico-edacc.png") no-repeat left;
}
li.cpf{
	background: url("images/ico-customize.png") no-repeat left;
}
li.fav{
	background: url("images/ico-favorite.gif") no-repeat left;
}
li.out{
	background: url("images/ico-logout.png") no-repeat left;
}
li.acp{
	background: url("images/ico-admin.png") no-repeat left;
	}



table.content {
	width: 100%;
}

.content td.sidecol {
	padding: 0px 0px 0px 0px;
	width: 1px;
	vertical-align: top;
}

.content td.centercol {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#footer {
	height: 65px;
	padding: 0px;
	margin: 0px;
	background: transparent url("images/footer.png") repeat-x top;
}

#footer p{
	color: #555;
	font-size: 10px; 
	text-align: center;
	padding-top: 30px;
	margin: 0px;
}

/*****************************
TABLES
*****************************/
table.game {
	border: none;
	width: 100%;
}

.game td {
	padding: 0;
	vertical-align: top;
}

.game img {
	margin-right: 0px;
}

.game p {
	margin: 0;
	font-size: 10px;
	line-height: 14px;
}

.game a.gray {
	font-size: 10px;
}

/*****************************
BOXES
*****************************/


.cntttl {
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 5px;
}

.cntbox, .cntbox_cnt, .cntbox_head, .cntbox_orange, .cntbox_cnt_orange, .cntbox_head_orange{
	margin: 0px;
	padding: 0px;
	border:0px dotted orange;
}

.cntbox {
	background: transparent url("images/boxyellow-d.png") repeat-y left top;
}
.cntbox_orange {
	background: transparent url("images/boxorange-d.png") repeat-y left top;
}

.cntbox_cnt{
	background: transparent url("images/boxyellow-e.png") repeat-y right top;
	/*padding: 10px 15px 5px 15px;*/
	padding: 0px 15px 0px 15px;
	margin-top: -15px;
	margin-bottom: -15px;
	position: relative;
	min-height: 30px;
}
.cntbox_cnt_orange {
	background: transparent url("images/boxorange-e.png") repeat-y right top;
	padding: 0px 15px 0px 15px;
	margin-top: -15px;
	margin-bottom: -15px;
	position: relative;
	min-height: 30px;
}

.cntbox_cnt p, .cntbox_cnt_orange p{
}

.cntbox_head{
	background: transparent url("images/boxyellow-b.png") repeat-x left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*height: 41px;*/
	height: 61px;
}
.cntbox_head_orange{
	background: transparent url("images/boxorange-b.png") repeat-x left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 61px;
}

.cntbox_head h2{
	background: transparent url("images/boxyellow-a.png") no-repeat left top;
	color: #000;
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*padding: 16px 16px 12px 18px;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 16px 12px 30px;
	height: 61px;
	position: relative;
}
.cntbox_head_orange h2{
	background: transparent url("images/boxorange-a.png") no-repeat left top;
	color: #000;
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 16px 12px 30px;
	margin: 0px 0px 0px 0px;
	height: 61px;
	position: relative;
}

.cntbox_head table{
	background: transparent url("images/boxyellow-a.png") no-repeat left top;
	/*height: 41px;
	padding: 0px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	height: 61px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.cntbox_head_orange table{
	background: transparent url("images/boxorange-a.png") no-repeat left top;
	height: 61px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

.cntbox_head table h2, .cntbox_head_orange table h2{
	background: none;
	font: bold 12px Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	padding: 9px 0px 10px 30px;
	margin: 0px 0px 0px 0px;
}

.cntbox_head table a.blackLink2, .cntbox_head table a.blackLink2:visited, .cntbox_head_orange table a.blackLink2, .cntbox_head_orange table a.blackLink2:visited{
	background: none;
	color: #CC0000;
	font: bold 12px Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	padding: 12px 18px 12px 0px;
	display: block;
	margin: 0px 0px 0px 0px;
	border: 0px solid lime;
}
   
.cntbox_head table a.blackLink2:hover, .cntbox_head table a.blackLink2:active, .cntbox_head_orange table a.blackLink2:hover, .cntbox_head_orange table a.blackLink2:active{
	background: none;
	color: #CC0000;
	display: block;
	font: bold 12px Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	padding: 12px 18px 12px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
}



.cntbox_head div{
	background: transparent url("images/boxyellow-c.png") no-repeat right top;
	position: relative;
}
.cntbox_head_orange div{
	background: transparent url("images/boxorange-c.png") no-repeat right top;
}

.cntbox_foot{
	background: transparent url("images/boxyellow-g.png") repeat-x left bottom;
	/*height: 10px;*/
	font-size: 0px;
	height: 40px;
}
.cntbox_foot_orange{
	background: transparent url("images/boxorange-g.png") repeat-x left bottom;
	height: 40px;
	font-size: 0px;
}

.cntbox_foot div{
	background: transparent url("images/boxyellow-f.png") no-repeat left bottom;
	/*height: 10px;*/
	font-size: 0px;
	height: 40px;
}
.cntbox_foot_orange div{
	background: transparent url("images/boxorange-f.png") no-repeat left bottom;
	height: 40px;
	font-size: 0px;
}

.cntbox_foot div div{
	background: transparent url("images/boxyellow-h.png") no-repeat right bottom;
	/*height: 10px;*/
	font-size: 0px;
	height: 40px;
	position: relative;
}
.cntbox_foot_orange div div{
	background: transparent url("images/boxorange-h.png") no-repeat right bottom;
	height: 40px;
	font-size: 0px;
	position: relative;
}

.adsbox, .adsbox span {
	background: transparent url("images/boxhads.gif") no-repeat;
}


.bluebox, .bluebox h3 {
	background: transparent url("images/boxblue.png") no-repeat;
}

.bluebox h3 {
	color: #FFF;
}

.greenbox, .greenbox h3 {
	background: transparent url("images/boxgreen.png") no-repeat;
}

.greenbox h3 {
	color: #000;
}

.whitebox, .whitebox h3, .whitebox span {
	background: transparent url("images/boxwhite.gif") no-repeat;
}

.whitebox h3 {
	color: #000;
}


/* set the image to use and establish the lower-right position */
.boxs, .wideboxs, .centerboxs, .boxs_body, .boxs_head , .boxs_head h1 , .boxs_head h2 , .boxs_head h3, .boxs_head span {
  background-position: bottom right;
  margin: 0;
  padding: 0;
}

.boxs {
   width: 175px !important;   /* intended total box width - padding-right(next) */
   width: 175px;              /* IE Win = width - padding */
   padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
   margin: 0px auto 5px;         /* use to position the box */
}

.wideboxs {
   padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
   margin: 0px 5px 0px 5px;         /* use to position the box */
}

.centerboxs {
   padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
   margin: 0px 0px 5px 0px;         /* use to position the box */
}


/* set the top-right image */
.boxs_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    /*padding-right: 41px;*/       /* right-image-gap + right-inside padding */
	padding-right: 5px;
}

/* set the top-left image */
.boxs_head h3 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
 	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    /*padding: 16px 16px 12px 16px;*/ /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
    text-align: left;
	padding: 5px 16px 20px 26px;
	position: relative;
}

.boxs_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
 	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 16px 16px 12px 16px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
    text-align: left;
}

.boxs_head span {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    height: 10px;                /* IE Holly Hack */
	display: block;
}



/* set the lower-left corner image */
.boxs_body {
    background-position: bottom left;
    margin-right: 0px;        /* interior-padding right */
    /*padding: 7px 0px 16px 16px;*/ /* mirror .cssbox_head right/left */
	padding: 0px 0px 21px 16px;
	margin-top: -8px;
}

.boxs_body_ads {
	background-position: bottom left;
    margin-right: 0px;        /* interior-padding right */
	padding: 5px 0px 16px 16px;
}

.boxs_body td{
	 font-size: 10px;
}

.boxs_body p {
    margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
}


.box table{
	width: 100%;
}


.space{
	margin: 10px 10px 10px 10px;
}



.boxbutton{
	border: 5px solid #FFF;
	border-top: 0px;
	margin-right:4px;
}

.msg {
	padding: 15px;
	margin: 10px 0;
	text-align: center;
	border: 2px dotted #F90;
	background-color: #FD3;
}


.formblock {
	width: 270px;
	text-align: right;
	font-weight: normal;
}

.formblock input, .formblock textarea {
	width: 250px;
	text-align: left;
}

.gamedescr p.sponsor{
	border: 2px dotted #F90;
	background-color: #FD3;
	padding: 15px 15px 15px 15px;
}

.gamedescr p{
	padding: 5px 0px 0px 0px;
}

/*****************************
COLOURS
*****************************/
.red {
	color: #c00;
}

.green {
	color: #090;
}

.gray {
	color: #555;
}

/*****************************
Image Rollover
*****************************/
.img_roll {
	clear:both;
	width:64px;
	float:left;
	position:relative;
}
.img_roll  img {
	margin:2px 0 5px 2px;
}
.img_roll  a span {
	display:block;
	width:64px;
	height:64px;
	position:absolute;
	top:0; left:0;
	background: url(images/cadre.png) left top no-repeat;
	cursor:pointer;
}
.img_roll  a:hover span, .img_roll  a:focus span {
	background: url(images/cadre_on.png) left top no-repeat;
}
.img_roll a {
	text-decoration:none;
}
/*****************************
Notes
*****************************/
.note {
	color: #c00;
}
/*****************************
Liens Ref
*****************************/
a.lienref {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.lienh2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.liencache {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight:normal;
}
/*****************************
Tags
*****************************/
#tagcloud {									
	width: 96%;
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	position: relative;
}
#tagcloud a {
	text-decoration:none;
	font-weight: bold;
}
#tagcloud a:hover {
	color: #34A0BA;
}
#pg1-1 {
	font-size: 16px;
	color:#AA3406;
}
#pg1-2 {
	font-size: 14px;
	color:#070089;
}
#pg1-3 {
	font-size: 12px;
	color:#BF2470;
}
#pg1-4 {
	font-size: 10px;
	color:#333333;
}
#pg1-5 {
	font-size: 8px;
	color:#FF3300;
}
/*****************************
Tris
*****************************/
.tris {
	float: right;
	color: #CC0000;
	margin: -72px 17px 0px 0px;
	position: relative;
}
.tris a {
	color: #CC0000;
	font-size: 11px;
	text-decoration:underline;
}
.tris a:hover {
	color: #000;
}