/* ***** 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 Komtuveux du Jour par Kozlika http://www.kozlika.org 
 */
 
body {
	margin : 0;
	padding : 0 0 0 18px;
	font-family : "lucida grande",lucida,Verdana,Helvetica,"Bistream Vera Sans",sans-serif;
	font-size : 0.76em;
	background : #fff;
	color : #999;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}


/* Personnalisation des couleurs de fond ++++++++++++++++++++++++++++++++++++ */

/*Fond de fenêtre*/
	#body {
		background-color:#fff;
	}
/*Fond de colonne gauche, couleur de la bordure de page*/
	#layout {
		background-color : #f0e6ff;
		border-color : #f6ebac;
	}

/* Fond de la partie billets */
	#page {
		background:#fff;
	}

/* Fond du titre du blog : voir dans la partie #top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* -------------------------------------------------------------------------------------------
Elements communs
------------------------------------------------------------------------------------------- */

h1 { font-size : 2em; margin : 0.67em 0; }
h2 { font-size : 1.33em; 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; }

h2 {
	font-family : Georgia,"Times New Roman","New York",serif;
	font-weight : normal;
}

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

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

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;
}
	/* Fin hack */

q { font-style : italic; }


/* Personnalisation des liens +++++++++++++++++++++++++++++++++++++++++++++
Changer la couleur des liens "au repos" -> a { }
Changer la couleur des liens survoles, sur focus et actives -> a:hover, a:focus, a:active { }
		et la couleur qui vient surligner ces liens (background)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a {
	color : #877BB5;
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color: #6B4DE0;
	background:#E6F2B5;
}

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

table {
	font-size : 1em;
}
cite:before {content: open-quote;}
cite:after {content: close-quote;}

/* Structure (layout > page + sidebar)
===================================================== */
#layout {
	margin-top:24px;
	margin-bottom:24px;
	padding : 0;
	width:756px;
	border:3px solid #F6EBAC;
		/* ci-dessous hack pour Internet Explorer */
		voice-family: "\"}\""; 
  		voice-family:inherit;
  		width :750px;
}

/* page > top + prelude + main
============================================= */
#page {
	width:540px;
	float:right;
}

/* ------------------------------------- Top + prelude --------------------------------------------------------------

PERSONNALISATION DU TOP +++++++++++++++++++++++++++++++++++++++++++++
Choisir une image de 540x300 pixels, la placer dans le dossier komtuveux1/images
Modifier ci-dessous : 
- le nom de l'image (actuellement 'myos.jpg')
- la couleur du fond de top (qui sera aussi la couleur de fond du titre du blog)
- la couleur du titre (h1 a)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#top {
	background: #DCDEF9 url(images/myos.jpg) no-repeat 50% 0%;
	padding:0;
	height:338px;
}
#top h1 {
	margin : 0;
	padding-top:308px;
	padding-right:20px;
	text-align:right;
}
#top h1 a {
	color: #6B4DE0;
	text-decoration : none;
}
#top h1 a:hover {
background:none;
}
#prelude {
	position : relative;
	top : -1650px;
	margin : 0;
	padding : 0 15px 0 0;
	font-size : 0.85em;
	text-align : right;
	color : #abd6de; /* couleur du fond du top pour le rendre invisible */
}
#prelude a {
	color : #abd6de;
}
#prelude a:hover, #prelude a:focus {
	color : #0373A1;
}
/* ============== Main (partie des billets) ================== */
#main {
	padding:0;
	margin:0;
}

#main h3 {
	color : #333;
	margin-top : 2em;
}

#content {
	padding : 1px 1em 1em 1em;
}
/* --------------------- Billets ---------------------------------- */
.post {
	clear:both;
	margin-bottom:0.5em;
	text-align:justify;
}
.day-date {
	display:none;
}
.post-title { 
	color : #6B4DE0; /* Couleur du titre du billet en mode billet unique +++++++++++++++++++++++++++++ */
	background : transparent ;
	font-family:"lucida grande", lucida, helvetica, sans-serif;
	font-family : Georgia,"Times New Roman","New York",serif;
}
.post-title a {
	color:#6B4DE0;   /* Couleur du titre des billets sur la page d'accueil +++++++++++++++++++++++++++++ */
	text-decoration : none;
}
.info {
	float:right;
	width:100px;
	padding: 0 4px;
	font-family : Georgia,"Times New Roman","New York",serif;
	color : #999;
	border-left:1px solid #999;
	text-align:center;
	margin:1em 0 0 1em;
}
.info a {
	text-decoration:none;
}
.post-info {
	color:#6B4DE0; /* Couleur de la date et de l'auteur du billet +++++++++++++++++++++++++++++ */
	margin-top:0;
	margin-bottom:0;
}
.post-info-co {
	font-family:"lucida grande",lucida, verdana, helvetica, arial, sans-serif;
	font-size:0.9em;
	margin-bottom:0.5em;
}
.post-info-co span {
	background : transparent;
	padding : 0;
}
.post-chapo {
	margin-bottom : 2em;
}
.post-content {
}
.post blockquote {
	border-left:8px dotted #f7f7f7;
	padding-left:1em;
	margin-left:1em;
	font-family:Georgia, "times new roman", times, serif;
}

