/* --- CONTAINER --- */

@import url("blog_content.css");

body {
    margin              : 10px;
    padding             : 0;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

/* Header */
#header {
    height              : 40px;
    margin              : 0 auto;
}
#rss {
    position           : absolute;
    left               : 10px;
    top                : 50px;
    background         : url('../images/blog/rss.gif') no-repeat top left;
    font-weight        : bold;
    text-decoration    : none;
    color              : #fff;
    padding            : 11px 0px 15px 27px;
}
/* Logo */
#logo {
    float               : left;
    margin              : 0;
    color               : #00629E;
}
#logo h1, #logo p {
    margin              : 0;
    padding             : 0;
}
#logo h1 {
    float               : left;
    letter-spacing      : -1px;
    text-transform      : lowercase;
    font-size           : 2.6em;
}
#logo p {
    float               : left;
    margin              : 0;
    padding             : 12px 0 0 10px;
    font                : normal 14px Georgia, "Times New Roman", Times, serif;
    font-style          : italic;
}
#logo a {
    border              : none;
    background          : none;
    text-decoration     : none;
    color               : #00629E;
}
/* Search */
#search {
    float               : right;
    margin-top          : 5px;
    padding             : 0;
}
#search-text {
    width               : 210px;
    padding             : 5px 5px;
    border              : 1px solid #E9851D;
    background          : #FFFFFF;
    text-transform      : lowercase;
    font                : normal 11px Arial, Helvetica, sans-serif;
    color               : #5D781D;
}


/* Menu */
#menu {
    height              : 50px;
    padding             : 0 40px 0 240px;
    background          : url('../images/blog/bleu.jpg') repeat-x left top;
}
#menu ul {
    margin              : 0;
    padding             : 0;
    list-style          : none;
    line-height         : normal;
}
#menu li {
    float               : left;
    height              : 50px;
    list-style-image    : none;
}
#menu a, #menu span {
    display             : block;
    margin-right        : 3px;
    padding             : 10px 30px 7px 30px;
    text-decoration     : none;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #FFFFFF;
    border              : none;
}
#menu a:hover {
    text-decoration: underline;
}
#menu ul li ul {
    display            : none;
}
#menu ul.ssmenu {
    position           : absolute;
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    z-index            : 3;
    margin-top         : 0px;
    line-height        : normal;
    padding            : 5px 0px;
}
#menu ul.ssmenu ul {
    display            : block;
}
#menu ul.ssmenu li {
    float              : none;
    height             : auto;
    display            : list-item;
    list-style         : disc inside url('../images/blog/puce_fleche.gif');
    padding            : 1px 10px;
}
#menu ul.ssmenu li li {
    list-style         : disc inside url('../images/blog/puce_carre.gif');
}
#menu ul.ssmenu li a {
    display            : inline;
    position           : static;
    text-decoration    : none;
    color              : #000000;
    background         : none;
    padding            : 0px;
    font-size          : 12px;
    font-weight        : normal;
}
#menu ul.ssmenu li li a {
    font-size          : 11px;
}
#menu ul.ssmenu li a:hover {
    color              : #DA5601;
}

