/*
# -- 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: choulot
#
# Version: 1.0
# Author: stéphane Vercez - http://www.jurafrance.info/
# Inspiré de l'architecture d'un thème 3 colonnes de Kozlika - http://www.kozlika.org/
#
# -- END LICENSE BLOCK ----------------------------------------
#
# -- LAYOUT ---------------------------------------------------
#        1. Layout
#-------------------------------------------------------------- */
html, body, #page, #top, #prelude, #wrapper, #footer, #main, #content, #sidebar, #blognav, #blogextra {
        margin: 0;
        padding: 0;
}
body {
        font-size: 74%;
        line-height: 1.1;
}
#page {
        margin: 0 auto;
        padding: 0;
        text-align: left;
        width: 100%;
        min-width: 900px;
}
#top {
        position: relative;
        height: 170px;
        text-align: center;
}
#top h1 {
        position: relative;
        margin: 0;
        padding: 130px 0 0 0;
}
#prelude {
        width: 100%;
        position: relative;
        text-align: right;
}
#wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
}
#main {
        width: 60%;
        margin: 0 0 0 20%;
        padding: 0;
        float: left;
        display:inline;
}
#content {
        /*pour baisser le contenu margin: 36px 0 0 0;*/
        margin: 0;
        padding: 0 20px;
}
.post-content{
        position: relative;
        z-index: 4;
}
#footer {
        text-align:center;
}
#sidebar {
        margin: 0;
        padding: 0;
}
#blognav, #blogextra {
        margin: 0;
        padding: 0;
        display: inline;
}
#blognav {
        position: relative;
        float: left;
        margin-left: -80%;
        padding-left: 5px;
        width: 180px;

  }
