/* BODY */

html 
{
	height:100%;
	overflow-y:scroll;
}

body
{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #FFFFDD;
	height:100%;
	/*overflow-y: scroll;*/
	min-height: 100%;
}

th {
	text-align: center;
}

img {
	border: 0;
}

input {
background-color:white;
border:1px outset #3399CC;
color: #000;
top:.2em;
position: relative;
margin-bottom:.2em;
}

select {
top:.2em;
position: relative;
margin-bottom:.2em;
}

textarea {
top:.2em;
position: relative;
margin-bottom:.2em;
}

input:hover{
border:1px outset #3300CC;
}

input.button {
font-style:normal;
background-color:white;
border:2px outset #99FFFF;
font-weight:bold;
cursor:pointer;
color: #3399CC;
}

input:hover.button {
border:2px outset white;
background-color:white;
color:black;
}

input:active.button {
border:2px inset #99FFFF;
background-color:#0099FF;
color:white;
} 

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	/*position : relative;*/
	background: #fff url(../img/l_bord.gif) repeat-y left top ;
	min-height: 100%;
}

div#header
{
	margin-top: 0;
	height: 122px ;
	margin: 0 ;
	background: url(../img/background.JPG) no-repeat left top ;
}

div#header form
{
	width: 340px ;
	height: 30px ;
	display: block ;
	position: relative ;
	left: 420px ;
	top: 100px;
	float:left;
}


div#content
{
	margin-bottom: 0;
	/*padding: 0 25px 110px 25px ;*/
	padding: 0 25px 0px 25px ;
}

div h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #699 ;
	border-bottom: 1px solid #699;
}

div#content h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #699	;
	border-left: 3px solid #699 ;
	color: #699 ;
}

div#content p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

a
{
	color: #FF9900 ;
}

a:hover
{
	color: #333 ;
}

div#footer
{
	clear: both;
	margin: 0;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #000000;
	/*position: absolute;
	width: 100%;*/
	bottom: 0; 
	left: 0;
	font-size:12px;
}

pre
{
	overflow: auto ;
	background: #660066 ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

/* Menu */


.menu {
  float:left;
  background:#FFFFFF url("bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
ul.menu {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
.menu li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
.menu a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.menu a {float:none;}
/* End IE5-Mac hack */
.menu a:hover {
  color:#333;
  }
.menu .current {
  background-image:url("left_on.gif");
  }
.menu .current a {
  background-image:url("right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
.menu .new {
  background-image:url("left_new.gif");
  }
.menu .new a {
  background-image:url("right_new.gif");
  }

/* forum description categorie */

ul#menu {
	width:750px;
}

ul#menu_trade {
	width: 700px;
}
ul#menu_message {
	width: 700px;
}
ul#menu_search {
	width: 700px;
}

table.cat {
	/*border: medium solid #4169e1;
	width: 100%;*/
	border-collapse: collapse;
}

table.cat tr {
	background-color: #99CCFF/*#7fffd4*/;
}

table.cat tr:hover {
	background-color: #BBDDFF/*#66cdaa*/;
	cursor: pointer;
}
table.cat td {
border: thin solid #6495ed;
}

/* Le contenu de chaque cellule */
table.cat td#name {
border: thin solid #6495ed;
text-align: center;
}
table.cat td#description {
border: thin solid #6495ed;
text-align: justify;
}
table.cat td#last {
border: thin solid #6495ed;
text-align: center;
}

/* le contenu des th */
table.cat th {
border: thin solid #6495ed;
background-color: #6495ed;
}
table.cat th#name {
border: thin solid #6495ed;
width: 80px;
}
table.cat th#description {
border: thin solid #6495ed;
width: 550px;
}
table.cat th#last {
border: thin solid #6495ed;
width: 50px;
}
/* End forum description categorie */

/* forum description forum */
table#forum_forum {
	/*border: medium solid #4169e1;
	width: 100%;*/
	border-collapse: collapse;
}

table#forum_forum tr {
	background-color: #99CCFF/*#7fffd4*/;
}

