/* 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: #969696 url(images/bg.jpg) repeat-y center;

	color: #666;

	font: 12px/15px Georgia, Times, 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: 12px;

}

a, a:visited{

	color: #666;

	text-decoration:underline;

}

a:hover{

	text-decoration:underline;
	color: #660000;
}

.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{


}

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

	float: left;

	display:inline;

	text-align: justify;

	padding: 10px;

	margin: -20px 0px 0px 0;
	
	background: #969696 url(images/fond-sidebar.jpg) repeat-y left;

}








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

	margin:0px;

	padding:0px;

}



#top h1 a{



	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 {



	height: 200px;								

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

	margin-right: auto;							

	margin-left: auto;							

	}

	#desc p {
	
	display:none;

	height: 20px;

	text-align: left;

	margin-top: 0px;

	margin-left: 20px;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

	color: #999;

}

.rotator {



}

/* Navigation Blazouf
****************************************************************/

/* Param�tres gŽnŽraux de la boite (div) qui contient la liste : pas de marge, 
* indication essentielle pour IE qui en met par dŽfaut ; dŽfinition de la couleur
* du fond. Je rŽduis un peu la taille des caract�res ˆ une valeur de neuf
* dixi�mes et je demande que le contenu soit alignŽ ˆ droite : */
#nav-box {
		
        margin : 0;
 		margin-top: -5px;       
		margin-right: 0px; 
		margin-left: 0px;
		margin-bottom: 20px;
		border-top: 1px solid #ddd;	
		border-bottom: 1px solid #ddd;	
        padding : 0;
        background-color: #f1f1f1;
        font-weight : normal;
		font-family: Georgia, "Times New Roman", serif;
        font-size : 14px;
        text-align: right;      
}
/* Param�tres gŽnŽraux de la liste (ul). Toujours mes marges ˆ zŽro,
* le padding (marge intŽrieure) servira ˆ dŽgager le texte en haut et en
* bas de 5 pixels tout en le dŽcollant Žgalement de 1em du bord droit
* ce dernier point est indispensable pour Internet Explorer, comme on
* le verra pour #nav-box ul li a { }. list-style-type : none; dŽclare que
* je ne place pas de puces devant chaque item. */
#nav-box ul {
        margin : 0;
        padding : 2px 1em 3px 0;
        list-style-type : none;
}

/* Param�tres des liens. display : inline; donne comme instruction de ne
* pas faire de saut de ligne pour chaque item. Je redonne Žgalement une
* marge intŽrieure haute et basse de 5 pixels pour que les items occupent
* toute la place verticale crŽŽe pour la liste */
        
#nav-box ul li {
        display: inline;
        padding : 5px 0;
}
/* On retrouve le padding haut et bas de 5 pixels (car sinon Internet Explorer 
* va n'en faire qu'ˆ sa t�te) et j'ajoute un espace latŽral de 1em de chaque
* c™tŽ des liens. J'indique Žgalement la couleur des caract�res des liens et je
* place un bord gauche continu et blanc de 1 pixel de large. text-decoration :
* none; indique que je ne veux pas que les liens soient soulignŽs (ce qui serait
* le cas par dŽfaut. */
#nav-box ul li a {
        color: #333;
        text-decoration: none;
        padding : 2px 1em 3px 1em;

}


/* Ici, ce qui se passe au survol des liens : changement de la couleur du fond,
* de la couleur des caract�res, je n'oublie pas de remettre ˆ ce lien survolŽ le 
* bord gauche que j'ai dŽfini pour les liens Ç au repos È. */

#nav-box ul li a:hover {		
        background-color: #e1e1e1;
        color: #710c0c;

}
        
/* Le comportement des liens activŽs. Pour l'instant ne marche pas : le lien une 
* fois cliquŽ ne semble pas acquŽrir l'Žtat actif... Si quelqu'un sait pourquoi ? */

#nav-box a:active { 

}




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

.post{

	padding-top: 0px;

	padding-bottom: 10px;

	padding-left: 20px;

	/*font-size: 0.80em;*/

	line-height: 1.5em;

}

#logo {

	margin-top:15px;

}

.post-title, h2 {

	color: #000;

	font-size: 18px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	text-shadow: 0 2px 3px silver;	

}

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

	color: #000;

	text-decoration:none;

	border-style: none;

	font-size: 18px;

	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;

}

/* content
*******************************************************************************/

#content {

	width: 500px;

	float: right;
	

	
	margin-top: -10px;
	padding-top: 30px;
	margin-bottom: -10px;
	padding-bottom: 10px;	
	margin-left: -20px;
	padding-left: 20px;
	margin-right: 20px;

}


.post-content img {

	padding: 0px;



}

.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:none;

}

.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:none;

}

.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: left;

	line-height: 1.5em;

	margin: 3px 0px 8px 0px;

	padding: 10px 0px 10px 10px;

	font-size:11px;
	
	font-family: Georgia, Times; 


}

#sidebar h2 {

	color: #999;

	margin-top: 5px;

	margin-right: 8px;

	margin-bottom: 8px;
	
	margin-left: -20px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 10px;

	border-bottom: 0px;

	font-size: 14px;

	font-weight: bold;



}

#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 h3{

	border-bottom: 1px solid #ccc;
	margin-top: -20px;
	margin-left: -40px;

	margin-right: 8px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 35px;	
	background-image: url(images/navbulle3.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#sidebar h3:hover{
	margin-top: -20px;
	background-color: #ddd;
	border-bottom-color: #fff;	
}





#sidebar ul li a {

	border-bottom: 1px solid #ccc;

	color: #660000;

	display: block;

	text-decoration: none !important;

	margin-left: -40px;
	
	margin-right: 8px;

	padding-top: 4px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 35px;

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

	background-repeat: no-repeat;

	background-position: 10px 50%;

}





#sidebar ul li a:hover{

	border-bottom-color: #fff;

	color: #666 !important;

	background-color: #ddd;

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

	background-repeat: no-repeat;

	background-position: 10px 50%;
}


#categories, #archives {


	padding-left:20px;

}

#categories  h2 {
	
	font-size: 1.5em;
	color: black;

}





.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;
	
	font-size: 10px; 

	text-align: center;

	height: 40px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	width: 800px;

	padding: 0 0 10px 0;
	
	margin-right: auto;

	margin-left: auto;
	


}

#footer p{

	padding:10px;

	margin:0px;

}

#diapo {

	width: 800px;



	position:relative;
	z-index: 20;
	margin: 0px auto;
}

#diapo img
{
	display: block;
	border: 0;
	position: absolute;
	margin-left: 760px;
	z-index: 20;
	top: 34px;
	width: 176px;
	height: 300px;
	background-color: transparent;
}



#fleur {

	width: 800px;



	position:relative;
	z-index: 20;
	margin: 0px auto;
}

#fleur img
{
	display: block;
	border: 0;
	position: absolute;
	margin-left: -160px;
	z-index: 21;
	top: 20px;
	width: 293px;
	height: 320px;
	background-color: transparent;
}