/* ------------------------------------------ */
/* ------------- CSS TLKGAMES --------------- */
/* ------------------------------------------ */

/*______ GENERAL STYLE ______*/

* {
	margin: 0; padding: 0;}

body {
	background-image:url(gfx/background.gif);
	background-repeat: repeat-x;
	background-color: #fff;}

html {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #667788;}

p {
	font-size: 1em;
	line-height: 1.4em;
	}


h1 {
	font-size: 1.8em;}
	
h2 {
	font-size: 1.4em;}
	
h3 {
	font-size: 1.2em;}
	
h4 {
	font-size: 1em;}
	
q {}
em {
	font-size: 0.8em;}
span {}
strong {
	font-weight: bold;}
	
img {
	border:0px;}

acronym {}
hr {}

a {	
	color: #2a7fca;
	line-height: 1.4em;
/*	font-size: 1em;*/} 

a:link, a:visited {
	color: #2a7fca;
	text-decoration: none;}

a:hover {
	color:#66CC33;
	text-decoration: underline;}

a:active {
	color:#66CC33;}

li {
	list-style-type: none;}

.x-small {
	font-size: 0.7em;}

.arrow {
	background-image:url(gfx/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position: left;}
	
a.arrow, li.arrow , li.arrow-view, a.arrow-view, a.arrow-download, li.arrow-download, a.arrow-pdf, a.arrow-play {
	padding-left: 24px;
	margin-left: 4px;
	line-height: 19px;
	display: inline-block;
	text-decoration: none;
	margin-top: 0px;
	font-size: 1.0em;}

.arrow-view {
	background-image:url(gfx/bullet-view.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position: left;}

.arrow-play {
	background-image:url(gfx/bullet-play.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position: left;}	

.arrow-pdf {
	background-image:url(gfx/bullet-pdf.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position: left;}
	
.arrow-download {
	background-image:url(gfx/bullet-download.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position: left;}

.left {
	float:left;}

.right {
	float:right;}

.thumb-small img {
	border-style:none;
	height:115px;
	width:150px;}

.title-page {
	color:#2A7FCA;
	font-weight:normal;
	padding-top:8px;}

.small-text	{
	font-size:0.75em;}

#loginbox.background-orange {
	background-color:#fff;
	border: 1px solid #BBCAD7}
	
/*______ FORMULAIRE ______*/

legend {
	color:#BBCAD7;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;}
	
	
label{
	height:18px;
	line-height:18px;
	margin-top:8px;}
	
.zone-checkbox label {
	margin-top:0px;}

input, select{
	border-radius:4px;
	border:1px solid #bbcad7;
	background-color:#fcfcfc;
	height:18px;}

textarea {
	border-radius:4px;
	border:1px solid #bbcad7;
	background-color:#fcfcfc;}
	
input:hover, select:hover, textarea:hover{
	background-color:#fff;}

button, input[type="reset"], input[type="button"], input[type="submit"] {
	border-radius:4px;
	background-color:#fdfdfd;
	border:1px solid #bbcad7;
	height:22px;
	margin-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 3px;}

input[type="checkbox"] {
	background-color:#fdfdfd;
	margin-right: 8px;
	float: left;} 
	
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	border-radius:4px;
	background-color:#2A7FCA;
	color: #fff;
	border:1px solid #bbcad7;}
	

/* ------------------------------------------ */
/* ---------------- LAYOUT ------------------ */
/* ----------- structure du site ------------ */


#main {
	width: 1016px;
	margin-right: auto;
	margin-left: auto;}

#header {
	background-image:url(gfx/bg_header.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: auto;
	background-position: bottom;}
	
#toolbar {
	position: absolute;
	height: 20px;
	width: 584px;
	top: 2px;
	margin-left: 400px;
	padding:8px;
	text-align: right;}
		
#menu {
	position: absolute;
	height: 16px;
	width: 736px;
	top: 38px;
	margin-left: 390px;
	padding:8px;} 

#container {
	background-color: #FFFFFF;
	background-image: url(gfx/bg_container.gif);
	background-repeat: repeat-y;
	width: 100%;}

#leftcol {
	width: 216px;
	margin-bottom: 16px;
	float: left;
	margin-left: 16px;}
	
#rightcol {
	width: 216px;
	float: right;}
	
.content {
	margin-left: 16px;
	width:752px;
	float:left;}

#middlecontent {
	margin-right: 232px;}

	
#page-footer {
	clear:right;
	margin-left: 16px;
	margin-right: 16px;}	
	
#footer {
	background-image: url(gfx/background-footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 1016px;
	background-color: #fff;}

.clearfloat {
	display: block;
	clear:left;
	visibility: hidden;}
	
.clearfloatRight {
	display: block;
	clear:right;
	visibility: hidden;}
	
.clearfloat-left {
	display: block;
	clear:left;
	visibility: hidden;}
	
.clear-left {
	clear:left;}

/* ------------------------------------------ */
/* -------------- HEADER -------------------- */
/* ------------------------------------------ */

/*______ LOGO ______*/

#tlk-games-logo {
	position: absolute;
	background-repeat: no-repeat;
	background-position: top;
	height: 64px;
	width: 400px;
	top: 2px;}

/*______ toolbar  user, commandes pour les utilisateurs du site ______*/

#toolbar li {
	display: inline;
	margin-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 24px;}

#toolbar { 
	color:#fff;}
	
#toolbar a {
	font-weight: bold;
	font-size: 0.8em;
	color:#fff;
	line-height: 24px;}

#user-links {
	float: left;
	margin-left: 10px;}

