/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2008 Olivier Meunier and contributors
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# Theme Name: Papageno
# Version: 1.2
# Author: Kozlika - http://www.kozlika.org/
#
# -- END LICENSE BLOCK ------------------------------------ 
*/
 
 /* ------------------------------------------------------------------
    PERSONNALISATIONS
	(note pour apporter des modifications a ce theme, placez-les
	dans le fichier custom.css situe dans le meme repertoire que
	le present fichier)
------------------------------------------------------------------- */
@import "custom.css";

/* ====================================================================
 PLAN DE CE FICHIER
 
 	1. Structure
	2. Balises html, mise en forme globales
	2bis. Les liens
	3. Deco des grands blocs
	4. Navigations
	5. Les billets
	5bis. Les classes a disposition pour les billets
	6. Commentaires - formulaires
	7. Le menu (sidebar)
	8. Les pages specifiques

	
COULEURS UTILISEES
les codes couleur utilises dans ce theme 
(entre parentheses un element exemple de l'utilisation de cette couleur)

	noir: #000 - blanc: #fff
	anthracite: #222 (texte des commentaires pairs)
	turquoise: #1ba (fond de prelude)
	orange: #fb0 (fond de la partie droite du top)
	vert acidule: #df0 (fond de la partie gauche du top)
	rouge: #c44 (couleur des liens)
	bleu moyen: #066 (texte des billets)
	kaki: #663 (date des commentaires)
	kaki clair: #e6e6bb (fond de l'url de ping)
	blanc cassé: #ffe (fond des blocs de code)
	creme: #f6f6d2 (fond des billets pairs)
	grege: #eeeec6 (fond des billets impairs)
==================================================================== */

/* ------------------------------------------------------------------
    1. STRUCTURE
		(note: ce layout peut etre rendu fixe en donnant a la propriete
		width de #page une valeur en pixels)
------------------------------------------------------------------- */
/* remise a zero de toutes les marges */
* { margin: 0; padding: 0; border: 0;}

body {
	margin: 0;
	padding: 0;
	line-height: 150%;
	text-align: center;
	}
#page {
	position: relative;
	margin: 0 auto;
	width: 87%;
	text-align: left;
	}
#top {
	margin: 0;
	padding: 0 0 0 240px;
	height: 90px;
    }
#top h1 {
	margin: 0;
	padding: 0;
    }
p#prelude {
	margin: 0;
	padding: 1px 0;
	}
#wrapper {
	margin: 0;
	padding: 0;
	}
#content {
	width: 100%;
	margin: 0 0 0 -240px;
	padding: 0;
	float: right;
	}
#main {
	margin: 0 0 0 240px;
	padding: 0;
	}
#sidebar {
	margin: 0 0 2em 0;
	padding: 0;
	width: 240px !important;
	width: 224px;
	float: left;
	}
#blognav, #blogextra {
	margin: 0;
	padding: 0;
	}
#blognav div, #blogextra div {
	margin: 0;
	padding: 4px 8px;
	}

/* ---------------------------------------------------
    2. BALISES COURANTES HTML
--------------------------------------------------- */

/* hierarchie des titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
	font-family: arial, sans-serif;
	line-height: 120%;
	}
h1 { font-size: 2.2em; }
h2 { font-size: 1.66em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .9em; }

/* paragraphes */
p { margin: 0 0 1em 0; }

/* listes */
ul, ol { 
	margin: .5em 0 .5em 2em;
	padding: 0 0 0 1.66em;
	}
ul { list-style: none; }
ul li { list-style: none; }


	
/* lignes continues */
hr { 
    color: #1ba;
    background-color: #1ba;
    height: 1px;
    margin-bottom: 1em;
    }

/* formulaires */
form { 
	display: block; 
	margin: 0; 
	padding: 0; }

/* citations */
q, cite {
    font-style: italic; 
	}
blockquote {
    margin-left: 2em;
    padding-left: 1em;
    padding-right: 1em;
    border-left: 3px solid #663;
	}
q, blockquote {
    background: #e6e6bb;
    }

/* superieur (appels de note) */
sup { padding-left: 0.15em; font-size: x-small; }

/* abbreviations et acronymes */
abbr, acronym {
	border-bottom: 1px dashed #663;
	cursor: help;
	}

/* code, texte preformate */
code, pre { 
	font-family: "Courier New",monospace; 
	font-size: 1em; 
	color: #663;
	}
