/****BEGIN LICENSE BLOCK *****
 This file is part of DotClear.
 Copyright (c) 2004 Olivier Meunier 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 *****/

body {
	margin : auto;
	padding : 0;
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 70%;
	color : #eee;
	/*background-color : #467206;*/
   background-color: rgb(41, 43, 47);
  background-image: url(images//body-bg.gif);
  background-repeat: repeat;
  background-attachment: scroll;
  -x-background-x-position: center;
  -x-background-y-position: top;
  -moz-background-clip: initial;
  -moz-background-origin: initial;
  -moz-background-inline-policy: initial;	
  /*width : 800px;*/
}

p {
	margin : 0.5em 0;
}
img {
	border : none;
}
form {
	display : block;
	margin : 0;
	padding : 0;
}
h1 {
	font-size : 250%;
	margin : 0.67em 0;
	font-weight : normal;
}
h2 {
	font-size : 200%;
	margin : 0.83em 0;
	font-weight : normal;
	font-family : "Trebuchet MS", "Lucida Grande", sans-serif;
}
h3 {
	font-size : 140%;
	margin : 1em 0;
	font-weight : normal;
	font-family : "Trebuchet MS", "Lucida Grande", sans-serif;	
}
h4 {
	font-size : 100%;
	margin : 1.33em 0;
	font-weight : normal;
}
h5 {
	font-size : 85%;
	margin : 1.67em 0;
	font-weight : normal;
}
h6 {
	font-size : 67%;
	margin : 2.33em 0;
	font-weight : normal;
}

code, pre {
	font-family : "Courier New", monospace;
	font-size : 120%;
	color:#fff;
}
pre {
	overflow : auto;
	background-color : #222;
	color : #ccc;
	padding : 3px;
}
q {
	font-style : italic;
}
a {
	color : #0cf;
	text-decoration:none;
	//border-bottom:1px solid;
}
a:hover {
	color : #8c0;
}
a[hreflang]:after {
	content : "\0000a0(" attr(hreflang) ")";
	color : #eee;
	background : transparent;
}

:focus {
	color : #fff;
}

table{
	margin: auto;
	border-spacing: 1px;
	empty-cells: hide;
	}

caption{
	margin:auto;
	text-transform: uppercase;
	word-spacing: 4px;
	color : #8c0;
	}

 table th{
	text-align:center;
	padding: 3px;
	color: #fff;
	background: #2A2A2A;
	border: 1px solid #555;
	}

table td{
	padding: 4px;
	border: 1px solid #444;
	background: #383838;
	}

/* Page
-------------------------------------------------------- */
#page {
  /* border : 2px solid #f00; */
  
  -moz-border-radius:8px;
  border-radius:8px;  
  
  position : absolute;
	margin : 0;
	padding : 0;
	top : 0;
	left: 120px;
  width : 750px;
}

/* Prelude
-------------------------------------------------------- */
#prelude {
	position : absolute;
	top : 0;
	margin : 0;
	padding : 0;
	font-size : 85%;
}


/* Top
-------------------------------------------------------- */
#top {
  border : 2px solid #fff;
  -moz-border-radius:8px;
  border-radius:8px;  
/*	border-bottom : 1px solid #666;*/
	font-family : Georgia, "Times New Roman", serif;
  background-color: #222;
	padding: 15px;
	padding-top: 0px;
	
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 30px;
}
#top h1 {
	margin : 0;
	padding : 1em 0 0.6em;
}
#top a {
	color : #eee;
	background : transparent;
	text-decoration : none;
	border:none;
}

/* Deco
-------------------------------------------------------- */
#deco-gauche {
  position: absolute;
  top: 0px;
  left: -50px;
  width: 50px;
  height: 100%;
  /*border : 2px solid #f0f;*/
  text-align: right;
}
#deco-droite {
  position: absolute;
  top: 0px;
  left: 750px;
  width: 50px;
  height: 100%;
  /*border : 2px solid #f0f;*/
}

/* Main
-------------------------------------------------------- */
#main {
	width : 550px;	
	/*float : right;*/
	margin-top : 40px;
	margin-left : 196px; /* page(750) - main(550) - border (2x2) */
	background-color: transparent;
	padding: 5px;
	/* border-right : 1px solid #666;*/
  /* border : 2px solid #0f0; */

}
#main h3 {
	color : #eee;
	margin-top : 0px;;
}
#content {
	margin: 0px;;
}
.day-date {
	font-size : 100%;
	font-weight : bold;
	margin-top : 2em;
	text-align : right;
	border-bottom : 1px solid #ccc;
	color : #666;
	background : transparent;
}
#main p {
	line-height : 160%;
}

