/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay 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 *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

@import "layout.css";
 
/* Les elements HTML en general
-------------------------------------------------------- */
body{
	/* couleur du texte par defaut : un gris soutenu */
	background-color: #777777;
	/* couleur du texte par defaut : un gris moins soutenu */
	color: #333333;
	font-size: 85%;
	line-height: 1.4em;
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}
h7{font-size: 0.9em;}
h8{font-size: 0.8em;}
h9{font-size: 0.7em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
}

/* couleur par defaut des liens non encore vus */
a{
	color: #666666;
}

/* couleur par defaut des liens dejà vus */
a:visited{
	color: #666666;
}

/* couleur par defaut des liens quand la souris les survole */
a:hover{
	color: #C3364D;
}

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

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

/* La page
-------------------------------------------------------- */
#page{
	/* couleur de fond de la page : gris clair */
	background: #DFDFDF;
	color: inherit;
	/* centrer le contenu */
	margin: 0 auto;
}
 
/* L'entête
-------------------------------------------------------- */
#haut * {
	/* le texte est blanc */
	color: #ffffff;
	/* les liens ne sont pas soulignes */
	text-decoration: none;
}

#haut{
	/* 100 pixels de haut pour le bandeau */
	height: 100px;
	/* le logo en image de fond, à gauche, à 40 pixels du bord */
	background: #C3364D url(img/Logo_ps.gif) no-repeat 40px center ;
}

/* definition du texte principal du bandeau */
#haut h1{
	/* police 2,5 fois plus grande que la police normale */
	font-size: 2.5em;
	/* la ligne fait 40 pixels de haut */
	line-height: 40px;
	/* la ligne est à 15 pixels du bloc au-dessus d'elle */
	padding-top: 15px;
	padding-left: 50px;
}

/* definition du texte secondaire du bandeau */
#haut h1 h2{
	/* la ligne fait 10 pixels de haut */
	line-height: 10px;
	/* la ligne est à 15 pixels du bloc au-dessus d'elle */
	padding-top: 15px;
	/* police 2 fois plus petite que la police normale */
	font-size: 0.5em;
}

/* Le contenu
-------------------------------------------------------- */
.post
{
	clear:both;
	margin:0 0 10px 0;
}

.day-date{
	margin: 0;
	font-weight: bold;
	text-transform: capitalize;
}

.post p {
	clear:both;
}

.post-date{
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
}

.post-group-title {
	color: #777777;
	margin: 0px;
	padding: 0 0 0 8px;
	border-left: 5px solid #777777;
}

.post-ligne{
	margin: 0px;
	border-top: 1px dotted #777777;
}

.post-title{
	background: transparent;
	margin: 5px 0 0 0;
}

.post-title a{
	color: #777777;
	background: transparent;
	text-decoration: none;
}

.post-info{
	margin-top: 0px;
	color: #FA0;
	background: transparent;
	padding-bottom: 1ex;
}

.post-info a{
	color: #FA0;
	background: transparent;
	text-decoration: none;
}

.post-resume{
	margin: 8px 0 0 0;
	padding: 0px;
	font-size: 0.9em;
}

.post-content{
	margin: 5px 0 0 0;
 	font-size: 0.9em;
}

.post-chapo{
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-suite{
	text-align: right;
	font-size: 0.7em;
	margin: 0;
	padding: 0 0 2px 0;

}

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

/* La colonne de gauche
-------------------------------------------------------- */
#colonne-gauche div{
	/* on laisse 5 pixels en haut de la colonne */
	padding-top: 5px;
	color: inherit;
}

/* definition des listes */
#colonne-gauche div ul{
	/* aucune marge */
	margin: 0;
	/* on laisse un espace à gauche de 25 pixels à l'interieur de la colonne */
	padding-left: 25px;
	/* la police est un peu plus petite que la police normale */
	font-size: 0.8em;
}

/* definitions globales des textes de type h2,h3 et h4 */
#colonne-gauche h2,
#colonne-gauche h3,
#colonne-gauche h4{
	/* texte ecrit en rouge */
	color: #C3364D;
	/*  pas de marge */
	margin: 0;
	/* 15 pixels devant les textes */
	padding-left: 15px;
}

/* definition plus precise du texte de type h3 */
#colonne-gauche h3{
	/* un peu plus petit que la police normale */
	font-size: 0.9em;
	/* le texte est precede d'un petite fleche stylisee noire */
	background: transparent url(img/fleche_noire.png) no-repeat center left;
}

#colonne-gauche h4{
	/* ni gras, ni italique... */
	font-weight: normal;
	/* un peu plus petit que la police normale */
	font-size: 0.9em;
}

/* definition de la boite de recherche */
#colonne-gauche div#search{
	color: inherit;
	/* hauteur de ligne 2,3 fois la taille de la police normale */
	line-height: 2.3em;
}

/* definition des elements de recherche */
#colonne-gauche div#search fieldset,
#colonne-gauche div#search p{
	margin: 0;
	padding: 0;
	line-height: 5px;
}

#q{
	padding-left: 18px;
	/* une loupe dans la boite de recherche */
	background: url(img/q.png) no-repeat 4px center;
	font-size: 0.9em;
}


/* La colonne de droite
-------------------------------------------------------- */
/* definition globale */
#colonne-droite div{
	/* on laisse 5 pixels en haut de la colonne */
	padding-top: 5px;
	color: inherit;
}

/* definition des listes */
#colonne-droite div ul{
	/* aucune marge */
	margin: 0;
	/* on laisse un espace à gauche de 15 pixels à l'interieur de la colonne */
	padding-left: 15px;
	/* la police est un peu plus petite que la police normale */
	font-size: 0.8em;
}

/* definitions globales des textes de type h2 et h3 */
#colonne-droite h2,
#colonne-droite h3{
	/*  pas de marge */
	margin: 0;
	/* texte ecrit en rouge */
	color: #C3364D;
}

#colonne-droite h3{
	font-size: 0.8em;
	margin: 0;
}

/* au cas on ajouterait un calendrier */
#colonne-droite div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#colonne-droite div#calendar table{
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#colonne-droite div#calendar table caption{
	margin: 0 auto;
}

#colonne-droite div#calendar table th{
	color: #493;
	background: transparent;
}

#colonne-droite div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#colonne-droite div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#colonne-droite div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

/* Le bas de page
-------------------------------------------------------- */
#bas{
	/* un bord fin en pointilles gris fonce */
	border-top: 1px dotted #777777;
	/* pas de marge */
	margin: 0;
	/* 2 pixels a l'interieur du bloc (marge interieure)*/
	padding: 2px 5px 5px 0;
	/* le fond blanc */
	background: #ffffff;
	/* police un peu plus petite que la normale */
	font-size: 0.8em;
	/* texte cale a droite */
	text-align: right;
}

.liste-contact {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.liste-contact .liste-element {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #777777;
	margin: 0 0 5px -10px;
	line-height: 1.2em;
}

.liste-contact .liste-element .liste-titre {
	margin: 0px;
	padding: 0px;
}
.liste-contact .liste-element .liste-detail {
	margin: 0;
	padding:0;
	line-height: 1.5em;
}

.pagenav {
	font: 0.9em;
}

p.pagenav a {
	text-decoration: none;
}