/* ***** 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)
 Auteur : Kozlika http://www.kozlika.org/ pour Dotclear
 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 : 76%;
    margin : 0;
    padding : 0;
    text-align : center; /* indispensable pour qu'Internet Explorer centre la page dans la fen�tre */
    background : #fff;
	color:#222;
    font-family:"Lucida Grande", optima, "Trebuchet MS", sans-serif;
		}
#page {
	width : 100%;
	margin : 0 auto 20px auto;
	padding : 0;
    background : #fff;
	text-align : left;
    }
#top {
	margin : 0;
	padding : 0;
	text-align : center;
	border-bottom : 0px dashed #686868;
    }
#main {
	width : 100%;
	margin : 0 0 0 -270px;
	padding : 0;
	float : right;
	background : #fff;
    }
#content {
	padding : 1px 40px 1em 20px;
	margin : 20px 0 0 160px; /* 240px � gauche : cette valeur + margin et padding lateraux 
    ne doivent pas exceder la marge negative appliquee a #main */
    text-indent: 15px;}
#footer {
	background : #F8F6EF;
	margin : 0;
	clear : both;
	text-align:center;
	line-height:100%;
	padding : 0px 30px;
	border-top : 0px solid #000;
}
#sidebar {
    width : 120px;
    float : left;
    margin : 5px 0 0 0; /* meme marge haute que sur #content pour alignement */
    padding : 0 20px 640px 20px;
    border-right : 1px dotted #686868;
    font-size:0.9em;
 	color:#54585A;
    line-height:120%;
}


/* ==============================================================
        2. BALISES HTML
/*  ============================================================= */

h1 { font-size : 2em; }
h2 { font-size : 1.15em; margin : 0; }
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 : 0em 0em 0 0em; 
}

img { border : none; }

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

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

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

pre {
	background : #f5f5f5;
	border : 1px solid #A71602;
	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:#000; 
    }
a:visited {
    color:#000; 
    }
a:hover, a:focus {
    color:#00458B; 
    background:#fff;
    }
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
    }

/* ********** Regles specifiques ************* */

/* pour #top h1 a et top h1 a:hover tout est regroupe dans la partie 4 suivante */
#prelude a {
    color:#000;
    }
.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 : 117px;
	font-size : 0px;
	}
#top h1 a, #top h1 a:hover {
	display : block;
	height : 0px;
	padding : 120px 0 0px 0px;
	background : #000 url(images/top.jpg) no-repeat top left;
	color : #F8F6EF;
	}

 #navcontainer ul
{
text-align: right;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #F8F6EF;
color: white;
width: 100%;
font-family: "Trebuchet MS", sans-serif;
font-style: italic;
line-height: 12px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 2px;
color: #0067C6;
text-decoration: none;
border-right: 0px solid #fff;
line-height : 1em;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: black;
}

#navcontainer #active { border-left: 0px solid #fff; 
}
#prelude {
    color:#fff;
    text-align:left;
    	background : #E5E6E6;
    margin : 0;
    padding : 0 0 0 3em;
    }


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

.post {
   
    margin-bottom : 0em;
        }
.day-date {
    display:none;
    }
.post-title {
    border : 1px dotted #0067C6;
	background :#F8F6EF;
	font-weight : normal;
   	padding : 5px 0px 5px 25px;
	}
.post h3, .post h4, .post h5, .post h6 {
    font-weight : normal;
    color : #666;
    margin-top : 2em;
    text-transform : uppercase;
    text-align : left;
  	}
.post-info {
    margin : 0.25em 1em;
    color : #999;
    padding-left : 10px;
    }

.post-chapo {
    margin : 2em 0;
    text-align : justify;
   
	}
.post-content {
   text-indent: 0px;
	margin-top : 1em;
	text-align : justify;
    }
.post-content p, .post-chapo p {
    margin-top : 0.4em;
    text-indent: 18px;
	text-align : justify;
	line-height: 150%;
	}
.post-info-co {
    margin-bottom:1em;
    margin-top:0.5em;
    font-size : 80%;}
.post blockquote {
    margin:1,7em;
    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 : 2em 0;
    }
.footnotes {
    font-size:0.9em;
    }
.footnotes, .footnotes p {
    margin-top : 1em; text-indent : 0;
    }

/* =================================================================
        6. COMMENTAIRES, TRACKBACKS
            (voir aussi formulaires en 8)
/* ============================================================= */

#trackbacks, #comments, #comment-preview {
    }
#trackbacks {
    border-top : 2px dotted #ddd;
    background : ;
    }
#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:"Tahoma", sans-serif;
    font-weight : normal;
	font-size : 1.2em;
    margin-top:1.5em;
    margin-bottom:0.5em;
    color : #00458B;
    }
#sidebar h3 {
    font-family:"Trebuchet MS", sans-serif;
    font-weight : normal;
    margin-top: 0.5em;
    margin-bottom:0.33em;
	line-height: 16px;
    color : #000;
    font-size : 1.2em;
    Font-variant: small-caps;}
#sidebar ul {
    list-style:none;
    margin : 0 0 1em 0.66em;
    padding:0;
    }
#sidebar li a {
      padding-left : 10px;
      background : transparent url(images/fleche.png) no-repeat 0 0.4em;
      
	  }
      #sidebar li a:hover {
      background : transparent url(images/fleche2.png) no-repeat 0 0.5em;
      
	  }
#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;
}
.catOeuvre a {
    
}
.ploufOeuvre {
    display : none;
}
.ploufBio-bibllio-graphie {
    display : none;
}
.ploufReperes-biographiques {
	display : none;
}
.ploufRessources {
	display : none;
}
.ploufEchanges {
	display : none;
}
.ploufLitterature {
	display : none;
}
.ploufPhotographie {
	display : none;
}
.ploufVideo{
	display : none;
}
.ploufEntretiens {
	display : none;
}
.ploufArticles {
	display : none;
}
.ploufBibliographie {
	display : none;
}
.ploufGuibert-lu-par-d-autres-voix{
	display : none;
}
.ploufLa-voix-de-guibert{
	display : none;
}
.ploufWeb {
	display : none;
}
.ploufLes-ecrivains-parlent-d-herve-guibert{
	display : none;
}
	
.suite { font-size:0.8em ;
	
}
.commentaire { 
	font-size: 1em;
}
#ouverture {
	margin: 0;
}
.apropos p {
font-size: 1em;
}

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