/* Palette

Café : A88C42 - fond côté image
Greige : FFFBCD - fond côté texte, liens côté image
Roux : A65540 - liens côté texte (anciennement -> Orange : E05F1B - liens côté texte)
Marron : 692F09 - titres sidebar
Café foncé : D1BF81 - contour photo (couleur de la tasse)
Marron foncé : 351805 - texte standard a tester a la place du noir (anciennement -> Noir : 000000 - texte standard)
Bleu marin : 405FA6 - commentaires de l'auteur

*/

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

@import url(index.php?tf=layout.css);
/* ------------------------------------------------------------
  2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {
  color: #351805;
  background: transparent url(index.php?tf=images/fond.png) repeat-y center top;
  font-size: 76%;
  font-family: 'lucida grande', 'gill sans', arial, sans-serif;
}

blockquote {
  background: transparent url(index.php?tf=images/quote.gif) no-repeat scroll left top;
  margin: 1em;
  padding: 0pt 0pt 0pt 70px;
}

[lang='fr'] q,
q[lang='fr'] {
  quotes: '« ' ' »';
}

fieldset {
  border: none;
  display: block;
  margin: 0 0 0.5em;
  padding: 0;
}

input {
  padding: 0.25em 0.6em;
  border: 1px solid #a65540;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

input:hover {
  border-color: #351805;
}

textarea {
  width: 95%;
}

a {
  color: #fffbcd;
  text-decoration: none;
  outline: none;
}

a[hreflang]:after {
  content: '\0000a0[' attr(hreflang) ']';
}

a[hreflang|='fr']:after {
  content: '';
}

a[hreflang] {
  content: normal !important;
}

code,
pre {
  font:
    1em 'liberation mono',
    'Andale Mono',
    'DejaVu Sans Mono',
    'Courier New',
    Courier,
    monospace;
}

code {
  background: #d5c290;
  padding: 3px 5px 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

pre {
  overflow: scroll;
  display: block;
  border: solid 1px #692f09;
  padding: 10px 20px 10px 30px;
  margin: 1em 1em 1em 0;
  text-align: left;
  line-height: 125%;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

hr {
  border: 0 none;
  height: 1px;
  margin: 2em 10em;
}

sup,
sub {
  font-size: calc(0.5em + 4px);
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: calc(-0.83 * (1em - 4px));
}

sub {
  top: calc(0.415 * (1em - 4px));
}

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

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

#top {
  background: transparent url(index.php?tf=images/titre.png) no-repeat 50% 50%;
  text-align: left;
}

#top h1 {
  background: transparent url(index.php?tf=images/grains.png) no-repeat 1em 1.5em;
}

#top h1 a {
  color: #a88c42;
  font-size: 0.8em;
}

#prelude {
  background: transparent url(index.php?tf=images/cup_of_coffee-small.png) no-repeat right bottom;
  color: #fffbcd;
}

#prelude a {
  color: #fffbcd;
}

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

#main {
  font-size: 1.05em;
  text-align: justify;
}

#main a {
  color: #a65540;
}

#content-img {
  color: #351805;
}

#content-img a {
  color: #fffbcd;
}

#content-img a:hover {
  color: #351805;
}

#content-img h2 {
  text-align: center;
  font-family: 'lucida grande', 'gill sans', arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 1.5em;
}

#content-img hr {
  background-color: #d1bf81;
  color: #d1bf81;
}

#content-text h2 {
  background: transparent url(index.php?tf=images/grains-bis.png) no-repeat left top;
  min-height: 1.5em;
  text-indent: 2em;
  text-align: left;
  padding-top: 4px;
}

#content-text hr {
  background-color: #692f09;
  color: #692f09;
}

#content-text a:hover {
  color: #405fa6;
}

.pagination {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #d1bf81;
  margin: 4em 1em 1em;
  padding: 1em;
  text-align: center;
}

#navlinks {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #d1bf81;
  margin: 4em 1em 1em;
  padding: 1em;
  text-align: center;
}

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

.post h3,
.post h4 {
  clear: both;
}

.day-date {
  display: none;
}

.post-info,
.page-info {
  font-style: italic;
}

ul.post-tags {
  list-style-type: none;
}

ul.post-tags li {
  float: right;
  margin: 0pt 0pt 0pt 1.2em;
  padding: 0pt 0pt 0pt 1.8em;
  background: transparent url(index.php?tf=images/tag.png) no-repeat left top;
}

.post-excerpt {
  line-height: 1.6em;
}

.post-content {
  line-height: 1.6em;
}

.post-content p,
.post-excerpt p {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
}

#content-text .post-content p,
#content-text .post-excerpt p {
  text-indent: 1.6em;
}

#content-text .post-info,
#content-text .post-tags,
#content-text .post-info-co,
#content-text .page-info {
  text-align: right;
}

.footnotes {
  font-size: 0.9em;
  text-align: left;
}

#content-text .footnotes p {
  text-indent: 0;
  margin-top: 1.2em;
}

.comment_count {
  margin: 0pt 0pt 0pt 1.2em;
  padding: 0pt 0pt 0pt 1.8em;
  background: transparent url(index.php?tf=images/balloon.png) no-repeat left top;
}

.ping_count {
  margin: 0pt 0pt 0pt 1.2em;
  padding: 0pt 0pt 0pt 1.8em;
  background: transparent url(index.php?tf=images/chain.png) no-repeat left top;
}

.attach_count {
  margin: 0pt 0pt 0pt 1.2em;
  padding: 0pt 0pt 0pt 1.8em;
  background: transparent url(index.php?tf=images/box.png) no-repeat left top;
}

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

#comments dl {
  font-size: 0.93em;
  line-height: 1.5em;
}

#comments dd.me {
  color: #405fa6;
  background: transparent url(index.php?tf=images/cup_of_coffee-mini.png) no-repeat top left;
  margin-left: 0em;
  min-height: 3em;
  padding-left: 3.5em;
}

#comments dd.me a:hover {
  color: #692f09;
}

#comments dd.visitor {
  background: transparent url(index.php?tf=images/bookmark.png) no-repeat 0.5em center;
  margin-left: 0em;
  min-height: 3em;
  padding-left: 3.5em;
}

#pings dl {
  font-size: 0.93em;
  line-height: 1.5em;
}

#pings dd.me {
  color: #405fa6;
  background: transparent url(index.php?tf=images/cup_of_coffee-mini.png) no-repeat top left;
  margin-left: 0em;
  min-height: 3em;
  padding-left: 3em;
}

.field label {
  clear: left;
  display: block;
  float: left;
  width: 13em;
}

.field input {
  border: 1px solid #d1bf81;
  padding: 0.25em;
}

.field textarea {
  border: 1px solid #d1bf81;
  padding: 0.5em;
}

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

#sidebar {
  color: #692f09;
}

#blognav a:hover,
#blogextra a:hover {
  color: #351805;
}

#sidebar h2 {
  font-size: 1.2em;
}

#sidebar h3 {
  font-size: 1em;
}

/* boites du menu des widgets livres avec Dotclear */

