/* Bienvenue dans la feuille de style en cascade d'un des plus beau th�me d'Uncommonmanfrommars  (c'est moi)qui vous le dit :-D).
 * Dans l'ordre, voici les r�gles qui d�finissent l'apparence pour :
 * - les �l�ments HTML en g�n�ral
 * - la page
 * - l'ent�te
 * - le pr�lude
 * - la barre de navigation horizontale (si existante, sinon, cell-ci sera invisible /// pour b�n�ficier de cette derni�re, suivez le guide : http://petit.dotclear.net/pages/2005/03/01/51-une-barre-de-navigation-horizontale)
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est d�fini dans le fichier layout.css (Merci mauriz')
 */
@import "layout.css";
/* Les �l�ments HTML en g�n�ral
*******************************************************************************/
body {
    background: transparent url(img/fond.png) repeat;
    color: #666;
    font-size: 80%;
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif
    }
h1, h2, h3, h4, h5, h6 {
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    color: #936
    }
h1 {
    font-size: 1.5em
    }
h2 {
    font-size: 1.4em;
    line-height: 1.2em
    }
h3 {
    font-size: 1.3em
    }
h4 {
    font-size: 1.2em
    }
h5 {
    font-size: 1.1em
    }
h6 {
    font-size: 1em
    }
pre, code {
    font-size: 1.2em
    }
pre {
    width: 100%;
    overflow: auto;
    background: transparent
    }
html > body pre {
    overflow: auto;
    width: auto
    }
fieldset {
    color: #A0A0A0;
    border: none;
    background: transparent
    }
.smiley {
    border: none
    }
img:smiley {
    border: none;
    /* Car un grosse bordure orange autour d'un smiley d�finissant un lien, c'est moche*/
    }
label {
    cursor: pointer;
    cursor: hand
    }
.field label {
    display: block;
    color: #A0A0A0;
    background: transparent
    }
input {
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #A0A0A0;
    border-top: 1px solid #A0A0A0;
    color: #A0A0A0;
    /* background: transparent; */
    }
textarea {
    width: 100%;
    font-size: 1em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #A0A0A0;
    border-top: 1px solid #A0A0A0;
    color: #A0A0A0;
    /* background: transparent; */
    }
input[type=submit], input[type=reset] {
    background-color: #fff;
    border-left: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0
    }
input[type=submit]:active, input[type=reset]:active {
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid #A0A0A0;
    border-top: 1px solid #A0A0A0
    }
a {
    color: #936;
    text-decoration: underline
    }
a:visited {
    color: #A0A0A0
    }
a:hover {
    color: #637FA1;
    text-decoration: none
    }
a[hreflang]:after {
    content: " [" attr(hreflang) "]";
    color: #7A4CA0;
    font-size: 0.7em;
    font-style: italic;
    vertical-align: top;
    /* Ne pas toucher � ceci */
    }
a img {
    border: 0
    }
.left {
    float: left;
    margin-right: 1em
    }
.right {
    float: right;
    margin-left: 1em
    }
/* La page
*******************************************************************************/
#page {
    color: inherit;
    background-color: transparent;
    background-repeat: repeat-y;
    background-position: center top
    }
/* L'ent�te
*******************************************************************************/
#top {
    background: transparent url(img/top.gif) no-repeat center top
    }
#top h1 {
    height: 15px;
    line-height: 15px;
    margin: 0;
    margin-left: 110px;
    padding-top: 45px;
    padding-left: 0;
    color: #B41679;
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    text-align: left
    }
#top h1 a {
    text-decoration: none;
    color: #FBFBF0;
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
    font-size: 22px
    }
#top h2 {
    height: 10px;
    line-height: 15px;
    margin: 0;
    margin-left: 110px;
    padding-top: 5px;
    padding-left: 0;
    color: #004DBB;
    text-align: left
    }
#top h2 a {
    text-decoration: none;
    color: #004DBB
    }
#top h3 {
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin: 0;
    margin-left: 110px;
    padding-top: 100px;
    padding-left: 0;
    color: #5353A8;
    text-align: left
    }
#top h3 a {
    text-decoration: none;
    color: #5353A8
    }
#top h4 {
    font-size: 20px;
    height: 15px;
    line-height: 15px;
    margin: 0;
    margin-left: 110px;
    padding-top: 5px;
    padding-left: 0;
    color: #B41679;
    text-align: left
    }
#top h4 a {
    text-decoration: none;
    color: #B41679
    }
#top p {
    /* Pour afficher de fa�on originale la description de votre blog (si inexistante, ins�rer dans " /ecrire/tools.php?p=blogconf ", puis suivre le guide ici : http://petit.dotclear.net/pages/2005/03/08/58-ajouter-en-sous-titre-la-description-du-blog) */
    margin: 0;
    margin-top: -7px;
    padding-left: 28em;
    font-size: 0.8em;
    color: #5353A8;
    text-transform: uppercase;
    text-align: center
    }
