/* -----------------------------------------------------------------
	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);  
/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
body {background-color:#3f4440;color:#eee;
font-family:"trebuchet MS","Luxi Sans","sans serif";
font-size:75%;
line-height:150%;
 }

h1 {line-height:200%;font-size:230%;font-weight:normal;}
h2 { line-height:150%;font-size:170%;font-weight:normal;}
h3 { line-height:150%;font-size:150%;font-weight:normal;}
h4 {line-height:150%;font-size:130%;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:2px;border:1px dotted #666 }

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:#ccff42 ;text-decoration:none;border-bottom:1px dotted #333}
a:visited { color:#ccff42 ;text-decoration:none;border:none }
a:hover {color:#ccff42 ;text-decoration:none;border-bottom:1px solid #ccff42 }
a[hreflang]:after { }
a img { }

code, pre {
 font-family:"luxi mono",monospace;color:#000;background:#ccc;}

pre {overflow:hidden;font-size:90%;line-height:120%;padding:4px;width:98%}

hr {background-color:#222;width:50%}

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

ol.pre2ol li{
color:#555;background:#ccc;
list-style:decimal-leading-zero;padding:4px;
}

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

ol.pre2ol span{
color:#000;
}


/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
#page {background-color:transparent;
    background-image: url(img/wrapper.png);
    background-repeat: repeat-y;
    background-position:top center;width:870px;}


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

#top { padding:0;margin:0 auto;background:#ccff42 url(img/top.png)repeat-x bottom center;width:820px;height:140px}
#top h1 { padding:35px 0 0 50px;margin:0;text-align:left}
#top h1 a {color:#000;border:none; }
#top h1 a:hover {}
#prelude { text-align:right;;color:#aaa;margin:0;background:transparent ;padding:1px 10px}

#prelude a {color:#3f4440;border:none;}
#prelude a:hover {text-decoration:underline;}


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

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

#content-info {/*padding:3px;margin:5px 0;text-align:justify;background-color:#555;border:1px solid #2F2F2F;color:#000*/padding:3px 20px;margin:0 0;}

#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 { padding:3px 20px;margin:0 0 40px 0;}

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

#navlinks {color:#444;text-align:center;margin:0 }
#navlinks a{color:#444; }
#navlinks a:hover{color:#fff; }

/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */
.post {padding:3px 20px;margin:0 0 20px 0; }
.post.first { }
.post.odd {}

