/**
 * Feuille de style du thème deus_fullact
 * 
 * @author Fofif
 * @version dev / 24/02/2008
 * @package deus_fullact
 */

/* Généralités */

html {
	background: #18191B url('../images/bg.jpg') no-repeat top center;
}

body {
	font: normal 0.7em Verdana, Arial, serif;
	color: #bb8b7f;
	margin: 0;
	padding: 0;
}

	/* liens */
a {
	color: #df604f;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #ff9460;
}

	/* classes diverses */
.clear {
	clear: both;
}

.reset {
	border: 0;
	margin: 0;
	padding: 0;
}

	/* formulaires */
form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font: normal 1em Verdana, Arial, serif;
	color: #bb8b7f;
	background: #161719;
	border: 1px solid #443635;
	margin-bottom: 2px;
	padding: 3px;
}

input[type=radio] {
	background: none;
	border: none;
}

/* Header */

#header {
	height: 268px;
}

#header h1, #header p {
	display: none;
}

	/* login part */
#login {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#login h2 {
	display: none;
}

#login div.wrapper {
	width: 90%;
	max-width: 1400px;
	margin: auto;
}

#login div.box {
	width: 253px;
	margin: 5px 5px 0;
	float: right;
}

#login div.box .top {
	height: 25px;
	padding: 5px 0 5px 0;
	text-align: center;
}

#login div.box input.submit {
	width: 25px;
	height: 21px;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

#login .top a {
	white-space: nowrap;
}

#login .top strong, #login div.bottom a:hover {
	color: white;
}

#login div.bottom {
	text-align: center;
	padding-left: 140px;
}

#login div.bottom a {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #b6a59b;
}

#login div.skin {
	margin-left: 8px;
}

#login div.skin h3 {
	color: white;
	font-size: 0.8em;
	margin: 0;
	padding: 3px 0;
	float: left;
}

#login ul#skins {
	width: 100px;
	text-align: center;
	font-weight: bold;
	color: #df604f;
	list-style: none;
	margin: 0;
	padding: 3px 0;
	float: left;
	overflow: hidden;
}

#login ul#skins li {
	display: none;
}

#login ul#skins li.selected {
	display: block;
}

div#login a.prev {
	float: left;
}

/* Footer */

#footer {
	height: 130px;
	background: url('../images/footer.jpg') no-repeat top center;
}

#footer div.wrapper {
	width: 90%;
	max-width: 1400px;
	margin: auto;
}

#footer div.wrapper p.nk {
	margin: 45px 0 0 0;
	padding: 35px 0 0 0;
	float: left;
}

#footer div.wrapper p.deus {
	text-align: right;
	margin: 45px 0 0 0;
	padding: 0;
	float: right;
}

#footer div.wrapper p.deus a {
	width: 110px;
	background: url('../images/icones/nkdeus-logo.gif') no-repeat top right;
	padding-top: 35px;
	display: block;
}

#footer div.wrapper p a {
	color: #7c4d40;
}

#footer div.wrapper p a:hover {
	color: white;
}

/* Emballage */

#body {
	width: 90%;
	max-width: 1400px;
	margin: auto;
}

#blocks {
	width: 615px;
	float: left;
}

#body.large div#blocks { /* resize de div#blocks en case du mode large */
	width: 190px;
}

/* Partie gauche */

#gauche {
	width: 190px;
	background: url('../images/blackline.jpg') repeat-y;
	float: left;
}

#gauche div.block {
	width: 175px;
	background: url('../images/g_block_bg.jpg') repeat-y center;
	margin: 0 15px 1em 0;
	overflow: hidden;
}

#gauche div.block h2 {
	height: 33px;
	color: #e5614c;
	background: url('../images/g_block_titre.jpg') no-repeat center top;
	font-size: 1em;
	margin: 0;
	padding: 5px 0 0 10px;
}

#gauche div.block div.content {
	margin: 0 0.5em 0 0.5em;
}

#gauche div.block div.bottom {
	height: 11px;
	background: url('../images/g_block_bas.jpg') no-repeat center;
}

#gauche input {
	max-width: 90%;
}

#droite {
	width: 425px;
	float: left;
}

#droite div.block {
	width: 380px;
	background: black;
	margin-bottom: 10px;
	padding: 0 10px 10px 10px;
}

#droite div.block h2 {
	height: 26px;
	color: white;
	font-size: 1em;
	background: url('../images/block-droit-haut.jpg') no-repeat;
	margin: 0 -10px 0 -10px;
	padding: 5px 0 0 1em;
}

/* Partie droite */

#content {
	background: black;
	border: 1px solid #1b1c1e;
	margin-left: 615px; /* on retire la largeur du block de gauche */
	padding: 0 0 1em 0;
}

#body.large #content {
	margin-left: 190px;
}

#content div.module {
	margin: 1em 0 0.5em 0;
	padding: 0 1em 0 1em;
}

	/* style d'un block module (ex: news) */
#content div.module h2 {
	font-size: 1em;
	color: #e5614c;
	background: url('../images/icones/module-puce.jpg') no-repeat center left;
	margin: 0 0 0.6em 1em;
	padding-left: 0.8em;
}

#content div.module div.content { /* contenu d'une news */
	text-align: justify;
}

#content div.module div.bottom {
	height: 24px;
	background: url('../images/module-bottom-bg.jpg') repeat-x bottom;
	margin: 2em -0.7em 0 -0.7em;
	padding: 5px 0.7em 5px 0.7em;
}

#content div.module div.bottom p.infos {
	margin: 0;
	padding: 0;
	float: left;
}

#content div.module div.bottom p.coms {
	margin: 0;
	padding: 0;
	float: right;
}

#content div.module div.bottom p a { /* liens bottom */
	color: #bb8b7f;
}

#content div.module div.bottom p a span {
	color: #ea7860;
}

#content div.module div.bottom p a:hover span {
	text-decoration: underline;
}

#content div.module div.bottom p strong {
	color: white;
}

	/* style d'un block centre/bas */
#content div.block {
	background: url('../images/icones/dot.jpg') repeat-x bottom;
	margin-top: 1em;
	padding: 1px;
}

#content div.block h2 {
	height: 23px;
	font-size: 1em;
	color: #e5614c;
	background: url('../images/block-centre-haut.jpg');
	margin: 0;
	padding: 10px 0 0 1em;
}

#content div.block div.content {
	padding: 0.5em 1em 0.5em 1em;
}

/* Code pour empecher les commentaires de news de prendre toute la largeur
div#content div.module + div + br + table {
	width: 95%;
	margin: auto;
}
/**/