.post, .passcat, .legales{
/*	border-bottom : 1px solid #444;*/
	  background-color: #222;
  border : 2px solid #fff;
  -moz-border-radius:8px;
  border-radius:8px;  
  margin:0px;
  margin-top: 20px;	
  padding-left: 10px;
}
.post-title {
	margin-top : 10px;
	color : #FFFF00;
}
.post-title a {
	text-decoration : none;
	color : #FFFF00;
	font-weight : normal;
	border:none;
}
.post-title a:hover {
	text-decoration : none;
	color : #8c0;
}
.chapo {
	margin-bottom : 2em;
}
.post-info-co {
	padding : 5px 0;
}
.post-info, .post-info-co a {
	color : inherit;
	text-decoration : none;
}
.post-info, .post-info-co a:hover {
	color : #8c0;
	text-decoration : none;
}
.post-info {
	margin-top : 0;
	color : #ccc;
	font : 100% "Trebuchet MS", "Lucida Grande", sans-serif;
}
.post-info-co {
	clear : both;
	margin-top : 0;
}

.post-info-co a{
	clear : both;
	margin-top : 0;
	border:none;
}

.post-content img {
  margin: 0px 10px 10px 0px; 
  text-align: center;
}
.post-content li {
  margin-left: 10px; 
}

.post-content blockquote {
	background-color : #444;
  font-style : italic;
  border : 1px solid #fff;
  padding: 2px;
}

.author {
	padding : 0 14px;
	background: url(images/personal-small.gif) no-repeat center left;
	background-color : transparent;
}
.permalink {
	padding : 0 14px;
	background : url(images/comments-small.gif) no-repeat center left;
	background-color : transparent;
}
.categorie {
	padding : 0 14px;
	background : url(images/folder-small.gif) no-repeat center left;
	background-color : transparent;
}
.nblecture {
	padding : 0 14px;
	background : url(images/book_open-small.gif) no-repeat center left;
	background-color : transparent;
}

.rss a {
	padding-right : 24px;
	background : url(images/feed.png) no-repeat center right;
	background-color : transparent;
}

/* Commentaires
-------------------------------------------------------- */
#comments, #trackbacks{
  background-color: #222;
  border : 2px solid #fff;
  -moz-border-radius:8px;
  border-radius:8px;  
  margin-top: 20px;	
  padding: 10px;
}

#comment-form{
  background-color: #222;
  border : 2px solid #fff;
  -moz-border-radius:8px;
  border-radius:8px;  
  margin-top: 20px;	
  padding: 10px;
}

#comment-form form{
  border : 0px;
}
#comments a, #trackbacks a {
	text-decoration : none;
	border:none;
}
#comments DIV, #trackbacks blockquote {
	display : block;
	margin : 1em 0;
	padding : 1px 1em;
	font-style : normal;
	border : 1px solid #555;
	color : #ddd;
	background : #444;
}

#comments div.me {
  background : transparent url(images/commentaire-suricat.png) no-repeat top right;	
	border : 2px solid #555;
 }

#comments div blockquote {
	margin :  0;
	padding : 0;
}
.comment-info {
	margin-top : 0;
	color : #bbb;
	font : 90% "Trebuchet MS", "Lucida Grande", sans-serif;

}
.comment-author {
	margin : 0;
	font-size : 120%;
	color : #0cf;
}



/* Sidebar
-------------------------------------------------------- */
#sidebar {
	margin : 5px;
	padding : 10px;
	/*padding : 2em 0;*/
	background-color: transparent;
  /*border : 2px solid #00f;*/
  position : absolute;
  width: 250px;
  top : 150px;
  left: -100px;
}

#sidebar h2 {
	font-weight : normal;
	font-size : 130%;
	color : #8c0;
}
#sidebar ul {
	padding-left : 0;
	margin-left : 0;
}
#sidebar li {
	list-style : none;
	margin-top : 0.15em;
	color : #999;
	background : transparent;
}
#sidebar li:hover {
	color : #333;
	background : transparent;
}
#sidebar div {
	padding : 0.5em 0;
  /*border : 2px solid #0ff;*/
}