pre {
    background: #ffe;
	margin: 0.33em auto;
	margin-bottom: 1em;
	padding: 1em;
	width: 90%;
	overflow: auto;
	}

/* ---------------------------------------------------
    2. LES LIENS
--------------------------------------------------- */

/* globalement */
a { 
	color: #c44;
	text-decoration: none;
	border-bottom: 1px solid #c44;
	font-weight: normal;
	}
a:visited {
	border-bottom: none;
	}
a:hover {
	background: #ffe;
	}

/* particularites */
#top h1 a, #prelude a, #sidebar a {
	color: #fff;
	border-bottom: none;
	}
#top h1 a {
	display: block;
	height: 46px;
	padding: 44px 0 0 10px;
	}
#top h1 a:hover, #prelude a:hover {
	background: none;
	color: #c44;
	}
	
#sidebar a:hover {
	background: #df0;
	color: #c44;
	}
#sidebar ul li a {
	display: block;
	width: 180px;
	background: transparent url(images/sidebar-li.png) no-repeat 0 4px;
	padding-left: 10px;
	}
#sidebar ul li a:hover {
	background: #df0 url(images/sidebar-li.png) no-repeat 0 4px;
	}
#sidebar #topnav ul li, #sidebar #topnav ul li a, #sidebar #topnav .topnav-home a, #sidebar #topnav .topnav-arch a {
	display: inline;
	}
#sidebar #topnav ul li a {
	font-weight: bold;
	background: transparent url(images/topnav-li.png) no-repeat 0 50%;
	padding: 0 0 0 16px;
	display: inline;
	margin: 0;
	}
#sidebar .text a, #sidebar p a {
	border-bottom: 1px solid #fff;
	font-weight: bold;
	}
.post-title a, .post-title a:link, .post-title a:visited {
	color: #066;
	border-bottom: none;
	}
.post .post-info-co a {
	background: transparent url(images/comm.gif) no-repeat left top;
	padding-left: 12px;
	margin-left: 9px;
	}
.post .post-info-co a.ping_count {
	background: transparent url(images/ping.gif) no-repeat left top;
}
.post .post-info-co a.attach_count {
	background: transparent url(images/attach.gif) no-repeat left top;
	}
#comments dt a, #pings dt a {
	font-weight: bold;
	}
a.feed, .syndicate a.feed {
	background: transparent url(images/feed.png) no-repeat 0% 50%;
	padding: 2px 0 2px 16px;
	border-bottom: none;
	}
.read-it a, .post-info a, .post-info-co a,
.read-it a:visited, .post-info a:visited, .post-info-co a:visited {
	color: #663;
	border-bottom: 1px dashed #663;
	}
.read-it a {
	font-weight: bold;
	}
.post-tags a, .post-tags a:link, .post-tags a:visited {
	color: #663;
	border-bottom: none;
	background: transparent url(images/tag.gif) no-repeat;
	padding-left: 16px;
	}
.pagination a, #navlinks a {
	font-weight: bold;
	border-bottom: none;
	}
.dc-tags #content a, #attachments a {
	border-bottom: none;
	}
	
/* ---------------------------------------------------
    3. DECO DES GRANDS BLOCS
--------------------------------------------------- */
body {
	background: #ffe url(images/frise.png) repeat-x left 30px;
	font-family: Verdana, sans-serif; 
	font-size: 78%;
	color: #222;
	}
#page {
	background: #ffd url(images/body-bg.png) repeat-y;
	border-bottom: 6px solid #1ba;
	}
#top {
	background: #df0;
    }
#top h1 {
	background: #fb0;
	text-transform: lowercase;
    }
p#prelude {
	background: #1ba;
	font-size: .8em;
	text-align: right;
	padding-right: 1em;
	color: #fff;
	font-family: "lucida grande", arial, sans-serif;
	}
#footer {
	background: #df0;
	padding: 6px;
	text-align: center;
	border-left: 240px solid #fb0;
	}

/* ---------------------------------------------------
    4. NAVIGATIONS - ENTETES DE CONTEXTE
--------------------------------------------------- */
.pagination, #navlinks, #content-info {
	font-size: .82em;
	text-align: center;
	margin: 0;
	padding: 4px 30px 5px 30px;
	color: #663;
	overflow: auto;
	line-height: 140%;
	}
#content-info #navlinks {
	font-size: 1em;
	}
.content-inner {
	position: relative;
	background: #f6f6d2;
	padding: 30px;
	overflow: auto;
	}
.content-inner ul {
	margin: 0;
	padding: 0;
	overflow: auto;
	}