table#forum_forum tr:hover {
	background-color: #BBDDFF/*#66cdaa*/;
	cursor: pointer;
}

table#forum_forum td {
border: thin solid #6495ed;
}

/* Le contenu de chaque cellule */
table#forum_forum td#name {
border: thin solid #6495ed;
text-align: center;
}
table#forum_forum td#description {
border: thin solid #6495ed;
}
table#forum_forum td#nb {
border: thin solid #6495ed;
text-align: center;
}
table#forum_forum td#last {
border: thin solid #6495ed;
text-align: center;
}


/* le contenu des th */
table#forum_forum th {
border: thin solid #6495ed;
width: 100px;
background-color: #6495ed;
}
table#forum_forum th#name {
border: thin solid #6495ed;
width: 80px;
text-align: center;
}
table#forum_forum th#description {
border: thin solid #6495ed;
width: 400px;
}
table#forum_forum th#nb {
border: thin solid #6495ed;
width: 50px;
}
table#forum_forum th#last {
border: thin solid #6495ed;
width: 160px;
}
/* End forum description forum */

table.post_forum{
	width: 100%;
	border: 0;
}

td.post_avatar{
	width: 100px;
	text-align: center;
	vertical-align: top;
	background-color: #FFEEBB;
}
td.post_message{
	vertical-align: top;
	background-color: #FFEEBB;
}

div.post_date{
	width: 100%;
	text-align: right;
}

div.div_moderation{
	width: 100%;
	text-align: right;
}

.post_text{
	/*text-indent: 0;
	line-height: 0;
	display: block;*/
}

a.post_author
{
	display: block;
	text-align : center;
}

/* forum description forum */
table#forum_topic {
	/*border: medium solid #4169e1;
	width: 100%;
	*/
	border-collapse: collapse;
}

table#forum_topic tr {
	/*background-color: #7fffd4;*/
}

table#forum_topic tr {
	/*background-color: #66cdaa;*/
}
table#forum_topic td{
	/*border: thin solid #6495ed;*/
}

/* Le contenu de chaque cellule */
table#forum_topic td#subject{
	/*border: thin solid #6495ed;
	background-color: #FFF;*/
	text-align: left;
}
table#forum_topic td#subject:hover {
	/*background-color: #c0ffff ;*/
	cursor: pointer;
}

table#forum_topic td#answer {
	/*border: thin solid #6495ed;*/
	text-align: right;
}
table#forum_topic td#author {
	/*border: thin solid #6495ed;
	background-color: #80ffff;*/
	text-align: center;
}
table#forum_topic td#last {
	/*border: thin solid #6495ed;
	background-color: #c0ffff;*/
	text-align: center;
}


/* le contenu des th */
table#forum_topic th {
	/*background-color: #FFF;*/
}
table#forum_topic th#subject {
	/*border: thin solid #6495ed;*/
	text-align: center;
	width:300px;
}
table#forum_topic th#answer {
	/*border: thin solid #6495ed;*/
	width:40px;
}
table#forum_topic th#author {
	/*border: thin solid #6495ed;*/
	width: 100px;
}
table#forum_topic th#last {
	/*border: thin solid #6495ed;*/
	width: 180px;
}
/* End forum description forum */
/* Forum quick menu */
ul#forum
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img/bg_forum.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
		
ul#forum li
{
	float: left ;
	text-align: center ;
}

ul#forum li a
{
	width: 88px ;
	line-height: 25px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
}

ul#forum li a:hover
{
	background: url(../img/bg_forum.gif) repeat-x 0 0 ;
}
/* Fin forum */
/* sous_forum */

ul#sous_forum
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img/bg_sous_forum.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
		
ul#sous_forum li
{
	float: left ;
	text-align: center ;
}

ul#sous_forum li a
{
	width: 94px ;
	line-height: 25px ;
	font-size: 1.0em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
}

ul#sous_forum li a:hover
{
	background: url(../img/bg_sous_forum.gif) repeat-x 0 0 ;
}

div#h_name_forum 
{
	display: inline;
}