/* Sidebar */
#sidebar {
    float               : left;
    width               : 240px;
    padding             : 0;
    color               : #181818;
    font-size           : 12px;
}
#sidebar ul {
    margin              : 0;
    padding             : 0 0 20px;
    list-style          : none;
}
#sidebar ul li {
    border-bottom       : 1px dashed #C5DB76;
    margin-bottom       : 4px;
}
#sidebar ul ul {
    margin              : 1px 0 0 20px;
    padding             : 0;
}
#sidebar ul ul li {
    border              : 0px;
    padding-left        : 0px;
    margin-bottom       : 2px;
}
#sidebar h2 {
    height              : 42px;
    padding             : 8px 0 0 20px;
    background          : url('../images/blog/vert.jpg') repeat-x left top;
    letter-spacing      : -.5px;
    color               : #FFFFFF;
    margin              : 0;
}
#sidebar h2 a {
    color               : #FFFFFF;
}
#delicious-posts-gillex {
    margin-top          : 10px;
}
#delicious-posts-gillex p.delicious-extended {
    margin              : 4px 0 0px 0px;
    font-style          : italic;
    font-size           : 11px;
}
#delicious-posts-gillex ul {
    padding-bottom      : 0px;
}
#sidebar p {
    margin              : 0 0px;
    padding             : 0px 10px 10px;
    text-align          : justify;
}
#sidebar a {
    color               : #181818;
    border              : none;
}
#sidebar a:hover {
    text-decoration     : underline;
    color               : #181818;
}
#sidebar a.billet {
    background          : url('../images/blog/billet.png') no-repeat;
    padding             : 2px 20px;
    display             : block;
}
#sidebar a.bookmark, #sidebar a.delicious-link{
    background          : url('../images/blog/bookmark.png') no-repeat;
    padding             : 2px 20px;
    display             : block;
}
#sidebar a.commentaire {
    background          : url('../images/blog/commentaire.png') no-repeat;
    padding             : 1px 20px 2px;
    display             : block;
}
#sidebar a.toustag {
    background          : url('../images/blog/tag.gif') no-repeat;
    padding             : 2px 20px;
    display             : block;
}
#sidebar a.delicious-tag {
    font-size           : 11px;
}
#sidebar a.delicioustag {
    background          : url('../images/blog/tag.gif') no-repeat 5px 0px;
    padding             : 2px 0px 2px 22px;
}

/* Footer */
#footer {
	margin-top          : 15px;
    background          : #474036;
    padding             : 12px 0 12px 0;
    font-family         : Arial, Helvetica, sans-serif;
    line-height         : normal;
    font-size           : 9px;
    text-transform      : uppercase;
    text-align          : center;
    color               : #E1F5A6;
}
#footer a {
    color               : #FFFFFF;
}
#footer img {
    vertical-align     : middle;
}

/* Content */
#content {
    margin-left         : 260px;
}
#content h1 {
	text-align          : center;
}
#content h1.titre_page {
	text-align          : left;
    height              : 42px;
    padding             : 8px 0 0 20px;
    margin              : 0;
    letter-spacing      : -.5px;
    color               : #fff;
    background          : url('../images/blog/orange.gif') repeat-x left top;
}

