/* ***** BEGIN LICENSE BLOCK *****
 * Style Komtuveux du soir pour DotClear par Kozlika http://www.kozlika.org/
 * pour DotClear http://www.dotclear.net/ l'outil qui ne fait que les blogs et qui les fait bien ;-)
 * ***** END LICENSE BLOCK *****
 */
 
body {
	margin : 0;
	padding : 0 0 0 30px;
	font-family : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.76em;
	color : #666;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
	background-color : #323330;
}


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

/*Fond de fenêtre*/
	#body {
		background-color:#323330;
	}

/*Couleur de la bordure de page*/
	#layout {
	border : 0px solid #323330;
	}

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

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

h1 { font-size : 1,8em; margin : 0.87em 0; }
h2 { font-size : 1.3em; margin : 1.03em 0; }
h3 { font-size : 0.97em; margin : 1.20em 0; }
h4 { font-size : 0.8em; margin : 1.53em 0; }
h5 { font-size : 0.63em; margin : 1.87em 0; }
h6 { font-size : 0.47em; margin : 2.53em 0; }

h2 {
	font-family : 'Lucida Grande',  Verdana, Arial, Helvetica, sans-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:#FFFFFF;
}

pre {
	margin : 0 auto;
	margin-bottom : 0em;
	padding : 0em;
	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 : #D63387;
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color: #FFFFFF;
	
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #D63387;
	font-size:0.66em;
	
}

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;
		/* 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 d'environ 500x270 pixels (maxi 540x280), la placer dans le dossier komtuveux2/images.
Ce theme est prevu pour un titre place dans l'image (au pied) 
Modifier ci-dessous : 
- le nom de l'image (actuellement 'fond.gif')
- la couleur du titre (h1 a)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#top h1 {
	
	margin : 0;
	padding-top:0px;
	padding-right:0px;
	text-align:right;
}
#top h1 a {
	color: #FFFFFF;
	text-decoration : none;
}

#top h1 a:hover {
	background:none;
}
#prelude, #prelude a {
	position : relative;
	color:#FFFFFF;
}
/* ============== Main (partie des billets) ================== */
#main {
	padding:0;
	margin:8;
	color : #CCCDB4;
}

#main h3 {
	color : #CCCDB4;
	margin-top : 8em;
}

#content {
	padding : 3px;
	color : #CCCDB4;
}
/* --------------------- Billets ---------------------------------- */
.post {
	margin-top : 0em;
	clear:both;
	margin-bottom:0em 0;
	text-align:justify;
}
.day-date {
	clear:both;
	font-size : 0.8em;
	text-transform:lowercase;
	margin-bottom:3;
	text-align : left;
	padding-left:5px;
	color : #FFFFFF;
	line-height:28px
}
.post-title {
	color : #FFFFFF; /* Couleur du titre du billet en mode 'billet seul' +++++++++++++++++++++++++++++ */

	font-family : "lucida grande",lucida, verdana, helvetica, arial, sans-serif;
	font-style:italic;
	margin-top:6;
	padding-top:6;
}
.post-title a {
	color : #D63387; /* Couleur du titre du billet en page d'accueil ++++++++++++++++++++++++++++++++ */
	text-decoration : none;
}
.info {
	float:right;
	width:100px;
	padding: 0px;
	font-family : "lucida grande",lucida, verdana, helvetica, arial, sans-serif;
	color : #CCCDB4;
	border-left:1px solid #CCCDB4;
	text-align:center;
	margin:4em 4 4 4em;
}

.info a {
text-decoration:none;
}

.post-info {
color:#FFFFFF; /* 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.7em;
margin-bottom:0em;
}

.post-info-co span {
	background : transparent;
	padding : 0;
}

.post-chapo {
	margin-bottom : 0em;
}
.post-content {
}

.post blockquote {
	border-left:0px dotted #CCCDB4;
	padding-left:0em;
	margin-left:0em;
	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 romaarande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.8em;
	border-width : 1px;
	border-color : #ccc;
}
#trackbacks {
	border-top:1px solid #CCCDB4;
	border-bottom:1px solid #CCCDB4;
	margin:0.5em 0;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 1px 1em 0 3em;
	font-style : normal;
	color : #CCCDB4;
}
.comment-info {
	margin : 0;
}

#comments blockquote {
	background:#CCCDB4;
}

.comment-number {
	font-family : "lucida grande",lucida, verdana, helvetica, arial, sans-serif;
	font-size : 1.8em;
}
.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 {
	border-bottom:8px solid #999;
	padding : 4px 0;
	margin:14px 4 4 4 ;
	color : #CCCDB4;
	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 #CCCDB4;
	padding : 4px 0;
	margin:2;
	font-weight : normal;
	font-size:1em;
}

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

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

#sidebar a {
	text-decoration : none;
	color:#CCCDB4;
	padding-left:12px;
}

#sidebar a:hover {
	 /*++++++++++ ci-dessous image a cote des titres du menu : remplacable par une autre image 11x9 pixels ++++++++++ */
	
}

/* --------------- 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 : #CCCDB4;
	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 #CCCDB4;
}
#calendar td.active a {
	font-weight : bold;
}

#calendar a {
	font-weight : bold;
}

/* --------------- Recherche */
/* Search form */
#search {
}
#q {
}
/* --------------- Archives */
#archives {
}

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

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

/* --------------- Déco en bas du menu */
#block1 {
margin-top:4em;
width:170px;
height:140px;

}

/* ================ Footer ===================== */
#footer {
	clear: both;
	margin: 0;
	padding: 0.5em 1em;
	color: #CCCDB4;
	text-align: right;
	line-height: 100%;
	position : relative;
	border-top:1px solid #CCCDB4; /* +++++++++++++ Couleur du filet superieur du footer +++++++++++++++ */
	font-size:0.76em;
}
#footer a {
	color : #333;
	text-decoration:none;
	font-weight:bold;
}


/* ======================== Forumulaires, erreurs, etc ================== */
.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 : "lucida grande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #CCCDB4;
}

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

input[type=submit], input[type=reset] {
	background : #CCCDB4;
	color : #999;
}

input[type=submit]:hover {
	background : #CCCDB4;
	color : #333;
}

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