/* -------- Commentaires et trackbacks ------------- */

#trackbacks, #comments, #comment-preview {
	margin : 0 ;
}

#trackbacks h3, #comments h3, #comment-preview h3 {
	font-family:Georgia, "times new roman", times, serif;
	color:#99bf60;
	margin : 1.5em 0 0.33em 0;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em 0 3em;
	font-style : normal;
	color : #666;
	border : 1px solid #f6ebac;
}

.comment-info {
	margin : 0;
}
.comment-number {
	font-family : Georgia,"Times New Roman","New York",serif;
	font-size : 2em;
}
.comment-number a {
	text-decoration : none;
}

/* ============== Sidebar ================== */
#sidebar {
	float:left;
	width : 180px;
	padding-left:20px;
	padding-top:24px;
	line-height:120%;
	font-size:0.92em;
		/* hack pour IE */
		voice-family: "\"}\""; 
		voice-family:inherit;
		width :160px;
}

#sidebar h2 {
	 /*++++++++++ ci-dessous image a cote des titres du menu : remplacable par une autre image 15x15 pixels ++++++++++ */
	background:transparent url(images/ico_cat.gif) no-repeat; 
	border-bottom:1px solid #999;
	padding : 2px 0 2px 18px;
	margin:14px 0 0 0 ;
	color : #99bf60; /* ++++++ couleur des titres du menu ++++++++ */
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-weight:bold;
	text-transform : uppercase;
	font-size:1em;
}

#sidebar h3 {
	border-bottom:1px solid #999;
	padding : 2px 0;
	margin:0;
	font-weight : normal;
	color : #99bf60; /* ++++++ couleur des sous-titres du menu ++++++++ */
	font-size:1em;
}

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

#sidebar li {
	display : block;
	color : #e2d6ad;
	padding:2px 0;
	border-bottom:1px solid #999;
}

#sidebar a {
	text-decoration : none;
}

/* --------------- Calendrier */
#calendar {
	font-size:1.1em;
	line-height:100%;
	width:160px;
	margin-bottom:2em;
}
#calendar h2 {
	display:none;
}
#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}
#calendar caption {
	color : #99bf60;
	font-weight:bold;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}
#calendar abbr {
	border : none;
	font-style : normal;
}
#calendar th, #calendar td {
	border : none;
	padding : 1px;
}
#calendar td {
	text-align : center;
}
#calendar td.active {
	border : 1px solid #0373A1;
}
#calendar td.active a {
	font-weight : bold;
}
#calendar a {
	font-weight : bold;
	background:#ffec00;
}

/* --------------- Recherche */
#search {
}
#q {
}

/* --------------- Archives */
#archives {
}

/* ---------------- Liens */
#links {
}

/* --------------- Syndication */
#syndicate {
}

/* --------------- Déco en bas du menu */
#block1 {
	margin-top:4em;
	margin-left:24px;
	width:104px;
	height:98px;
	background : transparent url(images/ico_cat.gif) repeat-x;
}

/* ================ Footer ===================== */
#footer {
	clear: both;
	margin: 2em 0 0 0;
	padding: 6px 1em 1em;
	color: #666;
	background: #DCDEF9; /* +++++++++ Couleur de fond du footer ++++++++++ */
	text-align: right;
	line-height: 100%;
	position : relative;
	font-size:0.76em;
}
#footer a {
	text-decoration:none;
	font-weight:bold;
}

/* ======================== Forumulaires, erreurs, etc ================== */
/* 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: #F1F3FD;
}

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

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

textarea {
	width : 100%;
}

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 {
}