/* Le pr�lude
*******************************************************************************/
#prelude {
    /* display:none; */
    }
#main {
    margin-top: 20px
    }
/* La barre de navigation horizontale
****************************************************************************** */
#nav-box {
    margin-top: 17px;
    margin-right: 40px;
    padding-top: 0;
    font-weight: bold;
    font-size: 0.9em;
    text-align: right
    }
#nav-box ul {
    margin: 0;
    padding: 5px 1em 5px 0;
    list-style-type: none
    }
#nav-box ul li {
    display: inline
    }
#nav-box ul li a {
    color: #4b4b69;
    text-decoration: none;
    padding: 5px 1em 5px 1em;
    border-left: 1px solid #fff
    }
#nav-box ul li a:hover {
    background-color: #62787A;
    color: #FFF;
    border-left: 1px solid #fff
    }
#nav-box a:active {
    border-left: 1px solid #fff
    }
/* nav classique */
ul#nav-box {
    margin: -33px 0 1.5em 45px;
    width: 600px;
    float: center;
    padding: 5px 1em 5px 0;
    list-style-type: none;
    background-color: transparent;
    color: #FFF;
    font-weight: bold;
    font-size: 0.9em;
    text-align: left;
    opacity: 0.85;
    /* Whaaaaaa... */
    filter: alpha(opacity=85);
    /* Ceci g�re l'effet de transparence sur l'header pour la barre de navigation horizontale... C'est beau non? */
    }
ul#nav-box li {
    display: inline;
    padding: 5px 0
    }
ul#nav-box li a {
    padding: 5px 1em 5px 1em;
    color: #637FA1;
    text-decoration: none;
    background-color: #fff
    }
ul#nav-box li a:hover {
    background-color: #A882C7;
    color: #fff
    }
/* Le contenu
*******************************************************************************/
.day-date {
    display: none
    }
.post-title {
    color: #004DBB;
    margin-bottom: 0;
    font-size: 1.5em;
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif
    }
.post-title a {
    color: #8E62B3;
    background: transparent;
    text-decoration: none;
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif
    }
.post-info {
    margin-top: 0;
    color: #538DC8;
    background: transparent;
    padding-bottom: 1ex;
    font-size: 0.8em;
    border-bottom: 1px solid #eaeaea
    }
.post-content {
    text-align: left
    }
.post-content a {
    color: #8E62B3;
    text-decoration: none
    }
.post-content a:hover {
    color: #A0A0A0;
    text-decoration: underline
    }
.post-content blockquote {
    font-family: Georgia, serif;
    border-left: 5px solid #8E62B3;
    padding-left: 5px
    }
.post-info-co {
    text-align: right;
    color: #538DC8;
    font-size: 0.8em
    }
#trackbacks, #trackbacks blockquote, #comments, #comments blockquote {
    margin-left: 20px;
    margin-right: 150px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #A0A0A0;
    background-color: #f0f0f0
    }
/* La barre de navigation
*******************************************************************************/
#sidebar {
    margin-top: 0
    }
#sidebar div {
    color: inherit
    }
#sidebar div ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
#sidebar li {
    color: #BA0082;
    border-bottom: #A0A0A0;
    text-decoration: none;
    padding-left: 5px;
    list-style-position: inside
    }
#sidebar li:hover {
    color: #7D53A8
    }
#sidebar h2, #sidebar h3 {
    color: #BA0082;
    margin: 0 0 1ex 0;
    font-size: 1.2em;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea
    }
#sidebar h3 {
    font-size: 1em;
    margin: 0
    }
#sidebar div#search {
    background: transparent;
    color: inherit;
    line-height: 2.3em
    }
#search fieldset, #search p {
    margin: 0;
    padding: 0
    }
#sidebar div#calendar table {
    font-size: 0.8em;
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse
    }
#sidebar div#calendar table caption {
    margin: 0 auto
    }
#sidebar div#calendar table th {
    color: #A0A0A0;
    background: transparent
    }
#sidebar div#calendar table td {
    width: 14%;
    line-height: 2em;
    border: 1px solid #f0f0f0
    }
#sidebar div#calendar table td a {
    display: block;
    background: #7D53A8;
    color: #FFF;
    font-weight: bold;
    text-decoration: none
    }
#sidebar div#calendar table td a:hover {
    background: #BDA3D7;
    color: #FFF
    }
/* Le pied de page
*******************************************************************************/
#footer {
    margin: 0;
    padding: 1em;
    padding-left: 2em;
    background: transparent url(img/footer.png) no-repeat center bottom;
    height: 27px;
    color: #696969;
    text-align: left
    }
#footer a {
    color: #696969
    }