/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2005 Jori Avlis. 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 ***** */
 
html, body {
	padding: 5px 0;
	background-color: #6B1D14;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
	color: #4a2d22;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

.catimage { border:0;
			float: left;
			margin: 15px 10px 100px 15px;
}

input,textarea{
	border: 1px solid #6B1D14;
}

textarea{
	width: 95%;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

a:hover {
	font-weight: bold;
	color: #97252D;
	text-decoration: none;
}

#prelude {
	position: absolute; 
	top: -5000px; 
}

#titreblog {
	font-size: x-large;
}

#header {
	padding: 0;
	margin: -15px 0 0 0 !important;
	margin: -15px 0 0 0;
	width: 100%;
	height: 150px;
	background: url(imgs/header.gif) top left repeat-x;
}

#headergauche {
	margin: 0;
	height: 150px;
	background: url(imgs/headergauche.gif) no-repeat top left;
}

#headerdroit {
	height: 150px;
	background: url(imgs/headerdroit.gif) no-repeat top right;
}

#menu {
	margin: 0 0 -7px 0;
	padding: 0;
}

#menu ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 46px;
}

#menu li {
	float: left;
	background: url(imgs/boutongauche.gif) no-repeat left top;
	padding: 10px 0px 12px 10px;
	font-size: medium;
}

#menu li a {
	background: url(imgs/boutondroite.gif) no-repeat top right;
	padding: 10px 25px 12px 10px;
	font-size: medium;
}

#menu li:hover {
  background-position: 0% -46px;
}
  
#menu li a:hover {
	color: #fff;
	text-decoration: none; 
}

#menu li:hover a {
	background-position: 100% -46px;  
}

#page {
	width:90%;
	margin: 0px auto;
	padding: 0;
}


.dark {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
	background: url(imgs/bordgauche1.gif) top left repeat-y;
	background-color: #D2B7B1;
}

.dark2 {
	position: relative;
	z-index: 30;
	background: url(imgs/bordroit1.gif) top right repeat-y;
}

.darkTop {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(imgs/bordhaut1.gif) top left repeat-x;
	height: 76px;
}

.darkleftTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(imgs/bordgauchehaut1.gif) top left no-repeat;
	height: 76px;
}

.darkrightTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(imgs/bordroithaut1.gif) top right no-repeat;
	height: 76px;
}

.darktitre {
	padding: 25px 30px;
	font-size: medium;
	display: block;
}

.darkcenter {
	position: relative;
	z-index: 50;
	display: block;
	margin: -20px 30px -50px 30px;

}

.darkFoot {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(imgs/bordbas1.gif) bottom left repeat-x;
	height: 92px;
}

.darkleftFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordgauchebas1.gif) bottom left no-repeat;
	height: 92px;
}

.darkrightFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordroitbas1.gif) bottom right no-repeat;
	height: 92px;
}

hr.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}

#content {
	position: relative;
	z-index: 10;
	width: 69%;
	margin: 0;
	padding: 0;
	float: left; 
}

.middle {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
	background: url(imgs/bordgauche2.gif) top left repeat-y;
	background-color: #FFFAF5;
}

.middle2 {
	position: relative;
	z-index: 30;
	background: url(imgs/bordroit2.gif) top right repeat-y;
}

.middleTop {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(imgs/bordhaut2.gif) top left repeat-x;
	width: 100%;
	height: 130px;
}

.middleleftTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(imgs/bordgauchehaut2.gif) top left no-repeat;
	height: 130px;
}

.middlerightTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(imgs/bordroithaut2.gif) top right no-repeat;
	height: 130px;
}

.middletitre {
	padding: 25px 90px;
	font-size: big;
	display: block;
}

.middleFoot {
	position: relative;
	z-index: 40;
	margin: 0 auto;
	padding: 0;
	background: url(imgs/bordbas2.gif) bottom left repeat-x;
	height: 135px;
}

.middleleftFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordgauchebas2.gif) bottom left no-repeat;
	height: 135px;
}

.middlerightFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordroitbas2.gif) bottom right no-repeat;
	height: 135px;
}

.post-contenu{
	position: relative;
	z-index: 50;
	margin: -85px 40px -100px 30px !important;
	margin: -75px 40px -100px 30px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding: 0px 0px 0px 80px;
}

.post-info{
	font-style: italic;
	color: #FFA041;
}

.post-info a{
	text-decoration: none;
	color: #D87A31;
}

.post-info a:hover {
	color: #6B1D14;
	text-decoration: none;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: right;
	font-size: x-small;
}

.post-contenu img {
		float: left; display: block;
		padding: 10;
		margin: 5px 15px 15px 0;
		}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #fff;
	padding: 10px;
	margin: 5px 10px;
}

#sidebar {
	width: 30%;
	padding: 0;
	background: url(imgs/bordgauche3.gif) top left repeat-y;
	background-color: #FFA041;
	float: right;
}

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

#sidebar2 {
	background: url(imgs/bordroit3.gif) top right repeat-y;
}

#brightTop {
	margin: 0 auto;
	padding: 0;
	background: url(imgs/bordhaut3.gif) top left repeat-x;
	height: 130px;
}

#brightleftTop {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordgauchehaut3.gif) top left no-repeat;
	height: 130px;
}

#brightrightTop {
	margin: 0 auto;
	display: block;
	padding: 0;
	background: url(imgs/bordroithaut3.gif) top right no-repeat;
	height: 130px;
}


#brightcenter {
	position: relative;
	z-index: 2;
	font-size: x-small;
	margin: -100px 34px -88px 27px;
}

#brightFoot {
	margin: 0 auto;
	padding: 0;
	background: url(imgs/bordbas3.gif) bottom left repeat-x;
	height: 128px;
}

#brightleftFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordgauchebas3.gif) bottom left no-repeat;
	height: 128px;
}

#brightrightFoot {
	margin: 0px auto;
	display: block;
	padding: 0;
	background: url(imgs/bordroitbas3.gif) bottom right no-repeat;
	height: 128px;
}

.brighth2{
	font-size: medium;
	margin: 10px 0 0 0;
}

#search{
	line-height: 2.3em;
}

#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#q{
	padding-left: 18px;
	background: url(imgs/q.png) no-repeat;
	background-position: 4px 4px;
}

#sidebar div#calendar table{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar div#calendar table caption{
	font-size: small;
	margin: 5px auto;
}

#sidebar div#calendar table th{
	color: #FFFFFF;
}

#sidebar div#calendar table td{
	width: 14%; 
	line-height: 2em;
	border: 1px solid #FFFFFF;
}

#sidebar div#calendar table td a{
	display: block;
	background: #D87A31;
	color: #6B1D14;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #6B1D14;
	color: #FFFFFF;
}

#footer {
	width:85%;
	margin: -5px auto;
	padding: 0;
	font-size: x-small;
	color: #97605A;
}

#footer a {
	color: #97605A;
}

#footer a:hover {
	color: #FFFFFF;
}