div.billet {
    margin-bottom      : 10px;
    padding-top        : 5px;
}
div.billet h2.billet_titre, div.billet h2.bookmark_titre {
    height              : 42px;
    padding             : 8px 0 0 20px;
    margin              : 0;
    letter-spacing      : -.5px;
    color               : #fff;
    background          : url('../images/blog/orange.gif') repeat-x left top;
}
div.billet h2.billet_titre a {
    background          : url('../images/blog/billet.png') no-repeat center left;
    padding-left        : 20px;
}
div.billet h2.bookmark_titre a {
    background          : url('../images/blog/bookmark.png') no-repeat center left;
    padding-left        : 20px;
}
div.billet .metas, div.billet .categories, div.billet .tags {
    padding-bottom      : 5px;
    padding-left        : 20px;
    text-align          : left;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
div.billet .metas {
    font-style          : italic;
}
div.billet .metas a, div.billet .categories a, div.billet .tags a {
    color               : #8AB52B;
}
div.billet .metas .addthis_button {
	float               : right;
	font-style          : normal;
	font-weight         : bold;
	font-size           : 13px;
}
div.billet .metas .addthis_button img {
	vertical-align      : middle;
}

div.billet .post {
    padding-bottom      : 5px;
    padding-left        : 20px;
    text-align          : justify;
    line-height         : 18px;
}
div.bookmark .post {
    padding-top         : 10px;
    padding-left        : 0px;
    margin-left         : 20px;
    margin-top          : 10px;
    border-top          : 1px dotted #C5DB76;
}
div.billet .resume {
    padding-bottom      : 5px;
    padding-left        : 20px;
    font-weight         : bold;
    text-align          : justify;
    line-height         : 18px;
}
div.billet .extrait {
    padding-bottom      : 5px;
    padding-left        : 20px;
    font-style          : italic;
    text-align          : justify;
    line-height         : 18px;
}
div.billet .url {
    padding-bottom      : 5px;
    padding-left        : 20px;
    line-height         : 18px;
}
div.billet .lien {
    font-weight         : bold;
    margin-bottom       : 15px;
    padding-left        : 10px;
    margin-left         : 20px;
    line-height         : 18px;
    background          : url('../images/blog/puce_fleche.gif') no-repeat center left;
}
div.cloud {
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    padding            : 10px 15px;
}
#commentaires {
    border-top         : 1px dashed #C5DB76;
    margin             : 0px;
    padding            : 5px 0px 5px 20px;
}
#commentaires li {
    list-style         : disc outside url('../images/blog/puce_fleche.gif');
    margin             : 0px;
    padding-bottom     : 5px;
}
#commentaires li div {
    padding-bottom     : 3px;
}
#commentaires li .commentaire_auteur {
    font-style         : italic;
}
#TheFormCommentaire {
    border-top         : 1px dashed #C5DB76;
    padding            : 5px 0px 5px 20px;
}
#TheFormCommentaire .commentaire_titre {
	font-size          : 14px;
    font-weight        : bold;
}
#TheFormCommentaire label {
	white-space        : nowrap;
}
textarea, input {
    padding             : 5px 5px;
    border              : 1px solid #E9851D;
    background          : #FFFFFF;
    font                : normal 12px Arial, Helvetica, sans-serif;
    color               : #5D781D;
}
input.bouton, input.formulairesubmit {
    margin-top         : 5px;
    padding            : 5px;
    border             : 0px;
    font-weight        : bold;
    font-family        : Arial, Helvetica, FreeSans, sans-serif;
    font-size          : 13px;
    background         : url('../images/blog/vert.jpg') repeat-x;
    color              : #fff;
}
h1 a, h2 a, h3 a, h4 a {
    color              : inherit;
    text-decoration    : none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    text-decoration    : none;
}
ul.rss li {
    list-style         : none;
    padding-bottom     : 5px;
}
ul.rss li a {
    background         : url('../images/blog/iconRss.gif') no-repeat left center;
    line-height        : 16px;
    padding            : 2px 0px 2px 25px;
}
a.tag {
    text-decoration    : none;
    color              : #316C4E;
}
a.tag_poids1 {
    font-size          : 10px;
    font-weight        : normal;
}
a.tag_poids2 {
    font-size          : 11px;
    font-weight        : normal;
}
a.tag_poids3 {
    font-size          : 11px;
    font-weight        : bold;
}
a.tag_poids4 {
    font-size          : 12px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 13px;
    font-weight        : bold;
}
a.tag_poids6 {
    font-size          : 14px;
    font-weight        : bold;
}
a.tag_poids7 {
    font-size          : 15px;
    font-weight        : bold;
}
a.tag_poids8 {
    font-size          : 16px;
    font-weight        : bold;
}
a.tag_poids9 {
    font-size          : 17px;
    font-weight        : bold;
}
a.tag_poids10 {
    font-size          : 18px;
    font-weight        : bold;
}

/* --- CACHE --- */
#cache {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 1;
    display                 : none;
}
div.message, div.erreur {
    text-align         : center;
    border-bottom      : 1px dashed #C5DB76;
    border-top         : 1px dashed #C5DB76;
    background-color   : #FFF;
    font-size          : 25px;
    color              : #D75F09;
    margin-bottom      : 10px;
}
div.erreur {
    color              : red;
}