/* ***** 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 *****
 /* Author : Kozlika - http://www.kozlika.org
 
 
REGLES PAR DEFAUT
------------------------------------------------------------------- */
body {
	margin : 0 auto;
	padding : 0;
	background : #acbabf;
	font-family : "DejaVu Sans", Verdana, sans-serif;
	font-size : x-small;
	color : #222;
	text-align : center;
}

* {
    margin : 0;
    padding : 0;
}

hr { 
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    border: 0;
    margin-bottom : 1em;
    }

/* Hierarchie des titres */

h1,h2,h3,h4,h5  { font-weight : bold ; 	font-family : "DejaVu Sans", Verdana, sans-serif; }
h4, h5, h6 { font-weight : bold; }
h1 { font-size : 2.2em; margin : 0; }
h2 { font-size : 1.4em; margin : 0.8em 0; }
h3 { font-size : 1.2em; margin : 0.8em 0; }
h4 { font-size : 1em; margin : 1em 0; }
h5 { font-size : 0.9em; margin : 1.25em 0; }
h6 { font-size : 0.8em; margin : 1.75em 0; }

/* Comportement des liens */

a { text-decoration : none; }
a:link { color: #990000; }
a:visited { color : #990000; }
a:hover, a:active, a:focus { color: #f00000; text-decoration : none; }


/* Mention de la langue d'un lien */

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
}

a[hreflang=""]:after {
	content:"";
	color:inherit;
	background:none;
}

/* Regles des balises courantes */

p { margin : 0 0 1em 0; } /* paragraphes */
pre p, dd p, blockquote p {margin: 0; }
img { border : none; } /* images */
form { display : block; margin : 0; padding : 0; } /* formulaires */
q, cite {  /* citations */
    font-style : italic; 
}
cite {
    margin : 1em; 
    padding : 1em;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
}
ul, ol { margin-left : 1em; padding-left : 1em; margin-bottom : 1em; }
sup { padding-left : 0.15em; font-size : 80%; }

abbr, acronym {
	border-bottom: 1px dashed #999;
	cursor: help;
}
blockquote {
  border-radius: 5px;
  margin-left: 1em;
  margin-bottom: 2em;
  font-size: 0.9em;
  padding: 10px;
  width: 450px;
  font-style : normal;
  border : 1px solid #999;
  background : #f3eeee;
}

/* Presentation des lignes de code */

code,pre { font-family : monospace; font-size : 1em; }
pre {
  border-radius: 5px;
    background : #F9F9F9;
    border: 1px solid #A0A0A0;
	font-size: 0.9em;
	margin : 0.5em 0 1.5em 0;
	padding : 0.4em 0.4em 0.4em 0.7em;
	text-align:left;
	white-space:normal;
		/* cachŽ pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 95%;
		overflow : auto;
	/* Fin hack Ne pas supprimer cette ligne */
}

/* --------------------------------------------------------
STRUCTURE
-------------------------------------------------------- */
#page {
    border: 4px solid #ddd; 
    width : 710px;
    margin: 15px auto 15px auto;
    text-align :left;
    background : #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    padding-bottom : 0;
}
#top {
    position : relative;
    width : 710px;
    margin-bottom : 0;
    background : transparent url(images/blog_banniere.jpg) no-repeat top left;
    height : 150px; 
}

#top a {
	text-decoration : none;
        display: block;
        width: 710px;
        height: 150px;
}

span.titresite {
	display: none;
}

#prelude, #prelude a {
    visibility: hidden;
    position : relative;
    display:inline;
    text-align : center;
    color : #fff; /*supprimer cette ligne pour laisser le prelude visible */
}
#prelude p {
    margin : 0;
    padding : 0;
    }
#main {
    width : 520px;
    padding: 0 0 0 5px;
    float : left;
}
#content {
    padding : 10px 15px 10px 5px;
    min-height : 0px;
}
#sidebar {
    padding: 0 0 0 5px; 
    width : 175px;
    float : right;
    font-size: 11px;
}
#footer {
    clear : both;
    padding-bottom:10px;
    padding-right:15px;
    text-align : right;
}
    
/* ---------------------------------------------------------
BILLETS
---------------------------------------------------------- */
.post {
/*    border-top : 1px solid #ddd; */
    margin-bottom : 55px;
    padding-top : 2px;
    font-size : 1.2em;
}
.day-date {
    display: none;
    text-transform : uppercase;
    letter-spacing : 1px;
    font-size : 0.8em;
    text-align : center;
}
.post-title {
    font-weight: bold;
    margin : 1em 0 0.2em 0;
    color: #990000;
    border-bottom: 1px solid #990000;
    font-size : 1.3em;
}

.post-title a {
    color: #990000;
}
.post-chapo, .post-content {
    font-family: "DejaVu Serif", serif; 
    line-height: 1.5em;
    text-align : justify;
    margin-top : 1.5em;
}
.post img {
    padding : 0.5em;
    display: block;
    margin: 0 auto 0 auto;
/*    border : 3px solid #ddd; */
}
.post img.smiley {
    display: inline;
    padding: 0px;
    margin: 0px 2px 0px 2px;
}

