/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of Dotclear.
 * Copyright (c) 2004-2007 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 ***** */
 
 /*
 Organisation de la presente feuille de style:
 1. Structure de la page (body, page, top, main, sidebar, footer)
 2. Mise en forme des balises XHTML standard
 3. Page
 4. Haut de page (top et prelude)
 5. Main et content
 6. Billets
 7. Les commentaires et trackbacks
 8. Le menu lateral (sidebar)
 9. Footer
 10. Classes communes
 11. Clearers

/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nommé layout.css)
------------------------------------------------------------------ */
@import url(layout.css);

/* ---------------------------------------------------------------
        2. BALISES HTML
--------------------------------------------------------------- */

body {
	font-size: 80%;
	background: #FFF0DF url("./images/background.png");
	color:#222;
	font-family:"Lucida Grande", optima, "Trebuchet MS", sans-serif;
}
 
h1 { font-size: 2em; }
h2 { font-size: 1.33em; margin: 2em 0 1em 0; color: #5390A6; }
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: 1em 0 0 0; }
img { border: none; }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a { text-decoration: none; }
a:link { color:#5390A6; }
a:visited { color:#5390A6; }
a:hover {
	color:#73C7E5;
}
a:focus {
	color:#73C7E5;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #666;
	background: transparent;
}
a img { }
 
code, pre {
    font-family: "Courier New",monospace; 
    font-size: 1.1em;
    color: #66c;
}
pre {
	background: #f5f5f5;
	border: 1px solid #1998B5;
	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 */
}
 
hr { }

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {	
	background: url("./images/global.jpg") repeat-y;
	text-align: left;
}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */
#anim
{
	position: absolute;
	top: 0;
}

#top {
	background: url("./images/header.jpg");
	height: 160px;
	overflow: hidden;
}
#top h1 { }
#top h1 a {
	display: block;
	position: absolute;
	top: -200px;
	height: 360px;
	width: 770px;
}
#prelude { color:#fff; }
#prelude a { color:#fff; }


/* ------------------------------------------------------------
	5. MAIN CONTENT
------------------------------------------------------------- */

#main {
	background: url("./images/main.jpg") no-repeat top left;
}
#content h3{
	background: url("./images/h3.gif") no-repeat top left;
	color: #7D0A08;
	padding: 0.3em;
	margin: 10px 0 -20px 0;
	height: 40px;
}

/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post { }
.post h3, .post h4, .post h5, .post h6 {
	}
.post h3 {
	font-weight: bold;
}
.post blockquote {
	margin:2em;
	padding:0 2em 0 1em;
	border-left: 4px solid #ddd;
	}
.post img { }

.day-date {
	background: url("./images/h2.gif") no-repeat top center;
	height: 40px;
	margin: 10px 0 -20px 0;
	padding-top: 0.8em;
	color: #7D0A08;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
}
.post-title { 
	background: url("./images/h3.gif") no-repeat top left;
	padding-top: 0.2em;
	padding-left: 10px;;
	margin: 10px 0 -15px 0;
	height: 40px;
}
.post-info {
	margin: 0 10px;
	color: #7D0A08;
	text-align: right;
}
.post-chapo {
	margin: 1em 0;
	text-align: justify;
	}
.post-content {
	text-align: justify;
	margin-top: 0.5em;
	}
.post-content p, .post-chapo p {
	margin-top: 1em;
	line-height: 140%;
	margin-right: 10px;
	padding: 0 10px;
	}

.footnotes {
	font-size:0.9em;
	}
.footnotes, .footnotes p {
	margin-top: 1em; text-indent: 0;
	}
.footnotes h4 { }

.post-info-co {
	margin-bottom:2em;
	margin-top:0.5em;
	}

/* ------------------------------------------------------------
	7. COMMENTAIRES, TRACKBACKS
------------------------------------------------------------- */

#comments { }
#trackbacks { border-top: 1px dotted #98cd14; }
#comment-preview { }
#comment-form { }

#comments p {
	margin-right: 10px;
	padding: 0 10px;
	}
#comments blockquote { margin: 0.5em 2em; }
.comment-info { margin: 1.5em 0 0.5em 0; }
.comment-number { }

#trackbacks p { }
#trackbacks blockquote { margin: 0.5em 2em; }

#comment-form fieldset {
	display: block;
	border: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#comment-form fieldset p { margin-bottom: 1em; }
.field { margin: 1em 0 0 0; }
.field label {
	display: block;
	width: 10em;
	float: left;
	color: #7D0A08;
}
.field input, .field textarea, .field select, #q {
	background: #FFF2E0;
	color: #000;
	font-size: 1em;
	border: none;
}

.field texarea { }

#c_nom { }
#c_mail { }
#c_site { margin-bottom: 1em; }
#c_content {
	font-family:"Lucida Grande", optima, "Trebuchet MS", sans-serif;
}
#c_remember { }

.form-help { }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar {}

#sidebar h2 {
	background: url("./images/h2.gif") no-repeat;
	font-family:Georgia, serif;
	font-size: 1.33em;
	padding: 0.5em;
	margin: 10px 0 -20px 0;
	height: 40px;
	color: #7D0A08;
}
#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:none;
	margin: 0 0 1em 1em;
	padding:0;
}
#sidebar ul li {
	margin:0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
}

/* boites du sidebar livrees avec Dotclear */
#calendar {
	margin:0 0 1em 0;
	width: 180px;
}
#calendar table {
	background-color: #FFF2E0;
	margin: 0;
	width: 180px;
	border-collapse: collapse;
	font-size: x-small;
}
#calendar caption { /*nom des mois*/
	background-color: #FFF2E0;
	margin: 0;
	margin-top: -10px;
}
#calendar abbr {
	color: #7D0A08;
} /* nom des jours */
#calendar th, #calendar td { /* th: cellules d'entete vertical (jours) - td: cellules */
	border: none;
	text-align: center;
}
#calendar td.active{ /* cellules du jour actif */
	font-weight: bold;
	border: solid 1px #7D0A08;
	}
#calendar td.active a {
	color: #7D0A08;
	}
#calendar td a { }

#search { }
#search form { }

#search .field {
	margin: -10px 0 0 0;
}

#selection { }
#languages { }
#categories { }
#archives { }
#links { }
#syndicate { }

/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer {
	background: url("./images/footer.jpg") no-repeat bottom left;
}

#footer a {
	color: #7D0A08;
}



/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* messages d'erreur */
.error { }
.error ul { }
.error li { }
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/* ---------------------------------------------------
  11. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, 
.post-info-co, #trackbacks, #footer {
    clear:both;
    }