html {font-size:100%;}
body {
	margin:0px;padding:0px;
	background-color: #686868;
	font-size:1em;
	}
p {display:block;
	}
#container{
	text-align:center;
	background:url(/images/bkg.gif) repeat-x top ;
}
#set{
	width:1000px;
	margin: 0px auto;
}
#header{
	height:200px;
	position:relative;
}
#header p.logo {
	position:absolute;
	display:block;
	left:10px;top: 10px;
	width:302px;height:165px;
	background-image: url(/images/logo-trinoo-beta.png);
	-background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo-trinoo-beta.png", sizingMethod="fixed");
}
#header ul{
	position:absolute;
	display:block;
	right:10px; bottom:0px;
	list-style:none;
	text-align:left;
	margin:0px;padding:0px;
}
#header ul li{
	font-family: 'optima', verdana, trebuchet, arial, sans-serif;
	display:inline-block;
	list-style-position: inside;
text-align:center;
	_display: inline-block; 
	_zoom: 1;
	_display: inline;
	/display: inline-block; 
	/zoom: 1;
	/display: inline;
	margin:0px 25px ;padding:0px;
}
#header li a, #header li a:hover,#header li a:visited {
	text-decoration: none;
	font-family: helvetica, arial;
	color:white;
	font-size:1.4em;font-weight:normal;
}
#header p {
	position:absolute;
	right:20px ;top:0px;
	display:block;
	width:220px;
	text-align:right;
	color:white;
	}
#header p.logo a img {
	width:302px;
	height:165px;
	border:0px;
	}
#header p a, #header p a:hover,#header p a:visited {
	text-decoration: none;
	font-family: helvetica, arial;
	
	color:white;
	border:0px;
}

#header p.rss {
	position:relative;
	float:right;
	top:35px;
	}
#header p.rss img {border:none;}

#middle{
	position:relative;
	min-height:400px;
	background: transparent url(/images/bkg-repeat.gif) repeat-y;
}
#topmiddle {
	background: #686868 url(/images/top-bkg.gif) no-repeat top;
	height:20px;
	padding:0px; margin:0px;
}
#main{
	float:left;
	position:relative;
	width:650px;
	padding: 10px 30px;
	text-align:left;
	font-family: Georgia, Times, 'Serif';
}
#main h1, #middle h1 {
	color:black;
	margin:0px;padding:0px;
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	font-size:2em;
	}
#main img {
	border: solid 1px #fff;
	margin: 10px 0px 10px 15px;
	float:right;
}
.time {
	font-family: Helvetica, Trebuchet, Verdana, Arial, 'Sans Serif';
	font-size:0.8em;
}

img.blackborder{
	border: solid 1px #000;
	margin: 5px;
	float:right;
}
#right {float:right;}
#sidebar {
	display:block;
	background: #686868;
	margin: 30px 30px 0px 0px;padding:5px;
	float:right;
	width:240px;
	text-align:left;
	color:white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

#sidabar h1 {
	font-family: "Palatino",times, serif;
	font-size:2.5em;
	color:#222;
	text-align:center;
	
	}
	
#sidebar a {
	font-family:helvetica, arial, sans-serif;
	font-size:1.1em;
	color:#111;
	font-weight:bold;
	margin-top:20px;
	}
#sidebar span {
	font-family:helvetica, arial,sans-serif;
	font-size:0.7em; color:#222;
	}
#sidebar p {
	font-family:georgia, times, serif;
	font-size:1.0em;
	color:white;
	margin:0px 0px 15px 0px;
	padding:0px;
	}
#sidebar h3 {
	float:right;
	}
#sidebar h3 a {
	color:white;
}
#sidebar img {border:0px;}

/*.box{
	background: #686868 url(/images/middle-box.gif) repeat-y top ;
	text-align:left;
	
}
.box h1{
	background: #686868 url(/images/top-box.gif) no-repeat top ;
	text-align:center;
	height:44px;
	font-size: 20px;font-weight:normal;line-height:50px;color:white;
}
.box h4{
	background: #686868 url(/images/down-box.gif) no-repeat top ;
	height:22px;
}
.box p{
	margin-left:25px;
	font-size:12px;
	}
*/

#footer{
	position:relative;
	background: #686868 url(/images/down-bkg.gif) no-repeat top ;
	height:200px;
}
#footer img {
	margin-top:30px;
	display:block;
	float:right;
}
#loggin {
	margin: 0px auto;
	width:300px;
	background-color: #ccc;
	border: solid #fff 1px;
	padding:10px;
	text-align:left;
	}
#loggin a, #loggin a:hover, #loggin a:visited {font-size:1em;color:blue;}

#middle hr {clear:both;visibility:hidden;margin:0px;padding:0px;}

hr.separateur
	{
	visibility:visible;
	color:#ccc;
	margin:0px;padding:0px;
	}
#flasherror{font-size:1em;color:#ff0000;background-color:#ffbcbc;border: solid 1px #ff0000;}
#flashcontent{font-size:1em;color:#007f00;background-color:#7fff80;border: solid 1px #007f00;}

/********* FORUM TAB ********************/
#forum ul li{
	position:relative;
	border-bottom: solid 1px #eee;}
#forum ul li a, #forum ul li a:hover, #forum ul li a:visited { color:blue;text-decoration:none;}
#forum ul li span {
	position:absolute;
	left:270px;
	}
#forum ul li span span{
	position:absolute;
	left:270px;
	}
#forum p {
	position:absolute;
	left:270px;
	top:0px;
	margin:0px;padding:0px;
	}
/********* TOPICS TAB ********************/

#topics ul li span
{
	position:absolute;
	left:350px;
}
#topics ul li span span
{
	position:absolute;
	left:50px;
}
#topics ul li span span
{
	position:absolute;
	left:150px; width:160px;
}
#comments hr {
visibility:visible;
color:#ccc;
margin:0px;padding:0px;
}
#comments h4{
	padding:0px;
	margin:10px 0px 0px 0px;}
/*********  FORMULAIRE TABLEAU ***********/
ul.form {
	position:relative;
	display:block;
	
}
.form p{
	display:block;
	position:relative;
	list-style: none;
	margin:5px;
}

.form p i {font-size:1em;color:red;  }

/* TWITTER BOX */

div#twitter {
	/*width: 20em;*/
	margin-bottom: 1em;
	font-size:1.2em;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("/images/loader.gif") 1em center no-repeat;
	
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 0.2em 0.5em 0.2em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #aaa;
	text-decoration: none;
	font-size:0.5em;
	font-weight:normal;
	
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	font-size:1em;
	color: #fff;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #888;
}