/* ***** 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):
 *  Maurice Svay
 */
 
/* A propos de ce theme
 * Tests effectues:
 * - IE de 5.01 a 6 Windows
 * - Firefox 0.9x Windows
 * - Opera 7.51 Windows
 * - Safari 1.2.2 MacOS X (10.3)
 * - Konqueror Linux
 * - Opera Linux
 *
 * Le layout est dans une feuille de style separee
 * 1 - Global style
 * 2 - Header
 * 3 - Post
 * 4 - Trackbacks et commentaires
 * 5 - Sidebar
 * 6 - Footer
 */
 
@import "layout.css";

/* Global style
********************************************/
html, body{
	margin: 0;
	padding: 0;
}

body{
	background: #EEE url(img/background.png) repeat-x;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h2{font-size: 1.2em; margin: 1em 0;}
h3{font-size: 1em; margin: 1.1em 0;}
h4{font-size: 1em; font-weight: normal}
 hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #F00;
 background-color: #F7B430;
 border: 0;
 }
/*a:link{color:#000; background:transparent;}
a:visited{color:#844; background:transparent;}
a:hover{color:#000; background:transparent;}*/
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}
a img{border: none;}

abbr, acronym{
	border: none;
	background: transparent url(img/dotted.png) repeat-x bottom;
	cursor : help;
}

code, pre, kbd {
	font-family:"Courier New", Courier, monospace; font-size : 1em;
}

pre {
overflow: scroll;
width: 100%;
}
html>body pre {
overflow: auto;
width: auto;
}

fieldset{
	border: none;
}

.field label{
	display: block;
	cursor: pointer;
	cursor: hand; /* pour IE */
}

input, textarea{
	border: 1px solid #999;
	background: #FCFCFC;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 4px;
}

textarea{
	width: 99%;
}

.left{
	float: left;
	margin: 0 1em 1em 1em;
}

.right{
	float: right;
	margin: 0 1em 1em 1em;
}

/* Header
********************************************/
#top1{
	background: #F7BC30 url(img/header1.jpg) no-repeat;
}
#top2{
	background: #F7BC30 url(img/header2.jpg) no-repeat;
}
#top3{
	background: #F7BC30 url(img/header3.jpg) no-repeat;
}
#top1 h1, #top2 h1, #top3 h1{
	line-height: 15px;
	margin: 0;
	font-size: 1em;
	text-align:center;
}

#top1 h1 a, #top2 h1 a, #top3 h1 a{
	text-decoration: none;
	color: #C30;
	background: transparent;
}


#prelude{
	color: #CD5C5C;
	background: transparent;
	text-align: center;
	margin: 0;
}

#prelude a{
	color: #CD5C5C;
	background: transparent;
	text-decoration:none;
}

#prelude a:hover{
	color: #F0E68C;
	background: transparent;
}

/* Post
********************************************/
#content{
	color: #222;
	background: transparent;
}

.post{
	margin-top: 20px;
}

.day-date{
	display: none;
}

.post-title{
	padding-left: 10px;
	background: #FFF url(img/sstar.png) no-repeat left;
	background-position: 0 0.1em;
	color: #000;
	margin-bottom: 0;
}
.redac {
color:#F6BA35;
}
.post-title a{
	color: #000;
	background: transparent;
	text-decoration: none;
}
.post-content img{
	max-width: 100%;
	display: block;
	float: left;
	
	margin-top: 13px;
	padding: 3px;
	border: 1px solid #E0E0E0;
}
/*.post-content img[alt|="Photo"] {
	display: block;
	float: center;
	margin-left: 1em;
	margin-top: 13px;
	padding: 3px;
	border: 1px solid #E0E0E0;
}*/
.post-content a {
	color: #666666;
	background: transparent;
	text-decoration: underline;
}
.post-content a:hover {
	color: #3F3F3F;
	text-decoration:none;
	border-bottom: 1px #3F3F3F dashed;
}
.post-title a{
	color: #666666;
	background: transparent;
	text-decoration: underline;
}

.post-info{
	padding-left: 20px;
	margin-top: 0;
	color: #666;
	background: transparent;
}