#sidebar div ul {
	margin : 0;
	padding-left : 0;
	color : #48c86c;
}
#sidebar ul li {
	margin : 5px 0;
	padding-left : 10px;
	padding-bottom : 4px;
	/*border-bottom : 1px dashed #444;*/
}
#sidebar a {
	text-decoration : none;
	border:none;
}

#sidebar div li a {
	display : block;
	padding : 1px 0;
	height : 1%;
	text-decoration : none;
	color : #0cf;
}

#sidebar div li a:hover {
	text-decoration : none;
	color : #8c0;
}

#search {
	float : right;
	margin-top : 50px;
	margin-right: 15px;
}

#sideleft {
	float : left;
	width : 48%;
	padding : 2px;
}
#sideright {
	float : right;
	width : 48%;
	padding : 2px;
}

/* Footer
-------------------------------------------------------- */
#footer {
	clear : both;
	font-size : 90%;
	color : #aaa;
	padding-top : 6em;
	text-align:center;
}
#footer a {
	color : #fff;
	text-decoration : none;
}
#footer a:hover {
	color : #8c0;
	text-decoration : none;
}


/* Bloc généraux 
-------------------------------------------------------- */
#liens, #galeries, #archives, #syndication, #abonnements, #selection, #pubs {
  background-color : #222;
  -moz-border-radius:8px;
  border-radius:8px;  
  border : 2px solid #fff;  
  margin-top: 20px;
}

#liens h3, #galeries h3, #archives h3, #syndication h3, #abonnements h3, #selection h3, #pubs h3 {
  text-align: left;
	padding-left : 10px;
	margin : 0;
	color : #0f0;
}

#selection a {
	color : #FF6600;
	text-decoration:none;	
}


/* Pubs
-------------------------------------------------------- */
#pubs {
  text-align: center;
}

/* Syndication
-------------------------------------------------------- */

#syndication ul li {
	margin : 5px 0;
	padding-bottom : 4px;
	border-top: 1px solid #444;
}

#webbasedfeed {
  text-align: center;
}

/* Categories
-------------------------------------------------------- */
#categories {
  width: 2000px;
  margin-top: 20px;
  margin-left: -80px;
}

#categories a {
  border: 0px;
}

#categories li {
  background-color : #222;
  -moz-border-radius:8px;
  border-radius:8px;  
  border : 2px solid #fff;
  float: left;
	display: inline;
	position: relative;
	padding: 5px;
	padding-right: 32px;
	padding-left: 32px;
	margin-right: 38px;
}

#categories ul {
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

/* Calendrier
-------------------------------------------------------- */
#calendar {
  background-color : #222;
  -moz-border-radius:8px;
  border-radius:8px;  
  border : 2px solid #fff;
  /*margin-bottom: 20px;*/
}

#calendar h3 {
	display : none;
}
#calendar table {
	font-size : 100%;
}
#calendar caption {
	padding : 0 0 0.3em;
	font-size : 120%;
	text-transform: lowercase;
	color:inherit;
}
#calendar abbr {
	border : none;
}
#calendar th, .cal td {
	border : none;
	padding : 1px;
	color: inherit;
	background: transparent;
}
#calendar td {
	border : none;
	text-align : center;
	color: inherit;
	background: transparent;
}
#calendar td.active a {
	font-weight : bold;
}
#calendar a {
	text-decoration : none;
}

/* Erreur
-------------------------------------------------------- */
.error {
	border : 1px solid #8c0;
	background : #222;
	padding : 0.5em;
	margin-top : 20px;
}
.error ul {
	padding-left : 20px;
	color : #d90000;
}
.error li {
	list-style : square;
	color : #8c0;
}


/* Form
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}
input, textarea {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 100%;
	border-style : solid;
	border-width : 2px;
	border-color : #666;
	color : #eee;
}
input:hover, textarea:hover {
	border-style : solid;
	border-width : 2px;
	border-color : #888;
	color : #eee;
}
input:focus, textarea:focus {
	border-style : solid;
	border-width : 2px;
	border-color : #888;
	color : #eee;
}
/* ci-dessous pas comptible ie ? 
input[type] {
	background-color : #555;
}
textarea[name] {
	background-color : #555;
	width : 73%;
}
input[type="submit"], input[type="reset"] {
	background-color : #222;
	color : #eee;
}
input[type="submit"]:hover {
	border-color : #666;
}
*/

