/* ***** 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 ***** */

 /*
 -----------------
 Nom du thème : Kit (variante layout fixe, sidebar a gauche + sidebar à droite.)
 Auteur : Kozlika http://www.kozlika.org/ pour Dotclear
 modifié par: F.Delorme http://delorme.frederic.free.fr/dotclear/
 pour : http://www.cheminsdetraverse.info/
 Licence : GPL
 -----------------

Organisation de la présente feuille de style :

 1. Structure de la page (body, page, top, main, sidebar, footer)
 2. Mise en forme des balises XHTML standard
 3. Les liens : r?gles g?n?rales et r?gles sp?cifiques

 4. Haut de page (top et pr?lude)
 5. Les billets (content et post)
 6. Les commentaires et trackbacks
 7. Le menu lat?ral (sidebar)
 8. Goodies
		classes suppl?mentaires utilisables dans les billets
		styles pour un ?ventuel sous-titre au blog
		styles pour une ?ventuelle navigation billet pr?c?dent / suivant
		styles pour une ?ventuelle navigation page pr?c?dente / suivante
		styles pour un menu horizontal sous le titre du blog



/* =================================================================
		1. STRUCTURE DE LA PAGE - REGLES DES GRANDS BLOCS
/* ============================================================= */

body {
	font-size : 1.0em;
	margin : 0;
	padding : 0;
	text-align : center; /* indispensable pour qu'Internet Explorer centre la page dans la fen?tre */
	background : #acbabf;
	color:#222;
	font-family:"Lucida Grande", optima, "Trebuchet MS", sans-serif;
	}
#page {
	width : 1024px;
	margin : 0 auto 20px auto;
	padding : 0;
		background : #fff;
	text-align : left;
		max-width: 1280px;
	}
#top {
	margin : 0;
	padding : 0;
	height:120px;
	text-align : center;
	border-bottom : 4px solid #164502;
	}
#main { display:block; margin: 0pt px 0pt -270px; padding: 0pt; background: rgb(255, 255, 255) none repeat; width: 100%; float: right;}
#content { border-left: 1px dashed rgb(22, 69, 2); border-right: 1px dashed rgb(22, 69, 2); margin: 10px 220px 0pt 220px; padding: 1px 20px 1em 20px; }
.sidebar{ margin: 10px 0pt 5px; padding: 0 15px 30px; background: transparent url('bas-sidebar-v2.png') no-repeat scroll center bottom; width: 180px;font-size: 0.85em; color: rgb(102, 102, 102);}
#sidebar1 { float: left; }
#sidebar2 { float: right; }
#footer {
	background : transparent;
	margin : 0;
	clear : both;
	text-align:center;
	line-height:200%;
	padding : 0 30px;
	border-top : 1px solid #999;
}
#map{
	float:left;
	width:98%;
	text-align:center;
}

/* ==============================================================
		2. BALISES HTML
/*  ============================================================= */
/*@font-face{
	font-family:"Signal";
	src: url(http://www.cheminsdetraverse.info/themes/cdt/fonts/SIGNALT0.eot);
	}*/
h1 {font-size : 2em; }
h2 {
	margin : 0;
	font-size : 1.5em;
	/*font-size : 3.5em; */
	/*font-family: "Signal";*/
	}
h3 { font-size : 1.25em; margin : 1.5em 0 0 0; }
h4 { font-size : 1em; margin : 1.5em 0 0 0; }
h5 { font-size : 0.83em; margin : 1.5em 0 0 0; }
h6 { font-size : 0.67em; margin : 1.5em 0 0 0; }

p { margin : 1.1em 0 0 0; }

img { border : none; }

q, cite {
	font-style : italic;
	background : #f7f7f7;
	}

form {
	display : block;
	margin : 0;
	padding : 0;
	}

code{
	font-family : "Courier New",monospace;
	font-size : 1.0em;
	color : navy;
	}
pre {
	font-family : "Courier New",monospace;
	font-size : 0.9em;
	color : #66c;
	}

pre {
	background : #f5f5f5;
	border : 1px solid #164502;
	margin : 1em 2em;
	padding : 0.5em 1em;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
	   /* Fin hack Ne pas supprimer cette ligne */
}


/* ==============================================================
		3. LES LIENS
/*  ============================================================= */


/* ********** Regles generales ************* */

a {
	text-decoration : none;
	}

a:link {
	color:#A71602;
	}
a:visited {
	color:#A71602;
	}
a:hover, a:focus {
	color:#666;
	background:#f7f7f7;
	}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
	}
a.technorati:after{
content:"";
}
/* ********** Regles specifiques ************* */

/* pour #top h1 a et top h1 a:hover tout est regroupe dans la partie 4 suivante */
#prelude a {
	color:#fff;
	}
.post-title a {
	text-transform : none;
	}
#calendar td.active a {
	font-weight : bold;
	}


/* =================================================================
		4. HAUT DE PAGE
			(voir a la fin de cette feuille les styles pour un menu
			horizontal et/ou un sous-titre)
/* ============================================================= */
#top h1 {
	margin : 0;
	height : 116px;
	background : #000 url(images/banniere-cheminsdetraverse-v3.gif) repeat-x center left;
	font-size:1.0em;
	text-align:left;
	padding:2px;
	}
#top h1 a {
	color:#fff;
	font-decoration:none;
	text-align:left;
	vertical-align:center;
	margin:20px;
	}

#top h1 a:hover {
	color:#ddd;
	background : transparent;
	}
#prelude {
	color:#fff;
	text-align:left;
	background : transparent;
	margin : 0;
	padding : 0 0 0 2em;
	}


