html {
	height: 100%;
	margin: 0px;
	padding: 0px;	
	}
	
body {		
	background-image: url("image/font.jpg") ;
	background-repeat: repeat-x;
	background-color: #313131;
	color: white;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	}
a { color: #f5b828;text-decoration: none; }
a img{ border: 0; }
a#lili { color: grey;text-decoration: none; }
a:link { text-decoration: none;} /* lien non-visité */
a:visited { text-decoration: none;} /* lien visité */
a:hover { text-decoration: underline;} /* lien survolé */
a:active { text-decoration: none;} /* lien activé */ 



table#princ { margin-left: auto; margin-right: auto; }

td#titlelleft { width:240px; height:132px;  }
td#titleleft { width:560px; height:132px; Background-image:url(image/title.png); background-repeat: no-repeat; vertical-align:bottom; text-align:right; padding-right:50px;}
td#titleright { width:220px; height:132px;  }

td#menulleft {  width: 220px; height: 20px; }
td#navigup { background-image:url(image/minicadrehnavigation.png); background-repeat:no-repeat; background-position:left bottom; width: 220px; height: 20px; }
td#navigupcop { background-image:url(image/minicadrehcopains.png); background-repeat:no-repeat; background-position:left bottom; width: 220px; height: 20px; }
td#menuleft { padding-left:50px; width: 560px; height: 20px; background-image:url(image/fondmilieu.png); background-repeat: repeat-y; }
td#menuright {  width: 220px; height: 20px;  }
/***shoutbox***/
td#shoutboxup { background-image:url(image/minicadrehshout.png); background-repeat:no-repeat; background-position:left; width: 250px; height: 20px;  }
.shoutmiddle { background-image:url(image/minicadrem.png); background-repeat:repeat-y;  vertical-align:top; height: 50px; width: 220px; }
td#shoutboxbottom { vertical-align:top;background-image:url(image/minicadreb.png); background-repeat:no-repeat; background-position:left top; width: 220px; height: 20px; }


td#bodylleft { background-repeat:repeat-y; padding-left:12px; vertical-align:top; height: 50px; width: 220px;  }
td#navimid { background-image:url(image/minicadrem.png); background-repeat:repeat-y; padding-left:12px; vertical-align:top; height: 50px; width: 220px;  }
td#bodyleft {  padding-left:45px; width: 560px; background-image:url(image/fondmilieu.png); background-repeat: repeat-y; }
td#bodyright {  vertical-align:top; height: 50px; width: 250px; }

td#navibot { background-image:url(image/minicadreb.png); background-repeat:no-repeat; background-position:left top; width: 220px; height: 20px; }
td#left2 { vertical-align:top; background-position:left top; width: 220px; height: 20px; }
td#right2 {   }
td#right3 { width: 220px;  }
td#middle4 { text-align: center;  }

td#footerleft { width: 200px; height:27px;  }
td#footer { width: 560px; height:27px; background-image:url(image/bas.png) ; background-repeat: no-repeat; }
td#footerright { width: 220px; height:27px;  }

div.billet { width:500px; display:block }
a#lili { font-size:small;}
p.texte  { text-indent: 30px; text-align: justify;}
p.pcom { text-align: right;}
ul#menu{ margin-left:-40px; list-style:none;}
ul#menu li {float: left; margin-right:20px;}	
ul#categorie{ margin-left:-40px; list-style:none;}
ul#categorie li { margin-left:45px;}	

div.chat
{
background-color:#3f3f3f;
 overflow: auto;
 width: 200px;
 height: 200px;
 padding: 3px;
}
div.miniform
{
 width: 200px;
 border-top: 0px;
 padding: 3px;
 background: #3f3f3f;
 text-align: center;
}
.date
{
 color: #757575;
 font-family:Arial;
 font-weight:bold;
 font-size: 8pt
}
.pseudo
{
 color: #6b81f0;
 font-family: Arial;
 font-size: 8pt;
 font-weight: bold;
 text-decoration: underline;
 text-transform: capitalize;
}
.msg
{color: #d8dbef;
 font-family: Arial;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none
}
hr.chat
{
 border: 1px #D7192E dotted;
}
input { background-color:#dedede; }
input.rt { background-color:#dedede; }
textarea { background-color:#dedede; }

p.texte em {font-size: 80%;}
td.commentaire {background-image:url(); padding-left:10px;}

li#listream:hover { 
		list-style-image : url(../image/gif/curseur.png);
		list-style-position: outside;
				}

.retaille { margin-top: -200px; margin-left:100px;}