#blogextra {
        position: relative;
        padding-top: 210px;
        float:right;
        overflow: visible;
        width: 160px;
        padding-right: 20px;
}
#logo {
        position: absolute;
        margin: 5px 0 0 5px;
        width: 180px;
        height: 165px;
        z-index : 2;
}
/* ------------------------------------------------------------
        2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
body { background: #fcf7e3; font-family: "Trebuchet MS", "Bitstream Vera Sans", "lucida grande",verdana, lucida, arial, helvetica, sans-serif; color: #333; font-size: 74%; text-align: center; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
p { margin: 1em 0; }
img { border: none; margin: 0; }
a img { border: none;}
a, a:link {
        color: #346;
        text-decoration: underline;
        font-weight: bold;
}
a:visited {
        color: #346;
        text-decoration: underline;
}
a:hover {
        text-decoration: underline;
        color: #a08;
}
a:active {
        font-weight: bold;
        text-decoration: underline;
}
a:focus {
        text-decoration: underline;
}
a[hreflang]:after {
        content: "\0000a0[" attr(hreflang) "]";
        color: #346;
        background: transparent;
}
/* ------------------------------------------------------------
        3. PAGE
------------------------------------------------------------- */
#page { background: transparent url(img/content.jpg) repeat-x; }
/* ------------------------------------------------------------
        4. HAUT DE PAGE
------------------------------------------------------------- */
#top { background: transparent url(img/top.jpg) no-repeat left top; }
#top h1 { font-size: 2.2em; font-family : "broadway", sans-serif; color: #07636b; }
#top h1 a { color: #07636b; text-decoration: none;}
#top h1 a:link, #top h1 a:visited { color: #07636b; text-decoration: none; }
#top h1 a:hover { color: #07636b; text-decoration: none; }
#supranav { background: transparent; }
#supranav ul { position: relative; text-align: right; margin: 0; padding: 5px 5px 0px 0px; z-index:2; }
#supranav ul li { display: inline; }
#supranav ul li a { padding: 5px 10px 20px 10px; color: #fff; font-weight: bold; }
#supranav ul li a:link, #supranav ul li a:visited { text-decoration: none; background: transparent url(img/bg_nav.gif) repeat-x;}
#supranav ul li a:hover { background: transparent url(img/bg_nav_hover.gif) no-repeat center top; color: #346;}
#supranav ul li a#active:link, #supranav ul li a#active:visited, #supranav ul li a#active:focus { background: transparent url(img/bg_nav_active.gif) no-repeat center top; color: #346; }
#prelude {display: none;}
#logo {
      background: transparent url(img/logo.gif) no-repeat left top;
}
/* ------------------------------------------------------------
        5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
#content { line-height: 1.6em; background-color: transparent; font-size: 110%; }
/* ------------------------------------------------------------
        6. BILLETS
------------------------------------------------------------- */
.post { background: transparent; margin: 30px 0 10px 0; text-align: justify; color : #080050; }
.day-date { font-size: 1.4em; background: #07636b; color: #fff; padding: 0 0 0 5px; }
.post-title { font-family: "Trebuchet MS","Lucida grande",Verdana,Lucida,Helvetica,sans-serif; font-weight: bold;  margin: 0 0 0 0; color: #080050; }
.post-title a { color: #080050; font-weight: bold; }
.post-title a:hover { background: #080050; color: #fff; }
.post-info { font-size: .9em; text-indent: 30px; padding-bottom: 10px; margin: 0; }
.post-info a { white-space: nowrap; }
.post-info a:hover { color: #a08; }
.post-tags { display: none; }
.post-excerpt, .post-content { font-size: 120%; }
/* ------------------------------------------------------------
        7. COMMENTAIRES, PINGS
------------------------------------------------------------- */
#comments h3, #pings h3, #pr h3, #comment-form h3 { }
#pr h3 { text-decoration: underline; }
.comment-preview {
         background: #f1f0ed;
         padding: 0px 7px 0px 7px;
        }
#comment-form { border: none; }
#comment-form fieldset {
        display: block;
        border: none;
        margin: 0;
        padding: 0;
}
.field label {
        display: block;
        font-weight: bold;
        }
.field input {
        font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
        font-size: 1em;
        border-width: 1px;
        border-color: #ccc;
        }
.field input:focus { }
.field textarea {
        font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
        font-size: 1em;
        border-width: 1px;
        border-color: #ccc;
        width: 95%;
}
input[type], textarea[name] {
        background: #f1f0ed;
}
input[type=submit], input[type=reset] {
        margin: 5px;
        background: #ccc;
        color: #000;
}
input[type=submit]:hover {
        background: #598F9A;
        color: #000;
}
/* ------------------------------------------------------------
        8. SIDEBAR
------------------------------------------------------------- */
#blognav { background: transparent url(img/menu.jpg) no-repeat left top; }
#blogextra { background: transparent url(img/colb.jpg) no-repeat left top; }
#sidebar a { color: #07636b; text-decoration: none; }
#sidebar a:hover, #sidebar a:focus { color: #666; background-color: #ffffda; }
#sidebar h2 { font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif; margin-bottom: 0.5em; color: #2c406a; font-size: 1em; text-transform: uppercase; }
#sidebar h3 { font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif; font-size: 1em; font-weight: bold; margin: 0; color: #666; border-bottom: 1px solid #999; padding: 1em 0 2px 0; }
#sidebar ul { list-style: none; padding: 0; margin: 0; }
#sidebar p { padding: 0 0 0 10px; }
#sidebar ul li { padding: 4px 0 4px 10px; }
#sidebar ul li li { background: url(img/puce.gif) no-repeat 0 7px; padding: 4px 0 4px 10px; }
.links ul li { background: url(img/puce.gif) no-repeat 0 7px; }
.tags ul li { }
#search fieldset, #search fieldset p {
        display: block;
        border: none;
        margin: 0;
        padding: 0 0 8px 0;
}
.pages, .syndicate { padding: 0 0 10px 0; }
/* ------------------------------------------------------------
        2. DECORATIONS SIDEBAR
------------------------------------------------------------- */
#sponsors {
        width:180px;
        height:50px;
}
/* ------------------------------------------------------------
        9. FOOTER
------------------------------------------------------------- */
#footer { background: transparent; color : #000; }
#footer a { color: #000; font-weight: bold; }
#footer a:hover { color: #000; }
#footer p { padding: 0;}
/* ------------------------------------------------------------
        10. CLASSES COMMUNES
------------------------------------------------------------- */
.message {
        border: 2px solid #226b11;
        padding: 0.5em;
        background: #93d484;
        }
.error {
        border: 2px solid #c44;
        padding: 0.5em;
        background: #ddd977;
        }
.error ul {
        padding-left: 20px;
        }
.error li {
        list-style: square;
        }
.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
------------------------------------------------------------- */

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