/* =================================================================
		5. LES BILLETS
/* ============================================================= */

.post {
	background : transparent url(images/icopost.png) no-repeat;
	margin-bottom : 1em;
	padding-bottom : 1em;
	border-bottom : 4px solid #164502;
	}
.day-date {
	display:none;
	}
.post-title {
	text-transform : uppercase;
	font-weight : normal;
	padding-left : 42px;
	}
.post h3, .post h4, .post h5, .post h6 {
	font-weight : normal;
	color : #666;
	margin-top : 1em;
	/*text-transform : uppercase;*/
	text-align : left;
	border-bottom:1px solid #ddd;
	}
.post-info {
	margin : 0.25em 0;
	color : #999;
	font-size:0.8em;
	/*padding-left : 42px;*/
	text-align:right;
	border-bottom:1px dotted #eee;
	}
.post-chapo {
	margin : 1em 0;
	text-align : justify;
	}
.post-content {
	text-align : left;
	margin-top : 0.5em;
	}
.post-content p, .post-chapo p {
	margin-top : 1em;
	line-height : 140%;
	}
.post-info-co {
	margin-bottom:2em;
	margin-top:0.5em;
	}
.post blockquote {
	margin:2em;
	padding:0 2em 0 1em;
	/* border-left : 4px solid #ddd; */
	background : transparent url(images/quote.png) no-repeat top left;
	margin-left : 0;
	padding-left : 40px;
	}
.post img {
	padding : 0.5em;
	}
.post .tags *{
	padding:none;
	margin:none;
}
.footnotes {
	font-size:0.9em;
	}
.footnotes, .footnotes p {
	margin-top : 1em; text-indent : 0;
	}
.tags {
	font-size:0.8em;
	border-top:1px dotted #eee;
}
/* =================================================================
		6. COMMENTAIRES, TRACKBACKS
			(voir aussi formulaires en 8)
/* ============================================================= */

#trackbacks, #comments, #comment-preview {
	}
#trackbacks {
	border-top : 1px dotted #ddd;
	background : transparent url(images/comments.png) no-repeat top center;
	}
#comments blockquote, #trackbacks blockquote {
	margin : 0.5em 2em;
	}
#comments h3, #trackbacks h3 {
	margin-top : 2em;
	margin-bottom : 1em;
	}
.comment-info {
	margin : 1.5em 0 0.5em 0;
	}


/* =================================================================
		7. SIDEBAR
/* ============================================================= */

.sidebar h2 {
	font-family:Georgia, serif;
	font-size : 1.33em;
	margin-top:1.5em;
	margin-bottom:0.5em;
	color : #999;
	}
.sidebar h3 {
	font-family:Georgia, serif;
	font-weight : normal;
	margin-top: 0.5em;
	margin-bottom:0.33em;
	color : #999;
	font-size : 1.1em;
	}
.sidebar ul {
	list-style:square;
	margin : 0 0 0.4em 0.4em;
	padding:0;
	}
.sidebar li {
	margin :0;
	padding : 0;
	}

#search {
	margin-top:2em;
	}

/* Le calendrier
------------------------------------------- */
#calendar {
	}
#calendar h2 {
	display : none;
	}
#calendar table {
	border-collapse : collapse;
	font-size : x-small;
	margin : 0 auto;
	}
#calendar caption { /* nom des mois */
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	}
#calendar abbr { /* nom des jours */
	border : none;
	}
#calendar th, #calendar td { /* th : cellules d'entete vertical (jours) - td : cellules */
	border : none;
	padding : 1px;
	text-align : center;
	}
#calendar td.active { /* cellules du jour actif */
	background : #ddd;
	}

/* =================================================================
		8. FORMULAIRES (recherche et depot commentaire)
			interactions (messages d'erreur)
/* ============================================================= */

fieldset {
	display : block;
	border : none;
	margin : 0 0 0.5em 0;
	padding : 0;
	}
fieldset p {
	margin-bottom : 1em;
	}
.form-help {
	margin : 1em 0;
	}
input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #999;
}

input[type], textarea[name] {
	background : #eee;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #ccc;
	color : #fff;
}

textarea {
	width : 95%;
}

p.field {
	margin : 1em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
	width : 12em;
	float : left;
	color : #666;
}
.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
	margin-bottom : 1em;
}
#c_content {
}
#c_remember {
}


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* =================================================================
		9. TRUCS EN PLUS
/* ============================================================= */

/* des classes supplementaires reutilisables dans les billets :
---------------------------------------------------- */
.petit {
	font-size:0.9em;
	}
.center {
	text-align : center;
	}
.right {
	text-align : right;
}
.left {
	text-align : left;
}

/**
/* voir aussi dans le repertoire themes/kit/zegoodies/css
des styles tout prets pour etre utilises avec :
- le plugin Pagination,
- le plugin Table des matieres,
- le plugin Related
- une barre de navigation horizontale,
- des liens page precedente / suivante
- une ligne de description du blog.
*/
/*---- Sondage ----*/
#poll {
	font-size:0.9em;
	display:block;
	margin-bottom:2em;
}
.sidebar p.poll_reponse {
	margin-bottom: 0;
}
.sidebar div.poll_bar_ext {
	margin: 0;
	padding: 0;
	background: #eee;

	width: 100px;
	height: 10px;
	text-align: left;
	border: 1px solid #996633;
}
.sidebar div.poll_bar_int {
	margin: 0;
	padding: 0;
	border: none;
	background: none;

	height: 10px;
	background-color: #996633;
}