#toolbar .cart-link {
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
	color:#fff;}

#toolbar .empty-cart {
	background-image: url(gfx/icons/cart-link.gif);
}
#toolbar .cart-filled {
	background-image: url(gfx/icons/cart-filled-link.gif);
}

#toolbar .help-link {
	background-image: url(gfx/icons/help-link.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	color:#fff;}
	
#toolbar .account-link {
	background-image: url(gfx/icons/account-link.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;}

	
#toolbar .signin-link {
	background-image: url(gfx/icons/anonymous-link.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;}
	
#user-account {}	

/*______ form login box ______*/

#loginbox{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	background-color:#fbfbfb;}

#loginbox legend{
	padding-left:0px;}

#loginbox label{
	font-size:12px;
	display:block;}

#loginbox fieldset{
	padding:0 0;
    border:0;}

#loginbox input{
    width: 150px;}
	
#loginbox input[type="submit"] {
    width: 75px;
	margin-top:16px;
	padding-left:8px;
	padding-right:8px;
	display:block;}

#loginBoxHeader p {
	display:inline;}
	
#toolbar .jforms-error-list {}

#loginBoxHeader label {
	color:#fff;
	float: left;
	margin:0 4px;}

#loginBoxHeader input {
	float: left;}

#loginBoxHeader input[type="text"], #loginBoxHeader input[type="password"]{
	height:20px;
	width: 70px;
	}
	
#loginBoxHeader input[type="submit"]{
	}
	
.login-in-web-info {
	font-size:0.8em;}

/*______ form login boxheader ______*/

#loginBoxHeader {
	font-size:12px;
	position:absolute;
	right:110px;
	top:0px;
	padding: 8px;}
	
#loginBoxHeader p {
	display:inline;}
	
#toolbar .jforms-error-list {
	position:absolute;
	right:10px;
	top:-25px;}

#loginBoxHeader label {
	color:#fff;
	float: left;
	margin:0 4px;}

#loginBoxHeader input {
	float: left;}

#loginBoxHeader input[type="text"], #loginBoxHeader input[type="password"]{
	height:20px;
	width: 70px;
	}
	
#loginBoxHeader input[type="submit"]{
	}
	
/*______ menu horizontal ______*/

#menu .separator {
	background-image: url(gfx/item-menu-separateur.gif);
	background-repeat: no-repeat;
	background-position: left;
	display:inline;}

#menu ul li {
	white-space: nowrap;
	display: inline;
	font-size: 1em;
	/*margin-right: 4px;*/}
	
#menu a {
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none;}
	
#menu a:hover {
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;}


/* ------------------------------------------ */
/* -------------- CONTAINER  ---------------- */
/* ------------------------------------------ */

/*______ zone categorie ______*/


#categoriesList ul{
	padding-top:8px;}
	
#categoriesList li a {
	height: 18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 18px;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;}	

#categoriesList li a:link, #categoriesList li a:visited {
	display: block;
	padding: 2px;}
	
#categoriesList li a:hover {
	padding: 2px;}
	
#categoriesList li a:active {
	padding: 2px;}

.list-category {
	float:left;}

.list-category p {}


.catIcon {
	background-position: 5px 0;}
	
.catIcon a {
	margin-left: 32px}

.small-board {
	background-image: url(gfx/category/small-board.gif);
	background-repeat: no-repeat;}
	
.small-action {
	background-image: url(gfx/category/small-action.gif);
	background-repeat: no-repeat;}
	
.small-card {
	background-image: url(gfx/category/small-card.gif);
	background-repeat: no-repeat;}
	
.small-puzzle-and-word-games {
	background-image: url(gfx/category/small-puzzle-and-word-games.gif);
	background-repeat: no-repeat;}

.small-tools-and-editors {
	background-image: url(gfx/category/small-tools-and-editors.gif);
	background-repeat: no-repeat;}
	
.small-sports {
	background-image: url(gfx/category/small-sports.gif);
	background-repeat: no-repeat;}

.small-simulation {
	background-image: url(gfx/category/small-simulation.gif);
	background-repeat: no-repeat;}
	
.small-adventure-and-roleplay {
	background-image: url(gfx/category/small-adventure-and-roleplay.gif);
	background-repeat: no-repeat;}
	
.small-arcade {
	background-image: url(gfx/category/small-arcade.gif);
	background-repeat: no-repeat;}

/*______ NEW GAME ZONE _____*/

