/* ***** 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 {
	color: #000;
	background: #2693d8 url(img/bg.png) repeat-x top left;
	font-size: 0.85em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
 
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; margin: 2em 0 1em 0; color: #98cd14; }
h3 { font-size: 1.3em; margin: 1.5em 0 0 0; }
h4 { font-size: 1.2em; margin: 1.5em 0 0 0; }
h5 { font-size: 1.1em; margin: 1.5em 0 0 0; }
h6 { font-size: 1em; 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:#0071bd; }
a:visited { color:#0071bd; }
a:hover {
	color:#666; 
	background:#f7f7f7;
}
a:focus {
	color:#666; 
	background:#f7f7f7;
}
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: #fff;
	text-align: left;
}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top {
/*	text-align: center;
	border-bottom: 2px solid #ACD546;
*/
	background:#105590 url(img/bg_banner.jpg) no-repeat top left;
	display: block;
}
#top h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   text-indent: 640px;
   line-height: 24px;
	font-size: 24px;
	padding-top: 3px;
}
#top h1 a {
	display: block;
	color: #fff;
}
#top h1 a:hover {
	background: none;
	color: #fff;
}
#top h1 a:focus {
	background: none;
	color: #fff;
}
#top #logo h1 a:visited {
	background: none;
	color: #fff;
}

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

#main { }
#content { }

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

.day-date {
	font-size: 1.2em;
	font-style: italic;
}
.post {
	border-bottom: 1px solid #ccc;
}
.post h3, .post h4, .post h5, .post h6 {
	font-weight: normal;
	color: #666;
	margin-top: 2em;
	text-transform: uppercase;
	text-align: left;
}
.post h3 {
	font-weight: bold;
	text-transform: none;
}
.post blockquote {
	margin: 2em;
	padding: 0 2em 0 1em;
	border-left: 4px solid #ddd;
}
.post img {
	padding: 2em 0;
}
.post-title {
/*	text-transform: uppercase; */
	color: #2161bd;
}
.post-title a {
	text-transform: none;
}
.post-info {
	margin: 0.25em 0;
	color: #777;
}
.post-chapo {
	margin: 1em 0;
	text-align: justify;
}
.post-content {
	text-align: justify;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.post-content p, .post-chapo p {
	margin-top: 1em;
	margin-bottom: 1em;
/*	line-height: 140%; */
}

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

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

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

#comments { }
#trackbacks { }
#comment-preview { }
#comment-form { }

h3#co { margin: 1em 0 2em 0; }
h3#tb { margin: 1em 0 2em 0; }

#comments p { }
#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;
	font-weight: bold;
	font-size: 0.85em;
	width: 12em;
	float: left;
	color: #666;
}
.field input, .field textarea, .field select, #q {
	background: #eff8fa;
	color: #000;
	font-size: 1em;
	border: 1px solid #bedde4;
}

.field texarea { width: 95%; }

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

.form-help { }


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

#sidebar {
	background-color: #deefff;
}
#sidebar h2 {
	background-color: #7be7ff;
	border-width: 0px 0px 1px 9px;
	border-style: solid;
	border-color: #2161bd;
	font-size: 1.33em;
	margin-top:1.5em;
	margin-bottom:0.5em;
	padding: 3px 5px 3px 5px;
	color: #2161bd;
}
#sidebar h3 {
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom:0.33em;
	color: #2161bd;
	font-size: 1.1em;
}
#sidebar ul {
	list-style:none;
	margin: 0 0 1em 0.66em;
	padding:0;
}
#sidebar ul li {
	margin:0;
	padding: 0;
}

/* boites du sidebar livrees avec Dotclear */
#sidebar div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}
#sidebar div#calendar table{
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}
#sidebar div#calendar table caption{
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	color: #2161bd;
}
#sidebar div#calendar table th{
	font-size: 14px;
	color: #2161bd;
	background: transparent;
}
#sidebar div#calendar table td{
	width: 14%;
	line-height: 20px;
	border: 1px solid #7be7ff;
	background: #fffffc;
}
#sidebar div#calendar table td a{
	display: block;
	background: #7be7ff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#sidebar div#calendar table td a:hover{
	background: yellow;
	color: red;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
}
#search fieldset, #search p{
	margin: 10px;
	padding: 0;
	text-align: center;
}
#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}

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

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

#footer {
	padding-top: 10px;
	background: #2192de;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	background: transparent;
	color: #000;
}
/* ------------------------------------------------------------
	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;
}