.post-info a{
	color: #666;
	text-decoration: none;
	background: transparent;
}
.post-info a:hover{
	color: #666;
	text-decoration:none;
	border-bottom: 1px #3F3F3F dashed;
}
.post-content p{
	width: 480px;
	text-align: justify;
	/*overflow: auto;*/
}
.post-content ul{
	list-style-image: url(img/puce.png);
}
.post-content h8{
	color: #DF0000;
}
.post blockquote{
	font-style : italic;
	border-left : 5px solid #999;
	padding-left : 1em;
}

.post blockquote p{
	width: auto;
}

.post-info-co{
	clear: both;
	text-align: right;
	font-size: 0.8em;
	border: 1px solid #E0E0E0;
	background: #FFF url(img/postinfo.png) repeat-x;
	color: inherit;

	margin-top: 0.5em;
	margin-bottom: 3em;
	padding: 0.5ex;
	/* -moz-border-radius connu pour ne pas etre valide */
	-moz-border-radius: 5px;
}

.post-info-co a{
	color: #222;
	background: transparent;
	text-decoration: none;
}

.post-info-co a:before{
	content: url(img/bulle.png);
	margin-right: 1ex;
}
.catimage {
	display: block;
	float: right;
	margin-left: 5px;
	padding: 2px;
	border: 1px solid #E0E0E0;
}
#content h2{
	padding-left: 20px;
	background: #FFF url(img/sstar.png) no-repeat left;
	background-position: 0 0.1em;
	color: #666666;
	
	text-decoration: underline;
}
#content h3{
	padding-left: 20px;
	color: #c3c3c3;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#content h4{
	color: #cc3300;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#content h5{
	color: #F7B430;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#content h4 a{
	color: #cc3300;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#content .post blockquote, #content .chapo blockquote{
	font-style : italic;
	border-left : 5px solid #999;
	padding-left : 1em;
}
#content p.post-info{
	clear: both;
	text-align: right;
	font-size: 0.8em;
	border: 1px solid #E0E0E0;
	background: #FFF url(img/postinfo.png) repeat-x;
	color: inherit;
	
	margin-top: 0.5em;
	margin-bottom: 3em;
	padding: 0.5ex;
	-moz-border-radius: 5px;
}
.pagenav {
	font: 0.1em;
	font-size: 11px;
	color:#666666;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p.pagenav a {
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:100%;
}
p.pagenav a:hover {
	background:#598F9A;
	color:white;
}
p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}
/* Trackbacks et commentaires
********************************************/
#fuzzvotediv { float:right; margin:5px 0 0 1em;}
#fuzzvotediv .fuzzvotebtn{ font-family:Arial, Helvetica, sans-serif; font-size:11px; cursor: pointer; cursor: hand; height: 43px; width:40px; background: no-repeat url(http://www.fuzz.fr/img/fuzzvote1.gif); text-align: center; font-weight: bold; }
#fuzzvotediv .fuzzvotebtn .note{color: #000;margin:0; padding:2px 0 0 1px; width: 100%; text-align: center; line-height:11px;}
#fuzzvotediv .fuzzvotebtn .voter{color: #fff;margin:0; padding:1px 0 0 1px; width: 100%; text-align: center;}

#comments h3{
	padding-left: 15px;
	margin-top: 2.5em;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/comments.png) no-repeat left;
	
}
#comments a, #trackbacks a {
	color: #666666;
	background: transparent;
	text-decoration: none;
}
#comments a:hover, #comments a:hover {
	color: #3F3F3F;
	text-decoration:none;
	border-bottom: 1px #3F3F3F dashed;
}
#comments blockquote.comback_content {
	background: #DEE;
}
#trackbacks h3{
	padding-left: 13px;
	margin-top: 2.5em;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/ico_tb.png) no-repeat left;
}
#tags h3{
	padding-left: 18px;
	margin-top: 2.5em;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/tag.png) no-repeat left;
}
#digg h3{
	padding-left: 18px;
	margin-top: 2.5em;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/trans.png) no-repeat left;
}

#adsens h3{
	padding-left: 18px;
	margin-top: 2.5em;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/g_adsens.png) no-repeat left;
}
#note h3{
	padding-left: 13px;
	margin-top: 2.5em;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/note.png) no-repeat left;
}
#digg a {
	color: #666666;
	background: transparent;
	text-decoration: none;
}
#digg a:hover {
	color: #3F3F3F;
	text-decoration:none;
	border-bottom: 1px #3F3F3F dashed;
}