#highlighted-products {
	height: 232px;
	width: 752px;
	margin-bottom: 16px;
	position:relative;
	overflow:hidden;
	
	left:12px;
	margin-bottom:16px;}
	
#highlighted-products #slidesContainer {
	background:transparent url(gfx/background-slideshow-newgame.gif) no-repeat 0 0;
	width:752px;
	height:232px;
	overflow:auto; /* affiche une scrollbar au cas ou */}

#highlighted-products #slidesContainer .slide {
  margin:0 auto;
  width:732px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:222px;}
  
#highlighted-products .control {}

#highlighted-products #navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	/* right:35px; */
	bottom:10px;
	cursor:pointer;
	right: 25px;}

#highlighted-products #rightControl {
	background:transparent url(gfx/next-slider.png) no-repeat 0 0;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:5px;
	bottom:10px;
	cursor:pointer;}
	
#highlighted-products #leftControl {
	background:transparent url(gfx/previous-slider.png) no-repeat 0 0;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:45px;
	bottom:10px;
	cursor:pointer;
	z-index:100;}
 
#highlighted-products .slide img {
	float:right;
	margin:0 15px;}

#highlighted-products  .slide img {
	margin: 16px;
	width: 230px;}

#highlighted-products .description {
	margin-top: 8px;
	color:#fff;
	text-align:justify;
	margin-left: 8px;}
	
#highlighted-products a {
	color:#fff;}
	
#highlighted-products .date-modified {
	color:#eee;
	margin-left: 8px;}
	
#highlighted-products .slide .left {
	width: 430px;
	padding-top: 8px;}

#highlighted-products .title {
	font-size: 2em;
	margin-left: 8px;}

#highlighted-products  .detail {
	margin: 16px;}
	
#highlighted-products a.back-bleu {
	margin-left: 8px;}
	
/*______ zone featured game ______*/

#featured h2 {
	font-size: 1.2em;}

#featured .game {}

#featured .game h3 {}

#featured  .game-featured_1, #featured  .game-featured_2  {
	width: 255px;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 4px;}
	
#featured  .game-featured_1 img, #featured  .game-featured_2  img{
	float: left;
	margin-right: 4px;}
	
#featured  .game-featured_1 {
	float: left;}
	
#featured  .game-featured_2 {
	float: left;}
	
#featured  h3 {
	font-size: 12px;}
	
.game-featured_2, .game-featured_1 {
	padding-bottom: 16px;}
	
#featured .linkinfo {
	margin-top:8px;
	float: left;}

#featured  .thumb-small img {
	border-style:none;
	height:102px;
	width:130px;}
	
#featured  div.thumb-small {
	background-position:-5px 3px;
	height:99px;
	width:128px;
	margin-right: 8px;}
/*______ zone newsletter ______*/

#newsletter fieldset {
	border:0px;}

#newsletter legend{
	display:none;}	
	
#newsletter p{}	

#newsletter label{
	display:block; 
	padding-top: 8px;}	
	
#newsletter input {
	border:1px solid #ddd;
	background:#fff url(gfx/form_input.gif) repeat-x;
	height: 18px;}		

/*______ zone top game ______*/

#top-games-download {}

#top-games-download p {
	overflow: hidden;}
	
#top-games-download ul {
	margin-top: 8px;}

#top-games-download .interval {}

#top-games-download img {
	float: left;}
	
#top-games-download .background  {
	background-image: url(gfx/top-background.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}
	
#top-games-download .gamezone  {
	background-image: url(gfx/top-icon.gif);
	background-repeat: no-repeat;
	padding-left: 36px;
	width:200px;
	height: 55px;}
	
#top-games-download .top1 {
	background-position: 4px 16px;}
	
#top-games-download .top2 {
	background-position: 4px -48px;}
	
#top-games-download .top3 {
	background-position: 4px -112px;}
	
#top-games-download .top4 {
	background-position: 4px -176px;}
	
#top-games-download .top5 {
	background-position: 4px -240px;}
	
#top-games-download .top6 {
	background-position: 4px -304px;}
	
#top-games-download .top7 {
	background-position: 4px -368px;}
	
#top-games-download .top8 {
	background-position: 4px -432px;}
	
#top-games-download .top9 {
	background-position: 4px -496px;
	}

#top-games-download .top10 {
	background-position: 4px -560px;}
	
.detailGame {}
	
#search {}

.thumb-x-small {
	background-repeat: no-repeat;
	background-position: 0 0;
	height:52px;
	display: block;}

#top-games-download .description {
	margin-left: 80px;
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin-left:80px;
	width:90px;}
	
/*______ colonne verticale avec coins arrondis  (droite ou gauche suivant la page) ______*/

