/* ***** BEGIN LICENSE BLOCK *****

 * This file is part of DotClear.

 * Copyright (c) 2004 Maurice Svay and contributors. All rights

 * reserved.

 *

 * DotClear is free software; you can redistribute it and/or modify

 * it under the terms of the GNU General Public License as published by

 * the Free Software Foundation; either version 2 of the License, or

 * (at your option) any later version.

 * 

 * DotClear is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

 * GNU General Public License for more details.

 * 

 * You should have received a copy of the GNU General Public License

 * along with DotClear; if not, write to the Free Software

 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

 *

 * ***** END LICENSE BLOCK *****

 *

 * Contributor(s):

 *  Maurice Svay

 */



/* Ce fichier définit le style visuel pour les différents éléments du blog.

 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:

 * - les éléments HTML en général

 * - la page

 * - l'entête

 * - le prélude

 * - le contenu

 * - la barre de navigation

 * - le pied de page

 *

 * L'agengement des blocs est défini dans le fichier layout.css

 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 

 * layout-gauche.css

 */



/*@import "layout.css";*/

/*@import "layout-gauche.css";*/

 

/* Les éléments HTML en général

-------------------------------------------------------- */

body{

	background: #FFF;

	color: #000;

	font-size: 70%;

	line-height: 1.5em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: none;

	/*background:url(img/bg02.jpg) no-repeat;*/

	/*border-top: 10px solid #999;

	border-left: 10px solid #999;

	border-right: 10px solid #999;

	border-bottom: 10px solid #999;*/

}



h1, h2, h3, h4, h5, h6{font-family: "Arial", sans-serif;}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

rubtitre{font-family: "Arial", sans-serif; font-size: 9px;}


pre, code{

	font-size: 1.2em;

}



pre{

	width: 100%;

	overflow: auto;

	border: 0px solid #0F0;

}



fieldset{

	border: none;

}



label{

	cursor: pointer;

	cursor: hand;

}



.field label{

	display: block;

}



input,textarea{

	border: 1px solid #999;

}



textarea{
width: 100%;

	font-size: 1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



a{text-decoration: none; color: #666;}
a:visited{color: #666;}
a:hover{color: #333;}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}



/* La page

-------------------------------------------------------- */

#page{
position: absolute;
top: 0px;
left: 0px;
width: 950 px;
}

 







/* Le gros truc à droite

----------------------------------------------------------------------------------- */

#bigr{

position:absolute;

top: 30px;

left: 250px;

width: 640px;

border: 1px solid #FFF;

}



/* L'entête     -------------------------- */

#top{

	height: 100px;

	position:relative;

	/*top: 30px;

	left: 250px;*/

	width: 640px;

	margin: 10px;

	border: 1px solid #CCC;

	background: #FFF;

}



/*#top h1{

	height: 80px;

	line-height: 80px;

	margin: 0 0 0 40px;

	padding-top: 20px;

	color: #330033;

}*/



#top h1 a{

	text-decoration: none;

	color: #330033;

}



/* le contenu principal au milieu -------- */

#content{

position: relative;

width: 640px;

margin: 10px;

border: 1px solid #CCC;

background-color: #FFF;

}



#contents{

position: relative;

/*width: 640px;*/

margin: 20px;

border: 0px;

background-color: #FFF;

}

/* Le pied de page

-------------------------------------------------------- */

#footer{

	margin: 10px;

	position: relative;

	width: 640px;

	border: 0px solid #CCC;

	background: #FFF;

	color: #666;

}







.day-date{

	padding-left: 20px;

	margin-left: -25px;

	color: #660066;

	background: transparent url(img/day-date.png) no-repeat left center;

	font-style: normal;

}



.post-title{

	font-size: 12px;

	color: #333333;

	background: transparent;

	margin-bottom: 0;

}



.post-title a{

	font: 12px;

	color: #333333;

	background: transparent;

	text-decoration: none;

}



.post-info{

	margin-top: 0;

	color: #333;

	background: transparent;

	padding-bottom: 1ex;

	/*border-bottom: 1px solid #FC0;*/

}



