/* Bienvenue dans la feuille de style en cascade du'un des plus beau thème d'Uncommonmanfrommars  (c'est moi)qui vous le dit :-D).
 * Dans l'ordre, voici 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
 * - la barre de navigation horizontale (si existante, sinon, cell-ci sera invisible /// pour bénéficier de cette dernière, suivez le guide : http://petit.dotclear.net/pages/2005/03/01/51-une-barre-de-navigation-horizontale)
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css (Merci mauriz')
 */

@import "layout.css";
 
/* Les éléments HTML en général
*******************************************************************************/
body{
	background: #FBD331 url(img/bg_logo75.gif) top left no-repeat;
	color: #333;
 	font-size: 80%;
	line-height: 1.1em;
 	FONT-FAMILY: "Trebuchet MS", "Courier New", "SF Sans Serif", Tahoma, lucida, arial, verdana, helvetica, sans-serif; 
 	TEXT-ALIGN: left;
 	
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
	color: #666;
}

h1{
	font-size: 1.5em;
}
h2{font-size: 125%; line-height: 1.2em;}
h3{font-size: 125%;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
 	width: 100%;
	overflow: auto;
	background:transparent;
}

html>body pre {
	overflow: auto;
	width: auto;
}

fieldset{
	color: #A0A0A0;
	border: none;
	background: transparent;
}

.smiley{
	border:none;
}

img:smiley{
	border: none; /* Car un grosse bordure orange autour d'un smiley définissant un lien, c'est moche*/
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
	color: #A0A0A0;
	background: transparent;
}

a{
	font-weight: bold;
	color: #c30;
	text-decoration: none;
}

a:visited{
	color: #c30;
}

a:hover{
	color: #c30;
	text-decoration: underline;
}


a img{
	border: 0;
}

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

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

/* La page
*******************************************************************************/
#page{
 	background: transparent url(img/page.png) repeat-y left top;
	color: inherit;
	BORDER-RIGHT: #6E4F28 1px solid;
}
 
/* L'entête
*******************************************************************************/
#top{
	height: 75px;
 	background: transparent url(img/top.png) top left no-repeat;
}
#top a {
	WIDTH: 677px; HEIGHT: 75px; DISPLAY: block
	}

	#top h1{
		height: 25px;
		line-height: 25px;
		margin: 0;
		padding-top: 7px;
		padding-left: 15em;
		color: #ffb400;
		text-transform: uppercase;
		text-align: center;
	
	}
	
		#top h1 a{
			text-decoration: none;
			color: #ffb400;
		}
			
		#top p { 	/* Pour afficher de façon originale la description de votre blog (si inexistante, insérer dans " /ecrire/tools.php?p=blogconf ", puis suivre le guide ici : http://petit.dotclear.net/pages/2005/03/08/58-ajouter-en-sous-titre-la-description-du-blog) */
			margin: 0;
			margin-top: -7px;
			padding-left: 28em;
			font-size: 0.8em;
			color: #ffb400;
			text-transform: uppercase;
			text-align: center;
		}
/* Le prélude
*******************************************************************************/ 
#prelude{
 	display:none; /* Désolé :-| , ca ne "colle" pas :-( */
}

#main{
	margin-top: -48px;
}

/* La barre de navigation horizontale
*******************************************************************************/
ul#nav-box {
	margin : -33px 0 1.5em 45px;
	width: 600px;
	float: center;
	padding : 5px 1em 5px 0;
	list-style-type : none;
	background-color: transparent;
	color: #FFF;
	font-weight : bold;
	font-size : 0.9em;
	text-align: left;
	opacity: .85; /* Whaaaaaa... */
    filter: alpha(opacity=85); /* Ceci gère l'effet de transparence sur l'header pour la barre de navigation horizontale... C'est beau non? */
}
ul#nav-box li {
	display: inline;
	padding : 5px 0;
}
ul#nav-box li a {
	padding : 5px 1em 5px 1em;
	color: #ffb400;
	text-decoration: none;
	background-color: #fff;
}
ul#nav-box li a:hover {
	background-color: #ffb400;
	color: #fff;
}

/* Le contenu
*******************************************************************************/

.day-date{
	display:none;
}

.post-title{
	color: #666;
	margin-bottom: 0;
	font-size: 125%;
	LETTER-SPACING: 0.1em

}

	.post-title a {
		color: #666;
		background: transparent;
		text-decoration: none;
	}
	
.post-info{
	margin-top: 0;
	color: #A0A0A0;
	background: transparent;
	padding-bottom: 1ex;
	font-size: 0.8em;
	border-bottom: 1px solid #eaeaea;
}
	
