/*
# -- BEGIN LICENSE BLOCK ----------------------------------
# This file is part of Balcony, a theme for Dotclear.
#
# Copyright (c) 2010 - 2016 annso (contact@as-i-am.fr) and contributors
#
# Licensed under the GPL version 2.0 license.
# A copy of this license is available in LICENSE file or at
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
# -- END LICENSE BLOCK ------------------------------------
*/

body { 
	color: #4F4F4F;
	font-family: "DejaVu Sans", "Lucida Grande","Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 72.5%;
	line-height: 1.5em;
}

#city {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	height: 175px;
	width: 100%;
	background: #fff url(img/motif_city.jpg) repeat-x bottom left fixed;
} 

h1, h2, h3, h4, h5, h6 {
	font-family: 'Georgia',Arial,Sans-serif;
	font-style: italic;
	font-weight: normal;
}
h1 { font-size: 2.5em;}
h2 { font-size: 2.3em;}
h3 { font-size: 2.1em;}
h4 { font-size: 1.9em;}
h5 { font-size: 1.7em;}
h6 { font-size: 1.5em;}

p { }
img {border : none; }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset {  
	border: 0;
	margin: 0;
	padding: 0;
}
input { }
label { }

a { 
	color: #bbb;
	text-decoration: none;
}
a:hover, a:focus { 
	color: #999;
}
a[hreflang]:after { }
a img { }
 
code, pre {
	white-space: normal;
	width: 100%;
}
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { 
	width : 760px;
	margin : 30px auto;
	text-align: justify;
}

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

#top { 
	padding: 50px 0 0 30px;
	color:#aaa;
	font-style:italic;
}
#top h1 { 
	font-size: 3.5em; 
	padding: 0;
	margin: 0;
}
#top h1 a { color: #3F4C54; }
#top h1 a:hover { color: #D18A88; }
#top #blogdesc { }
#prelude {
	position: fixed;
	top: 7px;
	right: 20px;
	padding: 0 10px;
	font-size: 0.9em;
	z-index:100;
	margin: 0;
}

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

#wrapper { 
	margin : 0 10px;
}
#main { 
	width : 100%;
	margin : 0 -200px 0 0;
	float : left;
}
#content { 
	margin : 0 210px 0 0;
	padding : 10px;
}
#content a {}
#content a:hover {}

#content-info { }
#content-info h2 { }
#content-info p { }
#content-info img {
  max-width:100%;
}

.content-inner { }

.pagination { 
  text-align:center;
  font-size: 0.9em;
}
#navlinks { 
	font-size: 0.9em;
	margin-bottom: 20px;
	text-align: center;
}
#breadcrumb {margin:0 210px 0 0;padding:0 0 0 10px; font-size:1em;}

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

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

