/*
# -- 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: Modem 39
#
# 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 {
        line-height: 1.1;
}
#page {
        margin: 0 auto;
        padding: 0;
        text-align: left;
        width: 100%;
        min-width: 800px;
}
#top {
        position: relative;
        height: 154px;
}
#top h1 {
        position: relative;
        margin: 0;
        padding: 1px 0 0 20px;
}
#prelude {
        width: 100%;
        position: absolute;
        top: 2px;
        right: 1%;
        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: 10px 20px 10px 20px;
        padding: 10px 30px;
}
.dc-post #content {

}
#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: 10px;
        padding-top: 100px;
        width: 180px;
        height: 846px
  }
#blogextra {
        position: relative;
        float:right;
        overflow: visible;
        width: 160px
}
/* ------------------------------------------------------------
        2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
body { background: #ceb4a3; font-family: arial, "lucida grande", sans-serif; color: #222; text-align: center; font-size: 74%; }
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; }
h2, h3 { font-family: Georgia,"New Century Schoolbook",Times,serif; }
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: #6B8F24;
        text-decoration: none;
        font-weight: bold;
}
a:visited {
        color: #6b8f24;
        text-decoration: none;
}
a:hover {
        text-decoration: none;
        color: #999;
}
a:active {
        font-weight: bold;
        text-decoration: underline;
}
a:focus {
        text-decoration: underline;
}
a[hreflang]:after {
        content: "\0000a0[" attr(hreflang) "]";
        color:#99cc33;
        background: transparent;
}
/* ------------------------------------------------------------
        3. PAGE
------------------------------------------------------------- */
#page { background: transparent url(images/content.jpg) repeat-x;}
/* ------------------------------------------------------------
        4. HAUT DE PAGE
------------------------------------------------------------- */
#top { background: transparent url(images/top.jpg) no-repeat left top; }
#top h1 { color: #1a6a1c; }
#top h1 a { color: #1a6a1c; font-weight: bold; }
#top h1 a:link, #top h1 a:visited { color: #1a6a1c; }
#top h1 a:hover { color: #1a6a1c;}
#prelude { display: none }
#supranav { background: transparent; }
#supranav ul { position: relative; text-align: right; margin: 0; padding: 110px 20px 20px 20px; }
#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 { background: transparent url(images/bg_nav.gif) repeat-x;}
#supranav ul li a:hover { background: transparent url(images/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(images/bg_nav_active.gif) no-repeat center top; color: #346; }
/* ------------------------------------------------------------
        5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
#content { line-height: 1.6em; border: 3px ridge #7ab61a; background-color: #ffe9a6; font-size: 110%; }
/* ------------------------------------------------------------
        6. BILLETS
------------------------------------------------------------- */
.post { background: transparent; margin: 30px 0 10px 0; }
.day-date { font-size: 1.4em; background: #eeb64a; }
.post-title { font-family: "Trebuchet MS","Lucida grande",Verdana,Lucida,Helvetica,sans-serif; font-weight: bold; margin: 0 0 0 0; color: #660066; }
.post-title a { color: #660066; font-weight: bold;}
.post-title a:hover { color: #a08;}
.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(images/menu.jpg) no-repeat left top; }
#blogextra { }
#sidebar a { color: #07636b;}
#sidebar a:hover, #sidebar a:focus { color: #000; background-color: #ffff33; }
#sidebar h2 { font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif; margin-bottom: 0.5em; color: #625b0b; font-size: 1.25em; 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 ul li { padding: 4px 0 4px 10px; }
#sidebar ul li li { background: url(images/puce.gif) no-repeat 0 7px; padding: 4px 0 4px 10px; }
.links ul li { background: url(images/puce.gif) no-repeat 0 7px; }
.tags ul li { background: url(images/puce.gif) no-repeat 0 7px; }
#search fieldset, #search fieldset p {
        display: block;
        border: none;
        margin: 0;
        padding: 0;
}
/* ------------------------------------------------------------
        9. FOOTER
------------------------------------------------------------- */
#footer { background: transparent; color: #000; border-top: 1px solid #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
------------------------------------------------------------- */
.dc-home .first
.dc-home .first { color: #f91;}
/* ---------------------------------------------------
  12. CLEARERS
--------------------------------------------------- */
.post, .post-excerpt, .post-content, .footnotes, .attachments,
.post-info-co, .error, .message, #comment-form, #comments, #footer, .post h3, .post h4, hr {
    clear:both;
    }