html{
	background: #efefef;
	font-size: 62,5%;
}

body{
	margin-top: 10px;
	margin-left: 10px;
	font-family: verdana, arial, sans-serif;
	border:1px #000 solid;
}

h1 {
        font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 120%;
	padding: 4px;
	margin-left: -13px;
	color: #444444;
	background-color: #eeeeee;
	border: #aaaaaa 1px solid;
}

h2 {
        font-family: verdana, arial, sans-serif;
	font-weight: normal;
	color: #444444; 
	border-bottom: 1px #aaaaaa solid;
	margin-left: -10px;  
	padding-left: 5px; 
} 
   
h3 { 
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #444444; 
	background-color: #eeeeee;
	border: 1px solid #aaaaaa; 
	padding: 4px;
} 

h3 a { 
	text-decoration: none;
	color: inherit;
} 

h4 { 
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;    
	font-size: large;
	color: #666666;  
} 

h4 a {
	text-decoration: none;
	color: inherit; 
} 

img.face { 
	float: right;
	margin-top: -3em;
} 

pre { 
	border: 1px solid #eeeeee;
	color: #444444; 
	background-color: #f8f8f8;
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em;
} 

a{
	color: #669;
}

a:visited{
	color: #444;
}

a:hover{
	color: #000;
}

a img{
	border: none;
}


/* Top
*******************************************************************************/
#page{
	width:100%;
	margin: 0 auto;
background: #fff url(http://planet.jabberfr.org/custom/img/fond_jabfr.png) no-repeat 250px 110px;
	background-attachment:fixed;
}
/* Top
*******************************************************************************/
#top{
	padding: 0 1.5em;
	margin: 0;
	background: #fff;

}

	#top h1{
		padding: ;
		margin: 1.5em auto 0 0;	
		text-align:left;
		float:left;
		width:65%;
	}
	
	#top h1 a{
		text-decoration: none;
	}
	#top #logo{
		float:right;
		height:110px;
		width:200px;
		top:0;
	}
	#top #logo a{
		display:block;
		font-size:0;text-indent: -1234em;
		width:100% ;
		height:110px;
		background: #fff url(http://planet.jabberfr.org/custom/img/logo2.png) no-repeat top left ;
	}
	
/* Top
*******************************************************************************/
#content{
	width: 65%;
	padding: 0 2em;
	margin: 2em 0;
	float: left;
	overflow: hidden;
	background:transparent;
}

.post{
	margin-bottom: 2em;
	color: #666666;
	font-size: small;
	background:transparent;
}

.post-title, .post-title a{
	color: #77AA22;
	text-decoration: none;
	background:transparent;
}

.post-info{
	font-family: verdana, arial, sans-serif;
	color: grey;
	background:transparent;
}

.post-info a{
	color: #669;
	text-decoration : none;
}

/* Top
*******************************************************************************/
#sidebar{
	width: 20%;
	padding: 0 1em;
	margin: 1em 0;
	float: right;

}

	#sidebar div{
		font-size: 0.8em;
	}

	#sidebar h2{
		color: #99CC33;
	}

	#sidebar a{
		text-decoration: none;
		border-bottom: 1px solid #DDD;
	}

	#sidebar ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#sidebar li{
		margin: 0.5ex 0;
	}
	
/* Footer
*******************************************************************************/
#footer{
	padding: 1ex 1em;
	clear: both;
	border-top: 1px dotted #CCC;
	color: #999;
}