#search input[type='search'] {
  background-image: url(index.php?tf=images/magnifier.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position-x: 0.5em;
  background-position-y: center;
  border: 1px solid #fffbcd;
  padding: 0.25em 0.25em 0.25em 2.5em;
  width: 12em;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* ou #search #q */

/* ou #search .submit */

#topnav ul li,
#topnav ul li a {
  display: inline;
}

.syndicate ul {
  list-style: none;
  margin-left: -16px;
}

/* a completer separement ou globalement pour le sidebar et la page
specifique des tags avec les differentes class des tags en fonction
de leur frequence - voir 9/ classes communes */

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

#footer {
  color: #692f09;
}

#footer a {
  color: #a65540;
}

/* ------------------------------------------------------------
  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 {
  background: transparent url(index.php?tf=images/feed.png) no-repeat left bottom;
  padding-left: 1.8em;
  margin-left: -0.3em;
  line-height: 1.5em;
}

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

.tags p {
  background: transparent url(index.php?tf=images/tags.png) no-repeat left bottom;
  padding-left: 1.8em;
  margin-left: 1.4em;
  line-height: 1.5em;
}

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

.little-upper-text {
  font-size: 0.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 #blogextra a {
  color: #a88c42;
}

.dc-home #blogextra a:hover {
  color: #351805;
}

.dc-archive-month #content-text p.post-content {
  margin-left: 3em;
  font-size: 0.9em;
  line-height: 1.5em;
}

.dc-archive-month #content-text p.post-info {
  text-align: left;
  font-style: normal;
  margin-left: 3em;
  margin-bottom: -0.5em;
}

.dc-archive-month #content-text p.post-info-co {
  text-align: left;
  margin-left: 2em;
}

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

/* ---------------------------------------------------
  13. LE RESTE
--------------------------------------------------- */

#content img {
  border: 1px solid #59391d;
  padding: 0px;
}

#content img[src^='/public/'] {
  border: 8px solid #d1bf81;
  padding: 1px;
}

.contact-me p {
  background: transparent url(index.php?tf=images/mail.png) no-repeat scroll left bottom;
  line-height: 1.5em;
  margin-left: 1.5em;
  padding-left: 1.8em;
}

.dc-home #sidebar:after {
  content: '[ne pas supprimer, merci http://www.fu2k.org/alex/css/onetruelayout/]';
  display: block;
  height: 1px;
  clear: both;
  visibility: hidden;
}

#sidebar {
  display: inline-block;
}

/*\*/

* html #sidebar {
  height: 1%;
}

.dc-home #sidebar {
  display: block;
}

/* */