/*body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; background-color: #0c4760;}*/
	#project_view_tmp{list-style-type:none;text-align:center; }
	#project_view_tmp li  { float:left; margin:20px; height:180px;  }
	
/*  LAYOUT  */
    body{ padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#c4dee8;background-color: #0c4760; background-image: url("/site_elements/layout/bg_night.jpg"); background-position: top center; background-repeat:no-repeat;}
    a:link,a:visited,a:active{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#c4dee8; text-decoration: underline;}
    a:hover{font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#fff; text-decoration:none;}
    .clear{clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;border:0;}
    #wrapper{width:950px; margin: 0 auto; }
        #wrapper #header{ text-align: center; position: relative;}
        #wrapper #header .perso{opacity:0; }
        #wrapper #header #logo_header{ position: relative;; }


        #wrapper #content{ }
        #wrapper #footer{ background-color: #fff; padding: 3px; text-align: center; color:#0c4760; }
        
    #content{ margin: 0 auto; margin-top: 20px; }
           #leftColumn{ width:300px; float:left;}
          #rightColumn{ width:500px;float:left; margin-left: 20px;}
          #footer{ background-color: #fff; padding: 3px; text-align: center; color:#0c4760; }
    #fatcha_desc { list-style: none; margin:  10px 0; padding: 3px;  border: 1px dashed #eee}
/*  HOSTING */
    
/*  Home*/
#home_list{ list-style: none; padding-left: 0;}
#home_list > li { float: left; margin-right: 10px; margin-bottom: 10px; background-color: #0c4760; padding: 5px;  opacity:0;   }
#home_list h2 { margin-top: 0px; }
#edito{ width: 250px;margin-bottom: 10px; height: 165px;}
#post_titles{ width: 310px; height: 165px;}
    #post_titles ul{ padding: 0; list-style: none;}
        #post_titles ul li{ margin-bottom: 5px;}
    #post_titles div{ text-align: right; margin-top: 5px;}

#hosting{  width: 260px; height: 165px;}
#focus{width: 310px; height: 165px;}
    #focus div{text-align: center;}
#twitter{width: 310px; height: 165px;}
/*  BLOG    */
.pagination_list{ text-align: right; margin-bottom: 5px; }
.pagination_list a{ margin:0 5px; }
/*  BLOG POST*/

    #posts{}
    #posts .post_details{ background-color: #0c4760;}

     #posts .post_details .left_column{ width: 160px; float: left; padding: 0px 5px; color: #E5e5e5}
    #posts .post_details .right_column{float: left; width:305px; }
    #posts .post_details{ margin-bottom: 20px;border: 1px solid #b4dee8; padding: 5px; }/**/
    #posts .post_details .title{padding: 3px; font-size: 18px; font-weight: bold; color:#c4dee8;}
       #posts .post_details .title a:link,#posts .post_details .title a:visited,#posts .post_details .title a:active{font-family:Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold; color:#c4dee8; text-decoration: none;}
       #posts .post_details .title a:hover{font-family:Verdana, Geneva, sans-serif; font-size: 18px; font-weight: bold; color:#FFF; text-decoration:none;}
    #posts .post_details .content{padding: 3px;}
    #posts .post_details .post_img{ margin: 10px; border:0;}
   /* .comment {  margin-bottom: 5px;  padding: 3px; border: 0px dashed #bbb;}
    .comment .header{ background-color: #0c4760; padding: 2px; font-weight: bold;  }
    .comment .name{ text-align: left; display: block; font-weight: bold; width:220px; float: left;}
    .comment .date{ text-align: right;display: block; width:160px; float: left;}
    .comment .comment_content{padding: 3px;}*/
    
    .post_comments_nbr{ text-align: right; }
    .post_comments{ width: 400px; margin: 0 auto; display: none }
    
    .post_comments textarea{ width: 400px; height: 150px; border: 1px solid  #999; background-color: #EFEFEF;}
    .post_comments input{ border: 1px solid  #999; background-color: #EFEFEF; margin-bottom: 10px;}
    .post_comments .status_sent{color:#900;}
    .post_comments  .comment {  margin-bottom: 5px; background-color: transparent; padding: 3px; border: 1px dashed #bbb;}
    .post_comments .comment .header{ background-color: #004750; padding: 2px;  }
    .post_comments .comment .name{ text-align: left; display: block; font-weight: bold; width:220px; float: left;}
    .post_comments .comment .date{ text-align: right;display: block; width:160px; float: left;}
    .post_comments .comment .comment_content{padding: 3px;}

     .post_comments_detail{ width:450px; margin: 0 auto;}
    .post_comments_detail .post_comments{ width: 350px; margin: 0 auto; display: block;  }
    .post_comments_detail textarea{ width: 400px; height: 150px; border: 1px solid  #999; background-color: #EFEFEF;}
    .post_comments_detail input{ border: 1px solid  #999; background-color: #EFEFEF; margin-bottom: 10px;}
    .post_comments_detail .status_sent{color:#900;}
    .post_comments_detail  .comment {  margin-bottom: 5px; background-color: transparent; padding: 3px; border: 0px dashed #bbb;}
    .post_comments_detail .comment .header{ background-color: #004750; padding: 2px;  }
    .post_comments_detail .comment .name{ text-align: left; display: block; font-weight: bold; width:220px; float: left;}
    .post_comments_detail .comment .date{ text-align: right;display: block; width:160px; float: left;}
    .post_comments_detail .comment .comment_content{padding: 3px;}