div.vcol  {
	margin-bottom: 16px;}
	
	.vcol .title-zone {
	background-image: url(gfx/background-colomn-title.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 8px;
	color: #ffab42;
	display:block;
	font-size: 1.2em;
	height: 36px;
	line-height: 40px;}
		
	.vcol li, .vcol p, .vcol ol {
	padding: 4px;}
	
/*______ colonne horizontale avec coins arrondis  (utilisé dans la page index du millieu) ______*/

div.hcol  {
	margin-bottom: 16px;
	padding-bottom: 8px;}
	
	.hcol .title-zone {
	background-image: url(gfx/background-large-colomn-title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 8px;
	color: #ffab42;
	display:block;
	font-size: 1.2em;
	height: 36px;
	line-height: 40px;}
	
	.hcol li, .hcol p, .hcol ol {
	padding: 8px;}

/*______ ZONE LANGUAGE (pied de page) ______*/

#language {	
	float: left;
	height: 68px;
	margin-top: 32px;
	text-align: left;
	padding-left: 16px;}

#language a {}

#language ul {}

#language li {
	display:inline;
	margin: 5px;}
	
/*______ ZONE FOOTER (pied de page) ______*/

#footerLink {
	float: right;
	height: 68px;
	margin-top: 32px;
	text-align: right;
	padding-right: 16px;
	clear:right;}

#footerLink li {
	display: inline;}

#footerLink ul{
	font-size: 0.8em;}
	
#copyright {
	font-size: 0.8em;}


/*______ DESIGN TOOLTIP ______*/
	
.popup {
	position: absolute;
	display:none;
	width: 145px;
	border: 2px solid #bbb;
	z-index: 1000;
	font-size: 80%;
	padding: 0.5em;
	background-color: #999;
	border-radius: 5px;
	background-image: url(gfx/back_col.gif);
	background-repeat: repeat-x;}

.popup p {
	margin: 0 4px;
	color: #666;}
	
.popup img {
	margin: 0 0.3em;}

.popup h3 {
	font-size: 1em;
	color: #000000;
	text-align: center;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;}

/*______ zone secondaryLinkColumn (liens secondaires) ______*/

#secondaryLink {
	border-radius: 16px;
	padding: 16px;
	background-color:#fbfbfb;}

/*______ PAGINATION ______*/

.page-numbering {
	margin-top: 16px;}

.page-numbering {
	width:400px;
	font-size:93%;
	line-height:normal;
	display: block;}

ul.nav-num {
	margin:0px;
	padding-top:10px;
	list-style:none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;}

.nav-num li {
	display:inline;
	margin:0;
	padding:0;}
.nav-num a {
	float:left;
	background:url(gfx/background-paging-corner-left.gif) no-repeat left top;
	margin:0;
	padding:0 4px 0;
	text-decoration:none;}

.nav-num a span {
	float:left;
	display:block;
	background:url(gfx/background-paging-corner-right.gif) no-repeat right top;
	padding:0 8px 0 5px;}
	
.nav-num span {
	float:left;
	display:block;
	padding:0 8px 0 5px;}
	
.nav-num a:hover span {
	color:#FFF;}
	  
.nav-num a:hover {
	background-position:0% -22px;}
	
.nav-num a:hover span {
	background-position:100% -22px;}

.nav-num .selected a {
	background-position:0% -22px;
	background:url(gfx/background-paging-corner-left.gif) no-repeat;}
	
.nav-num .selected a span {
	background-position:100% -22px;
	background:url(gfx/background-paging-corner-right.gif) no-repeat;}
	
.nav-arrows {
	font-size:95%;}

/*______ DOWNLOAD PRODUCT PAGE ______*/
	
#view-all-game .product {
	background-color: #fff;
	height: 80px;
	width: 736px;
	background-image: url(gfx/background-item-game-download.gif);
	background-repeat: no-repeat;
	background-position: left top;}

#view-all-game .product-description {
	width: 348px;
	float: left;
	font-size: 0.8em;}

#view-all-game .product-description .thumb-small {
	float: left;}

#view-all-game .detail-product {
	margin-left: 84px;}
	
#view-all-game .thumb-download {
	float: left;
	margin-left: 8px;
	margin-top: 8px;}

#view-all-game .thumb-download img{
	width: 70px;}
		
#view-all-game .title {
	color: #3399FF;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 1.25em;}

#view-all-game .product-date {
	width: 172px;
	float: left;
	text-align: center;}

#view-all-game .date {
	margin: 8px;
	display: block;}

#view-all-game .product-price {
	width: 216px;
	float: left;
	text-align: center;}

#view-all-game .price {
	margin: 8px;
	display: block;}
	
#view-all-game  .file-size {
	font-size: 0.8em;}

/*______ DOWNLOAD PRODUCT PAGE FILTER ______*/


#filter-board {
	background-image:url(gfx/background-filter.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 32px;
	line-height:32px;
	margin-left:8px;
	width: 300px;
	top: -16px;
	left: 400px;
	position: relative;}

#filter-board ul{
	background-image:url(gfx/background-filter.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 8px;
	padding-left: 8px;
	margin-left: -8px;
	text-align:right;}

#filter-board li {
	display:inline;}
	
#filter-board a {
	height: 32px;
	line-height:32px;}

#filter-board li.separator {
	background-image:url(gfx/item-menu-separateur.gif);
	background-repeat: no-repeat;
	background-position: left;}

