body {
	background: #FFD3DB url("fond_body.jpg") repeat-x top;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	width:780px;
	margin:auto;
}

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
}

td {vertical-align:top;}

#wrapper {
	background: #FFD3DB url("fond_page.jpg") repeat-y center;
	width: 780px;
}

#header {padding:0;height:200px;vertical-align:bottom;}

#navigation {
	background: url("title.png") repeat-x top center;
	color: brown;
	margin: 0 10px 0 10px;
	padding: 7px 0 7px 0;
	
}

.sous_navig { padding-top:10px;background:transparent;}

#content {
  background:transparent;
	padding-left:15px;
	width:400px;
}


#copyright {margin: 10px;}


/* Hyper Links */
a { color: #666; }
a:hover { color: #333; }

#navigation a { color: brown; text-decoration: none; }
#navigation a:hover {
	color: blue;
	text-decoration: underline
}



/* SIDEBAR */

#side {
 background: white url("fond_side.jpg") repeat-y top center;
 margin-right:15px;
 margin-top:5px;
 color:#6B4C1B;
}

#side_bottom {
 background:white url("fond_side_bas.jpg") no-repeat center;
 height:28px;
}

#rubrtop {
 background: transparent url("fond_side_haut.jpg") no-repeat top center;
 padding-top:10px;
 text-align:center;
 }
 
#rubrtop h2 {
 background:transparent url("fond_side_h2_top.jpg") no-repeat center;
 text-align:center;
}

.rubr {text-align:center;}
 
.rubr h2 {
 background:transparent url("fond_side_h2.jpg") no-repeat center;
 text-align:center;
}

#rubrtop h3, .rubr h3 {font-size:13px;color:brown;text-align:left;margin:20px 0 5px 15px;}

#rubrtop ul, .rubr ul {
 text-align:left;
 list-style:none;
 margin:0;
 padding:0;
 }

 
 
#rubrtop li a, .rubr li a {
 text-decoration:none;
 color:#573E17;
 display:block;
 margin-bottom:1px;
 padding-top:2px;
 height:16px;
 padding-left:15px;
 margin-left:0;
 }
 
 #rubrtop li a:hover, .rubr li a:hover {
 color:blue;
 background:transparent url("liside_on.jpg") no-repeat center;
 display:block;
 margin-bottom:1px;
 padding-top:2px;
 height:16px;
 padding-left:15px;
 margin-left:0;
 }

.rubr img, .thumb {border:1px solid brown;}
.rubr img:hover, .thumb:hover {border-color: red;}

.table_top_title, .rubr h2, #rubrtop h2  {font-size:15px}

.rubr h2, #rubrtop h2  {font-size:15px; color: #FC3C53; padding-top:5px; height: 25px;}







/* SITES */
.table_border {
  /*background: white url("fiche_site_fond.jpg") repeat-x top left;*/
	margin-bottom: 10px;
	margin-right:10px;
	margin-top:15px;
	width:390px;
	color:black;
}

.table_border:hover {
  background: white url("fiche_site_fond.gif") no-repeat center;
  background-color:#FFF5EB;
  color:brown;
}

.table_top_title  {
	/*background: white url("titre_site.jpg") no-repeat center;*/
	/*color: white;*/
	color: blue;
	/*padding-bottom: 9px;*/
	padding-top: 5px;
	padding-right:20px;
	/*padding-left:30px;*/
	text-align: left;
	width:350px;
	height:16px;
	font-size:14px;
	font-variant:small-caps;
	border-bottom: 1px solid brown;
}

.evol {float:left;margin-right:15px;margin-left:8px;}

.table_top_title a {font-weight:bolder;color:red;text-decoration:none;}
.table_top_title a:hover {color:blue;text-decoration:none;}

.table_description {
  padding-top:5px;
  padding-right:5px;
	padding-left:5px;
	text-align:justify;
	font-size:11px;
}

.table_description a {color:red;}
.table_description a:hover {color:blue;}

.thumb {
	float:left;
	margin:0 5px 8px 0;
	width:120px;
	height:90px;
}

.table_top_stats {
	background-color: #DCDCDC;
	padding: 2px;
}
.table_top_rating {
	background-color: #DCDCDC;
	text-align: center;
}
/* Ranking Style */
.table_title {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.table_rank {
	background-color: #DCDCDC;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.table_description { width: 100%; }
.table_stats {
	background-color: #DCDCDC;
	padding: 2px;
	text-align: center;
}

/* Stats Style */
.stats_top {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.stats_left { background-color: #DCDCDC; }
.stats1 {
	background-color: #DCDCDC;
	text-align: center;
}
.stats2 {
	background-color: #FFF;
	text-align: center;
}

/* Admin */
.darkbg {
  background-color: #737373;
  color: #fff;
}
.mediumbg {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lightbg {
	color: #000;
	background-color: #FFF;
}
.lightbgalt {
	color: #000;
	background-color: #DCDCDC;
}

table { width: 100%; }
/* No Borders Images */
img { border: 0; }

textarea, input {
	font-family: sans-serif;
	font-size: 12px;
}

.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }



#side .nobord img {border:none;}


.join {padding:5px;text-align:left;background:#FFF7F1;border:1px solid brown;width:400px;margin-right:5px;}

.join h2 {color:brown;font-size:12px;margin-bottom:5px;margin-top:25px;}

.join h2.top {margin-top:5px;}

.join ul {margin-left:0;padding-left:0;list-style:none;}
.join li {margin-bottom:10px;}