/* 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;*/

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

	color: #666;

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

}

.title-h1{

font:14px, Verdana, Arial, Helvetica, sans-serif;

color : #006600;

font-weight: bold;

}

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{

	background: #ffffff;

	border: 0px solid #FFFFFFF;

	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: 570px;

	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{

	*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: #FF7800;

}



#logo {

	background: url(images/top.jpg) 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: 165px;

	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 5px 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;

	font-size: 9px;

	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;

}