@import "layout.css";
 
/* Les éléments HTML en général -------------------------------------------------------- */
body{
	background: black;
	color: #DFDFDF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#fond{
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}
h1{font-size: 1.4em;}
h2{font-size: 1.3em;padding:0;}
h3{font-size: 1.2em; color:red; background:black no-repeat; padding:0;}
h4{font-size: 1.1em; color: red;}
h5{font-size: 1em;}
h6{font-size: .9em;}
pre, code{
	font-size: 1.2em;
}
pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}
fieldset{
	border: none;
}
label{
	cursor: pointer;
	cursor: hand;
}
.field label{
	display: block;
}
input,textarea{
	border: 1px solid #2B2B2B;
	font-size: 10px;
	padding: 2px;
	margin: 2px;
	background-color: black;
	background-image: url(img/opacity.png);
	color: #DFDFDF;
}
input#sending.submit{
	margin-left: 45%;
}
* html input,* html textarea{
	background: none;
	border: 1px solid white;
	color: white;
}
input:focus,textarea:focus{
	border: 1px solid #ADADAD;
}
input.submit,input.preview{
	cursor: pointer;
	border: none;
	font-family: inherit;
	font-size: .1em;
	color: black;
	height: 30px;
}
input.submit{
	background: transparent url(img/ok.gif) no-repeat top center;
	width: 50px;
}
input.preview{
	background: transparent url(img/preview.gif) no-repeat top center;
	width: 150px;
}
textarea{
	width: 100%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	color: #BFBFBF;
	font-variant: small-caps;
	cursor: pointer;
	cursor: hand;
	outline:0;
}
a:visited{
	color: #BFBFBF;
}
a:hover{
	color: #01FD2A;
}


/* La page -------------------------------------------------------- */
#page{
	color: inherit;
	width: 800px;
	padding-bottom: 35px;
	margin-top:10px;
}
 
/* L'entête -------------------------------------------------------- */
#top{
	height: 230px;
	width: 475x;
	margin: auto;
	cursor: pointer;
	background: transparent url(img/ban.png) no-repeat top center;
	padding-bottom: 20px;
}
#top h1{
	display: none;
}


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

#content{
	margin-bottom: 75px;
	padding: 0;
}

#trackbacks blockquote, #comments blockquote{
	margin: 1em 0 50px 0;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	color: #C7C7C7;
	text-align: justify;
}

#comments blockquote.comback_content{
	color: #01FD2A;
	font-style: italic;
	text-align: justify;
}

#trackbacks,#comments{
	margin-bottom: 30px;
	padding: 10px;
	background-image:url(img/fond.png);
	border: 1px solid #393939;
}
#trackbacks{
	display: none;
}
h3#tb, h3#co,#comments h3{
	background: none;
}

.day-date{	
	display: none;
}
.post{
	width: 681px;
	background-image:url(img/post-body.png);
}
.post-top{
	background-image:url(img/post-top.png);
	background-color: black;
	padding-bottom: 9px;
}
.post-bottom{
	background-image:url(img/post-bottom.png);
	padding-top: 7px;
	font-size: 11px;
}
.post-tags{
	width: 445px;
	margin: auto;
	font-size: 11px;
	padding-top: 10px;
}
.post-top,.post-bottom{
	height: 103px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.post-title{
	font-size: 1.1em;
	font-family: arial, helvetica, sans-serif;
	padding-top:30px;
	font-weight: bold;
	color: white;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	text-align:center;
}
.post-title a{
	color: white;
	text-decoration: none;
}
.post-title a:visited{
	color: #05FD29;
	text-decoration: none;
}
.post-title a:hover{
	color: #01FD2A;
	text-decoration: none;
}

a.gotopost{color:red;}
a.gotopost:visited{color:red;}
a.gotopost:hover{color:#01FD2A;}

.post-info{
	text-align:center;
	margin:auto;
	color: #BFBFBF;
	padding:0;
	padding-top:5px;
	background: transparent;
	font-style: italic;
	font-size: 11px;
}
.comment-info{
	color: #BFBFBF;
	font-style: italic;
}
.post-info a{
	color: #BFBFBF;
	background: transparent;
}
.post-content, .post-chapo{
	text-align: justify;
	width: 435px;
	margin: auto;
}
.post-content blockquote{
	font-family: courier, monospace;
	color: green;
}
.post-info-co{
	text-align: center;
	padding-top:45px;
}

/* hiddenbar -------------------------------------------------------- */
#hiddenbar{
	bottom: 60px;
	right:0;
	width: 75%;
	position: fixed;
	z-index: 100;
	background: transparent url(img/fond.png);
	opacity: .9;
}
#hiddenbar div{
	padding-left: 10px;
	background: none;
}
#hiddenbar a{
	color: #999;
	text-decoration: none;
}
#hiddenbar a:visited{
	color: #999;
	text-decoration: none;
}
#hiddenbar a:hover{
	color: #01FD2A;
}
#hiddenbar div a.hiddenbar{
	color: #01FD2A;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
