/* --- CONTAINER --- */

@import url("blog_content.css");
/*************** CONTENT ******************/
h2 {
	margin             : 0;
	padding            : 0 0 4px 0;
}
body {
    width              : 960px;
    color              : #000;
    background         : transparent url(../images/common/fond_trame.gif) repeat;
    margin             : 0px;
    font-family        : Verdana;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
#croix_de_fond {
	position           : absolute;
	height             : 740px;
	width              : 722px;
	left               : 234px;
	background         : transparent url(../images/blog/croix_biennale.gif) no-repeat;
}
#container {
	position           : absolute;
	background         : #fff;
	z-index            : 2;
	width              : 611px;
	top                : 0px;
	min-height         : 740px;
}
#separation_menu {
	background         : transparent url(../images/blog/separation_menu.jpg) no-repeat;
	margin             : 18px 0 14px 78px;
}
#footer {
    /*background         : transparent url(../images/blog/separation_menu.jpg) no-repeat;*/
    /*margin             : 18px 0 14px 78px;*/
    margin             : 0 0 18px 0;
}

/* --- MAIN --- */
#main {
    width              : 503px;

}

/* --- CONTENT --- */
#content {
    width              : 503px;
    margin-left        : 78px;
}
div.message, div.erreur {
    text-align         : center;
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    font-size          : 20px;
    color              : #D75F09;
    margin-bottom      : 10px;
}
div.erreur {
    color              : red;
}
div.cadre {
    background-color   : #FFF;
    width              : 268px;
}
div.cadre_tags {
    border             : 1px solid #fff;
    background-color   : #FFF;
}
div.billet {
	float              : left;
    background-color   : #FFF;
    margin-bottom      : 10px;
    height             : auto;
    width              : 503px;
}
div.billet h2.billet_titre, div.billet h2.billet_titre a, div.billet h2.billet_titre a:hover  {
    font-weight        : bold;
    color              : #000;
    font-size          : 21px;
    font-family        : Arial;
}
div.billet .categories {
	display            : none;
}
div.billet .lien_article, div.billet .tags, div.billet .auteur, div.billet .date, div.billet .titre_initial, div.billet .lien_document, div.billet .source {
    color              : #000;
}
div.billet span.auteur_nom {
	text-decoration    : underline;
}
div.billet .post {
    margin             : 10px 15px 10px;
    font-size          : 12px;
}
div.billet .resume {
    margin             : 20px 15px 15px 0;
    font-weight        : normal;
}
div.billet .auteur {
    color              : #000;
    font-size          : 10px;   
}
div.billet .date {
    font-size          : 12px;
    font-style         : italic;
    font-weight        : normal;
    padding            : 0 0 2px 0;
}
div.billet .titre_initial {
    font-weight        : bold;
}
div.billet .lire_la_suite {
	background         : #000;
	color              : #fff;
	width              : 84px;
    height             : 14px;
    text-align         : center;
    float              : left;
}
div.billet .lire_la_suite a.btn_suite {
    color              : #fff;
    text-decoration    : none;
    margin             : 0;
    padding            : 0;
}
div.billet .lire_la_suite a:hover {
	background         : #000;
    color              : #FFEA00;
    text-decoration    : none;
    margin             : 0;
    padding            : 0;
    padding            : 0px 9px 1px 9px;
}
div.billet .commentaire_article {
    background         : #000;
    color              : #fff;
    float              : right;
    width              : 126px;
    height             : 14px;
    text-align         : right;
    padding-right      : 4px;
}
div.billet .commentaire_article a:hover {
    background         : #FFEA00;
    color              : #000;
    text-decoration    : none;
    margin             : 0;
    padding            : 0;
    padding            : 0px 9px 1px 9px;
}
div.billet .separation_articles {
	background         : transparent url(../images/blog/separation_article.jpg) center 20px no-repeat;
	height             : 28px;
}
div.cloud {
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    padding            : 10px 15px;
}
#commentaires {
    border-top         : 1px solid #BDBDBD;
    margin             : 0px;
    padding-top        : 5px;
}
#commentaires li {
    list-style         : disc outside url('../images/blog/puce_carre.gif');
    margin             : 0px 15px 0px 30px;
    padding-bottom     : 5px;
}
#commentaires li .commentaire_auteur {
    font-weight        : bold;
}
#commentaires li .commentaire_date {
    font-style         : italic;
}
#TheFormCommentaire {
    border-top         : 1px solid #BDBDBD;
    background         : #fff url('../images/blog/fond_bottom_cadre.gif') repeat-x;
    padding            : 5px 15px 5px;
}
#TheFormCommentaire .commentaire_titre {
    font-weight        : bold;
}
#TheFormCommentaire textarea {
    border             : 1px solid #474D4D;
    padding            : 2px 4px 1px;
    font-family        : Arial, Helvetica, FreeSans, sans-serif;
    font-size          : 11px;
    color              : #474D4D;
}
#TheFormCommentaire input, input.bouton {
    margin-top         : 5px;
    padding            : 2px 0px;
    border             : 1px solid #474D4D;
    font-weight        : bold;
    font-family        : Arial, Helvetica, FreeSans, sans-serif;
    font-size          : 11px;
    background         : transparent url('../images/blog/fond_bottom_cadre.gif') repeat-x;
}
h1 a, h2 a, h3 a, h4 a {
    color              : #000;
    text-decoration    : none;
}
h1.tag {
	margin             : 0 0 30px 78px;
	border-bottom      : 1px solid #000;
	width              : 503px;
}
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;
}
/********** MENU BLOG *********/
.menu_blog {
	position           : absolute;
    top                : 170px;
    left               : 618px;
}
.menu_blog ul {
	margin             : 0;
	padding            : 0;
}
.menu_blog ul li {
	width              : 145px; 
	height             : 20px;  
	background         : #FFEA00;
	list-style-type    : none;
	margin             : 0 0 2px 0;
	padding            : 0 0 0 5px;
	font-weight        : bold;
	line-height        : 1.8em;
}
.menu_blog ul li a {
    text-decoration    : none;
    color              : #000;
}
/********** FIN MENU BLOG *******/
.encart_tags {
	position           : absolute;
	top                : 231px;
	left               : 618px;
}
a.tag {
    text-decoration    : none;
    color              : #000;
}
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_poids5 {
    font-size          : 15px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 16px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 17px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 18px;
    font-weight        : bold;
}

.tags {
	display            : none;
}


/* --- CACHE --- */
#cache {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 1;
    display                 : none;
}