.post-info a{

	color: #333;

	background: transparent;

	text-decoration: none;

}



.post-content{

	text-align: justify;

}



.post-content blockquote{

	font-family: Georgia, serif;

	font-style: italic;

}



.post-info-co{

	text-align: right;

}



#trackbacks blockquote, #comments blockquote{

	border: 1px solid #EEE;

	margin: 1em 0;

	padding: 1ex 1em;

}



/* catégories ---------------------------------------------*/

#categories{
position: inherit;
text-align:right;
top: 155px;
left: 88px;
width: 160px;
margin: 0px;
border-right: 1px solid #CCC;
padding-right:7px;


}

ul, li { list-style-type:none;
	  list-style-position:inside;}

/* Tags cloud
------------------------------------------ */
#tagcloud ul {
margin:0;
display:block;
}

#tagcloud li {
display:inline;
margin: 0 .1em;
padding: 0;
background-image: none;
}

#tagcloud li.level-1 { font-size: 0.7em; }
#tagcloud li.level-2 { font-size: 0.8em; }
#tagcloud li.level-3 { font-size: 0.9em; }
#tagcloud li.level-4 { font-size: 1em; }
#tagcloud li.level-5 { font-size: 1.2em; }
 
#tags {
position: inherit;
text-align:right;
top: 293px;
left: 88px;
width: 160px;
border-right: 1px solid #CCC;
padding-right: 7px;
text-align: right;
}





/* La barre de navigation

-------------------------------------------------------- */

#sidebar div{

	border-bottom: 1px solid #F0F0F0;

	color: inherit;

}



#sidebar div ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar h2, #sidebar h3{

	color: #9ED200;

	margin: 0 0 1ex 0;

}



#sidebar h3{

	font-size: 1em;

	margin: 0;

}



#sidebar div#search{

	background: transparent;

	color: inherit;

	line-height: 2.3em;

}



#search fieldset, #search p{

	margin: 0;

	padding: 0;

}



#q{

	padding-left: 18px;

	background: #fff url(img/q.png) no-repeat 4px center;

}



#sidebar div#calendar{

	/*border-top: 1px solid #F0F0F0;*/

}



#sidebar div#calendar table{

	font-size: 0.8em;

	text-align: center;

	margin: 0 auto;

	border-collapse: collapse;

}



#sidebar div#calendar table caption{

	margin: 0 auto;

}



#sidebar div#calendar table th{

	color: #493;

	background: transparent;

}



#sidebar div#calendar table td{

	width: 14%;

	line-height: 2em;

	border: 1px solid #EEE;

}



#sidebar div#calendar table td a{
	display: block;
	background: #CCC;
	color: #493;
	font-weight: bold;
	text-decoration: none;

}



#sidebar div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;

}


#calendar{
position:absolute; 
top: 153px;
left: 913px;
border-left: 1px solid #CCC;
padding-left:10px;
}

#calendar table{
font-size: 0.9em;
text-align: center;
margin: 0 auto;
border-collapse: collapse;

}



#calendar table caption{
margin: 0 auto;
}



#calendar table th{
	color: #DACFE9;
	background: transparent;

}


#calendar table td{
	color: #DACFE9;
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}



#calendar table td a{
	display: block;
	background: transparent;
	color: #636;
	font-weight: bold;
	text-decoration: none;

}



#calendar table td a:hover{
	background: transparent;
	color: #636;
	
}




/* Le prélude

-------------------------------------------------------- */ 

#prelude{

	background: #0F0;

	color: #DFDFDF;

	text-align: center;

}



#prelude a{

	color: #DFDFDF;

	background: url(top.png);

}



#prelude a:hover{

	color: #666;

	background: url(top.png);
}



/* Lastfm plugin----------------------------- */
#lastfm {
position:absolute; 
top: 353px;
left: 913px;
width: 300px;
border-left: 1px solid #CCC;
padding-left:10px;
text-align:left;
}