/*
# -- 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: 1.2
# Author: Kozlika - http://www.kozlika.org/
#
# -- END LICENSE BLOCK ------------------------------------ 
*/

/*
References couleurs :
---------------------
rouge vif : #f40000
rouge clair : #e87d7d
Bleu fonce Unsa : #0e2860
Bleu unsa : #12b0d7
Bleu moyen : #13a2de
Bleu clair : #7ec8e7
Bleu tres clair : #a9d8eb
Bleu ile de france : #d5edf9
Bleu contour croquis : #35bfea
Bleu peripherie croquis : #a3daf3
Bleu paris exterieur croquis : #d5edf9
Bleu paris centre croquis : #5fc6ed
Gris carte clair : #d9d9d9
Gris carte fonce : #b9b8b8
Orange Unsa fonce : #e96129
Orange Unsa clair : #f4ae9b
Ivoire logo : #f4ae9b 

bleu nuit : #346
bleu moyen : #47c
bleu ciel : #d8e7fa
fuschia : #f40000
orange : #F60
vert : #12b0d7
*/


/* -----------------------------------------------------------------
	1. STRUCTURE
------------------------------------------------------------------ */
@import url(layout.css);
@import url(my.css);


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

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

h1, h2, h3, h4, h5, h6 { color : #0e2860;} 
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 #13a2de; border-bottom : 1px solid #13a2de;
	color : #0e2860; text-transform : uppercase;background : #7ec8e7; font-weight : bold;font-size : 1em;}
input[type=submit]:hover {
	color : #fff;
	background-color: #12b0d7;
}
label { }

a { text-decoration : none; font-weight : normal; }
a:link {color : #12b0d7;  }
a:visited {color : #12b0d7;  }
a:hover { color : #f40000; }
a:focus { color : #f40000; }
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;
	padding : 4px;
	border : 1px solid #aaa;
	background-color: #d9d9d9;
}
 
hr {
	border: 0;
	width: 60%;
	color: #f40000;
	background-color: #f40000;
	height: 1px;
}
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { background : #fff;}

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

#top {
	background-repeat: no-repeat;
	background-image: url(images/haut_blog_franchecomte.jpg);
}
#top h1 {
	padding-left : 20px;
	visibility: hidden;
}
#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; }
#supranav ul {
	text-align: right;
	margin: 0;
	padding-top: 62px;
	padding-right: 50px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#supranav ul li { display: inline; }
#supranav ul li a {
	color : #0e2860;
	font-weight : bold;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#supranav ul li a:link, #supranav ul li a:visited {
	padding-bottom: 30px;
	background-color: transparent;
	background-image: url(images/onglet.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#supranav ul li a:hover {
	color : #fff;
	background-color: transparent;
	background-image: url(images/onglet-survol.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#supranav ul li a#active:link, #supranav ul li a#active:visited, #supranav ul li a#active:focus {
	color : #fff;
	background-color: transparent;
	background-image: url(images/onglet-survol.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 20px;
}


/* ------------------------------------------------------------
	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 #F60; }
#content-info h2 {
	font-size : 1.15em;
	margin : 0;
	padding : 2px 8px;
	color : #F60;
	background-color: #fdd59a;
	background-image: url(images/haut_bloc.jpg);
	background-repeat: no-repeat;
}
#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 : #F60;}
#navlinks a:hover, #navlinks a:focus, .pagination a:hover, .pagination a:focus { color : #f40000;}
.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 : #f40000; }
.post-title a { color : #12b0d7; font-weight : bold;}
.post-title a:hover { color : #f40000;}

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

.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 : #f40000; }
#content .post-tags li { display : inline; margin : 0; font-size : .9em; padding : 0 0 2px 8px; background : #fff;}

.post-excerpt, .post-content { }
.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 : #f40000;}

.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 : #f40000;}
#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 : #f40000; 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 : #12b0d7; font-weight : bold;}
#comments dt a:hover { color : #f40000;}
#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 : #f40000;}

#sidebar h2 {
	margin : 0 0 4px 0;
	padding : 3px 3px;
	font-size : 1.15em;
	text-transform : uppercase;
	background-color: #d5edf9;
}
#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 {
	padding: 2px 0 2px 10px;
	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;}


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

#footer {
    color : #222;
    background-color: #039;
    background-image: url(images/footer_blog.jpg);
    background-repeat: no-repeat;
}
#footer a {
    color : #12B0D7;
    font-weight : bold;
}
#footer a:hover { color : #f40000;}
#footer p { padding : 1em;}


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

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

.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 : #F60;
}
.dc-home .first .post-title a:hover /*.dc-home .first .read-it a:hover*/ { color : #f40000;}

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


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

/* ---------------------------------------------------
  13. Tableaux
--------------------------------------------------- */


table {
	font-size: 1em;
	margin-top: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009ee0;
}
table th {
	font-weight: bold;
	color: #FFF;
}
table td
{
	text-align: left;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #009ee0;
	border-right-color: #009ee0;
	border-bottom-color: #009ee0;
	border-left-color: #009ee0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
}

table tr.row_first {
	background-color: #009ee0;
	background-image: url(images/haut_tableau.jpg);
	background-repeat: no-repeat;
}
table tr.row_odd { background-color: #FFFFFF; }
table tr.row_even { background-color: #dfeef6; }