.day-date { 
	color: #dedede;
	text-align: right;
	font-family: 'Georgia', Arial, Sans-serif;
	font-size: 1.4em;
	font-style: italic;
}
.post-title { 
	margin: 0;
	font-family: "DejaVu Sans","Lucida Grande","Bitstream Vera Sans",Verdana,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.1em;
	text-transform: uppercase;
	letter-spacing: -2px;
	word-spacing: 1px;
}
.post-info {
	color: #D5D0CC;
	font-size: 0.9em;
	margin: 3px 0 0 0;
	text-transform: uppercase;
}
.post-info a { color: #94A0B0;}
.post-info a:hover { color: #53BBB5;}

.post-tags {
	color: #D5D0CC;
	font-size: 0.9em;
	padding-left: 0;
	text-transform: uppercase;
}
.post-tags li { display: inline;}
.post-tags a {
	background: transparent url(img/tag.png) no-repeat left;
	margin: 0 6px;
	padding: 2px 0 2px 18px;
}
.post-tags a:hover { color: #327876; }
.post-excerpt { }
.post-content { }
.post-excerpt p img, .post-content p img {
  max-width:100%;
}
.post embed, .post iframe {max-width:100%;}
.read-it { }

.footnotes { }
.footnotes h4 { font-size:1.3em;margin:30px 0 10px 0; }
.footnotes p { margin:0; }

.post-info-co { 
	background : #fff;
	padding: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	font-size: 9px;
}
.post-info-co { }
.post-info-co a { color: #999; }
.comment_count {
	background: url(img/ico_comm.gif) no-repeat left center;
	padding-left: 16px;
}
.ping_count {
	background: #fff url(img/ico_ping.gif) no-repeat left center;
	margin-left: 8px;
	padding-left: 16px;
}
.attach_count {
	background: #fff url(img/ico_attach.gif) no-repeat left center;
	margin-left: 8px;
	padding-left: 16px;
}
.post-info-co a:hover { color: #777; }

#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 {
	background: url(img/waterbrush.jpg) no-repeat;
}

#comments h3, #pings h3, #pr h3, #comment-form h3 {
  border-top: 1px solid #9EAAB8;
  color: #9EAAB8;
  padding: 5px 0 40px 0;
  text-align: center;
}

#comments dl { }
#comments dt, #pings dt {
	color: #AFB1BE;
	font-size: 0.9em;
	text-transform: uppercase;
}
#comments dd, #pings dd {
	margin: -5px 0 30px;
	padding: 0;
	color: #A3A3A3;
	font-size: 0.97em;
	border-bottom:1px dotted #DDEEF5;
}
#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 { }
.field label, .remember label {
	float: left;
	padding-right: 20px;
	text-align: right;
	width: 30%;
	color: #94A0B0;
	font-size: 0.9em;
	text-transform: uppercase;
}
.remember label { float: none; }
.field input , .field textarea {
	width: 65%;
	border: 1px solid #EEF9FD;
}
.field input:hover , .field textarea:hover {
  border: 1px solid #E8E8CE;
}
#comment-form .jstSpacer {display:none;}
#comment-form .jstEditor textarea {
  width: 65%;
	border: 1px solid #EEF9FD;
	margin-left:168px;
}
#comment-form .jstEditor textarea:hover {
  border: 1px solid #E8E8CE;
}
#comment-form .jstHandle {margin-left:168px;}
#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help {
	color: #94A0B0;
	font-size: 0.9em;
	text-transform: uppercase;
}
#ping-url { }
#comments-feed { }


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

#sidebar { 
	width : 200px;
	float : right;
	font-size: 0.8em;
	text-align: right;
}
#sidebar a {
	color: #53676E;
}
#blognav { }
#blogextra { }

#sidebar h2 ,
#sidebar h3 { 
	font-size: 1.3em;
	font-weight: normal;
	clear: both;
}
#sidebar ul { }
#sidebar li { 
	list-style-type: none;
}

#sidebar .categories li.category-current {
	font-weight: bold;
}
#sidebar .categories li.category-current li {
	font-weight: normal;
}
#sidebar img {max-width:100%;}
/* boites du menu des widgets livres avec Dotclear */
#search { 
	padding: 0;
	margin: 0;
}
#search h2 { }
#search form,
#search p,
#search fieldset  { 
	padding: 0;
	margin: 0;
}
#search input[type=text] {
	border: 1px solid #9EAAB8;
	color: #AAAAAA;
	background: #fff;
} /* ou #search #q */
#search input[type=submit] { 
	background: #9EAAB8;
	border: 1px solid #9EAAB8;
	color: #fff;
} /* 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 { 
	font-size: 10px;
	clear : both;
	text-align:center;
	padding: 100px 0 170px 0;
}
#footer a {
	color: #4C5660;
	font-style: italic;
}
#footer a:hover {
	border-bottom: 1px solid #4C5660; 
}
#footer p { }
#footer-nav {
	text-transform: uppercase;
	display: none;
}
#footer-nav ul {
	margin : 0;
	padding : 0;
}
#footer-nav ul li {
	display : block;
	float : left;
	margin : 0 20px 0 0;
	font-size : 90%;
}
#footer-nav a {
	float: right;
}



/* ------------------------------------------------------------
	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-left:16px;
	background : transparent url(img/feed.png) 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 { }
#subcategories {
	padding: 5px 0 20px 0;
}
#subcategories h3 {
	margin: 0;
}
#subcategories ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
	line-height: 1.4;
}
.dc-archive { }
.dc-archive-month { }
.dc-archive-month .post-info {
	margin: 3px 0 10px 0;
}
.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;
    }