/*********************************************************/
/* ---------------------- CONTENU ---------------------- */
/*********************************************************/


#reference {
position:absolute;
left:-9999px;
}

#reference ul {

}

#reference li {

}


.encart_photo {
	width:80px;
	height:110px;
	float:left;
	margin:10px 13px 15px 13px;

}

.encart_supprimer {
	background-color:#000;
	margin:2px 0 0 7px;
	height:20px;
	width:70px;
}


A.info {
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;
	TEXT-DECORATION: none;
}

A.info SPAN {
	DISPLAY: none; 
	MARGIN: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;;
}
A.info:hover SPAN {
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;;
	DISPLAY: inline;  
	POSITION: absolute; 
}
.text-marron {
	font-size: 11px;
	color: #513F29;
}
.text-rouge {
	font-size: 11px;
	color: #cc0000;
}

.text-bege {
	font-size: 11px;
	color: #E7E1D9;
}

.text-gris {
	font-size: 11px;
	color: #8A8A8A;
}

.text-jaune {
	font-size: 11px;
	color: #E2D541;
}
.text-orange {
	font-size: 11px;
	color: #D78E00;
}

.titre_tr {
	font-size: 11px;
	font-weight: bold;
	color: #D78E00;
	background-color:#000;
	height:20px;
	text-indent: 3px;
}
.jaune_tr {
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;
	background-color:#170F06;
	height:18px;
	text-indent: 3px;
}
.gris_tr {
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;
	background-color:#811E02;
	height:18px;
	text-indent: 3px;
}
.orange_tr {
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;
	background-color:#513F29;
	height:18px;
	text-indent: 3px;
}
.orange_tr a {
	color: #E7E1D9;
	text-decoration:none;
}
.gris_tr a {
	color: #E7E1D9;
	text-decoration:none;
}
.jaune_tr a {
	color: #E7E1D9;
	text-decoration:none;
}
.titre_orange {
	color: #E7E1D9;
	font-weight:bold;
}
.droite_td {
	text-align: right;
}
.text-bege {
	font-size: 11px;
	color: #E7E1D9;
}
.bordencart {
	border: 1px solid ;
}

.avatar_inscription {
	border: 1px solid #513F29;
	position:absolute;
	top:90px;
	left:480px;
}
.avatar_critique {
	position:absolute;
	top:95px;
	left:400px;
}


#Contenu {
	float:left;
	margin: 0 1px 0 1px;
	padding: 20px 15px 10px 15px;
	width: 538px;
	text-align: justify;
}


#Contenu img {
	margin: 0 0 0 0;
}
#Contenu p {
	margin: 0;
	padding: 0;
}
#Contenu h1 {
	margin: 0;
	padding: 0;
	padding-right:5px;
	line-height:16px;
	text-align:right;
	font-size:11px;
	color:#8F7C67;
	text-transform: uppercase;
}
#Contenu h1 a {
	margin: 0;
	padding: 0;
	padding-right:5px;
	line-height:16px;
	text-align:right;
	font-size:11px;
	color:#8F7C67;
	text-transform: uppercase;
	text-decoration:none;
}
.film_jaune {
	background-color:#170F06;
	border: 1px #513F29 solid;
	padding : 10px;
	margin: 0 0 20px 0;
}

.tchat {
	background-color:#170F06;
	border: 1px #000 solid;
	padding : 10px;
	margin: 0 0 10px 0;
	width:558px; 
	height:470px;
}
.film_jaune a {
	color:#8F7C67;
}
.film_gris {
	background-color:#271807;
	border: 1px #20160C solid;
	padding : 10px;
	margin: 0 0 20px 0;
}
.film_gris a {
	color:#8F7C67;
}


.avatar {
	border: 1px #000 solid;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
}
.test {
	width:538px;
	margin:0;
	padding:0;
	position:relative;
}
.test p {
	width:442px;
}
fieldset {
border:none;
margin:0;
padding:0;
}
.center {
text-align:center;
}
.jaquette {
	float:right;
	text-align:center;
}
.jaquette img {
	display:block;
	align:center;
}
.page_hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc0000;
	font-weight:bold;	
}
.page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E7E1D9;
}

.bord_jaquette {
	border: 1px #513F29 solid;
	margin:7px 0 7px 0;
}
.perso_favoris {
	border: 1px #000 solid;
}
.bord {
	border: 1px #513F29 solid;
}
.area_critique {
border:none;
background-color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width:500px;
height:100px;
}

/*********************************************************/
body {
	margin:0;
	background: #20160C url(../images/interface/fond_body.jpg) repeat-x;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E7E1D9;
}



