/* Bienvenue dans la CSS de la nouvelle adaptation de thèmes de Gilles Marlet
Ce thème est l'adaptation exacte à Dotclear d'une réalisation pour Wordpress, dont voici la license identique:



	Theme Name: fSpring

	Theme URI: http://www.fahlstad.se

	Description: Spring flavour.

	Version: 1.0

	Author: Fredrik Fahlstad

	Author URI: http://www.fahlstad.se

	

*/
 
/* Les éléments HTML en général
*******************************************************************************/
html, body {

	margin: 0px;

	padding: 0px;

	background: #ececec url(images/bg.png) repeat-y center;

	color: #666;

	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;

}


h3, h4 {

	padding-top: 5px;

	padding-bottom: 15px;

}

h4, h3, h2, #comments h2 {

	margin: 0;

	padding: 0px;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color:#999;

}

h2{

	margin-bottom: 10px;

	font-size: 14px;

}

a, a:visited{

	color: #ff7800;

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

fieldset{ border: none;}

blockquote{

	font-style: italic;

	color: #999999;

}

table{

	margin:10px;

}

td, th{

	padding:3px;

	font-weight:normal;



}


input, textarea{
	background: #f4f4f4;
	border: 1px solid #949494;
	color: #666;
	}

img{
	border: none;
}

img a{ border: none; }

.post p img.smiley{
	background:transparent;
	border:none;
	padding: -5px;
	}
/* La page
*******************************************************************************/
#page {

	width: 800px;

	overflow: hidden;

	position:relative;

	margin: 0px auto;
/*	margin-right: auto;

	margin-left: auto; 
*/

}

#main {

	width: 484px;

	float: left;

	display:inline;

	text-align: justify;

	padding: 10px;

	margin: 8px;

}

/* L'entête
*******************************************************************************/
#top{

	margin:0px;

	padding:0px;

}



#top h1 a{

	text-transform:uppercase;

	text-decoration:none;

	color:#999;

	font: 18px Arial, Helvetica, sans-serif;

	margin:0px 0px -13px 0px;

	padding:0px 0px 0px 10px;

	letter-spacing: -1px;

	float: left;

}


#top h1 a:hover{

	text-decoration:underline;

}

#top {
	*position:relative; /* corrige bug sous IE*/
	*top:13px;           /* corrige bug sous IE*/
	height: 20px;

	margin: 0px auto 5px;

	width:780px;



}



#top ul li{

	padding:0px;
	text-transform:uppercase;
	color: #999;
	text-align: right;

	list-style-type: none;

	margin: 0px;	

}


#top ul li{

	float:right;

}



#top ul li a {

	display: block;

	text-decoration: none;

	margin:1px 0px;

	text-align:right;

	font-size:10px;

	padding:4px;

	font-weight: bold;

	text-transform: uppercase;

	color: #999999;

}

#top ul li a:hover {

	color: #FF7800;

}

#logo {

	background: url(images/top.png) no-repeat;

	height: 200px;

	width: 780px;
	margin-bottom: 5px;

	margin-right: auto;

	margin-left: auto;

	}

	#desc p {

	height: 20px;

	text-align: right;

	margin-top: -40px;

	margin-right: 35px;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	color: #FFFFFF;

}
/* Le prélude
*******************************************************************************/ 
#prelude{
display:none;
}
	
/* Le contenu
*******************************************************************************/
.day-date{ display: none; }

.post{

	padding-top: 0px;

	padding-bottom: 30px;

	padding-left: 0px;

	/*font-size: 0.80em;*/

	line-height: 1.5em;

}

#logo {

	margin-top:15px;

}

.post-title, h2 {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;



}

.post-title a, .post-title a:visited, h2 a{

	color: #ff7800;

	text-decoration:none;

	border-style: none;

	font-size: 12px;

	font-weight: bolder;

	text-transform: none;

}

.post-title a:hover, h2 a:hover{

text-decoration:underline;}

.post-info{

	height: 16px;

	margin-top: 0;

	font-size: 10px;

	color: #999;

	border-top:solid 1px #ccc;

	padding-top:4px;

	margin-bottom: 8px;

}

.post-info a img{

	border:none;

}

.post-content img {

	padding: 4px;

	border: 1px solid #DFDFDF;

}

.post-content ul {

	margin-left: 20px;

	padding-left:0px;

	list-style-type: none;

}

.post-content ol{

	margin-left:20px;

	padding-left:0px;

}

.post-content ul li {

	list-style:square;

}

.postcontent{

margin:8px 0;

padding:0;

}

.post-content ul {

	margin-left: 30px;

	padding-left:0px;

	list-style-type: none;

}

.post-content ol{

	margin-left:30px;

	padding-left:0px;

}

.post-content ul li {

	list-style:square;

}

.post-info-co {

	background-image:url(images/comments.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left:16px;

}

#comments blockquote, #trackbacks blockquote {

	clear: both;

	margin-top: 0px;

	margin-bottom: 10px;
	margin-left: 0px;

	padding: 10px;
	font-style: normal;

	width:450px;

	background: #ececec url(images/comm.png) no-repeat top;

}


.comment-info{ padding-left: 5px;}


.me {

	clear: both;

	margin-top: 0px;

	margin-bottom: 10px;

	padding: 10px;

	width:450px;

	background: #d7d7d7 url(images/comm-admin.png) no-repeat top;

}

/* La barre de navigation
*******************************************************************************/
#calendar{
display:none;
}

#sidebar {

	width: 238px;

	float: right;

	line-height: 1.5em;

	margin: 3px 8px 8px 0px;

	padding: 10px;

	font-size:10px;

}

#sidebar h2 {

	color: #999;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 8px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

	border-bottom: 1px solid #ccc;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

}

#sidebar ul {

	list-style: none;

	margin: 0 0 20px 0;

	padding: 0;

}



#sidebar ul li {

	display: inline;

	margin:0;

	padding:0

}

#sidebar li{

	list-style: none;



}



#sidebar ul li a {

	border-bottom: 1px solid #ccc;

	color: #ff7800;

	display: block;

	text-decoration: none !important;

	margin-left: 0px;

	padding-top: 4px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 25px;

	background-image: url(images/navbulle.gif);

	background-repeat: no-repeat;

	background-position: 10px 50%;

}





#sidebar ul li a:hover{

	border-bottom-color: #fff;

	color: #666 !important;

	background-color: #ccc;

}


.align{ /*Alignage du badge Flickr */
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#search {

	margin-top: 8px;

	margin-bottom: 15px;

}

#q{ width: 150px;}
/* Le pied de page
*******************************************************************************/	
#footer {

	clear: both;

	text-align: center;

	height: 40px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	width: 774px;

	padding: 0px;

	margin-right: auto;

	margin-left: auto;

}

#footer p{

	padding:10px;

	margin:0px;

}