#hiddenbar div a.hiddenbar:visited{
	color: #01FD2A;
	text-decoration: none;
}
#hiddenbar div a.hiddenbar:hover{
	color: #01FD2A;
	text-decoration: underline;
}
#hiddenbar h3{
	color: #01FD2A;
	font-variant: small-caps;
	background: none;
	text-align: left;
	border-bottom: 1px dashed green;
	margin-top: 10px;
}
p.spacer{
	height: 20px;
}
#hiddenbar div.close{
	position: absolute;
	right: 3px;
	padding: 0;
	margin: 0;
	border: 0;
	color: red;
	font-size: 12px;
	cursor: pointer;
	margin-top: 3px;
	width: 10px;
}

/* links, syndicate, search -------------------------------------------------------- */
#links div{
	width: 200px;
	display: inline;
	float: left;
	padding-bottom: 10px;
}
#links,#syndicate,#search,#random{
	text-align: left;
}
#links ul{
	margin: 0;
	padding: 0;
}
#links li{
	list-style: none;
}
input#q{
	width: 250px;
}
#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

/* tagcloud -------------------------------------------------------- */
#tagcloud{
	text-align:justify;
}
#tagcloud ul { margin: 0; padding: 0 1em; display: block; }
#tagcloud li { display: inline; margin: 0 0.1em; padding: 0; background-image: none; }

/* niveaux des tags */
#tagcloud li.level-1 { font-size: 11px; }
#tagcloud li.level-2 { font-size: 13px; }
#tagcloud li.level-3 { font-size: 15px; }
#tagcloud li.level-4 { font-size: 17px; }
#tagcloud li.level-5 { font-size: 18px; }

/* couleur des liens des tags */
#tagcloud li.level-1 a { color: #086D00; text-decoration: none;}
#tagcloud li.level-2 a { color: #0A9100; text-decoration: none;}
#tagcloud li.level-3 a { color: #0DAF01; text-decoration: none;}
#tagcloud li.level-4 a { color: #0FD300; text-decoration: none;}
#tagcloud li.level-5 a { color: #12FF00; text-decoration: none;}

#tagcloud li.level-1 a:visited{text-decoration: none;}
#tagcloud li.level-2 a:visited{text-decoration: none;}
#tagcloud li.level-3 a:visited{text-decoration: none;}
#tagcloud li.level-4 a:visited{text-decoration: none;}
#tagcloud li.level-5 a:visited{text-decoration: none;}

#tagcloud li.level-1 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-2 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-3 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-4 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-5 a:hover{text-decoration: none;color: white; text-decoration: underline;}


/* bottombar -------------------------------------------------------- */
#bottombar{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 60px;
	color: white;
	background: transparent url(img/bottombar.png);
	text-align: justify;
	z-index: 200;
}

#bottombar div{
	display: inline;
	float: right;
	padding: 0;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 11px;
	border-left: 1px solid #131313;
}
#bottombar a{text-decoration:none;color:#01FD2A;}
#bottombar a:visited{color: #01FD2A;}
#bottombar a:hover{color: #C8FFBF;}

#paginationCell,#socialBookmarking,.messageBox{
	text-align:center;
	position:fixed;
	left:50%;
	margin-left:-250px;
	padding-top:5px;
	bottom:55px;
	height:55px;
	width:500px;
	background: transparent url(img/pages.png) no-repeat top center;
}
#socialBookmarkingLinks{
	padding-top:7px;
}
.messageBox{
	z-index:2;
}


/* newsbox -------------------------------------------------------- */
#newsbox{
	color: #BFBFBF;
	text-align: justify;
	background: transparent url(img/newsbox.png) no-repeat;
	height: 45px;
	width: 350px;
	position: absolute;
	left: 0;
	margin-top: 5px;
}
* html #newsbox{
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

#newsbox marquee{
	background: transparent;
	width: 240px;
	margin-left: 80px;
	padding-top: 17px;
}
#newsbox a{
	color: red;
	text-decoration: none;
}
#newsbox a:visited{
	color: red;
}
#newsbox a:hover{
	color: #FFA18F;
}

/* sidebars -------------------------------------------------------- */

.sidebars{
	top: 0;
	width: 165px;
	height: 250px;
}
.sidebars div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebars div{
	text-align: justify;
}
#greenbar{position: absolute;right: 0;background: transparent url(img/greenbar.png);}
#greenbar div a{color: #01FD2A;}
#greenbar div a:visited{color: #01FD2A;}
#greenbar div a:hover{color: #C8FFBF;}

#redbar{position: fixed;left:0;background:transparent url(img/redbar.png);}
#redbar div a{color:red;text-decoration:none;font-weight:bold;}
#redbar div a:visited{color:red;text-decoration:none;}
#redbar div a:hover{color:#FFA18F;}

/* menu principal -------------------------------------------------------- */
#categories {
	padding-top: 60px;
	padding-right: 22px;
	text-align: right;
	font-size: 11px;
}

/* lastcomments -------------------------------------------------------- */
#lastcomments{
	font-size:.78em;
	padding-top: 45px;
	padding-left: 18px;
	text-align: left;
}

/* courrielleur -------------------------------------------------------- */
#spam  {display: none;}

/* images des billets -------------------------------------------------- */
.img-left{
	float: left;
	margin-right: 1.2em;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	color: red;
}
.img-right{
	float: right;
	margin-left: 1.2em;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	color: #01FD2A;
}