.lettre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E7E1D9;
	border: 1px solid #000;
	background-color: #170F06;
	width: 19px;
	cursor:hand;
	cursor:pointer;
	text-transform: uppercase;

}
.lettre_rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
	border: 1px solid #000;
	background-color: #000;
	width: 19px;
	cursor:hand;
	cursor:pointer;
	text-transform: uppercase;

}
.colonne_gauche {
width:260px;
float:left;
}


.lettre_over {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D78E00;
	border: 1px solid #000;
	background-color: #000;
	width: 19px;
	cursor:hand;
	cursor:pointer;
	text-transform: uppercase;

}

#Conteneur {
	position:relative;
	margin:0;
	background: url(../images/interface/fond_conteneur.gif) repeat-y;
	padding:0 0 0 1px;
	width: 950px;
}
/*********************************************************/
/* -------------------- BANDEAU HAUT -------------------- */
/*********************************************************/



#identification {
background-color:#811E02;
padding: 20px 0 0 20px;
}
#BandeauHaut {
	margin:0;
	background: url(../images/interface/bandeau_haut.jpg) no-repeat;
	padding:0;
	height: 214px;
}
#section {
position:absolute;
color:#E7E1D9;
padding: 0;
margin: 0;
font-weight:bold;
top:25px;
left:230px;
}
#avatar_bandeau {
position:absolute;
padding: 0;
margin: 0;
top:138px;
left:438px;
border:1px solid #8F7C67}
#connexion {
padding: 0;
margin:0;
position:absolute;
color:#811E02;
top:22px;
left:390px;
}
#connexion a {
color: #E7E1D9;
}

#BandeauHaut form {
position:absolute;
color:#E7E1D9;
top:70px;
left:270px;
}
#bienvenue {
position:absolute;
color:#E7E1D9;
top:70px;
left:320px;
}
#bienvenue a {
color:#E7E1D9;
}
#bienvenue h3 {
color:#E7E1D9;
font-size:11px;
margin: 0 0 5px 0;
}
#BandeauHaut input {
margin:5px 0 0px 0;
height:14px;
background-color:#000;
color:#E7E1D9;
border: 1px solid #513F29;
width:120px;
}
.bouton_ok {
margin:5px 0 0 0;
border: 1px solid #513F29;
}

.bouton_recherche {
margin:0 0 0 0;
border: 1px solid #513F29;
position:absolute;
}
#pseudo {
margin:0 0 0 34px;
}
dl, dt, dd, ul, li, p, h6, h5, h4, h3, h2, h1, img, form  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border:none;
}
p a {
color:#E7E1D9;
text-decoration: none;
}
/*********************************************************/
/* -------------------- MENU GAUCHE -------------------- */
/*********************************************************/
#MenuGauche {
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 160px 0; /* repousse la poule si besoin */
	width: 149px;
	text-indent: 5px;
}
#MenuGauche a  { display: block; text-decoration: none; }
#MenuGauche a:link  { color: #E7E1D9; }
#MenuGauche a:visited { color: #E7E1D9; }
#MenuGauche a:hover { background-color: #000; color: #8F7C67; }
#MenuGauche a:active { color: #E7E1D9; }

/* ---------- MENU principal ---------- */