.filter-up {
	background-image:url(gfx/filter-indicator-top.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	width: 14px;}
	
.filter-  {
background-image:url(gfx/filter-indicator-none.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	width: 14px;}
	
.filter-bottom {
	background-image:url(gfx/filter-indicator-bottom.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	width: 14px;}
	
/*______ SCORE PAGE ______*/

#listejeux {}

#hall-of-fame {}

#navtable {}

#navtable li{
	display: inline;}

#navtable li.level-selected {}

#hall-of-fame th, #hall-of-fame td{
	padding-right: 16px;
	text-align: left;}
	

	
/*______ CATEGORY GAMES PAGES ______*/

#view-category  .row-category_1, #view-category  .row-category_2  {
	width: 360px;
	font-size: 12px;
	padding-bottom: 16px;
	padding-right: 8px;}
	
#view-category  .row-category_1 img, #view-category  .row-category_2  img{
	margin-right: 8px;}
	
#view-category  .row-category_1 {
	float: left;}
	
#view-category  .row-category_2 {
	float: left;}
	
#view-category .detail {}

#view-category .title {
	font-size: 1.25em;}

#view-category .description {
	margin-left: 158px;
	margin-bottom: 16px;}

#view-category .arrow {
	margin-top:8px;
	white-space: nowrap;}
	
#view-category .filet {
	background-image: url(gfx/filet700.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	clear:left;
	width:100%;
	height: 16px;
	line-height:16px;}
	

#view-category .date-modified {
	margin-bottom: 4px; 
	display: block; 
	font-size: 0.8em;
	color: #bbb;}

.catIcon span{
	font-size:0.85em;
	font-weight:normal;
	margin-left:40px;}

/*______ NEW GAME PAGE ______*/

#view-category .list-the-news {
	float: left;}

div.thumb-small {
	background-position:5px 5px;
	background-repeat:no-repeat;
	float: left;}

/*______ GAME PAGE ______*/

#game {
 }

#game .left {
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
	border-top-left-radius:16px;
	border-radius-topright:16px;
	background-color: #ededed;
	clear:right;
	margin-right:16px;
	padding:8px;
	text-align:center;
	width: 280px;}
	
#game .right {
	width:440px;}
	
#game .title { 
	border-bottom-left-radius: 16px;
	border-radius-topright: 16px;
	background-color: white;
	color:#2A7FCA;
	font-size:32px;
	font-weight:bold;
	text-align: center;
	margin-bottom:22px;
	margin-top:8px;
	padding:16px;
	font-family: Tahoma,Helvetica,Arial;
	border: solid 2px #2A7FCA;}
	
#game .slideshow {}

#game .flag-game {
	bottom:-10px;
	left:15px;
	position:relative;}

#guaranteed	{
	padding-top: 16px;}
	

#slideshow li {
	display: inline;}

#game .description {
margin-top: 16px;}

.description li {
	margin-bottom:16px;}

.price {
	color: #46f;}
	
.currency-code {}

.option {
	clear:both;}
	
.option li {
	margin-left:auto;
	width:270px;}

.caption-slideshow {
	float:left;
	text-align:center;
	width:100%;
	margin-bottom: 16px;
	font-size: 12px;
	clear:left;}

/*______ BOUTON GRAPHIQUE ______*/

a.icon-confirm:hover span {
	background-position:left -2px;
	background-image:url(gfx/bouton-background-confirm-icon.gif);}

a.icon-confirm span {
	background-image:url(gfx/bouton-background-confirm-icon.gif);}

a.icon-browser:hover span {
	background-position:left -2px;
	background-image:url(gfx/bouton-background-browser-icon.gif);}

a.icon-browser span {
	background-image:url(gfx/bouton-background-browser-icon.gif);}
	
a.icon-buy:hover span {
	background-position:left -2px;
	background-image:url(gfx/bouton-background-buy-icon.gif);}

a.icon-buy span {
	background-image:url(gfx/bouton-background-buy-icon.gif);}

a.icon-download:hover span {
	background-position:left -2px;
	background-image:url(gfx/bouton-background-download-icon.gif);}

a.icon-download span {
	background-image:url(gfx/bouton-background-download-icon.gif);}

/*______ BOUTON, LAYOUT BOUTON______*/


/*SMALL SUBMIT BUTTON
.button-submit {
	background:transparent url(gfx/button-submit-background-left.gif) no-repeat scroll 0 0;
	padding-left:6px;}

	.button-submit:hover {
		background:transparent url(gfx/button-submit-background-left.gif) no-repeat scroll 0 -34px;}

.button-submit input {
	background:transparent url(gfx/button-submit-background.gif) no-repeat scroll 100% 0;
	padding-right:8px;}

	.button-submit input:hover {
		background:transparent url(gfx/button-submit-background.gif) no-repeat scroll 100% -34px;}
		
.button-submit, .button-submit input {
	display:block;
	height:26px;
	line-height:24px;
	border:medium none;
	width: auto;
	cursor: pointer;
	font-weight:bold;
	color:#FFFFFF;
	white-space:nowrap;}
*/

/*BIG BUTTON*/

.bouton-download, .bouton-buy, .bouton-browser, .bouton-confirm {
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
	border-top-left-radius:16px;
	border-radius-topright:16px;
	background-color:WhiteSmoke;
	float:left;
	margin-right:8px;
	padding:8px;
	text-align:center;}

.bouton-buy li, .bouton-download li  {
	clear:left;
	margin-left: 8px;}
	
.bouton-download ul {
	display: block;}

a.back-bleu span, a.back-vert span {
	background-position: 0px -42px;
	margin-left: -8px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:34px;
	line-height:34px;
	padding:0 0 0 60px;
	position:relative;}

a.back-bleu:hover, a.back-vert:hover {
	background-position:right -2px;
	cursor:pointer;
	text-decoration:none;}
	
/*_____bouton background(bleu)______*/

a.back-bleu {
	background:transparent url(gfx/bouton-background-bleu.gif) no-repeat scroll right -42px;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-weight:bold;
	margin:10px 0 0;
	padding:0px 15px 0px 0px;
	position:relative;
	text-decoration:none;}
	
/*_____bouton background(vert)______*/

a.back-vert {
	background:transparent url(gfx/bouton-background-vert.gif) no-repeat scroll right -42px;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-weight:bold;
	margin:10px 0 0;
	padding:0px 15px 0px 0px;
	position:relative;
	text-decoration:none;}


/*______ CONTACT PAGE ______*/

#support-web-form {
	width: 100%;
	}