.day-date { padding:3px;margin:0px 0;border:1px solid #333;text-align:right}

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

.post.first .post-title { }
.post-title {padding:0 ;margin:0;color:#fff;/*border:1px solid #2d2d2d*/;text-align:left}
.post-title a{}


.post-info { padding:5px 0px;margin:0;color:#555;text-align:left;background-color:transparent;
    background-image: url(img/arch.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;}
.post-info a{color:#ccc}

.post-tags {padding:0 1px;margin:0;font-size:100%;color:#333;text-align:left;}
.post-tags a{color:#555}

.post-tags {color:#777;    background-color:transparent;
    background-image: url(img/tag_yellow.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;}

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

.post-excerpt {margin:0 0px;padding:0;text-align:justify;border-left:5px solid #222;color:#eee;}
.post-content {margin:0px;padding:0px;;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: 2px 1px;margin:10px 0;text-align:left;font-size:95%;background:#252525; }
 p.post-info-co:first-letter{margin-left:0em;}
.post-info-co a{color:#ddd;border:none;margin-left:10px; }
.post-info-co a:hover{color:#ccff42}

a.comment_count {    padding-left: 16px;
    background : transparent url(img/comment.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-top:2px solid #222;margin:15px 5px;clear:both;}
#attachments h3 {padding:0;margin:0;text-decoration:underline;color:#aaa;font-size:120%;line-height:120%}
#attachments ul {color:#444;;display:block;font-size:90%;padding:2px;margin:5px;}
#attachments ul li {margin:0 20px; }
#attachments ul li a{}
#attachments li.audio {}
#attachments li.package { }
#attachments li.text { }

/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */
#comments {font-size:95%;padding:3px 20px; }
#pings {font-size:95% ; padding:3px 20px;}
#pr {font-size:100% ; }

#comment-form { padding:0px;margin:5px 30px;font-size:95% }

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


#comments p{padding:0;margin:0 }
#comments dl {margin:20px ;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;line-height:140%;border-bottom:1px solid #222}
#comments .first { }
#comments .odd {background-color:#222}
#comments dt.me a{ color:#87f70f}
#comments dt strong{ color:#ccc;}

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

#pr dl { margin:20px ;padding:0;font-size:100%;line-height:140%;font-size:110%;}
#pr dd { margin:0 0 0px 0;;padding:5px;;border:1px solid #ccff42}

#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:100%;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;
    padding-left:15px;
    padding-bottom:4px;
    margin:0 10px;
    background-color:transparent;
    background-image: url(img/bouton_vert.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 { margin:0 0 0 30px;padding: 10px; }

#comments-feed {margin:0 0 0 30px;padding:10px;text-align:right}

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

#sidebar  { text-align:left;padding:0 0 0 0;/*position:fixed;top:70px;*/;font-size:95%;line-height:120%;width:170px;float:left}
#sidebar h2 { ;padding:0;margin:0 ;color:#fff;font-weight:normal;text-decoration:none;font-size:130%;background-color:#1F1F1F}
#sidebar a,#sidebar a:link{border:none;color:#000}
#sidebar h3 {padding:0 0 0 3px;margin:0;font-size:110%;color:#111;/*background-color:#2C2C2C*/}
#sidebar div {padding:0;margin:18px 0 0 0 ;}
#sidebar ul,#sidebar p{padding:5px;margin:0;/*background-color:#2C2C2C*/}
#sidebar li {padding:2px 4px;margin:0;;list-style:none; }
#sidebar li:hover { }

/* boites du menu des widgets livres avec Dotclear */
#search {margin:0;padding:0;text-align:left;/*position:absolute;top:0px;*/}
#search label,#search h2{font-size:110%;background:transparent;border:none;margin:0;padding:0;}
#search p{margin:0 0;padding:0;}
#search form {margin:0;padding:0}
#search input[type=text] {font-size:100%;margin:0;padding:3px;width:8em;background:transparent;border:1px solid #777 } /* ou #search #q */
#search input[type=text]:focus {font-size:100%;margin:0;padding:3px;width:8em;background:#fff;border:1px inset #777 } 
#search input[type=submit] {font-size:100%;margin:0;padding:3px;background-color:transparent;border:none;font-weight:bold} /* ou #search .submit */
#search fieldset{border:1px solid #ccff42 ;background:#9ACC12 url(img/search.png) no-repeat center left;padding:8px 0 8px 35px;margin:0;}

.selected,.feed,#arlequin { background:#9ACC12;color:#000;padding:5px;}
.lang { background:#9ACC12;color:#000;padding:5px;}
.categories {background:#9ACC12;color:#000;padding:5px; }
.syndicate { background:#9ACC12;color:#000;padding:5px;}
.lastposts { background:#9ACC12;color:#000;padding:5px;}
.lastcomments {background:#9ACC12;color:#000;padding:5px; }
div.text {line-height:140%;background:#9ACC12;color:#000;padding:5px;}
.links {background:#9ACC12;color:#000;padding:5px; }

.tags {background:#9ACC12;color:#000;padding:5px; }
.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 */


#topnav ul{display:block;font-size:100%;padding:4px;border:1px solid #333 }
#topnav ul li{display:inline }
#topnav ul li a{color:#fff}
li.topnav-arch a{
    background-color:transparent;
    background-image: url(img/arch.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;
color:#fff;
 }

li.topnav-home a{
    background-color:transparent;
    background-image: url(img/home.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;
color:#fff;
 }

/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */
#footer {text-align:left;color:#fff;padding:50px 0 0 0;background:#222;background-color:transparent;
    background-image: url(img/bottom.png);
    background-repeat: no-repeat;
    background-position: bottom left;height:60px;text-align:right;}
#footer p{clear:both;margin:0;padding:0 40px;}
#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 {
}

.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 #B71B1B;
color:#000;
margin:10px 45px;
padding:5px;
background-color:#B71B1B;
background-image: url(img/error.png);
background-repeat: no-repeat;
background-position: center left;
/****/

}

.error ul {
 
	}

p.error {
	padding:10px 35px;
	}


/* 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{
border : 1px solid #B5FF41;
color:#fff;
margin:10px 45px;
padding:5px;
background-color:#3F4440;
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 t{ }
.dc-archive-month { }
.dc-tags .tags{font-size:150%}
.dc-tags .tags a{color:#000;}
.dc-tags .tags a:hover{border-color:#000;}
.dc-tag { }
.dc-404 { }
.dc-search { }

.dc-archive #content{padding:0 30px }
.dc-archive #content ul{font-size:100%;margin:1px ;padding:0 4px;list-style:none;float:left;height:260px}
.dc-archive #content ul li{margin:2px 0;padding:0 4px;list-style:none;width:90px;}
.dc-archive #content h2{padding:0 10px }
.dc-archive #content h3{margin:10px 3px;padding:0 10px;font-size:150%;background-color:#CCFF42;color:#000;font-weight:bold;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;
    }

#livecounter a,#livecounter a:visited{color:#ccff42}


/* ---------------------------------------------------
Classes ajoutées avec Jquery : par exemple .dotclearComment
--------------------------------------------------- */
.dotclearComment{}