/* ***** 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):
 * Theme Keepsake par Kozlika http://www.kozlika.org 
 */

@import "custom.css";

body {
	margin : 0;
	padding : 0;
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size : 82%;
	color:#111;
	background: #424242;
	align: center;
}

p { margin : 1em 0; }
img { border : none; margin:0; }
form { display : block; margin : 0; padding : 0; }

h1 { font-size : 2.25em; margin : 0.67em 0; font-style:italic; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }
h1, h2 { font-family : Georgia,"Times New Roman","New York",serif; }
h3, h4, h5, h6 { font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif; font-weight : bold; color : #666; margin-top : 2em; }


code, pre { 
	font-family : "Courier New",monospace; 
	font-size : 1.1em; 
	background : #f7f7f7;
 }

pre { 
	margin : 0 auto; 
	margin-bottom : 1em; 
	padding : 0.5em; 
	text-align:left;
	white-space:normal;
		/* caché pour IE 5 Mac qui sait pas faire \*/
		white-space:pre;
		width: 90%; 
		overflow : auto;
		/* End hack */
}

q { 
	font-style : italic; 
 }
a { color : #ff3600; text-decoration : none; }
a:hover { color : #424242; text-decoration : underline; }

#main a:link, #main a:visited {
	color : #ff3600;
}
#main .post-info a, #main .post-tags a, #main .post-info-co a {
	color : #ff3600;
	}
#main a:hover {
	color : #424242;
}
#main a:active {
	font-weight:bold;
}
#main a:focus {
	text-decoration:underline;
}
#top a {
	color : #ff3600;
	background : transparent;
	text-decoration : none;
	font-weight:normal;
	font-size: 24px;
}
#top a:hover, #main .post-title a:hover {
	color : #424242;
}

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

acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor:help;
}

.footnotes {
	font-size:0.9em; color:#666;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
}
.footnotes h4 {
	margin: 0.5em 0;
}
ul {
	position : relative;
} /* pour eviter la disparition d'image aleatoire au survol des liens */

/* Structure
-------------------------------------------------------- */
#page {
	width: 1020px;
	background: #ffffff;
	position: relative;
	margin: 0 auto;
		z-index: 100;
	
}


/* Prelude
-------------------------------------------------------- */
#prelude {
	position : absolute;
	top : 140;
	left : 17em;
	padding : 0;
	font-size : 0.85em;
}

/* Les trois lignes suivantes à supprimer si vous souhaitez voir s'afficher le prelude*/
#prelude, #prelude a {
	color:#fff;
}

/* Titre
-------------------------------------------------------- */
#top {
	font-family : Georgia,"Times New Roman","New York",serif;
	text-align : left;
	height:250px;
	background-color: transparent;
	background-image: url(images/barregrise_header.png);
	background-repeat: no-repeat;
	background-position: 50;
}
#top h1 {
	margin : 0;
	padding : 1em 1px;
	line-height : 2em;
}

/* conteneur des trois colonnes
------------------------------------------------------------------------ */
#wrapper {
	margin:0;
	margin-top:-54px;
	padding : 0;
}


/* Centre (partie des billets)
-------------------------------------------------------- */
#main {
	display : inline;
	float : left;
	width : 100%;
	margin : 0;
	padding : 0;
}
#content {
	font-family : Georgia,"Times New Roman","New York",serif;
	line-height : 140%;
	border-left : 1px dashed #ff3600;
	margin : 0 16em;
	padding : 0 2em;
}

/* Calage des sidebar
-------------------------------------------------------- */

#sidebar {
	font-size:12px;
	color : #424242;
	width : 15em;
	float:left;
	margin : 0 0 0 -16em;
}
#sidebar div {
	margin : 0;
	padding:0;
}
#blognav {
	margin-top : 2em;
	}
#blogextra {
	width : 15em;
	position : absolute;
	top : 160px;
	left : 1em;
	text-align : left
	}

