@import url(content.css);

.box_com .box_footer
{
	margin: 0;
}

#box_top
{
	float: left;
	clear: both;
	margin: 10px 0 0 0;
}

.article_title
{
	width: 630px;
	position: absolute;
	margin: -20px 0 10px 0;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	color: #999;
	z-index: 2000;
}

#content_intro
{
	display: inline;
	float: left;
	width: 640px;
	margin: 5px 0 5px 0;
}

#content_intro h1
{
	line-height: 30px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

#com_article h2.title
{
	clear: both;
	border: none;
}

#content_intro p
{
	text-align: left;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	margin: 0 10px 5px 0;
	line-height: 22px;
	font-size: 13px;
	color: #6f6343;
}

#content_intro p img
{
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	width: 150px;
	height: 112px;
}

#content_articles
{
	float: right;
	width: 250px;
}

#content_summary
{
	clear: both;
	float: left;
	width: 650px;
	margin: 10px 0 10px 0;
	padding: 5px;
	border: 1px solid #eaeaea;
}

#content_summary_wrapper
{
	float: left;
	width: 650px;
	background-color: #eef0e5;
}

#content_summary h2
{
	margin: 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	padding: 0;
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

#content_summary ul
{
	padding: 5px 0 5px 28px;
	margin: 0;
	list-style-image: url(images/content_page.gif);
}

#content_summary li
{
	line-height: 16px;
}

#content_summary a
{
	text-decoration: none;
	color: #6f6343;
	font-size: 10px;
}

#content_summary a:hover
{
	color: #900;
	text-decoration: underline;
	color: #000;
}

#content_summary li.selected
{
	font-weight: bold;
	color: #6f6343;
}

#content_summary a.selected
{
	color: #2a3847;
	font-weight: bold;
}

#content div.content_pager
{
	display: inline;
	float: left;
	clear: both;
	width: 650px;
	margin: 10px 0 10px 0;
	padding: 0 5px 0 5px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;	
}

#content div.content_pager a.page
{
	margin: 0 5px 0 5px;
	text-decoration: none;
	color: #900;
}

#content div.content_pager a.selected
{
	font-weight: bold;
}

#content div.content_pager a.nav
{
	color: #900;
	text-decoration: none;
}

#content div.content_pager span.nav
{
	color: #aaa;
}

#content div.content_pager .nav.prev
{
	float: left;
}

#content div.content_pager .nav.next
{
	float: right;
}

#content .page_title
{
	clear: both;
	font-size: 12px;
	font-family: Arial,Sans-serif,Helvetica,Sans;
	font-size: medium;
	margin: 5px 0 5px 0;
	padding: 0 0 0 12px;
	background: transparent url(images/content_bt_summary.gif) 0 center no-repeat;
}

#content_author
{
	text-align: right;
	font-size: 10px;
	color: #999;
	background-color: #fff;
	color: #999;
}

#content_bottom
{
	clear: both;
	float: left;
	width: 660px;
	height: 130px;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

#content_bottom_left
{
	float: left;
	width: 658px;
	height: 128px;
	border: 1px solid #eaeaea;
}

#content_bottom_left_wrapper
{
	background-color: #eef0e5;
	margin: 5px;
	height: 118px;
}

#content_bottom_left h2
{
	float: left;
	margin: 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	padding: 0;
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

#content_bottom_left ul
{
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content_bottom_left li
{
	float: left;
	clear: left;
	margin: 5px 0 5px 5px;
}

#content_bottom_left li a
{
	float: left;
	text-decoration: none;
	padding: 0 0 0 20px;
	line-height: 16px;
	height: 16px;
	background-position: 0 center;
	background-repeat: no-repeat;
	color: #6f6343;
	width: 250px;
}

#content_bottom_left li a:hover
{
	color: #900;
	text-decoration: underline;
}

#content_bottom_left li a.comment { background-image: url(images/icon_comment.gif); }
#content_bottom_left li a.forum { background-image: url(images/icon_forum.gif); }
#content_bottom_left li a.question { background-image: url(images/icon_question.gif); }
#content_bottom_left li a.download { background-image: url(images/icon_download.gif); }

#content_rating_box
{
	float: right;
	font-size: 11px;
	margin: 10px 0 0 5px;
	padding: 0 0 0 10px;
	width: 328px;
	border-left: 2px solid #fff;
}

#content_rating_box_form
{
	float: left;
	width: 328px;
	margin: 10px 0 0 0;
}

#content_rating_box span
{
	clear: left;
	float: left;
	font-weight: bold;
	line-height: 16px;
	width: 150px;
}

#content_rating_box input.button
{
	margin-top: 5px;
}

#content_rating_bar
{
	float: right;
	height: 16px;
	width: 128px;
	background: transparent url(images/content_rating_bg.gif) 0 0 repeat-x;
	margin: 0 5px 0 0;
}

#content_rating_bar_sel
{
	height: 16px;
	background: transparent url(images/content_rating_sel_bg.gif) 0 0 repeat-x;
}

#content_rating_box form
{
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 132px;
}

#content_rating_box input.radio
{
	float: left;
}

#content_rating_down,
#content_rating_up
{
	float: left;
	width: 20px;
	height: 23px;
	background-position: center center;
	background-repeat: no-repeat;
}

#content_rating_up
{
	background-image: url(images/rate_up.gif);
}

#content_rating_down
{
	background-image: url(images/rate_down.gif);
}

#content_rating_up span,
#content_rating_down span
{
	display: none;
}

#content_rating_box p
{
	clear: both;
	float: left;
	margin: 25px 0 0 0;
	text-align: center;
	width: 330px;
}

#content_customize
{
	display: inline;
	clear: both;
	float: left;
	line-height: 22px;
	height: 22px;
	width: 650px;
	margin: -20px 0 10px 0;
}

#content_extra
{
	float: right;
	display: inline;
	margin: 5px 0 5px 0;
	height: 22px;
	width: 360px;
}

#content_extra a,
#content_customize a
{
	float: right;
	height: 22px;
	background-position: 0 center;
	background-repeat: no-repeat;
	margin-left: 5px;
	color: #000;
	text-decoration: none;
}

content_extra a:hover,
#content_customize a:hover
{
	color: #900;
	text-decoration: underline;
}

#content_customize a.up
{
	width: 22px;
	background-image: url(images/fontsizeup.png);
}

#content_customize a.down
{
	width: 22px;
	background-image: url(images/fontsizedown.png);
}

#content_extra a.comments
{
	padding-left: 26px;
	line-height: 22px;
	background-image: url(images/h2_comments.png);
}

#content_extra a.pdf
{
	width: 22px;
	background-image: url(images/pdf.png);
}

#content_extra a.rss
{
	width: 38px;
	background-image: url(images/rss.png);
}

#content_extra a.rss_google
{
	width: 62px;
	background-image: url(images/rss_google.png);
}

#content_extra a.rss_yahoo
{
	width: 73px;
	background-image: url(images/rss_yahoo.png);
}

#content_social
{
	display: inline;
	clear: left;
	float: left;
	margin: 10px 0 10px 0;
}

#content_social *
{
	float: left;
}

#content_share
{
	display: inline;
	float: right;
	margin: 5px 0 5px 0;
	height: 22px;
	width: 130px;
}

#content_share span
{
	display: block;
	line-height: 22px;
	color: #999;
	margin: 0;
}

#content_share a
{
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center center;
}

#content_share a.delicious { background-image: url(images/delicious.png); }
#content_share a.facebook { background-image: url(images/facebook.png); }
#content_share a.digg { background-image: url(images/digg.png); }
#content_share a.blogmarks { background-image: url(images/blogmarks.png); }

.box
{
	float: left;
	width: 325px;
	margin: 10px 0 5px 0;
}

.box_best_rated h3,
.box_popular h3
{
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
}

.box_popular
{
	clear: left;
}

.box_best_rated
{
	margin-left: 10px;
}

.box_best_rated h3 a,
.box_popular h3 a
{
	color: #900;
	text-decoration: none;
}

.box_best_rated ul,
.box_popular ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.box_best_rated li,
.box_popular li
{
	clear: both;
	border-left: 1px solid #eaeaea;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}

.box_best_rated li a.more,
.box_popular li a.more
{
	float: right;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #2a3847;
	line-height: 14px;
}

.box_best_rated li p,
.box_popular li p
{
	color: #6f6343;
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	height: 28px;
	overflow: hidden;
}

.image_preview_bg
{
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	display: none;
	z-index: 10000;
}

.image_preview
{
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
	z-index: 10001;
}

/* Commentaires */
h2.comments
{
	background: transparent url(images/h2_comments.png) 0 center no-repeat;
	padding: 0 0 0 28px;
	margin: 0 0 5px 0;
	float: left;
	width: 600px;
}

#content_comment
{
	clear: both;
	float: left;
	width: 660px;
	margin: 10px 0 10px 0;
}

#comments_list .comment
{
	float: left;
	clear: left;
	margin: 5px 0 5px 0;
	width: 660px;
}

#comments_list .comment_author
{
	float: left;
	width: 90px;
	color: #900;
	text-align: right;
}

#comments_list .comment h2
{
	margin: 0 0 0 100px;
	font-size: 12px;
}

#comments_list .comment p
{
	margin: 0 0 0 100px;
}

#comments_list .comment p span
{
	color: #999;
	margin: 0 0 0 5px;
}

#comments_list_bottom
{
	clear: both;
	float: left;
	margin: 5px 0 5px 0;
	width: 660px;
	text-align: right;
}

#comments_list_bottom a.more
{
}

#mod_forum_topics
{
	float: left;
	clear: both;
	margin: 5px 0 5px 0;
}

/* Menu de navigation */
#menu_navig
{
	display: inline;
	float: right;
	font-size: 10px;
	width: 210px;
}

#menu_navig a
{
	display: inline;
	text-decoration: none;
	font-weight: normal;
	color: #900;
}

#menu_navig a.prev
{
	float: right;
}

#menu_navig a.next
{
	float: right;
	margin-left: 1em;
}

.mod_article_link
{
	clear: both;
	margin: 10px 0 10px 0;
}

.mod_article_link h4
{
	font-size: 12px;
	color: #900;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

.mod_article_link p
{
	background: transparent url(images/mod_article_link.png) 0 center no-repeat;
	margin: 5px 0 0 0;
	padding: 0 0 0 45px;
}

.mod_article_link code
{
	display: none;
	background-color: #eef0e5;
	padding: 10px;
	margin: 5px 0 0 0;
	color: #666;
}

#content_share_top
{
	position: absolute;
	height: 32px;
	width: 82px;
	margin: -59px 0 0 550px;
}

#content_share_top a
{
	display: inline;
	float: left;
	width: 41px;
	height: 25px;
	margin: 7px 0 0 0;
	background-image: url(images/share_top.png);
}

#content_share_top a:hover
{
	margin: 0;
	height: 32px;
}

#content_share_top a.facebook { background-position: -7px 0; }
#content_share_top a.facebook:hover { background-position: -7px -25px; }
#content_share_top a.twitter { background-position: -62px 0; }
#content_share_top a.twitter:hover { background-position: -62px -25px; }