.disclosure {
	float:left; 
	margin-top: 16px;}

#company {}

#contact-form {
    width: 512px;
	margin-right: 4px;}

#message {}

#contact-form .center {
	text-align: center;
	}

#contact-form .input-form input, #contact-form .input-form textarea {
	width: 200px;
	float:right;
	clear: right;
	border: solid 1px #bbcad7;
	height: 18px;}
	
#contact-form .input-form label {
	width: 230px;
	display: block;
	float:left;
	clear:left;
	height: 14px;
	padding: 1px 5px 14px 2px;
	text-align: right;}

#contact-form .input-form textarea {
	height: 160px;}

#contact-form .button-submit {
	clear: right;
	float: right;}
	
#contact-form  .jforms-submit {
	margin-top: 16px;}
	
#jforms_webtlk_contactWebForm_ctc_message { /* textarea de la page contact */
	height: 64px;} 

#contact-form .button-submit {
}
	
	
/*______ SCORE PAGE ______*/

#hall-of-fame {
	text-align:center;
	width:400px;}

#hall-of-fame .title {
	margin-top:16px;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom: 8px;}

#navtable {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-radius-topright:4px;
	background-color:#EFEFEF;
	border:1px solid #DDDDDD;
	display:block;
	margin-bottom:8px;
	padding:8px;}

#navtable li {
	padding:4px;}

#navtable .level-selected {}

#hall-of-fame table {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top-left-radius:8px;
	border-radius-topright:8px;
	background-color:#EFEFEF;
	border:1px solid #DDDDDD;
	padding:3%;
	width:400px;}

#hall-of-fame thead {}

#hall-of-fame tbody {}

#hall-of-fame .rang{}

#hall-of-fame .name{}

#hall-of-fame .score{}

#hall-of-fame .date{}

/*

#hall-of-fame .page-numbering {
	margin:16px auto 55px;
	width:400px;}
	
#hall-of-fame .nav-num {
	margin-left:auto;
	margin-right:auto;}
	
#hall-of-fame .nav-num li  {
	display:inline;
	float:none;
	padding:3px 6px 2px;}

*/	
	
/*______ HELP PAGE ______*/

#help-page li {
	list-style-type: decimal;
	margin-left: 24px;}

#help-page .answer {
	line-height: 1.4;
	margin-left: 16px;}
	
#help-page .question {
	margin-top:8px;
	color: #2A7FCA;
	line-height: 1.4;}

#help-page .question:hover {
	color: #66CC33;}

#help-page p {
	margin-top:8px;
	margin-bottom:8px;}
	
#help-page .dl {
	margin-top:16px;
	margin-bottom:16px;}
	
	
/*______ FORM OF SUPPORT ______*/

#contact-page {
}

#contact-page fieldset {
	border-radius:16px;
	border:1px solid #BBCAD7;
	padding:16px 10px;
    margin-left: 0;
	margin-top:16px;
	}

#contact-page legend {
	color:#2A7FCA;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;}

#contact-page .jforms-label {
	margin-right: 8px;}

#contact-page input, #contact-page select {
	margin-top: 8px;
	margin-bottom: 8px;} 

#contact-page input[type="submit"] {
	margin-top: 16px;} 

#contact-page .center {
	text-align: center;
	}

#contact-page #message {}
/*______ TERMS PAGE ______*/

#terms-page p {
	margin-bottom: 24px;
	text-align: justify;
	}
	
#terms-page h1 {
	margin-bottom: 16px;}

#terms-page h2 {
	font-size: 1em;}	

