/*** Thème Dark Orange by jibHaine ***/



/* ------------------------------------------------------------
	BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
*{margin:0;padding:0;border:none;font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;color:#000;}
body {background:#666;width:100%;}

h1, h2, h3, h4, h5, h6,#top h1 a,#search label, .post-title a
{font-family:'Century Gothic',Verdana,sans-serif;font-weight:bold;color:#F60;}
h1 {font-size:18px;}
h2, #search label {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul , ol , dl {list-style-type:none;}
form { }
fieldset { }
input ,textarea,select{background:#CCC;border:dotted 1px #000;color:#000; }
option{color:#000; }
label { }

a { color:#f90;text-decoration:none;}
a:link { color:#f90;text-decoration:underline;}
a:visited { }
a:hover {color:#F60;text-decoration:none; }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }

/* -------------------------------------------------------------
	STRUCTURE FLUIDE - 2 COLONNES - SIDEBAR A GAUCHE
--------------------------------------------------------------- */
#page {
	width : 737px;padding:0px 22px;margin:0 auto;
	position:relative;
	background:#666 url(images/fond.gif) repeat-y;
    }
#top {
	height : 135px;
	background:transparent url(images/header.png) repeat-x;
	}
#top h1 {
	}
#wrapper {
	}
#main {
	width : 100%;
	margin : 0 0 0 -200px;
	float : right;
	}
#content {
	margin : 0 0 20px 220px;
	padding : 10px;
	}
#footer {
	clear : both;
	text-align:center;
	height : 75px;
	background:transparent url(images/footer.png) repeat-x;
	}
#sidebar {
	width : 180px;
	float : left;
	padding:10px;
	margin-bottom:20px;
	}
#blognav, #blogextra {
	}

/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top { }
#top h1 { position:absolute;top:60px;left:30px;}
#top h1 a {color:#F90;font-size:24px;font-weight:normal; }
#top h1 a:hover{text-decoration:none;}
#prelude { position:absolute;top:10px;right:40px;color:#F90;}
#prelude a { color:#F90;}


/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper { }
#main { }
#content { }

#content-info { text-align:center;margin-bottom:20px; }
#content-info h2 {
	font-weight:100;
	font-size:18px; }
#content-info p { }

.content-inner {}

.pagination, 
#navlinks {text-align:center;}


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post {margin-bottom:20px; }
.post.first { }
.post.odd { }

.day-date { display:none;}
.post-title a{text-decoration:none; }
.post-info {color:#666; }
.post-tags li{display:inline; }
.post-excerpt,
.post-content { margin:10px 0px;}

.read-it,.post-info-co,#topnav li{display:inline;color:#666;}

.footnotes { }
.footnotes h4 { }

.post-info-co a, .post-tags li a,.read-it a, .tags p strong{padding:8px 0px 8px 24px;margin:5px 0px; }
.post-tags li a, .tags p strong{background : transparent url(images/tag.gif) no-repeat left center;}
.comment_count {background : transparent url(images/comment.gif) no-repeat left center;}
.ping_count {background : transparent url(images/ping.gif) no-repeat left center;}
.attach_count {background : transparent url(images/attach.gif) no-repeat left center;}
.read-it a{background : transparent url(images/bulle.gif) no-repeat left center;}
#attachments { }
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#comments { }
#pings { }
#pr { }
#comment-form { }

#comments h3 { }
#pings h3 { }
#pr h3 { }
#comment-form h3 { }

#comments dl { }
#comments dt { }
#comments dd { }
#comments .first { }
#comments .odd { }
#comments .me { }

#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }

#pr dl { }
#pr dd { }

#comment-form fieldset { }
.field { padding:5px;text-align:left;vertical-align:top; }
.field label { }
.field input { }
.field textarea { }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { }
#comments-feed { }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar { }
#blognav { }
#blogextra { }

#sidebar h2,  .post-title{ 
	font-weight:100;
	font-size:18px;
	margin-bottom:5px;
}
.post-title a, #search label{
	font-weight:100;
	font-size:18px;
	}
#sidebar h3 { 
	text-transform:uppercase;
	font-weight:100;
	font-size:16px;}
#sidebar ul {margin:10px; }
#sidebar li {line-height:25px;}


/* boites du menu des widgets livres avec Dotclear */
#search {position:absolute;top:99px;right:30px; }
#search label{ display:none;}
#search #q { padding:1px;width:130px;background:transparent;color:#FFF;border:1px solid #000;} /* ou #search #q */
#search .submit {padding:-1px;background:transparent;color:#666;border:1px solid #000;} /* ou #search .submit */

#topnav { }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.lastposts { }
.lastcomments { }
.text { }
.links { }

.tags { }
.tags ul { }
.tags li { }
/* a completer separement ou globalement pour le sidebar et la page 
spécifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer {position:relative; }
#footer p {position:absolute;bottom:2px;left:20%;right:20%; }


/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */

.feed { 
	padding:8px 0px 8px 24px;margin:5px 0px;
	background : transparent url(images/rss.gif) no-repeat left center;
	 }


/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un nuage) */
.dc-tags #content ul li, .dc-tags #content ul li a, 
.tags ul li, .tags ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	background : transparent;
	line-height : 1.5em;
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
.dc-tags .tag100, .tags .tag100 { font-size: 135%; }

/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}

/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/* ------------------------------------------------------------
	11. PAGES SPECIFIQUES
	j'indique le marqueur du body, a completer pour cibler 
	plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }


/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {
    clear:both;
    }