/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved. (c) 2006 MozillaZine-fr
 *
 * 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 *****
 *
 * Contributeurs :
 *   - Maurice Svay
 *   - Philippe Lagane
 * Personnalisation pour MozillaZine-fr :
 *   - Mozinet
 *   - Bruno Ethvignot
 */

/* 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'en-tête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 * - la navigation horizontale
 * - les style importés de MZ-fr
 *
 * L'agencement des blocs est défini dans le fichier layout.css
 */

@import "/blog/themes/default/layout.css";
@import "/blog/themes/default/billet.css";
/* -------------------------------------------------
* Inspiré du thème Red'Fluid réalisé par Philippe de http://blog.accessoweb.info/
---------------------------------------------------------------------------------------------------------------------------- */


/* Les éléments HTML en général
-------------------------------------------------------- */
a:link{
	color: #066;
}

a:visited{
	color: #636;
}

body{
	background: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, a:link, a:visited{
	font-weight: bold;
}

h1{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h2, h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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

dl dt {
	margin-top:1em;
	font-weight:bold;
}

fieldset, img{
	border: none;
}

/*label{
	cursor: pointer;
} quel intérêt ?*/

.field label{
	display: block;
}

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

textarea{
	width: 90%;
	font-size: 1em;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

/* je ne vois pas quoi à correspond */
.left{
	float: left;
	margin-right: 1em;
}

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

/* L'en-tête
-------------------------------------------------------- */
#top{
	position: relative;
	margin: 0;
	padding: 0;
	background: url("/image/default/sky.png") top left repeat-x;
	height: 78px;
	width: 100%;
}

#top h1{
	position: absolute;
	left: 0.1em;
	bottom: 0;
	margin: 0;
	padding: 0;
}

#top h1 a{
	text-decoration: none;
	color: #ab2121;
	color: #000;
}

#top h1 img{
	position: absolute;
	bottom: 8px;
}

#sprite{
	background: url("/image/default/blimp.png");
	width: 133px;
	height: 70px;
	float: right;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
	text-align: center;
	position: absolute;
	margin: 0;
	padding: 0 1ex;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le contenu
-------------------------------------------------------- */
.day-date{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	background: transparent;
	font-style: italic;
}

.post{
	margin: 3em 0 0 0;
	padding: 0;
}


#content .post:first-child{
	margin-top: 5px;
}

.post-title{
	font-size: 1em;
	margin: 0 5px 5px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post-title a{
	color: #ab2121;
	color: inherit;
	text-decoration: none;
}

.post-info{
	margin-top: 0;
	margin-bottom: 1em;
	border-bottom: 1px #000 dotted;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em;
}

.post ul {
	list-style-position: outside;
}

/* action limitée aux pages de billets individuels */
h2 + .post-info{
	border-bottom: 0;
}

.post-info + p{
	margin-top: 3em;
}

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

.post-content{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-bottom: 0px;
}

/* titres dans les billets */
.post-content h3 {
	font-family: Georgia,"Times New Roman",Times,serif;
}

.post-content h3 {
	font-size: 1em;
	margin-top: 2em;
}

.post-content h4, .post-content h5, .post-content h6 {
	font-size: 0.9em;
	margin-top: 1.5em;
}

.post-content h4 {
	margin-left: 2em;
}

.post-content h5 {
	margin-left: 4em;
}

.post-content h6 {
	margin-left: 6em;
}
/* fin des titres dans les billets */

.auteur{
	color: #060;
	font-weight: bold;
	text-align: right;
	font-size: 70%;
	margin: 0;
}

.post .billet{
	text-align: right;
	font-size: 0.6em;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: normal;
	color: #444;
	margin: 0.7em 3em;
	padding: 0em 1.2em;
	border: 1px dotted #c0c0c0;
	text-align: justify;
	line-height: 135%;
}

.post-content blockquote p{
	text-indent: 1em;
}
.post-content blockquote p+p{
	margin-top: -0.4em;
}
.post-content blockquote p:first-child:first-letter{
	font-size: 1.5em;
}

.post-info-co{
	color: #ab2121;
	text-align: left;
	padding-left: 20px;
	font-size: smaller;
	font-weight: bold;
	margin: 0;
}

#trackbacks{
	margin-top: 3em;
}

#trackbacks, #comments{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px dotted #C0C0C0;
	padding: 0 2em 2em 2em;
	margin-bottom: 2em;
}

#trackbacks h3, #comments h3{
	margin-top: 2em;
	color: #060;
	border-bottom: 1px solid #D2D2D2;
	font-size: 1em;
}

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

/* La barre de navigation
-------------------------------------------------------- */

#sidebar, #sidebar2{
	color: gray;
	font-size: 0.9em;
	line-height: 1.3em;
}

#sidebar div, #sidebar2 div{
	border: 1px solid black;
	color: inherit;
	background-color: #faf9f6;
	margin-bottom: 0;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-top: 8px;
}

#sidebar div ul, #sidebar2 div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h1, #sidebar h2, #sidebar2 h2, #sidebar h3, #sidebar2 h3{
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 1.1em;
	text-align: center;
	color: #000;
}

#sidebar h1{
	margin-top: 1em;
	font-size: 1em;
	text-align: center;
}

#sidebar h1 a, #sidebar h2 a, #sidebar h3 a{
	text-decoration: none;
}

#sidebar h1 a:hover, #sidebar h2 a:hover, #sidebar h3 a:hover{
	text-decoration: underline;
}

#sidebar h1 a{
	color: #030;
}

#sidebar h2 a, #sidebar h3 a{
	color: #000;
}

#sidebar h3, #sidebar2 h3{
	border-top: 1px solid #D2D2D2;
	font-size: 1em;
	text-align: left;
}

