/************************************************************************/
/* Logic-Sunrise                                                        */
/* ===========================                                          */
/*                                                                      */
/* Copyright (c) 2009                                                   */
/* http://www.logic-sunrise.com                                         */
/*                                                                      */
/* ===========================                                          */
/* $Id: templates/css/home.css,v 1.0   by      Nickaardo Exp $          */
/************************************************************************/

#ls_pinned {
	padding-top: 8px;
}

#pinned-info {
	height: 20px;
	width: 176px;
	background-image: url(../images/actu-importante.gif);
	repeat: no-repeat;
	font-size: 9px;
	color: #ffffff;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 3px;
}

#news-little-info {
	height: 20px;
	width: 176px;
	background-image: url(../images/actu-importante.gif);
	repeat: no-repeat;
	font-size: 9px;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 8px;
}
.pinned-clicker {
	position: absolute;
	z-index: 2;
}

.pinned-images-shadow {
	float: left;
	background-color:#262626;
	height: 132px;
	width: 220px;
	margin: 3px 0px 0px 3px;
}

.pinned-images {
	position: absolute;
	border: 1px solid #000000;
	height: 47px;
	width: 218px;
	margin: -3px 0px 0px -3px;
	padding-top: 83px;
	background-repeat: no-repeat;
}

.pinned-title-bg {
	float: left;
}

.pinned-title-box {
	position: absolute;
	z-index: 1;
	line-height: 12px;
	padding: 4px 0px 0px 4px;
}

.pinned-category {
	font-weight: bold;
	font-size: 11px;
}

.pinned-title {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
}

.news-box { padding-bottom: 10px; }

.news-sub-header {
	border: 1px solid #000000;
	border-top-style: none;
	font-size: 11px;
	font-style: italic;
	color: #626161;
	padding-right: 8px;
	padding-top: 2px;
	height: 15px;
	background-image: url('../images/frame-sub-header-background.gif');
	background-repeat: repeat-x;
}

.news-info {
	text-align: right;
	float: left;
	color: #6f6f6f;
	font-size: 11px;
	padding: 4px 0px 0px 13px;
}

.news-title-box {
	height: 24px;
	background-color: #191919;
	padding: 8px 5px 0px 13px;
}

.news-title {
	padding-bottom: 0px;
	font-size: 13px;
	font-weight: bold;
}

.news-content {
	background-color: #FFFFFF;
	padding: 6px 6px 6px 13px;
	font-size: 12px;
	color: #454545;
	width: 659px;
	border-width: 0px 1px 0px 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #000000;
	background-image: url('../images/news-line.gif');
	background-repeat: repeat-y;
}

.news-content a {
	color: #ff9600;
}

.news-images-shadow {
	background-color:#B3B3B3;
	height:89px;
	margin:2px 0px 0px 3px;
	width:97px;
}

.news-images {
	position: absolute;
	background-color:#FFFFFF;
	border:1px solid #979797;
	height:81px;
	margin: -2px 1px 0px -4px;
	padding:3px;
	width:91px;
}


.news-bottom-box {
	height: 22px;
	background-color: #0d0d0d;
}

.news-comment-box {
	float: right;
	color: #6f6f6f;
	padding: 4px 7px 0px 0px;
}

.news-comment-icon {
	float: right;
	padding: 0px 4px 0px 5px;
}

.news-next-box {
	float: right;
	color: #6f6f6f;
	padding: 4px 7px 0px 0px;
}

.news-next-icon {
	float: right;
	padding: 0px 4px 0px 0px;
}

.news-source {
	text-align: right;
	color: #6f6f6f;
	font-size: 11px;
	padding: 4px 13px 0px 0px;
	float: right;
}

#news-pagination {
	color: #767569;
	text-align: right;
	margin: 10px 2px 0px 0px;
}

#comments-title {
	height: 24px;
	padding: 3px 0px 0px 13px;
	background-color: #232323;
	font-weight: bold;
	color:#ff9600;
}

.comments-box {
	background-image: url('../images/bg-com-gradient.png');
	background-repeat: repeat-x;
	background-color: #2d2c2c;
	padding: 20px 6px 20px 13px;
	color: #FFFFFF;
	margin-top: -17px;
}

.comments-avatar {
	float: right;
	padding: 0px 0px 0px 6px;
	margin: -27px 0px 0px 15px;
}

