/* HTML DE BASE
**********************************************************************/
body
  {
	  background:url(../img/bg.png) repeat-x #F5E9CE;
		margin:0;
		padding:0;
		font-family: Helvetica, Arial, sans-serif;
		font-size:13px;
		line-height:1.3em;
	}

#wrapper
  {
	  width:750px;
		margin:0 auto 24px auto;
		display:block;
	}	
	
#header
  {
	  background:url(../img/header_logo.png) no-repeat 0px 6px;
		height:65px;
		margin: 0 0 36px 0;
	}		

#header .logo
  {
	  display:block;
		width:202px;
		height:57px;
	  float:left;
	}
	
#header h1, #header h2
  {
	  display:none;
	}	

h6
  {
	  font-weight:normal;
		font-size:90%;
		font-style:italic;
		background:url(../img/rss_feed.png) no-repeat;
		padding:0 0 0 14px;
		margin:4px 0 18px 0;
		clear:both;
	}
	
img.middle
  { vertical-align:middle; }	
	
img
  { border:0; }	
	
.center
  { text-align:center; }
	
h5
  { 
	  font-size:100%;
	  font-weight:bold;
	}			
	
/* HACKS
**********************************************************************/

/* POINILLES AUTOUR DES LIENS (FIREFOX) */
a, a:active { outline:none; }	

/* BETA
**********************************************************************/
#beta
  {
	  display:block;
	  margin:50px 0;
		padding:3px 0 0 200px;
		background:url(/img/beta.png) no-repeat;
		height:80px;
		font-weight:bold;
		color:#73A019;
		font-size:90%;
	}
	