#terms-page h2, #terms-page h3, #terms-page h4 {
	margin-bottom: 8px; 
	text-transform: uppercase;}
	
#terms-page h3 , #terms-page h4 {
	font-size: 1em;}
	
#terms-page li {
	background-image:url(gfx/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-bottom: 16px;
	margin-left: 24px;}

/*______ PRIVACY PAGE ______*/
#privacy-page p {
	margin-bottom: 24px;
	text-align: justify;}
	
#privacy-page h1 {
	margin-bottom: 16px;}

#privacy-page h2 {
	font-size: 1.2em;}	

#privacy-page h2, #privacy-page h3, #privacy-page h4 {
	margin-bottom: 8px; 
	text-transform: uppercase;}
	
#privacy-page h3 , #privacy-page h4 {
	font-size: 0.8em;}

#privacy-page li {
	background-image:url(gfx/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-bottom: 16px;
	margin-left: 24px;}
	
#privacy-page li  {
	padding-left: 16px;}
	
/*______ ABOUT PAGE ______*/

#about-page p {
	margin-bottom: 10px;
	text-align: justify;}
#about-page h1 {
	margin-bottom: 16px;}

#company-info {
	padding: 16px;
	padding-left: 0px;}
	
#company-info .name-company{
	font-weight: normal;
	font-size: 1.8em;
	color: #2A7FCA;}
	
#about-page .frame {
	display:block;
	width: 100%;
	margin-bottom: 64px;}
#about-page #logo-tlk {
	margin-right: 96px;}

/*______ ACCOUNT PAGE ______*/

#sign-in-web-form.form {}

#sign-in-web-info {}

#forgotten-password-web-form.form {float: left;}

#registration-web-form.form {}

.sign-in-web-info {
	clear:left;
	float:left;
	margin-left:16px;
	margin-top:16px;
	font-size:0.8em;}

#my-account p.center {
	text-align: center;
	clear:left;}

#my-account fieldset{
	float: left;
	padding:16px;
	margin-right:16px;
	border:1px solid #BBCAD7;
	border-radius: 16px;
	width: 300px;}

#account-web-form  {
	width:100%;
	margin-top: 16px;}

#my-account label {
	width:100%;
	display:block;
	font-size: 0.8em;}
	
#my-account input[type="submit"] {
	display:block;
	margin-top:16px;}

#my-account .center input[type="submit"] {
	/* margin-top:32px; */
	clear:none;
	float:none;
	margin-top:16px;}


#my-account .zone-checkbox {
	display: block;
	margin-top:10px;
	width:100%;
	height:20px;}

#my-account  .zone-checkbox div {
	float: left;}

#jforms_tlkAccounts_loginWebForm1 {
	display: none;}

span.show_processing {
	margin-left: 16px;}
	
.showZone:hover {
	text-decoration: underline;}
	
/*______ notFound404 ______*/

#not-found-404 {}

/*______ ORDER PAGE ______*/
#cart, #payment-methods{
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color:#efefef;
	border:1px solid #ddd;
	float:left;
	margin-top:16px;
	width:748px;}

#payment-methods .payment-methods-title {}
	
#Billing-address {
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color:#efefef;
	border:1px solid #ddd;
	float:left;
	margin-top:16px;
	width:740px;}

#Billing-address h3{
	border-bottom:1px solid #BBCAD7;
	font-size:1.2em;
	margin-bottom:8px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:8px;}	

#cart hr, #payment-methods hr {
	clear: left;
	visibility:hidden;}
	
#cart .head, #payment-methods .head  {
	background-color:#999999;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	padding:5px;}

#payment-methods .payment-methods-title{
	float: left;
	margin-right: 5px;
	width: 738px;
	border-top-left-radius:8px;
	border-radius-topright:8px;}
	
#payment-methods .methods-items {
	padding:8px;}
	
#payment-methods div.small-text {
	margin-left:35px;
	width:180px;}


#cart .item {

	display:block;
	float: left;
	padding: 5px;
	height: 60px;}
	
#cart .foot {
	display:block;
	float: left;
	padding: 5px;
	margin-top: 20px;}
	
#cart .link {
	display:block;
	float: left;
	padding: 5px;
	margin-bottom: 16px;
	text-align:left;}

#cart .link.browser {
	width: 460px;}

.link.confirm {
	width: 260px;
	float:right;
	margin-top:16px;
	width:300px;}

#cart .foot.refresh {
	width: 340px;}
	
#cart .foot.total {
	width: 230px;
	text-align:right;
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;}
	
#cart .foot.subtotal {
	width: 140px;
	font-size: 24px;
	font-weight: bold;
	color: #339900;
	line-height: 32px;}
	
#cart .product {
	border-top-left-radius: 8px;
	width: 300px;}

#cart .product .img {
	float: left;
	margin-right: 5px;}
	
#cart .product .name {}
	
#cart .price {
	width: 140px;}

#cart .quantity {
	width: 100px;}
	
#cart .quantity-price {
	border-radius-topright: 8px;
	width: 168px;}
	
