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

/* Généralités */

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

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

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

a:hover {
	color: #ccac57;
}

	/* 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: #71664a;
	background: #E6E2AF;
	border: 1px solid #2d2c2a;
	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 {
	color: #1c1a17;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#login a {
	color: #1c1a17;
}

#login h2 {
	display: none;
}

#login div.wrapper { /* div pour centrer par rapport au thème */
	width: 90%;
	max-width: 1400px;
	margin: auto;
}

#login div.box { /* div pour englober le block */
	width: 253px;
	margin: 5px 5px 0 0;
	float: right;
}

#login div.box .top { /* partie supérieur du block (formulaire ou infos user) */
	height: 25px;
	padding: 5px 0 5px 0;
	text-align: center;
}

#login div.box input.submit { /* bouton d'envoie du form */
	width: 25px;
	height: 21px;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

#login .top a {
	white-space: nowrap; /* évite le retour à la ligne */
}

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

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

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

		/* zone de sélection d'un skin */
#login div.skin {
	margin-left: 8px;
}

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

#login div.skin ul#skins { /* liste des skins */
	width: 100px;
	text-align: center;
	font-weight: bold;
	color: #1c1a17;
	list-style: none;
	margin: 0;
	padding: 3px 0;
	float: left;
	overflow: hidden;
}

#login div.skin ul#skins li {
	display: none;
}

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

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

/* Footer */

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

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

#footer div.wrapper p.nk {
	width: 50%;
	text-align: right;
	padding: 105px 0 0 0;
	margin: 0;
	float: left;
}

#footer div.wrapper p.nk a {
	margin-right: 50px;
}

#footer div.wrapper p.deus {
	float: left;
	padding: 105px 0 0 20px;
	margin: 0;
}

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

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

/* Emballage */

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

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

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

/* Partie gauche */

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

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

#gauche div.block h2 {
	height: 41px;
	color: #f7d584;
	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: 13px;
	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;
	margin-bottom: 5px;
	padding: 0 10px 10px 10px;
	background-image: url(../images/block-droit-bg.jpg);
	background-repeat: repeat-y;
	background-position: center 31px;
	background-color: black;
}

#droite div.block h2 {
	height: 31px;
	color: #f7d584;
	font-size: 1em;
	background: url('../images/block-droit-haut.jpg') no-repeat;
	margin-top: 0;
	margin-right: -10px;
	margin-bottom: 0;
	margin-left: -10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1em;
}

/* Partie droite */

#content {
	background: #E6E2AF;
	border: 1px solid #1a1918;
	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: #663E10;
	background: url('../images/icones/module-puce.gif') 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: #71664a;
}

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

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

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

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

#content div.block h2 {
	height: 23px;
	font-size: 1em;
	color: #f7d584;
	background: url('../images/block-centre-haut.jpg') no-repeat;
	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;
}
/**/