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

/* ----------------------------------------------------------------------
	REGLES PAR DEFAUT
------------------------------------------------------------------- */
body {	
	margin : 0;
	padding : 0;
	background-color : #4b4b69;	
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; 	
	font-size : small;	
	color : #000;
	}

p, td, ul, dl, dt, dd {	
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; } /* Pour compatibilitŽ Netscape 4 */
	
/*HiŽerarchie des titres */
h1, h2, h3 { font-weight : normal ; }
h4, h5, h6 { font-weight : bold; }
h1 { font-size : 2em; margin : 0; }
h2 { font-size : 1.4em; margin : 0.8em 0; }
h3 { font-size : 1.15em; margin : 0.8em 0; }
h4 { font-size : 1em; margin : 1em 0; }
h5 { font-size : 0.8em; margin : 1.25em 0; }
h6 { font-size : 0.67em; margin : 1.75em 0; }
/* Comportement des liens */
a { text-decoration : none; border : none; }
a:link { color: #660; }a:visited { color : #336; }
a:hover { background-color : #e6e600; }
a:active, a:focus { color: #660; }
/* Mention de la langue d'un lien */
a[hreflang]:after {	content: "\0000a0[" attr(hreflang) "]";	color : #336;	background : transparent;}
/* RŽegles de balises courantes */
p { margin : 0 0 1em 0; } /* paragraphes */
img { border : none; } /* images */
form { display : block; margin : 0; padding : 0; } /* formulaires */
q, cite { font-style : italic; margin-left : 2em; background-color : #f7f7f7; border : 1px dashed #ccc; } /* citations */
ul, ol { margin-left : 0; padding-left : 1em; list-style-type : square; }ol { list-style-type : decimal; }
sup { padding-left : 0.15em; }
/* Presentation des lignes de code
** lorsque le script javascript pre2ol est dŽesactiveŽ */
code, pre { font-family : "Courier New",monospace; font-size : 1em; color : #000; }
pre {
 	margin-left : 2em;
 	padding : 1em;
 	border : 1px solid #ccc; 	
 	text-align:left;	
 	white-space:normal;		
 	/* cachŽ pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/		
 	white-space:pre;		
 	width: 90%;		
 	overflow : auto;	
 	/* Fin hack Ne pas supprimer cette ligne */
 	}

.related code {
	background : #fbfbee;
}
/* lorsque le script javascript pre2ol est activeŽ */
ol.pre2ol {
	font-family : "Courrier New",monospace;
	font-size : 1em;
	padding-left : 2em;	margin : 1em 2em;
	text-align : left;
	}
ol.pre2ol li {
	color : #999;
	background : #fbfbee;
	margin : 0;
	padding : 2px;
	border-top : 1px solid #f5f5f5;
}
ol.pre2ol span {
	color : #333;
	}
/* Abreviations et acronymes */
abbr, acronym {
	border-bottom: 1px dashed #2f2f37;
	cursor: help;
	}
/* Trucs en plus */
.center {
	text-align : center;
	}
.right {
	text-align : right;
}
.petites-cap {
	font-size : 0.76em;
	text-transform : uppercase;
	}
.petit {
    font-size : x-small;
    }
/* -------------------------------------------------------------------
	STRUCTURE
------------------------------------------------------------------- */
#page {	width : 100%;	margin : 0;	padding : 1px 0 0 0;	max-width : 1000px;	background : #fff;}
#top {	height : 100px;	margin : 0;	padding : 0;}
#prelude {	position : absolute;	margin-top : -1600px;}
#main {	width : 100%;	margin : 0 0 0 -17em;	padding : 0;	float: right;}
#content {	margin-left : 17em;	padding : 0 2em 1em 2em;	border-left : 1px solid #88a;}
#sidebar {	width : 15em;	padding-left : 1em;	float : left;}
#footer {	clear : both;}
/* -------------------------------------------------------------------
TOP
------------------------------------------------------------------- */
#top {	background : transparent url(images/dot.jpg) no-repeat 30px 10px;}
#top h1 {	padding : 10px 0 0 120px;}
#top p {	padding : 0 0 0 120px;	font-size : 0.9em;	letter-spacing : 2px;}
/* -------------------------------------------------------------------
NAVIGATION HORIZONTALE
------------------------------------------------------------------- */
ul#nav-box {	margin : 0 0 1.5em 0;	padding : 5px 1em 5px 0;	list-style-type : none;	background-color: #cc0;	color: #4b4b69;	font-weight : bold;	font-size : 0.9em;	text-align: right;	}	
ul#nav-box li {	display: inline;	padding : 5px 0;}	
ul#nav-box li a {	padding : 5px 1em 5px 1em;	color: #4b4b69;	text-decoration: none;	border-left: 1px solid #fff;}	
ul#nav-box li a:hover {	background-color: #4b4b69;	color: #d9d940;	border-left: 1px solid #fff;	}	
ul#nav-box a:active { 	border-left: 1px solid #fff; }
/* -------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------- */
#sidebar {	font-size : 0.92em;}
#sidebar h2 {	font-size : 1.2em;	text-transform : uppercase;	margin-bottom : 0.5em;	margin-top : 2em;}
#search h2 {	margin-top : 0.33em;}
#sidebar h3 {	font-size : 1.1em;	margin : 0 0 0.25em 0;}
#sidebar ul {	margin-top : 0.25em;	line-height : 150%;	padding-left : 0;	list-style-type : none;}
#sidebar a:link { 	color : #336; }
/* Placement des icones a gauche de chaque categorie
---------------------------------------------------- */
.Vie-du-site {	background : transparent url(images/suivi-p.png) no-repeat 0 50%;	padding-left : 20px;}
.Chantier-suivi {	background : transparent url(images/suivi-p.png) no-repeat 0 50%;	padding-left : 20px;}
.Chantier-fiches {	background : transparent url(images/fiches-p.png) no-repeat 0 50%;	padding-left : 20px;}
.Premiers-pas {	background : transparent url(images/premiers-p.png) no-repeat 0 50%;	padding-left : 20px;}
.Paillettes-et-fanfreluches {	background : transparent url(images/paillettes-p.png) no-repeat 0 50%;	padding-left : 20px;}
.Apprenti-sorcier {	background : transparent url(images/sorcier-p.png) no-repeat 0 50%;	padding-left : 20px;}
.Jargon-des-blogueurs {	background : transparent url(images/jargon-p.png) no-repeat 0 50%;	padding-left : 20px;}
/* Placement des icones pour le menu des annexes et des liens DotClear
---------------------------------------------------------------------- */
#annexes a, #links a {	background-repeat : no-repeat;	background-position : 0% 0.15em;	padding-left : 16px;}
#annexes a {		background-image : url(images/icorel-p.png);}
#links a {	background-image : url(images/pdot.png);}
/* ---------------------------------------------------
Blocs de presentation des categories et des related
------------------------------------------------------ */
.titrecat {     border-bottom : 1px solid #88a;	margin-bottom : 2em;	padding-left : 40px;}
.titrecat h2 {	font-size : 1.2em;	margin : 0;	text-transform : uppercase;}
.catChantier-fiches {	background : transparent url(images/fiches.png) no-repeat;}
.catVie-du-site {	background : transparent url(images/suivi.png) no-repeat;}
.catPremiers-pas {	background : transparent url(images/premiers.png) no-repeat;}
.catPaillettes-et-fanfreluches {	background : transparent url(images/paillettes.png) no-repeat;}
.catApprenti-sorcier {	background : transparent url(images/sorcier.png) no-repeat;}
.catJargon-des-blogueurs {	background : transparent url(images/jargon.png) no-repeat;}
.annexe {	background : transparent url(images/icorel.png) no-repeat;}
.groplan {	background : transparent url(images/icogroplan.png) no-repeat;}
.recherche {	background : transparent url(images/icosearch.png) no-repeat;}
/* -----------------------------------------------------------
PARTIE DES BILLETS - Regles communes a list.php et post.php
------------------------------------------------------------ */
.post, .list-post {	margin-bottom : 1.5em;}
.post ul, .list-post ul {	list-style-type : square;}
.post-content {	padding-left : 1.5em;	text-align : justify;}
/* specifiques au list.php
------------------------------------- */
h3.post-title {	margin-bottom : 0.5em;	margin-top : 0;}
.post-date {	font-size : 0.76em;	text-transform : uppercase;	margin-bottom : 0.25em;	letter-spacing : 1px;}
/*specifiques au post.php
--------------------------------------- */
.post-title {	color : #336;}
.post h3 {	color : #336;	font-weight : bold;	text-transform : uppercase;	letter-spacing : 1px;}
.post h4, .post h5, .post h6 {	color : #336;	font-weight : normal;	text-transform : uppercase;	letter-spacing : 1px;}
.post ul, .post ol {	margin-left : 1em;}
/* liens dans les billets */
.post .post-content a {	background-image : url(images/link.png);	background-position : 0 50%;	background-repeat : no-repeat;	padding-left : 16px;}
.post-content a[name|="rev"], .footnotes a[name|="pnote"] {	background-image : none;	padding:0;}
/* tests divers et provisoires*/
.post-content a[href^="http://www.dotclear.net/"], .post-content a[href^="http://dev.dotclear.net/"], .post-content a[href^="http://petit.dotclear.net"],.post-content a[href^="/"]{	background-image : url(images/link-infra.png);	background-repeat : no-repeat;	background-position : 100% 50%;	padding-left : 0;	padding-right : 14px;}
.list-post .post-content a {	background-image : none;	padding : 0;}
/* ---notes--- */
.post .footnotes h4 {	text-transform : capitalize;	font-weight : bold;	margin-top : 2em;}
/* ---fiche d'info sur le billet--- */
.post-meta {	border : 1px solid #4b4b69;	margin-top : 2em;	padding : 0.5em 1em;	border-left : 12px solid #4b4b69;	font-size : 0.86em;	background : transparent url(images/info.png) no-repeat 98% 4%;}
.info-title {	font-size : 1.1em;	text-transform : uppercase;	font-weight : bold;}
ul.post-info {	list-style-type : none;	margin-bottom : 0;	padding-left :0;}
ul.post-info ul {	list-style-type : circle;	padding-left : 2em;}
/* -----------------------------------------------------------
TRACKBACKS ET COMMENTAIRES
------------------------------------------------------------ */
#trackbacks, #comments, #comment-preview, #addcomm {	margin : 0 0 1.5em 0;	border: 1px solid #666;	font-size : 0.9em;}
#trackbacks p, #comments p {	padding : 0 1em;}
#trackbacks blockquote, #comments blockquote, #addcomm blockquote {	display : block;	padding : 4px;	font-style : normal;	color : #666;	margin : 0 3em;	text-align : justify;}
#trackbacks h3, #comments h3, #comment-preview h3, #addcomm h3 {	margin : 0 0 1em 0;	line-height : 1.5em;	color : #336;	padding : 0 0 0 14px;}
#trackbacks h3 {	background : #999;}
#comments h3, #comment-preview h3, #addcomm h3 {	background : #cc0;}
.comment-info {	margin : 0 36px 0 0;	padding : 0.3em 18px;}
.comment-number {	font-family : Georgia,"Times New Roman","New York",serif;	font-style : italic;	font-size : 1.8em;}
.comment-number a {	text-decoration : none;}
/* Error messages
-------------------------------------------------------- */
.error {	border : 1px solid #c00;	background : #fee;	padding : 0.5em;}
.error ul {	padding-left : 20px;}
.error li {	list-style : square;}
/* Interactions
-------------------------------------------------------- */
fieldset {	display : block;	border : none;	margin : 1em;	padding : 0;}
input, textarea {	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; 	font-size : 1em;	border-width : 1px;	border-color : #ccc;}
input[type], textarea[name] {	background: #fbfbee;}
input[type=submit], input[type=reset] {	background : #fbfbee;	color : #660;}
input[type=submit]:hover {	background : #336;	color : #fff;}
textarea {	width : 95%;}p.field {	margin : 0.5em 0 0 0;}
p.field label {	display : block;	font-weight : bold;	font-size : 0.85em;	padding : 1em 0 0.5em 0;}
.form-help {	padding : 0 2em 0 2em;	font-size : 0.86em;	color : #336;}
#comment-form {    color : #336;}
input.preview {}input.submit {}#c_nom {}#c_mail {}#c_site {}#c_content {}#c_remember {}
/* -----------------------------------------------------------
FOOTER
------------------------------------------------------------ */
#footer {	border-top : 1px solid #cc0;	text-align : center;	text-transform : uppercase;	padding-bottom : 0.5em;	margin-bottom : 0;}
#footer ul {	margin : 1em 0;	padding : 0;	font-size : 0.82em;}
#footer ul li {	display : inline;	list-style-type : none;}
#footer ul li a {	padding : 1px 2px;	background-color : #cc0;	border : 1px solid #4b4b69;	color : #4b4b69;}
/* -----------------------------------------------------------
PAGES ANNEXES
------------------------------------------------------------
.related a {	background-image : url(images/link.png);	background-position : 0 50%;	background-repeat : no-repeat;	padding-left : 16px;}*/
.related ul {	margin-left : 3em;}
.related h3 {	margin-top : 3em;}
.related p {	text-align : justify;}
/* ------------------------------------------------------------
PAGINATION
------------------------------------------------------------ */
.pagenav {	font: 0.9em;}
p.pagenav a {	background : #fbfbee;	color: black;	padding:2px;	border: 1px solid #cc0;	text-decoration: none;	font-size:90%;}
p.pagenav a:hover {	background:#336;	color: #fff;}
p.pagenav strong {	color: black;	padding:2px;	border: 1px solid #cc0;}