/* content
-------------------------------------------------------------- */
#content-info, #content-info h2 {
	color : #424242;
	font-family : "Lucida grande", Verdana, Lucida, Helvetica, sans-serif;
	margin : 2em 0 0 0;
	padding : 0;
}
#content-info {
	font-size : 0.84em;
}
.day-date {
	padding-bottom : 4px;
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size : 1em;
	text-align : right;
	color : #a3a3a3;
	border-top : 1px solid #ff3600;
	margin-top : 0;
	text-transform : lowercase;
}

.post {
	margin-top:2em;
	padding-bottom : 1.5em;
}

.post-title {
	font-weight:normal;
	font-size:1.4em;
	background : transparent url(images/biohazard_14x14.png) no-repeat 0 40%;
	padding-left : 16px;
	margin:0;
	color : #ff3600;
}

.post-chapo {
	margin-top:1.33em;
}

.post-content {
	text-align:justify;
	margin-top:1.33em;
}

.post-content p {
	margin-top:0.66em;
	line-height:120%;
}

.post-info {
	margin-bottom: 0;
	margin-top : .5em;
	color:#888;
}

.comment_count, .ping_count {
	background : transparent url(images/ico_comments.png) no-repeat 0 40%;
	margin-top:0;
	padding : 0 13px;
}

.post blockquote {
	font-family:Tahoma, "Lucida Grande", "Trebuchet MS", sans-serif;
	background: transparent url(images/cite.gif) repeat-y;
	margin:2em 0;
	padding-left:2em;
}

.post blockquote p {
	margin-top:1em;
}

.post-info-co span {
	background : transparent url(images/ico_tb.png) no-repeat 100% 40%;
	padding : 0 15px 0 0;
}
.post ul, .post ul li, .content-inner ul, .content-inner ul li {
	list-style:none;
	padding-left: 1em;
	margin: 0 0 0 0;
}
.post ul li {
	display:block;
	background : transparent url(images/ul.gif) no-repeat 0 4px;
	padding-left:14px;
}
.post ul ul li {
	display:block;
	background : transparent url(images/ulul.png) no-repeat 0 4px;
	padding-left:16px;
}
ul.post-tags {
	padding-left : 0;
}
ul.post-tags li {
	display : inline;
	background : transparent url(images/ulul.png) no-repeat 0 4px;
	padding-left : 16px;
	padding-right : 8px;
}

/* --------------------------------------------------------------------
	COMMENTAIRES
----------------------------------------------------------------------- */

#pings, #comments, #pr, #comment-form {
	margin : 0 ;
	font-family : "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size:0.9em;
}
#comments .me {
	font-family : Georgia, "times new roman", serif;
	color : #333;
}
#comments dd.me {
	font-size : 1.1em;
}
#pings h3, #comments h3, #pr h3, #comment-form h3, #comments-feed {
	border-top : 1px solid #ff3600;
	font-size : 1em; 
	margin : 2em 0 1em 0;
}
#pings dd, #comments dd, #pr dd {
	margin : 0 0 1em 2em;
	padding : 1px 1em;
	font-style : normal;
	color : #666;
	background : transparent url(images/line-1.png) repeat-x 0 0;
}
#pings dt, #comments dt {
	margin : 0;
	padding : 0 0 0 18px;
}
#pings dt {
	background-image : url(images/ico_tb.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
#comments dt {
	background-image : url(images/ico_comments.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
.comment-number {
	font-family : Georgia, "Times New Roman", "New York", serif;
	font-size : 13px;
}
.comment-number a {
	text-decoration : none;
}
#comments-feed {
	margin : 2em 0 1em 0;
	text-align : center;
	background : #ff3600;
	padding : 10px;
}
#comments-feed a:link {
	color : #ff3600;
	font-weight : bold;
	text-decoration : underline;
}



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

/* -------------------------------------------------------
	COLONNES LATERALES
---------------------------------------------------------- */