/* ---------------------------------------------------
    5. BILLETS
--------------------------------------------------- */
.post {
    padding: 2em 30px;
    margin: 0;
	background: #f6f6d2;
	color: #066;
    }
.dc-post .post {
	background: #eeeec6;
	}
.post.odd {
	background-color: #eeeec6;
    }
.day-date {
	color: #663;
	font-weight: bold;
	}
.post-excerpt, .post-content {
	text-align: justify; 
	width: 100%;
	overflow: hidden;
	margin-top: 1.5em;
	}
.post-content ul {
	margin: .5em 0 .5em 1em;
	}
.post-content ul, .post ul li {
	list-style: none;
	}
.post-content ul li {
	background: transparent url(images/li.png) no-repeat left .6em;
	padding-left: 11px;
	}
.post-info, .post-tags, .post-info-co, .read-it, .footnotes {
	font-size: .82em;
	line-height: 120%;
	}
.post-info-co {
	text-align: right;
	}
ul.post-tags {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul.post-tags li {
	list-style-type: none;
	display: inline;
	}
.post h2, .post h3, .post h4, .post h5, .post h6 {
	color: #1ba;
	}
	
/* on n'affiche les notes que dans le contexte billet seul */
.footnotes { display: none; }
.dc-post .footnotes {display: block; }
.footnotes h4 {
	width: 25%;
	border-top: 1px solid #663;
	padding-top: 3px;
	color: #663;
	}
#attachments {
	font-size: .86em;
	background: #eeeec6;
	color: #663;
	padding: 1em 30px;
	overflow: hidden;
	}
#attachments h3 {
	width: 25%;
	border-top: 1px solid #663;
	padding-top: 3px;
	color: #663;	margin-top: 0;
	}
#attachments ul {
	margin: .5em 0;
	padding: 0;
	list-style: none;
	line-height: 130%;
	}
#attachments ul li {
	list-style: none;
	background: url(images/attach.gif) no-repeat left .5em;
	text-indent: 14px;
	padding-top: .33em;
	margin-top: .5em
	}

/* ---------------------------------------------------
    5bis. CLASSES A DISPOSITION DANS LES BILLETS
--------------------------------------------------- */
.left { float: left; }
.right { float: right; }
.little { font-size: .8em;}
.little-upper { font-size: .8em; text-transform: uppercase; }
.center { text-align: center; margin-left: auto; margin-right: auto; }

/* ---------------------------------------------------
    6. COMMENTAIRES ET FORMULAIRES
--------------------------------------------------- */
#comments, #pings, #pr, #content form {
	background: #f6f6d2;
	overflow: hidden;
	padding: 1em 30px;
	font-family: arial, sans-serif;
	}
#comments h3, #pings h3, #pr h3, #content form h3 {
	color: #fb0;
	text-align: center;
	}
#comments .odd, #pings .odd {
	background: #f6f6d2;
	}
#comments dd p, #pings dd p {
	margin: 0.33em 0;
	}
#comments dt, #comments dt.odd, #pings dt, #pings dt.odd {
	margin-top: 2em;
	font-size: .9em;
	font-weight: bold;
	}
#comments dl .odd, #pings dl .odd {
	color: #663;
	}
#comments dl .me {
	color: #066;
	}
#comments-feed, #ping-url {
	text-align: center;
	border-top: 1px solid #fb0;
	border-bottom: 1px solid #fb0;
	background: #e6e6bb;
	margin-top: 1.5em;
	}
#ping-url {
	margin: 1.5em 30px;
	}
#pr {
	background: #e6e6bb;
	color: #000;
	}

/* formulaires */
fieldset {
	display: block;
	border: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	}
fieldset p {
	margin-bottom: 1em;
	}
.form-help {
	margin: 1em 0;
	}
input, textarea {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 1em;
	border: none;
	}
input[type], textarea[name] {
	background: #eeeec6;
	border: 1px solid #e6e6bb;
	}
input[type=submit], input[type=reset] {
	background: #1ba;
	color: #fff;
	}
input[type=submit]:hover {
	background: #c44;
	color: #fff;
	}
textarea {
	width: 95%;
	background: #eeeec6;
	}
p.field {
	margin: 1em 0 0 0;
	}
p.field label {
    clear:left;
	display: block;
	font-weight: bold;
	font-size: 1em;
	width: 11em;
	float: left;
	color: #663;
	}