#tags a {
	color: #666666;
	background: transparent;
	text-decoration: none;
}
#tags a:hover {
	color: #3F3F3F;
	text-decoration:none;
	border-bottom: 1px #3F3F3F dashed;
}
#trackbacks, #comments, #tags, #digg, #note, #adsens{
	margin-top: 2em;
}

#trackbacks blockquote, #comments blockquote, #tags blockquote, #digg blockquote, #note blockquote, #adsens blockquote{
	background: #F5F5F5;
	color: inherit;
	border: 1px dotted #AAA;
	margin: 0.5ex 0 1em 0;
	padding: 1ex;
	overflow: hidden;
	
	
}

#trackbacks blockquote p, #comments blockquote p, #tags blockquote p, #digg blockquote p, #note blockquote p{
	margin: 1ex 0;
}

.comment-info{
	margin-bottom: 0;
}
fieldset {
margin-top: 2em;
border: 1px solid #dadada;
background-color: #f8f8f8;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
legend {
	padding: 0.2em 0.5em;
	background-color: #e8e8e8;
	border: 1px solid #dadada;
	font-style: italic;
	font-variant: small-caps;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
}
/* Sidebar
********************************************/
#sidebar{
	background: #FFF url(img/menu.png) repeat-x;
	color: #666;
}

#sidebar div{
	/* aurait du etre #sidebar > div */
	margin: 0 9px 0.9em 9px;
	
}

#sidebar h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
}

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

#sidebar a{
	text-decoration: none;
}

/* hebergeur */
#hebergeur h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_hebergement.gif) no-repeat left center;
}
/* caladrier */
#calendar h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_calendar.gif) no-repeat left center;
}
/* recherche */
#search h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_recherche.gif) no-repeat left center;
}
/* categories */
#categories h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_categories.gif) no-repeat left center;
}
/* archives */
#archives h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_archives.gif) no-repeat left center;
}
/* mybloglog */
#mybloglog h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_mybloglog.gif) no-repeat left center;
}
/* TOP */
#top10 h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_top10.gif) no-repeat left center;
}
/* lastComments */
#lastComments h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_commentaires.gif) no-repeat left center;
	
}
/* sablier */
#sablier h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_sablier.gif) no-repeat left center;
}
/* chiffre */
#chiffre h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_chiffres.gif) no-repeat left center;
}
/* tagcloud */
#tagcloudside h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_tags.gif) no-repeat left center;
}
/* links */
#links h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_liens.gif) no-repeat left center;
}
/* links */
#menubas {
	position:absolute; 
	bottom:0;
}
/* selection */
#selection h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_selection.gif) no-repeat left center;
}
/* favicon */
#favicon h2{
	border-top: 1px solid #CCC;
	margin: 0 0 1ex 0;
	padding-left: 18px;
	background: transparent url(img/side_favicon.gif) no-repeat left center;
}

#favicon a{
	text-align: center;
	color: #666;
}
#favicon a:hover{
	text-align: center;
	color: #F6BC36;
	
}
/* Categorie */
#categories li a{
	display: block;
	color: #666;

}

#categories li a:hover{
	color: #F6BC36;
	
	background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}

#categories ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	
	padding: 0.2ex 0;
	padding-left: 15px;
}

#categories ul li{
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 15px;
}

/* archives */
#archives li a, #top10 li a{
	display: block;
	color: #666;

}
#top10 li a:hover{
	color: #F6BC36;
	background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}
#top10 ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 15px;
}
#top10 ul li{
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 15px;
}
#archives ul.archives_year {
   
   padding-left: 15px;
   background: transparent url(img/puce.png) no-repeat left center;
   margin-left: 15px;
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 15px;
}
#archives a {
   text-decoration: none;
}
#archives a:hover {
   text-decoration: none;
   color: #F6BC36;
   background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}
#archives .archives_month {
   padding-left: 37px;
}
/* Sablier */
#sablier li a, #chiffre li a{
	display: block;
	color: #666;
}
#sablier li a:hover, #chiffre li a:hover{
	color: #F6BC36;
	
	background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}

#sablier ul li:first-child, #chiffre ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	
	padding: 0.2ex 0;
	padding-left: 15px;
}
#sablier ul li, #chiffre ul li{
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 15px;
}
/* Liens */
#links li a, #selection li a{
	display: block;
	color: #666;

}

#links li a:hover, #selection li a:hover{
	color: #F6BC36;
	
	background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}
#links span, #selection span{
	
	color: #666;

}