#cart .quantity-price a {
	padding-left: 16px;}

#cart .delete {
	display: block;
	float: right;
	margin-right: 8px;}
	
#cart .row-subtotal {
	border-top:solid 4px #ddd;}

#cart .code {
	font-weight: bold;
	font-size: 0.8em;
	line-height:18px;}

#cart .total-qt {
	float:left;}

.secure-icone  {
	text-align:right;
	width:740px;}

a.condition {
	font-size: 1em;
	}

	
	

/*______ My accounts page ______*/	

#my-account h3 {
	font-size: 1.2em;
	margin-bottom:8px;
	border-bottom:1px solid #bbcad7;
	padding-bottom:8px;}
	
/*______ My account zone ______*/
#my-account-content {
	float: left;
	width: 710px;
	padding:16px;
	background-color:#fbfbfb;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
	border-top-left-radius:16px;
	border-radius-topright:16px;} 		

/*______ My accounts menu ______*/	
 
#my-account-menu {
  float:left;
  width:100%;
  line-height:normal;}
  
#my-account-menu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;}
  
#my-account-menu li {
  float:left;
  margin:0 3px;
  padding:0 0 0 16px;
  background-color:#fbfbfb;
  border-top-left-radius:16px;
  border-radius-topright:16px;}
  
#my-account-menu a {
  float:left;
  display:block;
  padding:9px 16px 4px 0px;
  font-weight:bold;}
  
/* Hack from IE5-Mac \*/
#my-account-menu a {float:none;}
/* End IE5-Mac hack */
  
#my-account-menu #current {
  background-image:url("gfx/background-tab-left.gif");}
  
#my-account-menu #current a {
  background-image:url("gfx/background-tab-right.gif");
  color:#A56060;}
	
/*______ Purchase History ______*/

#board-accounts {
	width:720px;}

#board-accounts .head {
	display:block;
	float:left;
	font-weight:bold;
	margin-bottom: 16px;}

#board-accounts .item {
	display:block;
	float: left;
	height: 60px;
	margin-bottom:16px;}

#board-accounts .product .img {
	float: left;
	margin-right: 5px;}
	
#board-accounts  .product {
	width: 250px;}
	
#board-accounts  .subscription {
	width: 220px;}

#board-accounts  .file {
	width: 190px;
	margin-left:30px;}

#board-accounts  .item.product {
	width: 250px;}
	
#board-accounts  .item.subscription {
	width: 220px;}

#board-accounts  .item.file {
	width: 190px;}

#board-accounts  hr {
	clear: left;
	visibility:hidden;}
	
/*______ Billing and delivery ______*/

#board-accounts .invoiceNumber {
	width: 150px;}
	
#board-accounts .invoiceDescription{
	width: 350px;
	height:100%;}

#board-accounts .date {
	width: 200px;}

#board-accounts .item-game {
	font-size: 0.7em;
	margin-left: 35px;}


	
/*______ SYSTEM MESSAGE ______*/

.msg-update {
	background-image:url("gfx/icons/valid.gif");
	background-repeat:no-repeat;
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #090;
	font-weight:bold;
	padding: 8px 36px;
	border:1px solid #090;
	background-color: #bfb;
	margin: 16px 0;}
	
.jforms-error-list {
	background-image:url("gfx/icons/error.png");
	background-repeat:no-repeat;
	background-position: 6px;
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #fdd;
	font-weight:bold;
	color: #900;
	padding: 8px 40px;
	border:1px solid #900;
	margin: 16px 0;}

.jforms-warning-list {
	background-image:url("gfx/icons/warning.png");
	background-repeat:no-repeat;
	background-position: 6px;
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #ffeaa9;
	color: #900;
	font-weight:bold;
	padding: 8px 40px;
	border:1px solid #f3d884;
	margin: 16px 0;}	
	
.jforms-help-list {
	background-image:url("gfx/icons/help.png");
	background-repeat:no-repeat;
	background-position: 6px;
	border-top-left-radius: 8px;
	border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #fff;
	color: #667788;
	font-weight:bold;
	padding: 8px 40px;
	border:1px solid #BBCAD7;
	margin: 16px 0;}

.disclosure {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top-left-radius:8px;
	border-radius-topright:8px;
	border:1px solid #BBCAD7;
	color:#666;
	display:block;
	font-size:0.8em;
	padding:16px;
	/* position:relative;
	right:-240px;
	top:-280px; */
	width: 96%;
	}	
	
#contact-form .disclosure {
    margin: auto auto;
	width: 307px;
	}

/*  balloon help */
span[title], abbr[title], acronym[title], em[title], strong[title], cite[title] {
  border-bottom:1px dotted; 
  cursor:help;
}


/* PAGE WELCOME TO TLK GAMES*/
#welcome {
	margin-left:auto;
	margin-right:auto;
	margin-top:64px;
	text-align:center;
	width:400px;}
#welcome .title {}


/* ZONE PUB */
#pub {
	border-radius: 16px;
	padding: 16px;
	background-color:#fbfbfb;}