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

 */



/* Ce fichier définit le style visuel pour les différents éléments du blog.

 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:

 * - les éléments HTML en général

 * - la page

 * - l'entête

 * - le prélude

 * - le contenu

 * - la barre de navigation

 * - le pied de page

 *

 * L'agengement des blocs est défini dans le fichier layout.css

 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 

 * layout-gauche.css

 */



@import "layout.css";

/* @import "layout-gauche.css"; */

 

/* Les éléments HTML en général

-------------------------------------------------------- */

body{

	background: #FFFFFF url(img/top.jpg) repeat-x left top;

	color: #000;

	font-size: 75%;

	line-height: 1.5em;

	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

}



p { margin : 1em 0; }

img { border : none; }



h1, h2, h3, h4, h5, h6{

	font-family: "Trebuchet MS", sans-serif;

}



h1{font-size: 1.3em;}

h2{font-size: 1.2em;}

h3{font-size: 1.1em;}

h4{font-size: 1.1em;}

h5{font-size: 1em;}

h6{font-size: 1em;}



pre, code{

	font-size: 1.2em;

}



pre{

	width: 100%;

	overflow: auto;

	border: 1px solid #CCC;

}



fieldset{

	border: none;

}



label{

	cursor: pointer;

	cursor: hand;

}



.field label{

	display: block;

}



input,textarea{

	border: 1px solid #999;

}



textarea{

	width: 100%;

	font-size: 1em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



a{

	color: #808080;

}



a:hover{

	color: #404040;

}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}



/* La page

-------------------------------------------------------- */

#page{

	background: transparent repeat-y left top;

	color: inherit;

}

 

/* L'entête

-------------------------------------------------------- */

#top{

	height: 100px;

	/*padding-top: 20px;*/

	background: transparent;

}



#top h1{

	position: absolute;

	height: 80px;

	line-height: 20px;

	margin: 0 0 0 10px;

	padding-top: 0px;

	color: #AA2239;

}



#top h1 a{

	text-decoration: none;

	color: #AA2239;

}



/* Le contenu

-------------------------------------------------------- */

.day-date{

	padding-left: 20px;

	margin-left: -25px;

	color: #888;

	background: transparent url(img/day-date.png) no-repeat left center;

	font-style: italic;

}



.post-title{

	color: #4048AA;

	background: transparent;

	margin-bottom: 0;

}



.post-title a{

	color: #4048AA;

	background: transparent;

	text-decoration: none;

}



.post-info{

	margin-top: 0;

	color: #4048AA;

	background: transparent;

	text-decoration: none;

	padding-bottom: 1ex;

	/*border-bottom: 1px solid #FC0;*/

}



.post-info a{

	color: #FA0;

	background: transparent;

	text-decoration: none;

}



.post-chapo{

	text-align: left;

	font-weight: bold;

}



.post-content{

	text-align: left;

}



.post-content blockquote{

	font-family: Georgia, serif;

	font-style: italic;

}



.post-info-co{

	text-align: right;

}



#trackbacks blockquote, #comments blockquote{

	border: 1px solid #EEE;

	margin: 1em 0;

	padding: 1ex 1em;

}



/* La barre de navigation

-------------------------------------------------------- */

#sidebar div{

	color: inherit;

}



#sidebar div ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar h2, #sidebar h3{

	color: #507D6C;

	margin: 0 0 1ex 0;

}



#sidebar h3{

	font-size: 1em;

	margin: 0;

}



#sidebar div#search{

	background: transparent;

	color: inherit;

	line-height: 2.3em;

}



#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{

	/*border-top: 1px solid #F0F0F0;*/

}



#sidebar div#calendar table{

	font-size: 0.9em;

	text-align: center;

	margin: 0 left;

	border-collapse: collapse;

}



#sidebar div#calendar table caption{

	margin: 0 left;

}



#sidebar div#calendar table th{

	color: #C85A1E;

	background: transparent;

}



#sidebar div#calendar table td{

	width: 14%;

	line-height: 2em;

	border: 1px solid #EEE;

}



#sidebar div#calendar table td a{

	display: block;

	background: #E1F1E1;

	color: #507D6C;

	font-weight: bold;

	text-decoration: none;

}



#sidebar div#calendar table td a:hover{

	background: #FCE1D2;

	color: #C85A1E;

}



/* Le pied de page

-------------------------------------------------------- */

#footer{

	margin: 0;

	padding: 1em;

	border-top: 1px solid #CCC;

	background: #EEE;

	color: #666;

}



#footer a{

	color: #999;

}