#beta a
  {	color:#73A019; }
	


/* TAB
**********************************************************************/
#tab
  {
	  margin-top:24px;
	  float:right;
	}
	
#tab ul
  {
	  padding:0;
		margin:0;
		list-style-type:none;
	}	
	
#tab li
  {
	  float:left;
		display:inline;
	}	
	
#tab a
  {
	  display:block;
		width:112px;
		height:26px;
		background:url(../img/tab_off.png) no-repeat;
		color:gray;
		text-align:center;
		margin-right:2px;
		text-decoration:none;
		font-weight:bold;
	}	
	
#tab a:hover
  {	
	  background:url(../img/tab_over.png) no-repeat; 
	  color:white;
	}
	
#tab span
  {
	  display:block;
	  padding-top:8px;
	}

#home #t-home a,
#register #t-register a,
#messages #t-messages a,
#profil #t-profil a,
#browse #t-browse a,
#bookmarks #t-bookmarks a,
#contact #t-contact a
  {
	  background:url(../img/tab_on.png) no-repeat;
		color:black;
	}
	
/* MENU
**********************************************************************/
#menu
  {
	  width:200px;
		float:left;
		border-right:1px solid #663300; 
	}
	
#menu h1
  {
	 color:#663300;
	 margin:12px 4px 12px 4px;
	 padding:4px 0;
	 font-size:120%;
   text-align:center;
	 font-weight:normal;
	 border-top:1px solid #E7E1CD;
	 border-bottom:1px solid #E7E1CD;
	}	
	
#menu h1.first
  {	margin-top:0px; }
	
#menu img
  {
	  border:0;
		vertical-align:middle;
	}
	
#menu a
  {
		color:black;
		text-decoration:none;
	}			
	
#menu a:hover
  { color:#990000; }	

.btn
  {
	  vertical-align:middle;
		border:0;
	}
	
.error
  {
	  font-size:90%;
		color:#990000;
		font-weight:bold;
	}
	
#button_bar
  { 
	  text-align:center; 
	  margin-top:12px;
	}	
	
/* CONTENU
**********************************************************************/	
#content
  {
	  width:500px;
		float:right;
	}
	
#content h1
  {
	  color:#990000;
		font-weight:normal;
		margin: 6px 0 12px 0;
		padding:0;
	}	
	
#content img
  { border:0;}	

/* FORMULAIRES
**********************************************************************/
label
  {
	  display:block;
		float:left;
		width:110px;
		font-weight:bold;
		color:#663300;
	}
	
form
  {
	  margin:0 auto;
	}	
	
form p
  {
	  font-size:90%;
		color:#666666;
		margin:4px 0 2px 110px;
		color:#663300
	}	
	
/* MESSAGE D'ERREUR
**********************************************************************/	
#error
  {
	  margin:0 0 30px 0;
		border:2px solid black;
		background:#990000;
		color:white;
		padding:10px;
	}
	
#error p
  {
	  font-size:120%;
		font-weight:bold;
		margin:12px 0;
	}	
	
#error ol
  {
	  margin:0;
		padding:0 0 0;
		list-style-position:inside;
	}	
	
#error li
  {
	  margin:8px 0;
		padding:0;
	}	
	
#error a
  { color:white;}	
	
/* PERSONNE
**********************************************************************/		
.people
  {
	  display:block;
	  background:#FBF8EB;
	  padding:4px;
		margin:12px 0;
		font-size:90%;
	}
	
.people_link img
  {
	  width:12px;
	  vertical-align:middle;
	}	
	
/* SIGNETS
**********************************************************************/	
.bookmark
  {
	  padding:8px;
		clear:both;
		line-height:1.5em;
		margin-left:12px;
		margin-bottom:1px;
	}	
	
.bookmark a
  { text-decoration:none; }	
	
.bookmark a:hover
  { text-decoration:underline; }		
	
.bookmark h1 
  {
	  font-size:120%; 
	  margin:0;
		padding:0;
	}	
	
.bookmark h1 img
  {	border:0; }
	
.bookmark h1 a, .bookmark h1 
  {
		color:#990000;
		margin:0;
		padding:0;
		font-weight:bold;
	}	
	
.bookmark .tools
	{ font-size:75%; }
	
.bookmark .tools a
	{ color:black; }		
	
.bookmark p
  { 
	  margin:0 0 6px 12px;
	  padding:2px 0;
	}	
	
.bookmark p.comment
  {
	  font-size:100%;
		margin-bottom:4px;
	}	
	
.bookmark p.comment, .bookmark p.about
  { 
	  border-bottom:1px dotted #CCCCCC; 
	}	
	
.bookmark p.about, .bookmark p.labels
  {font-size:80%;}	
	
.tag_selector
  { margin:12px 0 0 110px;}	
	
table.detail
  {
	  background:#FFFFFF;
		border:1px solid 	 #E7E1CD;	
		border-collapse:collapse;
		width:95%;
	}	
	
table.detail tr
  {
		height:3em;
		vertical-align:top;
	}	
	
table.detail td  
  {
    border-bottom:1px dotted #E7E1CD;	
		padding:8px;
		text-align:left;
	}	
	
/* NUAGE
**********************************************************************/		
#cloud 
  {
	  clear:both;
		text-align:justify;
		border-top:1px dotted #ACA189;
		border-bottom:1px dotted #ACA189;
		float:left;
		width:100%;
		margin-bottom:12px;
		padding-bottom:10px;
	}

#cloud h1
  {
	  color:#ACA189;
		padding:0;
		margin:12px auto;
		font-weight:normal;
		font-size:120%;
	}	

 #cloud strong span, a.tag span
  {	
		display:block;
		margin:5px 0 0 5px;
		font-size:90%;
	}	
	
#cloud strong span
  { 
	  color:white; 
	  font-size:90%;
	}	
	

a.tag
  {
	  font-weight:normal;
		text-decoration:none;
		color:black;
	  display:inline;
		height:24px;
		float:left;
		padding-left:14px;
		padding-right:6px;
    background:url(../img/tag_off.gif) left no-repeat;
		border-right:1px solid #C3BCAC;
		margin:1px;
	}	
	
a.tag_medium
  {
	  font-weight:normal;
		text-decoration:none;
		color:black;
	  display:inline;
		height:30px;
		float:left;
		padding-left:14px;
		padding-right:6px;
    background:url(../img/tag_medium_off.gif) left no-repeat;
		border-right:1px solid #C3BCAC;
		margin:1px;
		
	}		
	
a.tag_medium span 
  {
	  margin:6px 0 0 7px;
	  font-size:100%;
		display:block;
	}
		
	
a.tag_small
  {
	  font-weight:normal;
		text-decoration:none;
		color:black;
	  display:inline;
		height:18px;
		float:left;
		padding-left:14px;
		padding-right:6px;
    background:url(../img/tag_small_off.gif) left no-repeat;
		border-right:1px solid #C3BCAC;
		margin:1px;
	}		
	
a.tag_small span 
  {
	  margin:3px 0 0 3px;
	  font-size:80%;
		display:block;
	}		
	
a.tag_big
  {
	  font-weight:normal;
		text-decoration:none;
		color:black;
	  display:inline;
		height:36px;
		float:left;
		padding-left:14px;
		padding-right:6px;
    background:url(../img/tag_big_off.gif) left no-repeat;
		border-right:1px solid #C3BCAC;
		margin:1px;
	}		
	
a.tag_big span 
  {
	  margin:7px 0 0 12px;
	  font-size:150%;
		display:block;
	}	
	
#cloud strong
  {
	  font-weight:normal;
		text-decoration:none;
		color:black;
	  display:block;
		height:24px;
		float:left;
		padding-left:14px;
		padding-right:6px;
    background:url(../img/tag_sel.gif) left no-repeat;
		border-right:1px solid #750000;
		margin:1px;
	}		


	
a.tag:hover
  {  background:url(../img/tag_over.gif) left no-repeat; }		
	
a.tag_small:hover
  {  background:url(../img/tag_small_over.gif) left no-repeat; }		
	
a.tag_medium:hover
  {  background:url(../img/tag_medium_over.gif) left no-repeat; }	
	
a.tag_big:hover
  {  background:url(../img/tag_big_over.gif) left no-repeat; }			
	
/* TABLES
**********************************************************************/		

tr {vertical-align:top; }

th { text-align:left;}

.even { background:#FBF8EB;}
.odd { background:#FFFFFF;}


.home_item
  {
	  color:black;
		padding:0 0 0 110px;
		font-size:130%;
		height:90px;
		padding-top:6px;
	}
	
.home_item em
  {
	  font-size:70%;
		color:gray;
		margin-top:24px;
		font-style:normal;
	}	
	
.item1
  { background:url(../img/home1.png) top left no-repeat;}
.item2
  { background:url(../img/home2.png) top left no-repeat;}	
.item3
  { background:url(../img/home3.png) top left no-repeat;}

.home_item img
  {	
	  vertical-align:middle; 
	  float:left;
	}
	
/* BARRE DE NAVIGATION
**********************************************************************/	
#navbar
  {
		margin-top:12px;
		margin-left:12px;
	}
	
#navbar a, #navbar strong
  {
	  display:block;
		float:left;
	  margin:3px 3px 3px 0;
		width:18px;
		height:16px;
		text-align:center;
		text-decoration:none;
		line-height:1.3em;
	}	
	
#navbar a
  {
	  background: url(../img/corner_off.gif) no-repeat;
		border-bottom:1px solid #C3BCAC;
		border-right:1px solid #C3BCAC;
		color:black;
	}	
	
#navbar strong
  {
	  background: url(../img/corner_on.gif) no-repeat;
		border-bottom:1px solid black;
		border-right:1px solid black;
		color:white;
	}		
	
/* ETOILES
**********************************************************************/		
.starbar
  {
	  margin:6px 0 10px 12px;
	}
	
.unit-rating
  {
		list-style:none;
		margin: 0px 0 0px 0;
		padding:0px;
		width: 80px;
		height: 16px;
		position: relative;
		background: url('/img/star_rating.gif') top left repeat-x;	
		float:left;	
	}
	
.unit-rating li
	{
	  text-indent: -90000px;
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	
.unit-rating ul
	{ 
	  float:left;
		display:block;
		width: 80px;
	}
		
.unit-rating span
	{ 
	  float:left;
	  display:block;
	}	
	
.unit-rating li a
  {
		display:block;
		width:16px;
		height: 16px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}

.unit-rating li a:hover
  {
		background: url('/img/star_rating.gif') left center;
		z-index: 2;
		left: 0px;
	}
	
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
	

.unit-rating li.current-rating
  {
		background: url('/img/star_rating.gif') left bottom;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}	
	
/* PIED DE PAGE
**********************************************************************/		
#footer
  { 
	  clear:both;
	  text-align:center;
		font-size:80%;
		color:#333333;
		padding	:64px 0 32px 0;
		bottom:12px;
	}
	
#footer a
  {
	  color:#333333;
		text-decoration:none;
	}	
	
#footer a:hover
  { 
	  text-decoration:underline;
	  color:#990000;
	}	
	
/* MESSAGES
**********************************************************************/		
#no_messages
  {
	  margin:60px 0;
		text-align:center;
		font-weight:bold;
	}
	
#message_list
  {
	  width:95%;
	}	
	
#message_list tr
  {
	  vertical-align:middle;
	}		
	
#message_list .odd
  { background:#F0F0F0;}	
	
#message_list .even
  { background:#FFFFFF;}	
	
#message_list td
  { padding:4px;}	
	
/* EXPORT
**********************************************************************/		
.b-export
  {
	 width:204px;
	 margin:36px auto;
	 display:block;
	 border:0;
	}