/* ***** 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 { 
	background: url('img/fond3.jpg');
	font-family: "Verdana";
	font-size: 12px;
	color: #89837c;
	margin:0;
	
	}
	
HTML {

	margin: 0;

	overflow:auto;

	border: none;

}



h2 { 
	color: #89837c;
	padding:0; 	margin: 10px;
	text-transform: uppercase;
	font-family: "Verdana";
	font-size: 20px; 
	}
	
	
input { background: #fbded9; }

a, a:link , a:visited , a:focus{ 

text-decoration: none;
	
	color: #6699cc;
	font-weight: bold;
	}
	
a:hover { 
	/* --#EEB5AA------------- rose dégueu ------------------------------------ */
	color: #6699cc;
	text-decoration: underline ;

	}

	
a img { 
	border: none;
	margin: 0;
	padding: 0;
	}
 
code, pre { 
	font-family: "Courier New",monospace;
	font-size: 1em;
	}
pre {
	background: #f7f7f7;
	margin: 0 auto;
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: left;
	white-space: normal;
	border: 1px solid #ccc;
	/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne \*/ 

	width: 80%;
	overflow: auto;
	/* Fin hack Ne pas supprimer cette ligne */ }

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

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

#top { background: url(img/header.jpg) transparent no-repeat;}
#top h1 { 
	padding-left: 330px; 
	padding-top: 275px;
	font-size: 190%;
	height: 0px;
	}

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

#main { }
#content { }

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

.post { padding-top: 20px;}

.day-date { }
.post-title, .post-title a {
	font-size: 22px;
	text-transform: uppercase;
	color: #EEB5AA;
	padding:0; 	margin: 0;
	text-decoration: none;
	font-family: Calibri ;/* Times, "Times New Roman", Times, serif; */
	}

.post-title a:hover{
	background: url(img/pattern.jpg);
	color: #89837c;
	}
	
.post-info {
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	}

.post-content { padding-bottom: 50px; }

.post-info-co {
	padding: 0; margin: 0;
	font-size: 10px;
	color: #F6BDB2;
	}

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

.comment-form { 	width: 100%; }

.comments a { color:#89837c;}

.comments p { }
.comments blockquote {
	background: white;
	padding: 10px;
	margin: 0;
	border: 1px solid #fbded9;
	}
.comment-info { 
	background: #EEB5AA;
	padding: 0px;
	margin: 0;
	font-size:10px;
	font-style: italic;
	padding-left: 5px;
	margin-bottom: 10px;
	}

#comment-form fieldset { 
	border: none;
	text-align: justify;	
	}

.field label { 
	float: left;
	display: block;
	width: 150px;
	}
.field input { background: url(img/pattern2.jpg) repeat; }
.field textarea { background: url(img/pattern2.jpg) repeat; }

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

#sidebar {
	font-size: 100%;
	}

#sidebar h2{ 
	font-weight: bold;
	padding-top: 20px;
	font-size: 100%;
	text-transform: uppercase;
	}

#search form { padding:0;}
#search input[type=text] { background: #fbded9;} /* ou #search #q */
#search input[type=submit] { background: #fbded9;} /* ou #search .submit */

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

#footer { padding-bottom: 20px;}



/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */
	
/* 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;
    }