/* HTML TAGS */
body { background: #FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:0px;margin:0px 15px;}
a img { border: 0}

/* GENERIC STYLES */
.uppercase { text-transform: uppercase }
.clear { clear: both }
.hidden { visibility: hidden}
.bold { font-weight: bold}
.justify { text-align: justify}


/* UI */
div#page
{
    width: 872px;
    margin: 0 auto;
}


div#sidebar
{
    width: 264px;
    float: left;
    margin: 11px 16px 0 0;
    font-size: 10pt;
}

.logo {
	float:left;
}

div#content
{
    width: 587px;
    float:left;
    display: block;
}


/* HEADER */

#olivier
{
  
}

#olivier div.txt
{
    background: url('images/bulle1.gif') no-repeat left top;
    width: 575px;
    height: 408px;
    float: left;
    font-size: 11pt;
}

#olivier div.txt .txt_pad
{
    margin:45px 50px 0px 40px;
    position: relative;
	overflow:auto;
	height:280px;
}

#olivier img
{
    float: right;
}

ul#menu
{
    list-style: none;
    margin: 0 0 2px 0;
    padding: 0;
}

ul#menu li
{
    border-bottom: 1px solid #fff;
    margin: 0 2px 2 px 0;
    display: inline;
}


/* SIDEBAR */
div#sidebar div
{
    
}
div#sidebar div#cloud .tags
{
    text-align:center;
	margin:10px 10px 15px 10px;
}
div#sidebar a
{
    color: #000;
    text-decoration: none;
}

div#sidebar ul
{
    margin: 10px 0px 20px 22px;
    padding: 0;
    list-style-position: inside;
}


div#sidebar h2
{
    margin: 0;
}

div#sidebar div#site
{
    margin: 40px auto;
    text-align: center;
}

div#calendrier
{
    padding-top: 20px;
}

div#calendrier table
{
    width: 100%;
}

div#calendrier table tfoot
{
    display: none;
}

div#calendrier caption
{
    background:url('images/agenda_h.gif') no-repeat left top;
    text-transform: uppercase;
    text-align:center;
    padding: 3px 0 2px 3px;
    font-size: 25px;
    line-height: 33px;
}

div#calendrier th
{
    display: none;
}

div#calendrier td
{
    color:#B0B0B0;
    text-align: center;
    height: 35px;
}
#calendrier
{
     background:url('images/agenda_b.gif') no-repeat left bottom;
	 padding-bottom:30px;
}

div#sidebar span.footer
{
}


div#sidebar div#abonnement li
{
    list-style: none;
    padding: 3px 0 3px 37px;
	margin:6px 0px;
}
div#sidebar div#rubriques li
{
    font-size:12px;
	margin:4px 0px;
	text-transform:uppercase;
}
#abonnement {
	background: url('images/picto_register.jpg') no-repeat right 30px;
	margin-top:32px;
}
#rubriques {
	background: url('images/picto_category.jpg') no-repeat right bottom;
	margin-top: 15px;
}
#archives {
    background: url('images/picto_archives.jpg') no-repeat right bottom;
    min-height: 180px;
    margin-top: 15px;
}
#blogroll {
    background: url('images/picto_blogroll.jpg') no-repeat right bottom;
/*    height: 180px;		*/
	margin-top: 15px;
}

#enquete {
    margin-top: 15px;
}
#cloud {
	background: url('images/picto_tagclouds.jpg') no-repeat center bottom;
	padding-bottom:160px;
	margin-top: 15px;
}
#enquete .pad {
    margin:10px 0px 15px 30px;
}
#enquete form {
    margin:0px;
    padding:0px;
}
div#sidebar div#abonnement li.newsletter
{
    background: url('images/menu_contact.png') no-repeat left center;
}

div#sidebar div#abonnement li.myspace
{
    background: url('images/menu_myspace.png') no-repeat left center;
}

div#sidebar div#abonnement li.twitter
{
    background: url('images/menu_twitter.png') no-repeat left center;
}

div#sidebar div#abonnement li.facebook
{
    background: url('images/menu_facebook.png') no-repeat left center;
}

div#sidebar div#abonnement li.rss
{
    background: url('images/menu_rss.png') no-repeat left center;
}





/* CONTENT */
div#content div.error
{
    margin: 40px 40px 0 40px;
}

div.post-holder
{
    
  clear:both;
}

