body{
	font-size:0.72em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-image:url(images/bg_body.png);
	background-repeat:repeat-x;
	background-color:#fff;
}

.spacer {
	clear: both; 
	height:1px;
	line-height:0em;
}

ul{
	list-style:none;
}

p{
	margin:0;
	padding:0;
}

img{
	border:0;
	vertical-align:top;
}

form{
	padding:0;
	margin:0;
}


li, ul{
	margin:0;
	padding:0;
}

#left_content{
	float:left;
	width:335px;
}



#last_projets{
	float:left;
	width:275px;
	margin:135px 0 50px 10px;
}

#last_projets h2{
	color:#000;
	margin:0;
	padding:0;
	font-size:14px;
}

#last_projets ul{
	margin:5px 0 0 25px;
	padding:0;
}

#last_projets li{
}

#last_projets li a{
	color:#fff;
	text-decoration:none;
}

#last_projets li a:hover{
	background-color:#fff;
	color:#29A3CC;
}

#icons{
	margin:135px 0 0 0;
	float:right;
	width:25px;
}

.icon{
	float:left;
	margin:8px 0 0 7px;
}

#left_content h3{
	clear:both;
	margin:0 0 0 13px;
	padding:0;
	float:left;
	width:300px;
}

.sub{
	float:left;
	margin-bottom:40px;
}

div.dot{
	clear:both;
	float:left;
	border-top:1px dotted #185F77;
	height:1px;
	margin:10px 0 0 13px;
	width:284px;
}

.thumb{
	float:left;
	margin:13px 0 0 13px;
	padding:4px;
	border:1px solid #A6A6A6;
}

.tmp_tags{
	margin:13px 0 0 13px;
}

ul.rice{
	clear:both;
	float:left;
	margin:13px 0 0 0px;
	padding:0 0 0 23px;
	width:200px;
}

ul.twitter{
	clear:both;
	float:left;
	margin:13px 0 0 0px;
	padding:0 0 0 23px;
	width:257px;
}

ul.st-tag-cloud{
	clear:both;
	float:left;
	margin:13px 0 0 0px;
	padding:0 0 0 23px;
	width:270px;
}
ul.st-tag-cloud li{
	margin:0 0 3px 0;
	padding:0;
	display:inline;
}

ul.st-tag-cloud li a{
	text-decoration:none;
}

ul.st-tag-cloud li a:hover{
	text-decoration:underline;
}



ul.rice li{
	margin:0 0 3px 0;
	padding:0;
}

ul.twitter li{
	margin:0 0 3px 0;
	padding:0;
}


ul.rice li a{
	color:#666;
	text-decoration:none;
	background-image:url(images/rice_cup.gif);
	background-repeat:no-repeat;
	padding:10px 0 5px 30px;
	display:block;
	height:15px;
	border-bottom:1px dotted #CCCCCC;
}

ul.rice li a:hover{
	background-color:#FF00FF;
	color:#fff;
}

ul.twitter li a{
	color:#666;
	text-decoration:none;
	background-image:url(images/twitter.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding:10px 0 5px 30px;
	display:block;
	height:15px;
	border-bottom:1px dotted #CCCCCC;
}

ul.twitter li a:hover{
	/*background-color:#FF00FF;
	color:#fff;*/
}

span.time{
	font-size:90%;
}

.blightbox{
	float:left;
	margin:13px 13px 0 13px;
}

.bnewstalk{
	float:left;
	margin:13px 0 0 0;
}

#content{
	float:left;
	width:655px;
	/*border:1px solid red;*/
}

#top_items{
	float:left;
	margin:10px 5px 0 0;
	padding:0;
	font-size:11px;
	color:#000;
	width:650px;
	text-align:right;
}

#top_items li{
	display:inline;
}

#top_items li a{
	color:#000;
	text-decoration:none;
}

#top_items li a:hover{
	text-decoration:underline;
}

#footer{
	clear:both;
	float:left;
	width:100%;
	background-image:url(images/bg_footer.png);
	height:173px;
	margin:50px 0 0 0;
}

#w3c{
	float:right;
	width:56px;
	margin:115px 50px 0 0;
}

#cssvalid{
	float:right;
	display:block;
	width:43px;
	height:15px;
	background-image:url(images/bt_css.png);
	margin:0 0 7px 0;
}

#cssvalid:hover{
	background-image:url(images/bt_css_over.png);
}