/* Fin sous_forum */
a.new
{
	background: url(../img/bg_menu.gif) repeat-x 0 0 ;
}

a.newMini
{ 
  color: blue;
}

table.res {
	background-color:#899;
	border: solid #000 2px;
	position: relative;
	left : 20px;
	border-spacing: 0px;
	border-collapse : collapse
}

tr.res {
	background-color: #765;
}

td.res,.linked{
	padding: 2px;
	margin: 0px;
	color: #000000;
	text-align: left;
	background-color: #EEF;
	vertical-align: top;
	border: 0px;
}
td.unread{
	padding: 0px;
	color: #000000;
	text-align: left;
	background-color: #FFFFCC;
	border: 0px;
}

th.res {
	text-align: center;
	background-color: #FFDD99;
	border: 0px;
	border-bottom: solid #000 1px;
}
th.res a {
	color: #000000;
}

th.res + th.res {
	border-left:solid #000 1px;
}

td:hover.linked {
	background-color:#fff;
	cursor: pointer;
}


tr.linked td:hover{ 
	background-color:#fff;
	cursor: pointer;
}

table.no{
	border:0;
}


/* Friend */
ul#friends_list{
	text-align:left;
}

a.connected_friend {
	color: green;
}
a.disconnected_friend { 
	color: red;
}
div.post{
	background-color:#ddd;
}



/* Search */
p#pages {
}

ul.search_game {
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none;
}

ul.search_game li {
	float: left ;
	text-align: center ;
}

ul.search_game li a {
	width: 94px ;
	line-height: 25px ;
	font-size: 1.0em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block;
	text-decoration: none ;
	background-color: #099;
	border: 2px outset #c0c0c0;
}

ul.search_game li a:hover {
	border: 2px inset #c0c0c0;
	background-color: #0bb;
}

ul.search_game li a.clicked{
	border: 2px inset #c0c0c0;
	background-color: #0bb;
}

ul.search_game li.clicked{
	border: 2px inset #c0c0c0;
}

ul.collection {
	list-style-type: none;
}

li.collection a{
	color: gray;
	font-weight: bold;
	padding-left: 15px;
}

li.clicked a, a.edition_clicked {
	color:black;
	background: url(../img/checked.png) no-repeat;
	padding-left: 15px;
}

li.edition a{
	color: gray;
	padding-left: 15px;
}

label.add_card {
	float : left;
	width:80px;
}

/* Search Person */
label.search_person {
	float : left;
	width:100px;
}
input.search_person {
	position : relative;
	left:100px;
}

/* Profil */
label.profil {
	float : left;
	width:160px;
}
input.profil {
	position : relative;
	left:160px;
}
span.profil_title {
	font-weight: bold;
}

.error_msg {
	color: red;
}

span#msg_profil,#msg_perso,#msg_pass, #subscription_msg{
	position : relative;
	left:160px;
	display: block;
	width: 200px;
}

/* loading */
div#loading {
	position: relative;
	left: 680px;
	height:30px;
	float: left;
	visibility: hidden;
}

div#minimenu { 
       text-align : right;
	   padding-top: 0.5em;
	   padding-right: 0.3em;
}

div#alert_message {
        background-color:#FFFF00;
        margin:3em 280px;
        padding:0.2em;
        position:absolute;
        display:none;
}

/* identification */
div.identification {
	text-align: left;
	width: 300px;
}

label.identification {
	float : left;
	width: 100px;
}

label.message{
	float : left;
	width:100px;
}

/* Trade */
div .subtab {
	width: 698px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px;
	clear: both;
}

table #game_res {

}


/*
	Vertical Accordions
*/

.accordion_toggle {
	display: block;
	height: 30px;
	width: 680px;
	background: url(../img/below.png) no-repeat top right #099;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(../img/above.png) no-repeat top right #0bb;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 650px;
	background: url(../img/below.png) no-repeat top right #099;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(../img/above.png) no-repeat top right #0bb;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

#vertical_nested_container {
	/*margin: 20px 0 20px 0px;*/
	width: 680px;
}