div.post-holder .pad, div.post-holder-gris .pad
{
	padding:10px 45px;
}
div.post-holder
{
	margin-bottom:15px;
}
div.post-holder-gris
{
	background-color:#E8E8E8;
	margin-bottom:15px;
	padding-bottom:15px;
}
div.post-holder h1
{
    padding: 10px 32px;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    background: #000;
    color: #FFF;
    font-weight: normal;
    margin: 0px;
}
div.post-holder-gris h1
{
    padding:10px 45px;
    font-size:30px;
    line-height:32px;
    text-transform: uppercase;
	background-color:#E8E8E8;
	color:#000;
	font-weight:normal;
}
div.post-holder-gris h1 a 
{
    text-decoration: none;
    color: #000;
}
div.post-holder .titre_bulle {
	background-color:#000000;
	padding:15px 22px 0px 0px;
}
div.post-holder .t_bulle_d {
	background:url('images/menu_bulle_d.gif') no-repeat top right;
}
div.post-holder .t_bulle_g
{
    background:url('images/menu_bulle_g.gif') no-repeat top left;
    padding: 4px 15px 12px 15px;
    text-transform: uppercase;
    font-family: Arial;
}

div.post-holder .t_bulle_g a
{
    color: #000;
    text-decoration: none;
    font-style: italic;
}
div.post-holder h1 a
{
    text-decoration: none;
    color: #fff;
}

div.post-holder p.postmetadata
{
    color: #000;
    margin: 0;
    padding: 2px 30px 0 0;
    text-align: right;
}

div.post-holder p.postmetadata a
{
    text-decoration: none;
}

p.postmetadata, p.postmetadata a
{
    color: #808080
}

div.entry
{
    text-align: justify;
}

div.entry a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
    
}

div.entry entry-droite a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
    float: right;
    
}

div.post
{
    margin: 0 30px;
}


div.post-footer
{
    width: 539px;
    height: 70px;
    background: url('images/post_footer.jpg') no-repeat left top;
}


div.footer-infos
{
    height: 100px;
    margin-top:30px;
    vertical-align: bottom;
	text-transform:uppercase;
}

div.comment-rating
{
    float: left;
    padding-top: 40px;
}

div.comment-rating, div.comment-rating a
{
    font-weight: normal;
    line-height: 27px;
}

div.comment-link
{
    background: url('images/commentaires.png') no-repeat 153px 43px;
    display: block;
    padding: 50px 10px 0 0;
    float: right;
    width: 193px;
    text-align: right;
    height: 100px;
    color: #000;
    margin-top: 8px;
}

div.footer-infos .chiffre_com
{
    vertical-align: top;
}

div.footer-infos .chiffre_com a
{
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-size: 14pt;
    text-align: right;
}


div#content div.content-footer
{
    
}



/* FOOTER */
div#footer
{
    clear: both;
    text-align: right;
    padding-top: 100px;
}





/* COMMENTS' PAGE */
div.single-post
{
    width: 521px;
    margin: 0 auto;
    margin-top: 50px;
}

div.single-post h1
{
    font-family: Times;
    margin: 0 12px 0 12px;
    font-size: 18pt;
    line-height: 32px;
    text-transform: uppercase;
}

div.single-post h1 span
{
    background: #00dafe;
    padding: 3px 6px 0 60px;
    font-style: italic;
    text-decoration: none;
    color: #fff;
}

div.single-post p.postmetadata
{
    font-size: 10pt;
    background: #fffae6;
    margin: 30px 8px 0 12px;
    height: 25px;
    line-height: 25px;
    font-style: italic;
    padding-left: 60px;
}

div.single-post p.postmetadata a
{
    font-weight: bold;
    text-decoration: none;
}

div.single-post div.entry
{
    margin: 0 60px 0 75px;
    text-transform: uppercase;
    text-align: justify;
    color: #666;
    font-style: italic;
}

div#content .widecolumn
{
    margin: 0;
    padding: 0;
    background: #ccc;
}

div#comment-header
{
	background: url('images/page_com.gif') no-repeat left top;
    clear: both;
    height: 70px;
	text-align:right;
    padding: 0;
    margin: 0;
	color:#FFFFFF;
	font-weight:bold;
}

div#comment-header h2
{
    float: left;
    margin-top: 43px;
}

div#comment-header h3.nb-comments
{
    float:right;
    width: 90px;
    color:#FFFFFF;
	font-weight:bold;
	padding:8px 52px 0px 0px;
	font-size:21px;
}