#sidebar h3, #sidebar2 h3{
	margin-bottom: 0.2em;
}

#sidebar ul + h3, #sidebar2 ul + h3{
	margin-top: 1em;
}

#sidebar #archives-mzfr li{
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

#sidebar2 #syndicate a{
	font-weight: normal;
}

#sidebar2 div#search{
	color: inherit;
	line-height: 2.3em;
}

#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#statistiques{
	padding-top: 10px;
}

#q, #searchgg{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat left;
}

#sidebar2 #lastComments{
	font-size: 0.8em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#traductions ul{
	list-style: none none outside;
}

#traductions ul li{
	display:inline;
}

#traductions a{
	font-weight:normal;
}

#traductions a[hreflang]:after{
	display:none;
}

/* Le pied de page
-------------------------------------------------------- */
#footer{
	margin: 2em 0 0;
	padding: .2em 0 0;
	border-top: 1px solid #D2D2D2;
	clear: both;
	text-align: center;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.1em;
}

#footer a{
	color: #666;
	font-weight: normal;
}

#footer p{
	margin: 0.5em 0;
}

/* --- 
Navigation horizontale
--- */
#nav-box{
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #fff;
	background-color: #030;
	border-bottom: 1px solid #690;
	margin: 0;
	padding: 2px 3px;
}

#nav-box a{
	color: #cfc;
	background-color: transparent;
	font-weight: normal;
}

#buildbar-fr{
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000;
	background-color: transparent;
	margin: 0;
	padding: 2px 3px;
	border-bottom: 1px solid #ddd;
	background-image: url(/gfx/hbar.gif);
}
#buildbar-fr a{
	font-weight: normal;
}

/*
#nav-box{	margin : 0 0 10px 0;
	padding : 0 1em 0 0;
	list-style-type : none;
	background-color: #ab2121;
	color: #fff;
	font-weight : bold;
	font-size : 10px;
	text-align: left;
}

ul#nav-box li{
	display: inline;
	padding : 5px 0;
}

ul#nav-box li a{
	padding : 4px 0.5em 4px 0.5em;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}
ul#nav-box li a:hover{
	text-decoration: underline;
	color: #fff;
	border-right: 1px solid #fff;
}
*/

/* styles importés de la feuille principale default.css de MZ-fr */

/* inversion d'italique 18/02/04 */

em cite, cite cite, em em, cite em{
	font-style: normal;
}

/* bulle de renseignement */
span[title], abbr[title], acronym[title], em[title], strong[title], cite[title]{
	border-bottom: 1px dotted;
	cursor: help;
}

/* hreflang modifiés de Dotclear */
a[hreflang]:after{
	color: #666;
	background: transparent;
	content: " [" attr(hreflang) "]";
	font-style: normal;
	font-weight: normal;
}

/* PDF de http://www.surfmind.com/musings/2003/10/11/ */
a[href*=".pdf"]:after{
	content: " " url("/gfx/pdf.gif");
}

a:hover[href*=".pdf"]:after{
	color: #666;
	background: transparent;
	content: " [PDF]";
	font-style: normal;
	font-weight: normal;
}

p a[href*="mailto:"]:after, dd > a[href*="mailto:"]:after, dt > a[href*="mailto:"]:after, li > a[href*="mailto:"]:after
{
	content: " " url("/gfx/mail.gif");
}

/* + 29/04/05 - 26/02/2006 */
#content a[href^="http://www.mozillazine-fr.org/"]:after,
#content a[href^="http://mozillazine-fr.org/"]:after,
#content a[href^="/"]:after,

#footer a[href^="http://www.mozillazine-fr.org/"]:after,
#footer a[href^="http://mozillazine-fr.org/"]:after,
#footer a[href^="/"]:after
{
	content: " " url("/image/mZ-fr12.png");
	display: inline;
}

#content .billet a[href^="http://www.mozillazine-fr.org/"]:after,
#content .billet a[href^="http://mozillazine-fr.org/"]:after,
#content .billet a[href^="/"]:after,

#main .post-title a[href^="http://www.mozillazine-fr.org/"]:after,
#main .post-title a[href^="http://mozillazine-fr.org/"]:after,
#main .post-title a[href^="/"]:after,

#main .auteur a[href^="http://www.mozillazine-fr.org/"]:after,
#main .auteur a[href^="http://mozillazine-fr.org/"]:after,
#main .auteur a[href^="/"]:after,
#main .photo a[href^="http://www.mozillazine-fr.org/"]:after,
#main .photo a[href^="http://mozillazine-fr.org/"]:after,
#main .photo a[href^="/"]:after,
#main img a[href^="/"]:after
{
	display: none;
}

#main .photo {
    text-align: center;
    padding: 0 auto 0 auto;
    /* border: 1px solid red; */
}
#main .photo img {
    padding: 5px;
}


/* Contenu des billets
-------------------------------------------------------- */
/* images */
.image{
	margin: 1em 0 2em;
	text-align: center;
}

.image div{
	margin:0 auto;
}

.post .image p{
	font-size: 0.8em;
	font-weight:bold;
	margin:0.5em auto 0;
	text-align:center;
}

.image p+img{
	margin-top:2.5em;
}

	/* images flottantes */
.fleft{
	margin:0 1em 1em 0;
	float:left;
}

.fright{
	margin:0 0 1em 1em;
	float:right;
}

	/* cadre autour d'une image */
img.imgcadre{
	border: 1px dotted silver;
}

	/* copyright ou crédit */
.post .image .copy, .copy{
	font-style:normal;
	font-weight:normal;
	font-size:0.8em;
	text-align:right;
}