input {
	background-color : #555;
}
textarea {
	background-color : #555;
	width : 73%;
}
input[type="submit"], input[type="reset"] {
	background-color : #222;
	color : #eee;
}
input[type="submit"]:hover {
	border-color : #666;
}

p.field {
	margin : 0.5em 0 0;
}
p.field label {
	display : block;
	font-size : 90%;
	width : 28%;
	float : left;
}


/* Navigation
-------------------------------------------------------- */
.navigation {

}

.navigation li a {
	padding-left : 22px;
	color : #fff;
}
.navigation li a:hover {
	color : #8c0;
}

#home {
  text-align: right; 
}
.home a {
	background : transparent url(images/house.png) no-repeat center left;
} 
.toc a {
	background : transparent url(images/book_open.png) no-repeat center left;
}
.contact a {
	background : transparent url(images/email.png) no-repeat center left;
}
.tribune a {
	background : transparent url(images/comment.png) no-repeat center left;
}
.links a {
	background : transparent url(images/star.png) no-repeat center left;
}
.syn a {
	padding-right : 24px;
	background : transparent url(images/feed.png) no-repeat center right;
}

.syn img {
	padding : 0px;
	margin:0px;
	max-width : 500px;
}


/* image
-------------------------------------------------------- */
img {
	border : 0px solid #eee;
	padding : 2px;
	/* margin:0px auto 10px;*/
	max-width : 500px;
	/* vertical-align : -500%;*/
}

img.smiley, #comments img, #tribune img, #smtoolbar img {
	border : none;
	padding : 0;
	background : inherit;
	vertical-align : 0%;
}

/* page connexe:tribune
-------------------------------------------------------- */
#tribune h4 {
	padding : 0;
	text-align : center;
	color : #8c0;
	text-decoration : underline;
display:none;
}

#tribune {
	padding : 0px;
	font-size:90%;
	/*background:#444;*/
/*	border:1px solid #555;*/
}

#tribune label{
	width : 100%;
	padding : 0;
  margin:0;
	font-size:100%;
	color : #9c0;
display:inline;
}

#tribune p.field{
	padding : 0;
	font-size:100%;
	margin : 0;
}

div #tribmessage {
	height:250px;
	overflow :auto;
}

#tribune strong {
	margin:0;
	color : #9c0;

}
.tribune_odd {
	/*text-align : left;*/
	color : #ddd;
	background:#444;

}
.tribune_even {
	/*text-align : right;*/
	color : #fff;


}
#tribune input, #tribune textarea {
	width : 90%;
	border-width:1px	
}


/* page connexe:contact
-------------------------------------------------------- */
#contact label {
	padding : 0.5em 0;
	width : 100%;
	color : #8c0;
	font-size : 100%;
}
#contact legend {
	padding-top : 2em;
	font-style : italic;
}
#contact input, #contact textarea {
	width : 100%;
}
#tribune #smtoolbar {
	overflow : hidden;
}


/* page connexe:liens
-------------------------------------------------------- */
.link div ul {
	margin : 0;
	padding-left : 0;
	color : #48c86c;
}
.link ul li {
	margin : 5px 0;
	padding-bottom : 4px;
	border-bottom : 1px solid #444;
}
.link a {
	display : block;
	text-decoration : none;
	font-size : 120%;
}

/* pagination
-------------------------------------------------------- */
.pagenav {
  text-align: center;
}

p.pagenav a {
	background : #222;
	color: #EEE;
	padding:2px;
	border: 2px solid #444;;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#555;
	color:white;
}

p.pagenav strong {
  background : #bbb;
	color: black;	
	padding:2px;
	border: 0px solid #bbb;
}

/* les images de mailpost !
-------------------------------------------------------- */

img.mailpost_img {
  border: 1px solid #fff;
  width:480px;
}

/*
img.mailpost_img:hover {
  border: 10px solid #0ff;
  width:1024px;
  height:480px;
  position: absolute;
}
*/

a#tooCool {
  position: fixed;
  right: 0;
  bottom: 0;
  display: block;
  height: 80px;
  width: 80px;
  background: url(http://www.w3junkies.com/toocool/files/too_cool_sash.png) bottom right no-repeat;
  text-indent: -999em;
  text-decoration: none;
}

.liencache {
  display: none;
  font-size: 50%;
}