div#comments
{
    width: 521px;
    margin: 0 auto;
    margin-top: 80px;
}
ol.commentlist
{
    margin: 0;
    padding: 0;
    width: 521px;
}

div#comments div.comment
{
    clear: both;
    background: url('images/comments_header_a.jpg') no-repeat left top;
    padding-top: 51px;
}

div#comments div.comment p
{
    padding: 0 30px;
    margin: 0;
    background:#E8E8E8;
}

div#comments div.comment-footer
{
    padding: 70px 0 0 230px;
    background: url('images/comments_footer_a.jpg') no-repeat left top;
    height:80px;
    color: #666;
}

div#comments div.comment-footer a
{
    color: #666;
    text-decoration: none;
}

p.textarea-holder
{
    background: url('images/comments_textarea.jpg') no-repeat left top;
    height: 213px;
    padding: 30px 0 0 30px;
}

textarea#comment
{
    font-family: Arial;
    font-size: 9pt;
    width: 340px;
    height: 110px;
    border: 0;
    background:#E8E8E8;
    font-style: italic;
    text-transform: uppercase;
}

p.textarea-holder input
{
    position: relative;
    top: 35px;
    left: 85px;
    border: 0;
    background: #fff;
    color: #666;
    font-size: 12pt;
    font-weight: bold;
}

div#respond
{
	background: url('images/laisser_com.gif') no-repeat left top;
    padding:55px 0px 0px 95px;
}

form#commentform a
{
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

form#commentform label
{
    text-align: right;
	color:#404040;
}
form#commentform div.search
{
	float:left;
    line-height: 18px;
    vertical-align: center;
}

form#commentform div.search input
{  background: url('images/input_com.gif') no-repeat left top;
    width: 300px;
    border: 0;
    color: #000;
    font-size:12px;
    margin:0px 2px 0px 0px;
    padding: 3px 15px 0 0;
    text-align: right;
	height:26px;
}







/* ADMIN COMMENTS */
div#comments div.comment-admin
{
    clear: both;
    background: url('images/comments_header_b.jpg') no-repeat left top;
    padding-top: 52px;
}
.subscribe-to-comments {
	text-align:center;
	background-color:#E8E8E8;
	text-transform:uppercase;
	color:#666;
	padding:10px 0px;}

div#comments div.comment-admin p
{
    padding: 0 30px;
    margin: 0;
    background:#000000;
	color:#FFFFFF;
}

div#comments div.comment-admin-footer
{
    padding: 72px 230px 0 0;
    background: url('images/comments_footer_b.jpg') no-repeat left top;
    height: 80px;
    color: #666;
    text-align: right;
}

div#comments div.comment-admin-footer a
{
    color: #666;
    text-decoration: none;
}



/* SEARCH FORM */
#recherche {
	background: url('images/menu_search.jpg') no-repeat left top;
	float:left;
	height:74px;
	width:192px;
}
#searchform {
	margin:45px 0px 0px 0px;
	padding:0px;
}
#searchform div.search
{
    padding-left: 5px;
    margin:3px 0px 0px 0px;
    float: left;
    display: block;
    vertical-align: center;
}
#searchform input
{
   float: left;
}
#searchform div.search input
{
    background:url('images/recherche.gif') no-repeat left top;
    border: 0;
    font-style: italic;
    color: #000;
    font-size:12px;
    margin: 0;
    padding:0px 10px 0px 4px;
    text-align: right;
	width:136px;
	height:19px;
}


/* POSTRATINGS */
div.footer-infos a
{
    text-decoration: none;
    color: #000;
    line-height: 12px;
}

.navigation {
    margin-top:25px;
}
.navigation a {
    color: #000;
}

#rubriques a.active_category
{
    background: #000;
    color: #fff
}


div.post-holder-gris p.postmetadata
{
    color: #000;
}

div.post-holder-gris p.postmetadata a
{
    text-decoration: none;
    font-weight: bold;
    color: #000
}


h1.main_title
{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22pt;
    padding: 0;
    margin: 10px 0 0 0;
    color: #000;
}

div.height-img
{
    vertical-align: middle;
    line-height: 25px;
}


span.news
{
    display: block;
    background: #fff url('images/background-news.png') repeat-x left bottom;
    text-align: left;
    padding-top: 8px
}

div.greybar
{
    height: 30px;
    display: block;
    background: #eee;
    clear: both;
    margin: 20px 0;
}

div.post-ratings img
{
    padding-right: 4px;
}


div#sidebar li
{
    margin: 6px auto;
}