/* A propos de ce theme
 * Tests effectues:
 * - IE de 5.01 a 6 Windows
 * - Firefox 1.0 Windows
 * - 
 * - 
 * - 
 * - 
 *
 * Le layout est dans une feuille de style separee
 * 1 - Global style
 * 2 - Header
 * 3 - Post
 * 4 - Trackbacks et commentaires
 * 5 - Sidebar
 * 6 - Footer
 */
 
@import "layout.css";

/* Global style
********************************************/
html, body{
	margin: 0;
	padding: 0;
}

body{
	color: #ddd;
	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.8em;
}

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

h2{
	font-size: 1.2em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
h3{font-size: 1em; margin: 0.8em 0;}
h4{font-size: 1em; font-weight: normal}

a:link{color:#FFF; background:transparent;}
a:visited{color:#FFF; background:transparent;}
a:hover{color:#FFF; background:transparent;}
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}
a img{border: none;}

abbr, acronym{
	border: none;
	background: transparent url(img/dotted.png) repeat-x bottom;
	cursor : help;
}

code, pre, kbd {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style: italic;
	font-weight: bold;
	color: #00CC33;
}

pre {
	overflow: auto;
	margin-top: 0;
	margin-bottom: 0em;
	margin-left: 1em;
}
html>body pre {
overflow: auto;
width: auto;
}

fieldset{
	border: none;
}

.field label{
	display: block;
	cursor: pointer;
/* 	cursor: hand; /* pour IE */
}

input, textarea{
	border: 1px solid #999;
	background: #FFDE9F;
	/* -moz-border-radius connu pour ne pas etre valide */
	/* -moz-border-radius: 4px; */
}

textarea{
	width: 99%;
}
.topimage {
	position: absolute;
	left: 400px;
	top: -70px;
}
.droite {
	float: right;
	margin-left: 10px;
}
.gauche {
	float: left;
	margin-right: 10px;
}
.colgauche {
	float: left;
	margin-right: 10px;
	clear: left;
}
.vigdroite {
	float: right;
	height: 70px;
	margin-left: 10px;
}
.viggauche {
	float: left;
	height: 70px;
	margin-right: 10px;
}
/* Header
********************************************/
#top h1{
	font-size: 48px;
	text-align:center;
	vertical-align: middle;
	position: absolute;
	left: 250px;
	top: 20px;
}

#top a{
	text-decoration: none;
	color: #FF9C00;
	background: #1d1d1d;
}

/* Post
********************************************/
#content{
	color: #ddd;
	background: transparent;
}

.post{
	margin-top: 20px;
	/* background: #FFF8DF; */
}

.day-date{
	display: none;
}

.post-title{
	padding-left: 20px;
	background-image: url(img/star.gif);
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	color: #FFF;
	margin-bottom: 0;
	padding-right: 20px;
	clear: both;
}

.post-title a{
	color: #FF6600;
	background: #1d1d1d;
	text-decoration: none;
}

.post-info{
	padding-left: 20px;
	margin-top: 4px;
	color: #FFF;
	background: transparent;
}

.post-info a{
	color: #FF9900;
	background: transparent;
}
.post-content{
	padding-left: 10px;
	padding-right: 10px;
}
.post-content p{
	/* width: 480px; */
	text-align: justify;
	overflow: auto;
}

.post-content ul{
	list-style-image: url(img/puce.png);
}

.post blockquote{
	font-style : italic;
	border-left : 5px solid #999;
	padding-left : 1em;
}

.post blockquote p{
	width: auto;
}

.post-info-co{
	clear: both;
	text-align: right;
	font-size: 0.8em;
	background: #000000;
	color: #FF66CC;
	margin-top: 0.5em;
	/*border-bottom: 1px solid #aa0000;	margin-bottom: 3em;
	padding: 0.5ex;
	/* -moz-border-radius connu pour ne pas etre valide 
	-moz-border-radius: 5px;*/
}

