/* ***** 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/page.png") fixed repeat-x 30px;
	color: #FFFFFF;
	font-size: 90%;
	padding: 1em;
	line-height: 1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", 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;
}
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 #000000;
	-moz-border-radius: 0.25em;
}
textarea {
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
	color: #EEEEEE;
	text-decoration: none;
}
a:hover {
	color: #E1C027;
}
.left {
	float: left;
	margin-right: 1em;
}
.right {
	float: right;
	margin-left: 1em;
}
/* La page-------------------------------------------------------- */
#page {
	background: #CCDCE7;
	border: 3px solid #666666;
	-moz-border-radius: 2em;
	padding: 1em;
}
/* L'entête-------------------------------------------------------- */
#top {
	background: #DBD39A;
	height: 60px;
	border: 3px solid #FFFFFF;
	-moz-border-radius: 2em;
	padding: 10px;
	margin: 1em;
	-moz-opacity: 0.8;
}

#top a {
	color: #FFFFFF;
	font-size: 55px;
	letter-spacing: 3px;
}
/* Le contenu-------------------------------------------------------- */
.day-date {
	padding: 0.25em;
	margin-left: -2em;
	background: #000000;
	font-style: oblique;
	border: 2px solid #FFFFFF;
	-moz-border-radius: 0.5em;
	width: 30%;
}
.post {
	border: 2px solid #FFFFFF;
	-moz-border-radius: 1.2em;
	padding: 0.25em;
	background: #99B9C9;
	-moz-opacity: 0.5;
}

.post-title {
	margin-bottom: 0;
}
.post-info {
	margin-top: 0;
	color: #EEEEEE;
	padding-bottom: 1ex;
	font-style: oblique;
	padding-left: -10px;
	font-size: 10px;
}
.post-info a {
	color: #EEEEEE;
	font-weight: bold;
}
.post-content {
	text-align: justify;
}
.post-content p:first-letter {
	font-size: 1.5em;
}
.post-content blockquote {
	font-family: Georgia, serif;
	font-style: italic;
}
.post-info-co {
	text-align: right;
}
#trackbacks blockquote, #comments blockquote {
	border: 1px solid #FFFFFF;
	margin: 1em 0;
	padding: 5px;
	-moz-border-radius: 1em;
}
/* La barre de navigation-------------------------------------------------------- */
#sidebar div {
	text-transform: capitalize;
	background: #494949;
	border: 2px solid #FFFFFF;
	-moz-border-radius: 1em;
	margin: 1em 0.5em 0 0;
	color: inherit;
	-moz-opacity: 0.7;
}

#sidebar div ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar h2, #sidebar h3 {
	color: #99B9C9;
	margin: 0;
}
#sidebar h3 {
	font-size: 1em;
	margin: 0;
}
#sidebar div#search {
	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 table {
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}
#sidebar div#calendar table caption {
	margin: 0 auto;
}
#sidebar div#calendar table th {
	color: #FFFFFF;
	background: transparent;
}
#sidebar div#calendar table td {
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
	background: #99B9C9;
}
#sidebar div#calendar table td a {
	display: block;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #99B9C9;
	font-weight: bold;
	text-decoration: none;
}
#sidebar div#calendar table td a:hover {
	background: #000000;
	color: #FFFFFF;
}
/* Le pied de page-------------------------------------------------------- */
#footer {
	margin-left: 33%;
	padding: 0.5em;
	color: #EEEEEE;
	background: #A5A5A5;
	border: 3px solid #FFFFFF;
	-moz-border-radius: 1em;
	width: 63%;
	-moz-opacity: 0.3;
}
#footer:hover {
	-moz-opacity: 1;
}
a img {
	border: none;
}
/* Ces lignes de codes permettent que le survol de la souris revelent les blocs transparents */
#top:hover {
  -moz-opacity: 1;
}
#footer:hover {
	-moz-opacity: 1;
}
.post:hover {
  -moz-opacity: 1;
}
#sidebar div:hover {
	-moz-opacity: 1;
}