/* ***** 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 : #fff;
}


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

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

/*Couleur de la bordure de page ++++++++++++++++++++++++++++++++++++ */
	#layout {
	border : 3px solid #f7f7f7;
	}


/* -------------------------------------------------------------------------------------------
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:#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;
}
	/* 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 : #0293A7;
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color: #A71602;
	background:#abd6de;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #999;
	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;
		/* 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 {
	padding:0;
	height:230px;
}
#top h1 {
	background: url(images/fond.gif) no-repeat 50% 24px;
	margin : 0;
	padding-top:200px;
	padding-right:20px;
	text-align:right;
}
#top h1 a {
	color: #A71602;
	text-decoration : none;
}

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

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

#content {
	padding : 1px;
}
/* --------------------- Billets ---------------------------------- */
.post {
	margin-top : 1.5em;
	clear:both;
	margin-bottom:0.5em 0;
	text-align:justify;
}
.day-date {
	clear:both;
	font-size : 1em;
	text-transform:lowercase;
	margin-bottom:0;
	text-align : left;
	padding-left:30px;
	color : #0293A7;
	background : transparent url(images/k.gif) no-repeat; /* ici la 'lettrine' 27x25px de debut de titre de billet */
	line-height:28px
}
.post-title {
	color : #A71602; /* Couleur du titre du billet en mode 'billet seul' +++++++++++++++++++++++++++++ */
	background : transparent ;
	font-family : Georgia,"Times New Roman","New York",serif;
	font-style:italic;
	margin-top:0;
	padding-top:0;
}
.post-title a {
	color : #A71602; /* Couleur du titre du billet en 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:#A71602; /* 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:6px 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 romaarande",lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}
#trackbacks {
	border-top:1px solid #a71602;
	border-bottom:1px solid #a71602;
	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 : #666;
}
.comment-info {
	margin : 0;
}

#comments blockquote {
	background:#f9f9f9;
}

.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 {
	border-bottom:1px solid #999;
	padding : 2px 0;
	margin:14px 0 0 0 ;
	color : #0293A7;
	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;
	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;
	color:#A71602;
	padding-left:12px;
}

#sidebar a:hover {
	 /*++++++++++ ci-dessous image a cote des titres du menu : remplacable par une autre image 11x9 pixels ++++++++++ */
	background:transparent url(images/fleche.gif) no-repeat 0 50%;
}

/* --------------- 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 : #0293A7;
	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 #A71602;
}
#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;
background : transparent url(images/jumelles.gif) no-repeat 50%; /* ++++++++ image remplacable largeur max 170px +++++++++ */
}

/* ================ Footer ===================== */
#footer {
	clear: both;
	margin: 0;
	padding: 0.5em 1em;
	color: #666;
	text-align: right;
	line-height: 100%;
	position : relative;
	border-top:1px solid #a71602; /* +++++++++++++ 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 : #ccc;
}

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

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

input[type=submit]:hover {
	background : #f7f7f7;
	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 {
}
/* ======================== etoiles ================== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(images/star_small.gif);
	line-height: 10px;
	height: 10px;
}