/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2006 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 *****
 /* Feuille de style vierge comportant les principales balises d'un 
 blog realise avec dotclear - Etablie par Kozlika pour la dcTeam
 le 7 janvier 2007. */


/* signature de votre oeuvre, couleurs employées, etc. */




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

html, body{
	margin: 0;
	padding: 0;
	text-align: center;
}

#hautgauche, #hautdroit {
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
    font-size:1px;
    /* correction d'un bug IE */
  }

/* propriétés spécifiques à chaque coin */

#hautgauche {
    background: url(img/hautgauche.jpg);
}


#hautdroit {
    float: right;
    background: url(img/hautdroit.jpg);
}

#page {
	width: 90%;
        margin: 5em auto 4em auto;
	text-align: left;
}

#top h1 {
	margin: 0;
	height: 78px;
        position: relative;
        bottom: 50px;
        text-align: center;
}

#prelude {
	position: absolute;
	width: 780px;
	top: 7px;
	left: 50%;
	margin: 0 0 0 -390px;
	padding: 0 1ex;
	text-align: center;

}

#ouverture {
	margin: 0 0 30px 0;
        border-bottom: 1px solid #888;
}

#main {
	width : 100%;
	margin : -4em -300px 0 0;
	padding : 0;
	float : left;
}

#content {
	padding : 0;
	margin : 0 260px 0 20px; /* 240px a gauche : cette valeur + margin et padding lateraux 
    ne doivent pas exceder la marge negative appliquee a #main */
}

#sidebar {
	float: right;
	width: 240px;
	padding-bottom: 4em;
}

#sidebar div {
	margin: 0 5px;
	padding: 1ex 1em;
}

#footer {
	padding: 1ex 1em 1ex 1em;
	margin : -2% 0;
	clear: both;
}

/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {
    color: #000;
    font-size: .83em;
    font-family: Arial, Helvetica, sans-serif;
    background: url(img/fondforet.jpg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", sans-serif;
}

h1 {font-size: 2em; font-style: italic;}
h2 {
    font-size: 2em;
    text-align: center;
    font-variant: small-caps;
}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

img {border: 0;}
sup {
    line-height: 50%;
    font-size: 80%;
}

fieldset {border: none;}
label {cursor: pointer;}

a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
a:visited {color: #663;}
a:hover {
    color: #FFDE39;
    background-color: #999;
}
a img {background: transparent;}
 
code, pre {font-size: 1.2em;}
pre {
    width: 100%;
    overflow: auto;
    border: 1px solid #CCC;
}
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {
    color: inherit;
    background: url(img/page.jpg);
}

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

#top h1 {
    margin: 0; 
    background: transparent url(img/banniere.png) no-repeat top center; 
    /*padding-top: 1em;*/
}
#top h1 a, #top h1 a:visited {
    padding: 1em; 
    color: #fff; 
    display: block; 
    text-decoration: none;
}
#top h1 a:hover {background: transparent;}
#prelude {
    background: transparent;
    color: #DFDFDF;
}
#prelude a {
    color: #DFDFDF;
    background: transparent;
}
#prelude a:hover {
    color: #fff;
    background: transparent;
}

/* ------------------------------------------------------------
	5. BILLETS
------------------------------------------------------------- */

#ouverture p {
    text-align: justify;
}

.post {margin-bottom: 4em;}

.day-date {
    background : transparent url(img/day-date.png) no-repeat left center;
    font : italic bold 1.25em "Trebuchet MS", Verdana, sans-serif;
    padding-left : 20px;
    margin-left : -20px;
    color : #747474;
}
.post-title {
    color: #028F00;
    background: transparent;
    margin-bottom: 0;
}
.post-title a {
    color: #028F00;
    background: transparent;
    text-decoration: none;
}
.post-info {
    margin-top: 0;
    color: #028F00;
    background: transparent;
    margin-bottom: 0;
}
.post-info a {
color: #028F00;
    background: transparent;
    text-decoration: none;
}
.deux {
    text-align: right;
    margin-top: 0;
    padding-top: 0;
}

.post-content {text-align: justify;}
.post-content blockquote {
    font-family: Georgia, serif;
    border-left: 3px solid #36f;
    padding: 0 .5em;
    background: #eee;
    font-style: italic;
}

.post-info-co {text-align: right;}


/* ------------------------------------------------------------
	6. COMMENTAIRES, TRACKBACKS
------------------------------------------------------------- */

#trackbacks blockquote, #comments blockquote {
    border: 1px solid #EEE;
    margin: 1em 0;
    padding: 1ex 1em;
}

.field label {
    font-weight: bold;}

#comment-form .field {
    text-align: right;
    width: 400px;
}

.c_content {
    font-weight: bold;
}

textarea#c_content {
    width: 90%;
}

.gravatar_img {
    float: right;
    padding-right: 1em;
    position: relative;
    bottom: 12px;
  }

/* ------------------------------------------------------------
	7. SIDEBAR
------------------------------------------------------------- */

#sidebar div {
    border-bottom: 1px solid #F0F0F0;
    color: inherit;
}


#sidebar h2, #sidebar h3 {
    font-variant: normal;
}
#sidebar h2 {
    color: #555;
    background: #fff;
    padding: 5px 0;
    margin: 0 -10px 1ex -10px;
    font-size: 1.3em;
    font-family: Apoplex, Journal, Courier, monospace;
    -moz-border-radius: 8px;
}
#sidebar h2 a {
    color: #555;
    font-weight: bold;
}
#sidebar h2 a:hover{
    color: #FFDE39;
    background: #aaa;
}
#sidebar h3 {
    font-size: 1em;
    margin: 0 0 .5ex 0;
    text-align:center;
    color: #444;
  }
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar a {
    font-weight: normal;
}

#extrabox p {text-align: justify;}

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

#sidebar div#calendar table {
    font-size: 0.8em;
    text-align: center;
    margin: 0 auto;
}
#sidebar div#calendar table caption {margin: 0 auto;}
#sidebar div#calendar table th {
    color: #493;
    background: transparent;
}
#sidebar div#calendar table td {
    width: 14%;
    line-height: 2em;
    background: #F2FFE4;
    -moz-border-radius: 5px;
    padding:0;
}
#sidebar div#calendar table td a {
    display: block;
    margin: 0;
    background: #6C0;
    -moz-border-radius: 5px;
    color: #000;
    font-weight: bold;
}
#sidebar div#calendar table td a:hover {
    background: #ddd;
    color: #636;
    font-weight: bold;
}

/* ------------------------------------------------------------
	8. FOOTER
------------------------------------------------------------- */

#footer {
    margin: 0;
    padding: 1em;
    border-top: 1px solid #CCC;
    background: #EEE;
    color: #666;
}


#footer a {
    color: #999;
}

#footer img {
    position: relative;
    top: 3px;
}

/* ------------------------------------------------------------
	9. CLASSES COMMUNES
------------------------------------------------------------- */

.left {
    float: left;
    margin-right: 1em;
}
.right {
    float: right;
    margin-left: 1em;
}

img.smiley {
    margin-top: -1em;
    position: relative;
    top: 3px;
}



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