#xhtmlvalid{
	float:right;
	display:block;
	width:56px;
	height:15px;
	background-image:url(images/bt_html.png);
	margin:0 0 7px 0;
}

#xhtmlvalid:hover{
	background-image:url(images/bt_html_over.png);
}

#design{
	float:left;
	width:140px;
	margin:115px 0 0 30px;
	color:#666;
	font-size:10px;
}

#design a{
	color:#2AA9D4;
	text-decoration:none;
}

#design a:hover{
	text-decoration:underline;
}

.icon2{
	margin:-1px 6px 1px 0;
}

#content_posts{
	clear:both;
	float:left;
	width:610px;
	padding:30px 0 0 20px;
}

.apost{
	float:left;
	width:610px;
	margin:0 0 40px 0;
}

.apost_header{
	float:left;
}

.apost_author{
	float:left;
	margin:0 10px 0 0;
}

.apost_header h1{
	float:left;
	margin:0;
	padding:0;
	width:550px;
	height:30px;
}

p.authordetails{
	float:left;
	font-size:11px;
	margin:0;
	padding:2px 0 0 0;
}

.commentlink{
	color:#FF00FF;
	font-weight:bold;
	text-decoration:none;
	background-image:url(images/icon_comment.gif);
	background-repeat:no-repeat;
	background-position:0 -1px;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
}

.commentlink:hover{
	text-decoration:underline;
}

.post_content{
	float:left;
	color:#666666;
	margin:10px 0 0 0;
	line-height:1.6em;
}

.post_content p{
	margin:10px 0 10px 0;
}

.post_content img{
	margin:10px 0 10px 0;
	padding:2px;
	border:4px solid #E4E5E5;
}


.post_content a{
	color:#2AA9D4;
	text-decoration:none;
}

.post_content a:hover{
	text-decoration:underline;
}

.post_footer{
	clear:both;
	float:left;
	background-image:url(images/bg_post_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 7px 0;
	width:600px;
}

.post_footer{
	color:#FF00FF;
	margin:10px 0 0 0;
}

.post_footer a{
	color:#FF00FF;
	text-decoration:none;
}

.post_footer a:hover{
	text-decoration:underline;
}

.icon_tag{
	margin:-2px 5px 0 0;
}

.posttags{
	float:left;
}

.postsuite{
	background-image:url(images/icon_suite.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding:0 0 0 18px;
	font-weight:bold;
	float:right;
}

.post_comment{
	float:left;
}

.post_comment h2{
	margin:0 0 30px 0;
	padding:0;
	font-size:20px;
}

.comment_box{
	float:left;
	width:477px;
}

.comment_box_content{
	float:left;
	background-color:#F7F7F7;
	width:437px;
	padding:0 20px 10px 20px;
	color:#666666;
}

.top_comment{
	vertical-align:bottom;
}

.comment_details{
	font-size:11px;
	color:#8A8A8A;
	padding-bottom:10px;
}


.comment_author{
	float:left;
	background-image:url(images/bottom_author_comment.png);
	background-repeat:no-repeat;
	padding:10px 0 0 34px;
	margin:-2px 0 0 251px;
	height:32px;
	color:#87CEE7;
	font-weight:bold;
}

.newcomment{
	clear:both;
	color:#666;
	border-collapse:collapse;
	margin:20px 0 0 0;
}

.newcomment td{
	padding:7px 0;
}

.newcomment input.grey, .newcomment textarea.grey{
	border:1px solid #C9C9C9;
	background-color:#F5F5F5;
	color:#666666;
}

.envoyerform{
	float:right;
	margin:10px 0 0 0;
}


#pages{
	clear:both;
	float:left;
	padding:50px 0 50px 0;
	width:610px;
}

.postprecendents a, .postssuivants a{
	color:#FF3FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}

.postprecendents a{
	float:left;
	background-image:url(images/icon_precedent.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0 1px;
}

.postssuivants a{
	float:right;
	background-image:url(images/icon_suite.gif);
	background-repeat:no-repeat;
	padding-right:20px;
	background-position:90px 1px;
}

.postprecendents a:hover, .postssuivants a:hover{
	text-decoration:underline;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

div.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #last_projets h2.white {
	visibility: hidden;
	font-size:16px;
}

.sIFR-hasFlash #left_content h3 {
	visibility: hidden;
	font-size:18px;
}

.sIFR-hasFlash .apost h1 {
	visibility: hidden;
	font-size:28px;
}

.sIFR-hasFlash .post_comment h2 {
	visibility: hidden;
	font-size:18px;
}