#links a:hover, #selection a:hover{
	color: #F6BC36;
	
	/* background: transparent url(img/curseur.gif) repeat-y right; Bling Bling No Flash */
}

#links ul li:first-child, #selection ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	
	padding: 0.2ex 0;
	padding-left: 15px;
}
#links ul li, #selection ul li{
	padding-left: 13px;
	background: transparent url(img/puce.png) no-repeat left center;
	margin-left: 15px;
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 15px;
}

/*  Derrniers commentaires */ 
#lastComments li a{
	display: block;
	
	color: #666;

}

/*#lastComments li a:hover{
	color: #333;
	
	background: transparent url(img/curseur.gif) repeat-y right; 
}*/
#lastComments ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	margin-left: 15px;
	background: transparent url(img/puce.png) no-repeat left center;
	
	margin-top: 0.1em;
	
	padding: 0.2ex 0;
	padding-left: 12px;
}

#lastComments ul li{
	margin-left: 15px;
	background: transparent url(img/puce.png) no-repeat left center;
	
	margin-top: 0.1em;
	padding: 0.2ex 0;
	padding-left: 12px;
}
#lastComments ul li a:hover{
	color: #F6BC36;
	background: transparent url(img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
	
	
}
/*
#lastcomments .comment-date{
}
#lastComments  ul li:first-child{

	padding-left: 13px;
	margin-left: 15px;
	padding-top: 3px;
	margin-top: 0px;
	background: transparent url(img/puce.png) no-repeat 0% 25%;
	
	padding-left: 15px;
}

#lastComments  ul li{
	padding-left: 13px;
	margin-left: 15px;
	padding-top: 3px;
	margin-top: 0px;
	background: transparent url(img/puce.png) no-repeat 0% 25%;
	
	padding-left: 15px;
}*/
#search p{
	text-align: center;
	margin: 0;
}

#search input{
	width: 15%;
	border: 1px solid #999;
	
	-moz-border-radius: 4px;
}

#search input#q{
	width: 70%;
	border: 1px solid #999;
	
	-moz-border-radius: 4px;
}
#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}
#calendar table{
	color: #666;
	background: transparent;
	margin: 0 auto;
	/* Desole pour la taille de fonte en pixel, mais IE craint trop */
	font-size: 10px;
	text-align: center;
}

#calendar table td a{
	color: #444;
	font-weight: bold;
}
/* styles utilises par le plugin twTags */
#tagcloud ul { margin:0; padding:0 0.5em; display:block; }
#tagcloud li { display:inline; margin: 0 .1em;  }
#tagcloud li a { color:#666; }
#tagcloud li a:hover { color:#F6BC36; }
#tagcloud li.level-1 { font-size: 0.8em; }
#tagcloud li.level-2 { font-size: 1.0em; }
#tagcloud li.level-3 { font-size: 1.2em; }
#tagcloud li.level-4 { font-size: 1.4em; }
#tagcloud li.level-5 { font-size: 1.6em; }
#tagcloud li.level-6 { font-size: 1.8em; }

#tagcloudside ul { margin:0; padding:0 0.5em; display:block; }
#tagcloudside li { display:inline; margin: 0 .1em;  }
#tagcloudside li a { color:#666; }
#tagcloudside li a:hover { color:#F6BC36; }
#tagcloudside li.level-1 { display: none; }
#tagcloudside li.level-2 { font-size: 0.8em; }
#tagcloudside li.level-3 { font-size: 1.0em; }
#tagcloudside li.level-4 { font-size: 1.2em; }
#tagcloudside li.level-5 { font-size: 1.4em; }
#tagcloudside li.level-6 { font-size: 1.6em; }
#tagcloudside a{
	text-align: center;
	color: #666;
}
#tagcloudside a:hover{
	text-align: center;
	color: #F6BC36;
	
}
/* Footer
********************************************/
#footer{
	clear: both;
	margin: 0;
	padding: 1em 0 1em 0;
	background: #FFF url(img/footer.png) no-repeat center bottom;
	text-align: right;
	
	padding-right: 35px;
}

#footer a{
	text-decoration: none;
	color: #999;
	background: transparent;
}
#sousfooter{
	clear: both;
	margin: 0;
	padding: 1em 0 1em 0;
	
	background-color:#EEEEEE;
	text-align: right;
	
	padding-right: 35px;
}