#content ul {
    list-style-type : none;
    }
#content ul li {
    padding-left : 16px;
    background : transparent url(images/puce.png) no-repeat 0em 0.3em;
    }
.post-info, .post-info-co, .footnotes {
    font-size : x-small;
}
.post-info {
    color: #777;
    margin : 0;
}
.post-info-co {
    padding-left: 15px;
    background: transparent url(images/ico_comments.png) no-repeat center left;
}
.post-info-co a:after {
    content: ' - ';
    color: #000;
}
.post-info-co a:last-child:after {
    content: '';
}

.post .post-footnotes h4 {
    text-transform : capitalize;
    font-weight : bold;
    margin-top : 2em;
}
/* ---------------------------------------------------------
MENU
---------------------------------------------------------- */

#sidebar div {
   }
/*
#sidebar h2 {
    color: #000;
    padding:2px 2px 1px 0px;
    font-family : Georgia, serif;
    font-variant: small-caps;
    letter-spacing : 1px;
    font-size : 1.1em;
    margin-top :25px;
    border-bottom: 1px solid #777;
}
*/
#sidebar h2 {
  font-family: "DejaVu Sans", Verdana, sans-serif;
  font-weight : bold;
  font-size: 1em;
  color : #000000;
  border-bottom : 1px dotted #000;
  padding : 0 0 0 0;
  margin : 2em 0 1em 0;
  font-variant: small-caps;
}
#sidebar h3 {
    font-weight:normal;
    font-size : 1em;
    margin: 5px 0px 0px 5px;
}

#sidebar ul { 
    margin: 0 8px 0 8px;  
    padding: 0 8px 0 8px; 
}

#sidebar li {
  list-style : square;
  color : #e2d6ad;
  background : transparent;
}

#sidebar li:hover {
	color : #000000;
	background : transparent;
}

#sidebar p {
    line-height : 130%;
 }

#identica_update_list h4 {
	font-size: 0.9em;
}

#identica_update_list cite {
	border: none;
}

#identica_update_list li {
	list-style: square;
	color: black;
	background: #eef3ee;
	margin-left: 10px;
	padding: 5px 0px 5px 0px;
}

#identica_update_list li:hover {
	color: black;
	background: #eeF3ee;
}

#topnav {
    padding : 0.25em 0 0 0;
    margin-top : 1.5em;
    font-weight : bold;
}
#topnav span {
    display:none;
    }
#topnav li {
    padding-top : 6px;
    padding-left : 0px;
/*    background : transparent url(images/fleche.png) no-repeat 0% 75%; */
    }


/* -------------------------------------------------------------
TRACKBACKS ET COMMENTAIRES
---------------------------------------------------------- */
#pings, #comments, #pr {
    font-size : 1.1em;
}
#comments {
    padding-top : 20px;
    background : transparent url(style.css) no-repeat;
}
#pings h3, #comments h3, form h3, #pr h3 {
    margin-top: 2em;
    border-bottom: 1px dotted black;
}
#comments dt, #pings dt {
    margin-top : 2em;
    margin-bottom : 1em;
}
.comment-number {
    font-size : 1.66em;
	font-family : Georgia,"Times New Roman","New York",serif;
}
#comments form, #pr {
    background : transparent url(style.css) no-repeat top right;
    padding : 1em;
    border : 1px solid #ddd;
}
#comments dd {
	display : block;
	margin : 0 1em 1em 1em;
	padding : 1em;
	font-style : normal;
	border : 1px solid #999;
	color : #000;
	background : #f3eeee;
}
#pr dd {
    background-color : #ccc;
    }

/* Formulaires
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0 1em 0 0.5em;
	padding : 0;
}

input, textarea {
      border-top : 1px solid #333;
      border-left : 1px solid #333;
      border-right : 1px solid #eee;
      border-bottom : 1px solid #eee;
      padding: 1px;
}

input[type], textarea[name] {
	background : #f3eeee;
}

input[type=submit], input[type=reset] {
      border-top : 1px solid #eee;
      border-left : 1px solid #eee;
      border-right : 1px solid #333;
      border-bottom : 1px solid #333;
      background : #ccc;
      color : #000;
      padding: 0 3px 0 3px;
}

input[type=submit]:hover {
	background : #880000;
	color : #fff;
}

textarea {
	width : 100%;
}

p.field, .form-help {
	margin : 0.5em;
}

p.field label {
	font-weight: bold;
	display : block;
}
/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #333;
	background : #ccc;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* ----------------------------------------------------------
 Trucs en plus
---------------------------------------------------------- */
.center {
	text-align : center;
}
.right {
	text-align : right;
}
.petites-cap {
	font-size : 0.82em;
	text-transform : uppercase;
}
.petit {
    font-size : x-small;
}

/* deco des liens */
/*
.post-content a, .post-chapo a, #comments a, #pr a, #pings a {
    padding-right : 16px;
    background : transparent url(images/fleche.png) no-repeat center right;
}
*/
#comments dt a,#pings dt a, .post-content a[id|="rev"], .footnotes a[id|="rev"] {
    padding : 0;
    background-image : none;
}
.pagination, #navlinks, #ping-url, #comments-feed {
    text-align : right;
    background : #f5f5f5;
    padding : 2px 4px;
    }
    