.post-content{
	text-align: justify;
}

.post-content a{
	font-weight: bold;
	color: #c30;
	text-decoration: none;
}

.post-content a:hover{
	color: #c30;
	text-decoration: underline;
}

.post-content blockquote{
	font-family: Georgia, serif;
	border-left: 5px solid #A0A0A0;
	padding-left: 5px;
}

.post-info-co{
	text-align: right;
	color: #ffb400;
	font-size: 0.8em;
}


#trackbacks blockquote, #comments blockquote{
	border: 1px solid #A0A0A0;
	margin: 1em 0;
	padding: 1ex 1em;
}

/* Le menu du site Sentiers de Sagesse 
******************************************************************************/

#menu UL {
	PADDING: 0; MARGIN: 0; CLEAR: both; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#menu UL LI {
	PADDING: 0; MARGIN: 0; DISPLAY: block; FLOAT: left; TEXT-ALIGN: center
}
#menu UL LI A {
	PADDING: 0 0 0 6px; MARGIN: 0; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #fff; BORDER-RIGHT: #6E4F28 1px solid; WIDTH: 99px; COLOR: #c30; LINE-HEIGHT: 2em; BORDER-BOTTOM: #bbb 1px solid; LETTER-SPACING: 1px; HEIGHT: 2em; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI#un A {
	BORDER-TOP: #bbb 1px solid; 
}
#menu UL LI A:hover {
	BORDER-LEFT: #c30 1px solid; BACKGROUND: #c30; COLOR: #fff; FONT-WEIGHT: normal; 
}
#menu UL LI A:active {
	BACKGROUND: #F90; COLOR: #fff
}

BODY#sept #sidebar #menu LI#sept A {
	FONT-WEIGHT: normal; BACKGROUND: #c30; COLOR: #fff; BORDER-LEFT: #c30 1px solid; BORDER-BOTTOM: #bbb 1px solid


/* La barre de navigation
*******************************************************************************/

#sidebar{
	margin-top: 0px;
}

#sidebar div{
	color: inherit;
}

	#sidebar div ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#sidebar li{
	color: #A0A0A0;
	border-bottom: #A0A0A0;
	text-decoration: none;
	padding-left: 2px;
	LIST-STYLE:  inside;
}

#sidebar li:hover{
	color: #ffb400;
}
#sidebar h2, #sidebar h3{
	color: #666;
	margin: 0 0 5px 0;
	font-size: 125%;
	padding-bottom: 3px;
	border-bottom: 1px solid #eaeaea;
}

#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 table{
		
		display:none;   /********** caché pour l'instant ********/
		
		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: #A0A0A0;
		background: transparent;
	}
	
	#sidebar div#calendar table td{
		width: 14%;
		line-height: 2em;
		border: 1px solid #f0f0f0;
	}
	
	#sidebar div#calendar table td a{
		display: block;
		background: #ffb400;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	#sidebar div#calendar table td a:hover{
		background: #fff;
		color: #ffb400;
	}

/* Le pied de page
*******************************************************************************/	
#footer{
	BORDER: #E1D49F solid; 
	border-width: 1px 0 0 0;
	FONT-SIZE: 80%;
	BACKGROUND: transparent url(img/footer.png);
	COLOR: #666;
	TEXT-ALIGN: left;
}

#footer a{
	color: #696969;
}


/* pour les tags
/* Tags cloud
------------------------------------------ */
#tagcloud ul {
margin:0;
padding:0 1em;
display:block;
}

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

#tagcloud li.level-1 { font-size: .8em; } 
#tagcloud li.level-2 { font-size: 1.3em; }
#tagcloud li.level-3 { font-size: 1.6em; }
#tagcloud li.level-4 { font-size: 2em; } 
#tagcloud li.level-5 { font-size: 2.3em; }
 
#tagcloud li.level-1 a { color: #999999; text-decoration: none; }
#tagcloud li.level-1 a:hover { color: #666666; }
#tagcloud li.level-2 a { color: #999999; text-decoration: none; }
#tagcloud li.level-2 a:hover { color: #666666; }
#tagcloud li.level-3 a { color: #999999; text-decoration: none; }
#tagcloud li.level-3 a:hover { color: #666666; }
#tagcloud li.level-4 a { color: #999999; text-decoration: none; }
#tagcloud li.level-4 a:hover { color: #666666; }
#tagcloud li.level-5 a { color: #999999; text-decoration: none; }
#tagcloud li.level-5 a:hover { color: #666666; }

#tags {
text-align: right;
}