/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2008 Olivier Meunier and contributors
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# Theme Name: Welsh 2.0
# 			variante 3 colonnes
# Version: 0.9
# Author: Kozlika - http://www.kozlika.org/
#
# -- END LICENSE BLOCK ------------------------------------
*/

/* References couleurs :
---------------------
bleu nuit : #346
bleu moyen : #47c
bleu ciel : #d8e7fa
fuschia : #a08
orange : #f91
vert : #8b2
*/


/* -----------------------------------------------------------------
	1. STRUCTURE
------------------------------------------------------------------ */


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

body { background : #1a283d url(images/bg_body.gif) repeat-x; font-family : arial, "lucida grande", sans-serif; color : #222; }

h1, h2, h3, h4, h5, h6 { color : #346;}
h2 { font-size : 1.33em;}
h3 { font-size : 1.2em;}
h4 { font-size : 1em;}
h5 { font-size : .9em;}
h6 { font-size : .8em;}

p { margin : 1em 0; }
img { border : none; }
a img { border : none;}
sup { font-size : xx-small; padding-left : 1px; }
abbr, acronym { }

q { background : #fffff3; padding : 0 3px;}
blockquote { border : 2px dotted #dbdbdb; padding : 0px 4px; background : #fffff9 url(images/quote.gif) no-repeat 4px 4px; text-indent : 2em;}
cite { }

ul { }
ol { }
dl { }

form { border:none;}
fieldset { border:none; display : block; }
input[type=submit] { border-right : 1px solid #47c; border-bottom : 1px solid #47c;
	color : #346; text-transform : uppercase;background : #d8e7fa; font-weight : bold;font-size : 1em;}
input[type=submit]:hover { background : #4375cd; color : #fff; }
label { }

a { text-decoration : none; }
a:link {color : #47c;  }
a:visited {color : #47c;  }
a:hover { color : #a08; }
a:focus { color : #a08; }
a [hreflang] { font-size : .9em; color : #999; }
a[hreflang]:after { content: " [" attr(hreflang) "]"; color : #999; font-size : .9em; }
a img { border : none; }

code, pre { font : 105% "courier new"; color : #000; }
pre { width : 90%; overflow : auto; background : #e8f0ff; padding : 4px; border : 1px solid #aaa; }

hr { border: 0; width: 60%; color: #a08; background-color: #a08; height: 1px;}

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */

#page { background : #fff;}


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

#top { background : transparent url(images/bg_header.gif) repeat-x; }
#top h1 { padding:35px 0 0 20px; }
#top h1 a { font-weight : bold;}
#top h1 a:link, #top h1 a:visited { color : #fff;}
#top h1 a:hover { color : #e8f0ff;}

#prelude { position : absolute; top : 2px; text-align : right; }
#prelude a:hover { color : #fff; }

#supranav { background: transparent;text-align: right; margin: 0; padding: 17px 20px 20px; }
#supranav li { display: inline;margin:0 3px 0 0; }
#supranav li a { padding: 5px 10px 20px 10px; color : #fff; font-weight : bold;}
#supranav li a:link, #supranav  li a:visited { background : transparent url(images/bg_nav.gif) repeat-x;}
#supranav li a:hover { background : transparent url(images/bg_nav_hover.gif) no-repeat center top; color : #346;}
#supranav li.active a { background : transparent url(images/bg_nav_active.gif) no-repeat center top; color : #346;}
#supranav li a span { display: none; }


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

#content { line-height : 1.6em; }
#content ul { list-style-type : none; margin : 0 0 1.5em 1.5em; padding : 0;}
#content ul li { margin : 0; padding : 0 0 0 11px; background : transparent url(images/lili.gif) no-repeat 0 8px;}
#content ul li ul { list-style-type : square;}
#content ul li ul li { margin : 0 0 0 1em; padding : 0; background : transparent;}

#content-info { font-size : .95em; margin : 0 0 4em 0; border : 1px solid #f91; }
#content-info h2 { font-size : 1.15em; margin : 0;background : #f91; padding : 2px 8px; color : #fff; }
#content-info p { padding : 0 8px; margin : 4px 0; }

#navlinks { margin-top : 0; margin-bottom : 28px;}
#navlinks a:link, #navlinks a:visited, .pagination a:link, .pagination a:visited { color : #f91;}
#navlinks a:hover, #navlinks a:focus, .pagination a:hover, .pagination a:focus { color : #a08;}
.pagination { background : #fff url(images/bg_header.gif) repeat-x left bottom;}
.pagination a { font-weight : bold;}


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

.post { background : #fff url(images/ico_entry.gif) no-repeat 0 .3em; margin-bottom : 4em; }

.day-date { display : none; padding-left : 30px; margin : 0; font-size : .9em;}
.post-title { margin : 0; padding : 0 0 0 30px; color : #a08; }
.post-title a { color : #8b2; font-weight : bold;}
.post-title a:hover { color : #a08;}

.post-info { font-size : .9em; text-indent : 30px; border-bottom : 2px solid #47c; padding-bottom : 2px; margin : 0; }
.post-info a { white-space : nowrap;}
.post-info a:hover { color : #a08;}

.post-tags { list-style-type : none; text-align : right; margin : 0 0 1.5em 0; }
.post-tags a { padding : 0 0 0 12px; background : #fff url(images/ico_tag.gif) no-repeat 0 2px; color : #777;}
.post-tags a:hover { color : #a08; }
#content .post-tags li { display : inline; margin : 0; font-size : .9em; padding : 0 0 2px 8px; background : #fff;}

.post-excerpt, .post-content { }
.post-excerpt p img, .post-content p img {max-width:589px;}
.post-content a, .post-excerpt a { font-weight : bold; text-decoration : underline;}
.post sup a { text-decoration : none;}

.footnotes { font-size : .9em;}
.footnotes h4 { font-size : 1.1em; }

.post-info-co { font-size : .9em; background : #fff url(images/bg_info-co.gif) no-repeat right bottom; padding-bottom : 3px; border-bottom : 2px solid #ddd; }
.post-info-co a { color : #777;}
.post-info-co a:hover { color : #a08;}

.comment_count { background : #fff url(images/ico_comm.gif) no-repeat left center; padding-left : 16px; }
.ping_count { background : #fff url(images/ico_ping.gif) no-repeat left center; padding-left : 16px; margin-left : 8px;}
.attach_count {background : #fff url(images/ico_attach.gif) no-repeat left center; padding-left : 12px; margin-left : 8px; }

#attachments { }
#attachments h3 { color : #a08;}
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }


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

#comments h3, #pings h3, #pr h3, #comment-form h3 { color : #a08; font-weight : normal;}
#comments { background : #fff url(images/bg_info-co.gif) no-repeat right top; padding-top : 4px; }
#comments h3 {padding-top : 24px; border-top : 2px solid #ddd; margin-top : 0;}

#comments dl { margin-bottom : 2em; }
#pings dl { background : #fffff3; padding : 8px; padding-top : 0;}
#pr dl {background : #e5eeff url(images/bg_info-co.gif) no-repeat right bottom; padding : 4px; border-bottom : 2px solid #ddd; margin : 0 0 2em 0; width : 95%; }

#comments dt, #pings dt, #pr dt { clear : both; font-weight : bold; padding-top : 4px; margin-top : 24px;}
#comments dt a:link, #pings dt a:link, #pr dt a:link { color : #8b2; font-weight : bold;}
#comments dt a:hover { color : #a08;}
#comments dd, #pings dd, #pr dd { margin-left : 30px;}
#comments dd p, #pings dd p, #pr dd p { margin : .5em 0;}
#comments dt.me { color : #346;}
#comments dd.me { color : #346;}
.comment-number, .ping-number { display : block; width : 30px; padding-top : 2px; float:left; font-size : 1.5em; font-weight : normal; }

#comment-form { padding : 0;}
#comment-form fieldset {margin : 0; padding : 0;}
.field label { clear:left; display : block; width : 10em; float:left; font-size : .95em;}
.field input { border : 1px solid #ccc;background : #e5eeff}
.field input:focus { border : 1px solid #777;background : #fff; }
.field textarea {background : #e5eeff; border : 1px solid #ccc; width : 95%; margin : .5em 0; padding : 4px;}
.field textarea:focus { border : 1px solid #777; background : #fff;}

.form-help { color : #346; margin-top : 0; margin-left : 12px; width : 95%; }

#ping-url { background : #e8f0ff; }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */
#sidebar { color : #346;}

#sidebar a { color : #777;}
#sidebar a:hover, #sidebar a:focus { color : #a08;}

#sidebar h2 { margin : 0 0 4px 0; padding : 3px 3px; font-size : 1.15em; text-transform : uppercase;background : #d8e7fa /*url(images/bg_h2.gif) no-repeat right bottom*/; }
#sidebar h3 { font-size : 1em; margin : 1.5em 0 .5em 0;}
#sidebar ul { margin-top : 6px; margin-left : 0; padding-left : 0; list-style-type : none; }
#sidebar ul li { border-bottom : 1px solid #ddd; padding : 2px 0 2px 10px; background : url(images/puce.gif) no-repeat 0 5px; }
#sidebar ul ul {border: none;}
#sidebar li li {border: none;}
/* boites du menu des widgets livres avec Dotclear */

#search h2 { display : none;}
#search form { margin : 0; padding : 0;}
#search fieldset, #search fieldset p { margin : 0; padding : 0;}
#search input[type=text] { background : #e8f0ff url(images/ico_loupe.gif) no-repeat 2px center; padding-left : 16px; width : 90px; margin : 0; } /* ou #search #q */
#search input[type=submit] {width : 2.5em; }

#topnav { font-size : 1em; }
#topnav span { display : none;}
#topnav a { font-weight : bold;}
#sidebar #topnav ul { border-top : 1px solid #ddd;}
#sidebar #topnav ul li { padding : 4px 0 2px 20px;}
#sidebar #topnav ul li.topnav-arch { background : #fff url(images/ico_archives.gif) no-repeat left 2px; }
#sidebar #topnav ul li.topnav-home {background : #fff url(images/ico_home.gif) no-repeat left 2px; }

#sidebar .syndicate li, #sidebar .tags li { background : transparent; padding-left : 0;}
#sidebar .tags li { border-bottom : none;}

#sidebar div.text { margin-left : 6px; margin-right : 6px; border-bottom : 1px solid #ddd; padding-bottom : 6px; line-height : 1.3;}
#sidebar div.text a { text-decoration : underline;}
#sidebar div.text h2 { margin : 0 -6px 7px -6px; padding-left : 8px;}
#sidebar div.text ul li { border-bottom : none;}
#sidebar div.text ul li a { text-decoration : none;}
#sidebar .categories li.category-current {font-weight: bold;}
#sidebar .categories li.category-current li {font-weight: normal;}
#sidebar img {max-width:183px;}

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

#footer { background : #346 url(images/bg_body.gif); color : #fff; border-top : 2px solid #a08;}
#footer a { color : #fff; font-weight : bold;}
#footer a:hover { color : #a08;}
#footer p { padding : 1em;margin:0;}


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

a.feed { padding-left:16px; background : transparent url(images/ico_feed.png) no-repeat left center; }

.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;
	}

/* divers styles courants utiles */
.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
------------------------------------------------------------- */

.dc-home .first .post-title a:link, /*.dc-home .first .read-it a:link,*/
.dc-home .first .post-title a:visited /*.dc-home .first .read-it a:visited*/ { color : #f91;}
.dc-home .first .post-title a:hover /*.dc-home .first .read-it a:hover*/ { color : #a08;}

.dc-archive .content-inner { font-size : medium; text-align : center;}
.dc-archive #content h2 { text-align : center;}
.dc-archive .content-inner h3 { margin : 2em 0 .5em 0;}
.dc-archive #content .content-inner ul { margin : 0 auto; padding : 0 0 1em 0; background : transparent url(images/bg_info-co.gif) no-repeat center bottom; width : 50%; border-bottom : 1px solid #ddd;}
.dc-archive #content .content-inner ul li { background : transparent; font-size : small; line-height : 1.7em;}
.dc-archive #content .content-inner ul li a { font-size : medium;}

.dc-archive-month { }
.dc-archive-month .post-title { margin-left : 0; padding-left: 0; font-size : 1.25em;}
.dc-archive-month .post-info { border-bottom : none; margin-bottom : 18px; text-indent : 0;}

.dc-tags .content-inner ul { font-size : 1.8em;}

.dc-category #content-info p img {
  max-width:571px;
}
#subcategories {
	border-color: #FF9911;
	border-style: solid;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 0.5em;
}
#subcategories h3 {
	margin: 0;
}
#subcategories ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
}

/* ---------------------------------------------------
  12. CLEARERS
--------------------------------------------------- */
.post, .post-excerpt, .post-content, .footnotes, .attachments,
.post-info-co, #comments, #footer, .post h3, .post h4, hr {
    clear:both;
    }
.post-excerpt div, .post-content div {margin-top:20px;}