/* 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: #000000; 	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: #4C4C4C; 	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{
	background: #f4f4f4;
	border: 1px solid #949494;
	padding: 3px;
}

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:#FF8800; 	font: 18px Arial, Helvetica, sans-serif; 	margin:0px 0px -13px 0px; 	padding:0px 0px 0px 10px; 	letter-spacing: -1px; 	float: left; } 
#top h1{
	*margin-top: 13px; /* Corrige un bug de décalage sous IE6 */
	}
	 #top h1 a:hover{ 	text-decoration:underline; }

#top { 	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: #FF8800; }

#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: #FF8800; 	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: #FF8800; 	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; }