#sidebar a { 
	text-decoration : none;
}
#sidebar h2 {
	font-weight : normal;
	color : #424242;
	padding : 10px 0 0 0;
	align: left;
		text-align: left;
			background-position: left;
}
#blognav h3, #blogextra h3 {
	font-size : 1.15em;
	color : #424242;
	font-weight : normal;
	margin-bottom : 0.5em;
	align: left;
	text-align: left;
	background-position: left;
}

/* Menu gauche
----------------------------------------------------------------- */

#blogextra h2 {
	padding : 10px 0 0 0;
	font-size:15px;
	text-align: left;
	font-weight : bold;
	align: left;
	background-image : url(images/bg-title-sidebar.png);
	color : #424242;
}

#blogextra ul {
	color: #FF3600;
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
	font-size: 12px;
	text-align: left;		
	align: left;
	background-position: left;
}
#blogextra li {
	display : block;
	font-size: 12px;
	text-align: left;
	align: left;
	margin-top : 0.15em;
	padding-right : 15px;
	padding-left : 15px;
	color : #424242;
	background-color: transparent;
	background : transparent url(images/biohazard_12x12.png) no-repeat 0 0.25em;
	background-repeat: no-repeat;
	background-position: left 0.25em;
}

/* Menu droit
-------------------------------------------------------- */
#blognav h2 {
	font-size:14px;
	background-color : transparent;
	background-image : url(images/bg-title-sidebar.png);
	background-repeat : no-repeat;
	background-position : 100% 100%;
}

#blognav ul {
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}

#blognav li {
	display : block;
	margin-top : 0.15em;
	padding-left : 15px;
	color : #424242;
	background : transparent url(images/biohazard_12x12.png) no-repeat 0 0.25em;
}

#topnav {
	font-size : 1.33em;
	}
#topnav span {
	display : none;
}

/* Search form */
#sidebar #search {
	margin-bottom : 1.5em;
}
#q {
}


/* Footer
-------------------------------------------------------- */
#footer {
	clear : both;
	font-size:0.9em;
	border-top : 1px solid #999;
	margin : 0 0 1em 0;
	padding: 0 2em;
	color: #666;
	text-align: right;
	line-height: 100%;
}


/* 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 : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

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

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #598F9A;
	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;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* ---------------------------------------------------
    PAGES SPECIFIQUES
--------------------------------------------------- */

.dc-archive-month .day-date {
	text-align : left;
	margin : 1em 0 0 0;
}
.dc-archive-month .post-title {
	margin : .5em 0 0 0;
	}
.dc-tags #main {
	margin-right :-1em;
	}
.content-inner {
	padding : 3em;
	margin:0;
	}
ul.tags { 
	font-size : 1.2em;
	line-height : 200%;
	margin : 0;
	padding : 0;
	text-align : left;
}
ul.tags li { margin : 0; padding : 0; display:inline;}
ul.tags .tag0 { font-size: 90%; }
ul.tags .tag10 { font-size: 95%; }
ul.tags .tag30 { font-size: 105%; }
ul.tags .tag40 { font-size: 110%; }
ul.tags .tag50 { font-size: 120%; }
ul.tags .tag60 { font-size: 125%; }
ul.tags .tag70 { font-size: 130%; }
ul.tags .tag80 { font-size: 135%; }
ul.tags .tag90 { font-size: 140%; }
ul.tags .tag100 { font-size: 150%; }

/* ---------------------------------------------------
    NE PAS OUBLIER
--------------------------------------------------- */
/* les clearers */
.post, .post-content, .footnotes, .attachments, .post-info-co, #comments {
    clear:both;
    }
/* un peu de ménage */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
* html #wrapper
	{
	height: 1%;
	}
#wrapper
	{
	display: block;
	}
/* */
#simplemenu {           *
    position : absolute;*
    margin: 0;          *
    padding: 0;         *
    top : 55px;        *
    left : 10px;       *
    }