.comments-info { color: #3C3C3C; }

.comments-info-rating {
	float: left;
	margin-left: 10px;
	padding: 2px 3px 0px 3px;
	height: 13px;
}

.comments-info-rating-border {
	margin-top: 1px;
	width: 1px;
	height: 14px;
	float: left;
}

.comments-info-rating-middle {
	padding: 1px 5px 0px 5px;
	font-size: 10px;
	height: 15px;
	float: left;
	color: #FFFFFF;
}

.comments-info-rating-good { background-color: #6F8F52}
.comments-info-rating-bad { background-color: #B82929}

.comments-separator {
	height: 4px;
	background-color: #232323;
}

#comments-add {
	overflow: auto;
	padding: 4px 0px 0px 13px;
	font-weight: bold;
	color:#ff9600;
	margin: 10px 0px 10px 69px;
}

#comments-textarea-box {
	border: 1px solid #161616;
	border-bottom: 0px;
	border-right: 1px solid #6f6f6f;
	width: 650px;
	margin-top: 5px;
}

#comments-textarea {
	height: 96px;
	width: 498px;
	color: #cccccc;
	background-color: #353535;
	border: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 5px;
}

#comments-send-button {
	float: right;
	padding: 0px 13px 6px 0px;
	cursor: pointer;
}



.commentaires-border {
	border: 1px solid #000000;
	width: 678px;
	margin-bottom: 4px;
}
.commentaires-main {
	border: 2px solid #a8a8a8;
	background-color: #ffffff;
	padding: 4px;
}
.commentaires-title {
	background-color: #f1f1f1;
	border: 1px solid #a8a8a8;
	height: 20px;
	padding: 1px;
	color: #b3b3b3;
	font-size: 12px;
}
.commentaires-pseudo {
	background-color: #000000;
	width: 140px;
	float: left;
	color: #c1ff59;
	height: 17px;
	text-align: center;
	padding-top: 3px;
	margin-right: 5px;
	font-size: 11px;
}
.commentaire-pseudo-online {
	float: left;
	padding-top: 2px;
}
.commentaires-date {
	float: left;
	padding-top: 2px;
	margin-left: 5px;
}
.commentaires-note {
	float: right;
}
.commentaires-avatar {
	float: left;
	border: 1px solid #a8a8a8;
	margin-top: 3px;
	font-size: 0px;
}
.commentaires-content {
	float: right;
	width: 599px;
	font-size: 12px;
	color: #454545;
	padding: 11px 0px 6px 0px;
}
.commentaires-avatar img {
	border: 3px solid #ffffff;
}



#news-footer {
	height: 10px;
	background-color:#0d0d0d;
}

.news-header {
	width: 680px;
	height: 6px;
	font-size: 0px;
	background-color: #3A3A3A;
}

.news-div-line {
	height: 17px;
	width: 1px;
	background-color: #191919;
	float: right;
	margin-top: 1px;
}

.news-box-console {
	height: 17px;
	background-color: #191919;
	float: right;
	padding: 6px 16px 0px 16px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}

#file-download-big-box {
	background-color: #B9B9B9;
	padding: 10px 0px 10px 0px;
	margin: 10px -7px -12px -9px;
	text-align: center;
}

#file-download-box-border {
	display: inline-table;
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

#file-download-box {
	display: inline-table;
	text-align: left;
	background-position: right;
	height: 37px;
	padding: 18px 115px 20px 12px;
	background-image: url(../images/bg-dl.jpg);
}
.onglet-chat {
	float: left;
	height: 19px;
	width: 164px;
	background-image: url(../images/onglet-chat.gif);
}
.onglet-pasrater {
	float: left;
	height: 19px;
	width: 164px;
	margin-top: 2px;
	background-image: url(../images/onglet-pasrater.gif);
}
.onglet-continue {
	float: left;
	height: 19px;
	width: 186px;
	margin-top: 8px;
	margin-bottom: 4px;
	background-image: url(../images/onglet-continue.gif);
}

.onglet-close {
	float: left;
	height: 19px;
	width: 22px;
}

.onglet-close-a {
	display: block;
	width: 22px;
	height: 19px;
	background-image: url(../images/onglet-close-hover.gif)
}
.onglet-close-a:hover {
	visibility: visible
}
.onglet-close-a:hover img {
	visibility: hidden
}
.onglet-close-a-bis {
	display: block;
	width: 22px;
	height: 19px;
	background-image: url(../images/onglet-icone-maximise.gif)
}
.onglet-close-a-bis:hover {
	visibility: visible
}
.onglet-close-a-bis:hover img {
	visibility: hidden
}