.post-info-co a{
	color: #FF66CC;
	background: transparent;
	text-decoration: none;
}

.post-info-co a:before{
	/* content: url(img/bulle.png); */
	margin-right: 1ex;
}

/* Trackbacks et commentaires
********************************************/

#trackbacks, #comments{
	margin-top: 4em;
}

#trackbacks blockquote, #comments blockquote{
	background: #050505;
	color: inherit;
	border: 1px dotted #AAA;
	margin: 0.5ex 0 1em 0;
	padding: 1ex;
	overflow: auto;
}

#trackbacks blockquote p, #comments blockquote p{
	margin: 1ex 0;
}

.comment-info{
	margin-bottom: 0;
}

#sidebar div{
	/* aurait du etre #sidebar > div */
	margin: 1em 10px 0em;
}

#sidebar h2{
	margin: 0 0 1ex 0;
}
#sidebar h2 a{
	color: #FFF;
}
#sidebar h3{
	color: #444;
}
#sidebar h3 a{
	color: #FFF;
}
#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar a{
	text-decoration: none;
}

#sidebar li a{
	display: block;
	color: #FFF;
	background: transparent;
}

#sidebar li a:hover{
	color: #FFFFFF;
	background: #FF9900 url(img/curseur.gif) repeat-y left;
	font-weight: bold;
	text-align: center;
}
.inCat {color: #FFFFFF; background: #FF9900 url(img/curseur.gif) repeat-y left; font-weight: bold; text-align: center;}
#sidebar ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	/* border-top: 1px solid #CCC; */
	padding: 0.5ex 0;
}

#sidebar ul li{
	/* border-bottom: 1px solid #900; */
	padding: 0.5ex 0;
}

#search p{
	text-align: center;
	margin: 0;
}

#search input{
	width: 15%;
}

#search input#q{
	width: 70%;
}

#calendar table{
	color: #666;
	background: transparent;
	margin: 0 auto;
	/* Desole pour la taille de fonte en pixel, mais IE craint trop */
	font-size: 10px;
	text-align: center;
}

#calendar table td a{
	color: #444;
	font-weight: bold;
}

/* Footer
********************************************/
#footer div{
}
#footer a{
	text-decoration: none;
	color: #CCC;
	background: transparent;
}
/* billets
********************************************/
#billets{
	margin: 0;
	/* background: #EEE; */
	color: #FFF;
	/* text-align: center; */
	
}
#billets li a{
	text-decoration: none;
	color: #FFF;
	background: transparent;
	/* font-weight: bold; */
}
/* contact
********************************************/
#contact{
	margin: 0;
	/* background: #EEE; */
	color: #CCC;
	text-align: center;
	
}
#contact h2 a{
	text-decoration: none;
	color: #FF9C00;
	background: transparent;
}
#yesorder {
	margin: 0;
	color: #fff;
	text-align: center;
	padding-left: 50px;	
}
#audio a{
	text-decoration: none;
	color: #fff;
	/* font-size: medium; */
	/* font-weight: bold; */
}
#lastCom h3{
	color: #FF66CC;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#lastCom ul{
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}

#lastCom a{
	text-decoration: none;
}

#lastCom li a{
	display: block;
	color: #FFF;
	background: transparent;
}

#lastCom li a:hover{
	color: #FF66CC;
	background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}

#rightbar ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	/* border-top: 1px solid #CCC; */
	/* padding: 0.5ex 0; */
}

#lastCom ul li{
	border-bottom: 1px solid #FF66CC;
	margin-top: 15px;	/* padding: 0.5ex 0; */
}
#don h3{
		color: #FF66CC;
}
/* commentaires
********************************************/
#lastCom h3{
	padding: 0px;
}
#syndicate ul {
	margin: 0 4px 0 11px;

	padding: 5px 4px 5px 44px;
	list-style-image: url(img/rss.png);
}
#comments blockquote.me, p.me {
background-color : #000;
color: #FF66CC;
}