/* -----------------------------------------------------
    TAGS
-------------------------------------------------------- */

#sidebar .tags {
    }
#sidebar .tags ul {
	list-style-type: none;
	padding: 0;
	margin : 0 8px 0 5px;
	text-align : left;
}
#sidebar .tags ul li {
	margin: 0;
	padding: 0 3px 0 0;
	display:inline;
}
#sidebar .tags ul li a {
    padding : 0;
    margin : 0;
    }
.tags .tag0 { font-size: 75%; }
.tags .tag10 { font-size: 80%; }
.tags .tag20 { font-size: 90%; }
.tags .tag30 { font-size: 100%; }
.tags .tag40 { font-size: 110%; }
.tags .tag50 { font-size: 120%; }
.tags .tag60 { font-size: 130%; }
.tags .tag70 { font-size: 140%; }
.tags .tag80 { font-size: 150%; }
.tags .tag90 { font-size: 160%; }
.tags .tag100 { font-size: 170%; }

.tags p {margin-left: 5px; margin-top: 8px;}

#syndicate ul {
    list-style-type : none;
    }

#content ul.post-tags * {
    margin: 0;
    padding : 0;
    }
#content ul.post-tags {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	font-size : 0.86em;
}
#content ul.post-tags:before {
        color: #777;
        content: 'Tags : ';
}
#content ul.post-tags li {
	display: inline;
	margin: 0 3px 0 0;
	padding: 0 0 0 14px;
	background: transparent url(images/tag.png) no-repeat left center;
}
#content ul.post-tags li:after {
	content: '';
}
#content ul.post-tags li:last-child:after {
	content: '';
}

.post-info a, .post-tags a {
	color: #444;
	font-weight: normal;
}

.post-info a:hover, .post-tags a:hover {
	color: #800;
}


.dc-tags .content-inner ul {
    list-style-type : none;
    line-height : 200%;
    font-size : 110%;
    text-align: center;
    }
.dc-tags .content-inner ul li {
    display : inline;
    }
/*.dc-tags .content-inner ul li a {
    color : #655;
    }*/
.dc-tags #content ul li { padding-right : 5px; background: none;}
.dc-tags #content .tag0 { font-size: 100%; }
.dc-tags #content .tag10 { font-size: 110%; }
.dc-tags #content .tag20 { font-size: 120%; }
.dc-tags #content .tag30 { font-size: 130%; }
.dc-tags #content .tag40 { font-size: 140%; }
.dc-tags #content .tag50 { font-size: 150%; }
.dc-tags #content .tag60 { font-size: 160%; }
.dc-tags #content .tag70 { font-size: 170%; }
.dc-tags #content .tag80 { font-size: 180%; }
.dc-tags #content .tag90 { font-size: 190%; }
.dc-tags #content .tag100 { font-size: 200%; }

/* autres pages specifiques */
#content-info {
    font-size : 1.1em;
    text-align : center;
    padding : 3px 2em;
    }
#content-info h2 {
    margin-top : 0;
    }

.dc-archive #content, .dc-archive-month #content { 
    font-size:1.1em; 
    line-height : 130%; 
    }
.dc-archive-month #content .arch-title { 
    font-size:1.25em; 
    border-bottom : 1px solid #ddd; 
    background-image : none; 
    margin-top : 2em; 
    padding-left:0; 
    margin-bottom : 0.5em; 
    }
/* les clearers */
.post, .post-content, .footnotes, .attachments, .post-info-co, #comments {
    clear:both;
    }


/* TWEETER */

#tweets {
	border: 1px solid #A2966D;
	border-radius: 5px;
	padding: 0px;
	margin: 20px 3px 15px 0px;
}

#tweets h2 {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 4px;
	background-color: #5599BB;
	background-color: #E2D6AD;
	color: white;
	border: none;
	border-bottom: 1px solid #A2966D;
}

/* ORG */

.post pre {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #AFAFAF;
    font-family: monospace;
    font-size: 1em;
    margin-left: 5px;
    overflow: auto;
    padding: 5px 10px;
    border-left: 5px solid #333;
}
.post pre.src {
    border-left: 5px solid #900;
}
.post pre.example {
    border-left: 5px solid #333;
}
pre.src .org-string {
    color: #AD7FA8;
    font-style: italic;
}
pre.src .org-type {
    color: #5AB204;
    font-weight: bold;
}
pre.src .org-constant {
    color: #990000;
}
pre.src .org-function-name {
    color: #CDA400;
    font-weight: bold;
}
pre.src .org-builtin {
    color: #729FCF;
    font-weight: bold;
}
pre.src .org-keyword {
    color: #729FCF;
    font-weight: bold;
}
pre.src .org-variable-name {
    color: #FF6347;
    font-weight: bold;
}
pre.src .org-comment-delimiter, 
pre.src .org-comment {  
        color: #888; font-style: italic;   
}