#MenuGauche dl {	/* bloc menus & ss-menus */
	margin: 0 0 15px 0;
	background-color: #20160C;
}
#MenuGauche dt {	/* intitulés menu */
	border-bottom: 1px #513F29 solid;
	height: 19px;
	cursor: pointer;
	/*cursor: hand;		propriété non standard */
	line-height: 19px;
	text-align: left;
	font-weight: bold;
}
#MenuGauche dd {	/* bloc ss-menus */
	z-index: 100;
	position: absolute;
	left: 120px;
	margin: -19px 0 0 0;	/* fixe le haut du ss-menu en haut du menu */
	border: 1px #513F29 solid;
	border-bottom: none;
	padding: 0;
	width: 130px;
}
#MenuGauche ul {
	margin: 0;
	background-color: #20160C;
	padding: 0;
}
#MenuGauche li {	/* liste ss-menus */
	margin: 0;
	border-bottom: 1px #513F29 solid;
	padding: 0;
	line-height: 19px;
	text-indent: 3px;
	font-weight: bold;
}
.fleche { background: url(../images/interface/fleche_menu.gif) no-repeat right; }
.menuout { } 
.menuin { background-color: #000; color: #E7E1D9; }

/* ---------- MENU connectés, tchat, persos favoris ---------- */

#connecte  {	/* nbre visiteurs */
	margin-top: 15px;
	border-bottom: 1px solid #513F29;
	background-color:#000;
	padding-right:5px;
	height:15px;
	text-align:right;
	color:#8F7C67;
}
#MenuGauche h6  {	/* liste visiteurs */
	line-height:15px;
	font-size:11px;
	font-weight:normal;
}
#MenuGauche h2  {	/* mini tchat & persos favoris */
	border-top: 1px solid #513F29;
	background-color:#000;
	padding-right:5px;
	line-height:16px;
	text-align:right;
	font-size:11px;
	color:#8F7C67;
}
#MenuGauche h2 a { display: inline; }
#MenuGauche h2 a:link { color: #8F7C67; }
#MenuGauche h2 a:visited { color: #8F7C67; }
#MenuGauche h2 a:hover { color: #8F7C67; background-color: #000; }
#MenuGauche h2 a:active { color: #8F7C67; }
#perso {
	position:relative;
	padding-left:4px;
	text-indent: 0px;
}
#perso img {
	margin: 3px 3px 10px 0px;
	border: 1px #513F29 solid;
	width:65px;
	height:65px;
}
#perso p {
	position:absolute;
	border: 1px #513F29 solid;
	background-color:#000;
	padding:0 2px 0 2px;
}
.perso1 { top:62px; right:81px; }
.perso2 { top:62px; right:7px; }
.perso3 { top:143px; right:81px; }
.perso4 { top:143px; right:7px; }
#perso marquee {
	padding:0 5px 0 0;
}



/*********************************************************/
/* -------------------- MENU DROITE -------------------- */
/*********************************************************/


#Droite {
	float: left;
	margin: 0;
	padding: 0 0 220px 0; /* place aux montres et repousse le zebre si besoin */
	width: 229px;
	text-indent: 5px;
	text-align: left;
}
.bouton_recherche {
position:relative;
border:none;
top:6px;
left:4px;
width:40px;
height:26px;
}

.bouton {
color: #E7E1D9;
border:none;
width:70px;
height:18px;
background-color:#20160C;
border: 1px solid #513F29;
}

#Droite form {
padding :10px 0 0 10px;
font-weight:bold;
}

.chiffre_gris {
color: #811E02;
font-weight: bold;
}
.jaugegauche {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
}
.jaugedroite {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
}

#Droite h4 {
	margin: 20px 0 0 0;
	background-color: #513F29;
	font-size: 11px;
	height:16px;
	color:#170F06;
}
#Droite p {
	background-color:#000;
	line-height:16px;
	color:#E7E1D9;
	padding: 2px 5px 1px 0;
}
#Droite p.droite {
	background-color:#000;
	padding: 0 5px 0 0;
	line-height:16px;
	text-align: right;
	color:#E7E1D9;
}
#Droite a:link { color:#8F7C67; text-decoration: none; }
#Droite a:visited { color:#8F7C67; text-decoration: none; }
#Droite a:hover { color:#E7E1D9; text-decoration: none; }
#Droite a:active { color:#8F7C67; text-decoration: none; }

/*********************************************************/
/* --------------------- BAS PAGE ---------------------- */
/*********************************************************/
#BasPage {
	clear: both;
	position: relative; /* pour caler les poules en absolu... */
	margin: 0;
	padding: 0;
	width: 948px;
	height: 17px;
	background-color: #000;
	border-right: 1px solid #AD8979;
}
#poules {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 3;
}
#zebre {
	position: absolute;
	bottom: 0;
	right: 1px;
	margin: 0;
	padding: 0;
	z-index: 3;
}
.date {
	font-size: 8px;
}
.coeur {
postion:absolute;
}

/* --------------------------------------- FORMULAIRE ------------------------------------- */
#Droite input {
border: 1px solid #170F06;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:;
color:#E7E1D9;
}

#input_membre {
border: 1px solid #170F06;
font-family:Verdana;
font-size:11px;
background-color:;
color:#E7E1D9;
}


.film_jaune input, textarea, select, option {
border: 1px solid #513F29;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:10px;
background-color:#20160C;
color:#E7E1D9;
}


.film_jaune label { 
float: left; 
width: 150px; 
font-weight: bold; 
}

.film_jaune textarea {
height:150px;
overflow:auto;
}
.message {
color:#cc0000;
margin-left:100px;
font-weight:bold;
}
.captcha {
position:absolute;
border: 1px solid #000;
margin:0;
padding:0;
right:100px;
top:150px;
}