input.preview {
	background: #1ba;
	color: #fff;	}
input.submit {
	background: #1ba;
	color: #fff;	}
#c_site {
    margin-bottom: 1em;
	}


/* Error messages
-------------------------------------------------------- */
.error {
	border: 1px solid #c44;
	background: #df0;
	padding: 0.5em;
	}
.error ul {
	padding-left: 20px;
	}
.error li {
	list-style: square;
	}

/* ---------------------------------------------------
    7. LE SIDEBAR
--------------------------------------------------- */
#sidebar {
	font-size: .82em;
	font-family: "lucida grande", arial, sans-serif;
	line-height: 140%;
	color: #fff;
	}
#sidebar h2, #sidebar h3 {
	color: #fb0;
	font-family: verdana;
	}
#sidebar h2 {
	font-size: 1.33em;
	}
#sidebar h3 {
	font-size: 1.1em;
	}
#sidebar .text, #sidebar p {
	font-family: verdana, sans-serif;
	padding-top: .33em;
	}
#sidebar input { margin-left: 8px; }

#sidebar ul {
	line-height: 135%;
	margin: 0 0 0 1em;
	padding: 0;
	}
#search {
	position: absolute;
	bottom: 0;
	left: 8px;
	margin: 0;
	padding: 0;
	}
#search h2 {
	font-size: 1.1em;
	margin: 0;
	color: #066;
	}
#search p {
	margin: 0;
	padding: 0;
	}
#search input, #search .submit {
	background: #fb0;
	height: 1.33em;
	margin: 0;
	padding: 0;
	color: #066;
	font-weight: bold;
	border: none;
	}
#search #q {
	border-bottom: 2px solid #df0;
	width:150px;
	background: #eeeec6 url(images/loupe.gif) no-repeat 2% 50%;
	padding-left: 14px;
	}
#search input[type=submit]:hover, #search .submit:hover {
	background: #fff;
	color: #1ba;
	}
#topnav {
	font-size: 1.1em;
	margin: -8px 0 8px 0;
	padding: 0;
	background: #fb0;
	width: 224px !important;
	}
#topnav ul {
	margin: 0;
	padding: 0;
	width: 100px;
	}
#topnav li, #topnav li a {
	padding-right: 12px;
	padding-left: 12px;
	display: inline;
	}
#topnav ul span {
	display: none;
	}
#sidebar ul li {
	background: transparent;
	}
#sidebar .syndicate ul li a.feed {
	background: transparent url(images/feed.png) no-repeat 0% 50%;
	padding: 2px 0 2px 16px;
	border-bottom: none;
	}

/* tags en post et en page de tous les tags */
.dc-tags ul.tags li, .dc-tags ul.tags li a, #sidebar .tags ul li, #sidebar .tags ul li a {
	display: inline;
	width: auto;
	padding-left: 0;
	padding-right: 4px;
	background: transparent;
	line-height: 1.5em;
	}
#sidebar .tags ul li a:hover {
	background-image:none;
	}
.tag0 { font-size: 85%; }
.tag10 { font-size: 90%; }
.tag20 { font-size: 95%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 105%; }
.tag50 { font-size: 110%; }
.tag60 { font-size: 115%; }
.tag70 { font-size: 120%; }
.tag80 { font-size: 125%; }
.tag90 { font-size: 130%; }
.tag100 { font-size: 135%; }

/* ---------------------------------------------------
    8. PAGES SPECIFIQUES
--------------------------------------------------- */
.arch-title { 
	background: transparent url(images/li.png) no-repeat 0 50%;
	padding-left: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #663;
	margin-top: 1.5em;
	}
.arch-title a {
	font-weight: bold;
	}
.date-number {
	background: transparent url(images/li.png) no-repeat 100% 50%;
	padding-right: 10px;
	margin-right: 6px;
	}
.arch-info, .arch-info-co {
	font-size: .85em;
	}
.arch-tag { padding: 0 2px; }

.dc-tags .content-inner {
	font-size: 120%;
	line-height: 180%;
	overflow: auto;
	}
.dc-archive .content-inner {
	padding-left: 320px;
	}
.dc-archive .content-inner h3 {
	font-size: 2.5em;
	color: #1ba;
	margin-top: 0;
	}
.dc-archive .content-inner ul {
	margin-bottom: 2em;
	}

/* ---------------------------------------------------
    NE PAS OUBLIER
--------------------------------------------------- */
/* les clearers */
.post, .post-excerpt, .post-content, .footnotes, .attachments, .post-info-co, #comments, #footer {
    clear:both;
    }