/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nomm? layout.css)
------------------------------------------------------------------ */
 @import url(layout.css);  
 @import url(highslide.css);  



/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {
  background-color:#1F1F1F;color:#ddd;
  font-family:"trebuchet MS","Luxi Sans","sans serif";
  font-size:75%;
  line-height:150%;
}
 
h1 {line-height:200%;font-size:180%;font-weight:normal;}
h2 { line-height:150%;font-size:150%;font-weight:normal;}
h3 { line-height:150%;font-size:130%;font-weight:normal;}
h4 {line-height:150%;font-size:120%;font-weight:normal; }
h5 { line-height:150%;font-size:110%;font-weight:normal;}
h6 {;font-weight:normal; }
h3,h4,h5,h6{color:#fafafa;text-decoration:underline;}

p { }
img {background-color:#fff;padding:4px;border:1px solid #666 }
img.noborder { border: 0; padding:0; width:450px; }
sup { }
del {color:#777;}
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input,textarea { font-size:90%;
line-height:130%;font-family:"sans serif";}
label { font-size:80%;
line-height:150%;}

a { }
a:link {color:#880000;/*#008dd6;*/
  text-decoration:none; }
a:visited { color:#880000;text-decoration:none; }
a:hover {color:#fff;text-decoration:none;border-bottom:1px solid #ccff42 }
a[hreflang]:after { }
a img { }
 
code, pre {
line-height:110%; font-family:"luxi mono",monospace;color:#ccff42;background:#111;}
pre {overflow:hidden;font-size:130%;}
 
hr {border-color:#444;color:#444;background-color:#444}

ol.pre2ol{
line-height:140%; font-family:"luxi mono",monospace;color:#fff;
font-size:100%;
margin:5px;
}

ol.pre2ol li{
color:#008dd6;border-bottom:1px solid #262626;background:#111;
list-style:decimal-leading-zero;padding:4px;
}


ol.pre2ol li.oddd{
background:#151515;
}

ol.pre2ol span{
color:#ccff42;
}

 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {
  background-color:#1F1F1F;color:#ddd;
}

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

#top { padding:0;/*position:fixed;top:0;*/}
#top h1 { padding:0;margin:0;font-variant:small-caps}
#top h1 a {color:#ccff42;border:none; }
#top h1 a:hover {}
#top a {
height : 200px;
width: 780px;
display: block;
}
#prelude { text-align:center;color:#444;margin:0;padding:2px 15px;background:#555;position:fixed;top:0;right:10px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;}
#prelude:hover{background-color:#666}
#prelude a {color:#000}
#prelude a:hover {color:#eee}


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

#wrapper {padding:0;}
#main {padding:0; }
/*#content {padding:0 0 0 10px; }*/

#content-info {padding:3px;margin:5px 0;text-align:justify;background-color:#555;border:1px solid #2F2F2F;color:#000}
#content-info h2 { text-align:left;background-color:#1F1F1F;padding:0 0 0 10px;margin:0;font-size:160%;color:#ccc;}
#content-info p {padding:0 8px }
#content-info a {color:#ddd}
.content-inner { }

.pagination {background-color:inherit;padding:1px 5px;color:#aaa;text-align:right;font-size:100%;}
.pagination a{background-color:inherit;color:#ccff42}
.pagination a:hover{background-color:inherit;color:#fff}
#navlinks {color:#444;text-align:right;margin:0 }

#navlinks a{color:#444; }

#navlinks a:hover {color:#fff; }
/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post {padding:3px 10px;margin:0; }
.post.first { }
.post.odd {background-color:#2a2a2a}

.day-date { padding-top:1px;margin:0px 0;font-size:100%;float:right;color:#777;font-variant:small-caps;letter-spacing:-0.3px;font-size:120%;}


.post p:first-letter{margin-left:1em;}

.post.first .post-title { }
.post-title {padding:0 3px;margin:0;color:#fff;/*border:1px solid #2d2d2d*/;}
.post-title a{color:#444}
/*
.post-title:hover a{color:#008dd6}
.post-title:hover{background-color:#2a2a2a}
*/
.post-info { padding:5px 0px;margin:0;font-size:100%;color:#666;text-align:left;font-style:italic}
.post-tags {padding:0 12px;margin:0;font-size:100%;color:#333;text-align:left;font-style:italic}

.post-info a{color:#DDDDDD;}
.post-tags a{color:#CCFF42}

.post-info a:hover{color:#fff}
.post-tags a:hover{color:#fff}

.post-follow {}

.post-excerpt {margin:0 20px;padding:0 5px;text-align:justify;border-left:5px solid #222;color:#eee;}
.post-content {margin:0 10px;padding:0 5px;;text-align:justify;}

.read-it { padding:0 5px;margin:3px 0;color:#fff;font-size:100%}
 p.read-it:first-letter{margin-left:0em;}
.post-content blockquote{font-size:120%;font-style:italic;line-height:130%}


.footnotes {padding:10px;margin:30px 0 0 0;font-size:100%;color:#555;border-top:1px solid #2C2C2C }
.footnotes h4 {padding:0;margin:0 }

.post-info-co {padding: 0 0 20px 10px;margin:0;text-align:right }
 p.post-info-co:first-letter{margin-left:0em;}
/*.post-info-co a{color:#CCFF42;margin-left:10px;border-bottom:1px dotted #333 }*/
.post-info-co a{color:#6699CC;margin-left:10px;border-bottom:1px dotted #333 }
.post-info-co a:hover{color:#fff;margin-left:10px;border-bottom:1px solid #ccff42;  }
a.comment_count {    padding-left: 16px;
    background : transparent url(../img/commenti.png) no-repeat center left; }
.pings_count { }
a.attach_count { padding-left: 14px;
    background : transparent url(../img/attach.png) no-repeat center left; }

#attachments { border:1px solid #222;margin:20px;background-color:#222}

#attachments h3 {padding:0;margin:0;text-decoration:underline;color:#ddd}
#attachments ul {color:#444;;display:inline;font-size:90%}
#attachments ul li {list-style:square;margin:0 20px;color:#008dd6 }
#attachments ul li a{color:#fff}
#attachments li.audio {}
#attachments li.package { }
#attachments li.text { }




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

#comments { }
#pings { }
#pr { }
#comment-form { padding:0px;margin:30px}

#comments h3 {color:#ccff42;text-decoration:none;font-size:130%;margin-left:30px;}
#pings h3 {color:#ccff42;text-decoration:none;font-size:130% }
#pr h3 {color:#ccff42;margin-left:30px;text-decoration:none }
#comment-form h3 { color:#ccff42;text-decoration:none;font-size:120%}

#comments p{padding:0;margin:0 }
#comments dl {margin:0 30px;padding:0;font-size:100%;line-height:150%;color:#aaa;}
#comments dt {color:#666;margin:0;padding:5px; }
#comments dd {margin:0 0 0px 0;;padding:5px 10px 10px;line-height:140%;border-bottom:1px solid #222}
#comments .first { }
#comments .odd {background-color:#222;}
#comments dt.me a{ color:#CCFF42;}
#comments dt strong{ color:#ccc;}

#pings dl {margin:0 0 0 30px;padding:0;}
#pings dt {color:#666;margin:0;padding:5px }
#pings dd { padding:0;margin:0 0 0px 0;;padding:5px 10px 10px; }
#pings .first { }
#pings .odd {background-color:#222; }
#pings .me {background-color:#2c2c2c; }

#pr dl { margin:0 30px;padding:0;font-size:100%;line-height:140%;color:#aaa;}
#pr dd { margin:0 0 0px 0;;padding:5px 10px 10px;background-color:#2c2c2c;}


#comment-form legend{text-decoration:none;font-size:100%;margin:0px;font-weight:normal;color:#ccff42;font-weight:normal;}
#comment-form fieldset {padding:0 10px ;border:1px solid #333;/*background-color:#222*/;font-size:130%;}
.field {margin:10px;display:inline;padding:1px;}
.field label {width:30%;color:#ccc;text-align:left;padding:3px;display:block;margin:0 0 0 10px}
.field input {margin-bottom:2px;border:1px solid #555;background:#555;padding:2px;}
.field textarea {;font-size:110%;background-color:#555;border:1px solid #555;margin:0 0 20px 0;width:90%}
input:focus,textarea:focus{background-color:#eaeaea}

#comment-form input[type=submit] {    border:none;
    font-family:serif;

    padding-left:15px;
    padding-bottom:4px;
    margin:0 10px;
    background-color:transparent;
    background-image: url(../img/bouton_bleu.png);
    background-repeat: no-repeat;
    background-position: center left;
    width:135px;
    height:40px;
    color:#fff;
    font-weight:normal; }
#comment-form input[type=reset] { }

.form-help {padding:0 10px;}

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


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

/*#sidebar {padding:0;margin:120px 0 ;width:100%;border-top:2px solid #444;}
#blognav {padding:0;margin:0;float:left;width:50%;z-index:0}
#blogextra { padding:0;margin:0;float:left;width:50%}

#blognav div{padding:0;margin:0 0;float:left;width:50%}
#blogextra div{ padding:0;margin:0 0;float:left;width:50%}*/

#sidebar  { text-align:right;padding:0 0 0 0;/*position:fixed;top:70px;*/}
#sidebar h2 { 
  padding:3px 10px;
  margin:0;
  font-size:120%;
  border-top:1px solid #333;
  color:#666;
  font-weight:normal;
  text-align:right;
  border-right:1px solid ;
}

#sidebar h2:hover { color:#aaa}
#sidebar h3 { padding:0;margin:0; }
#sidebar ul {padding:0;margin:0;}
#sidebar li {display:block;padding:2px 10px;margin:0;border-right:1px solid #CCFF42; }
#sidebar li:hover {display:block;padding:2px 9px;margin:0;border-right:2px solid #fff; }
#sidebar li a:hover {border-bottom:none }
/* boites du menu des widgets livres avec Dotclear */
#search {margin:0;padding:0;text-align:right;/*position:fixed;top:20px;right:0;*/}
#search label{font-size:100%  }
#search fieldset{border:none}
#search p{margin:0;padding:0;}
#search form {margin:0;padding:5px;}
#search input[type=text] {
  font-family:"trebuchet MS","Luxi Sans","sans serif";
  font-size:90%;
  margin:0;
  padding:3px 0;
  width:10em; 
} /* ou #search #q */
#search input[type=submit] {
  font-family:"trebuchet MS","Luxi Sans","sans serif";
  font-size:75%;
  margin:0;
  padding:3px;
} /* 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 {text-align:center;color:#fff;background:inherit;/*position:fixed;bottom:0;*/}
#footer p{clear:both;padding:5px;}
#footer a {color:#ccff42}
#footer a:hover {background:#ccff42;color:#000}




/* ------------------------------------------------------------
	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.) */

a.feed {
    padding:3px 20px 3px 0px;
    background : transparent url(../img/feed-icon.png) no-repeat center right;
    }


/* 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,ul.post-tags li {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	line-height : 1.5em;
}
.tags ul li a:hover {
}

.tags p {
display: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 {
   font-size:120%;
	border : 1px solid red;
        margin:40px;
	padding:0.5em 1em 0.5em 2.5em;
    background-color:#transparent;
    background-image: url(../img/error.png);
    background-repeat: no-repeat;
    background-position: center left;
	}
.error ul {
	padding-left : 35px;
	}
.error p {
	padding:0.5em 1em 0.5em 2.5em;
	}
	
/* 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; }

.message{
   font-size:120%;
	border : 1px solid green;
        margin:40px;
	padding:0.5em 1em 0.5em 2.5em;
    background-color:#transparent;
    background-image: url(../img/dialog-information.png);
    background-repeat: no-repeat;
    background-position: center left;
}

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


.dc-archive #content ul{font-size:120%;margin:10px 3px;padding:0 4px;list-style:none;float:left;}
.dc-archive #content ul li{margin:5px;padding:0 4px;list-style:none;}
.dc-archive #content h3{clear:left;margin: 0;padding:10px;font-size:180%;color:#CCFF42;text-decoration:none;float:left;}

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

#search span {background:transparent url(../img/search.png) no-repeat center left;margin:0;width:1em;height:1em;}