/* ***************************************************************************** */
/* ******************************* STYLE GENERAL ******************************* */
/* ***************************************************************************** */

* {
	margin: 0;
	padding: 0;
	z-index: 0;
}

html {
	overflow-y: scroll;
	background-color: #000000;
	background-image: url('/images/fond.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding-top: 20px;
}

body, input, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
	
body {
	color: #000000;
	overflow: hidden;
}
#webcontent {
	width:982px;
	margin:auto;
	text-align:center;
}

div {
	overflow: hidden;
}

img, table, input {
	border: 0;
}

p {
	text-align: justify;
}

div, td {
	background-repeat: no-repeat;
}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #C5D4CC;
}


/* h1 : pour les titres d'articles */
/* h3 : pour les titres de zones de contenu */
/* pour les titres de zones de contenu */
h1, h3 {
	font-size: 14px;
	line-height: 26px;
	vertical-align: middle;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	text-align: left;
}

h1 img {
	/* image de la console dans l'en-tête du bloc */
	vertical-align: top;
}

/* pour les titres de paragraphes */
h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
}

/* pour les sous-titres divers (les-plus, les-moins) */
h4 {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

/* pour les commentaires */
h5, .comment {
	display: inline-block;
	font-style: italic;
	font-size: 10px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

input {
	font-size: 12px;
	margin-left: 2px;
	margin-bottom: 2px;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	background-image: url('/images/titre-bg.gif');
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 2px 0px;
	overflow: visible;
	-moz-border-radius: 4px;
}

/* ***************************************************************************** */
/* ********************************** TEMPLATE ********************************* */
/* ***************************************************************************** */

#header {
	width: 982px;
	height: 150px;
	background-image: url('/images/header-bg.gif');
	background-repeat: repeat;
}

#header-left {
	height: 150px;
	padding-left: 13px;
	background-image: url('/images/header-left.gif');
	background-position: left top;
}

#header-right {
	height: 150px;
	line-height: 150px;
	background-image: url('/images/header-right.gif');
	background-position: right top;
}

#header-logo {
	float: left;
	margin: 10px;
}

#header-banner {
	float: right;
	width: 750px;
	height: 90px;
	padding: 10px 20px 10px 0px;
	text-align: right;
}

#header-boutons {
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	float: right;
	height: 25px;
	padding-top: 14px;
	margin-right: 18px;
	overflow: visible;
}

#bouton-actif {
	border-bottom: 1px solid #3A3A3A;
}

#header-boutons li {
	list-style-type: none;
	float: left;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	background-image: url('/images/menu-left.gif');
	background-position: left top;
}

#header-boutons li a {
	text-decoration: none;
}

#header-boutons li span {
	line-height: 25px;
	display: block;
	vertical-align: bottom;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url('/images/menu-right.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#content-left {
	text-align: left;
	width: 982px;
	background-image: url('/images/content-border.gif');
	background-repeat: repeat-y;
	background-color: #3A3A3A;
}

#content-right {
	background-image: url('/images/content-border.gif');
	background-repeat: repeat-y;
	background-position: right;
}

#content-bottom {
	background-image: url('/images/content-border.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

#content-bottom-left {
	background-image: url('/images/content-bottom-left.gif');
	background-position: bottom left;
}

#content-bottom-right {
	background-image: url('/images/content-bottom-right.gif');
	background-position: bottom right;
	padding: 15px;
}


#content-col1 {
	float: left;
	width: 632px;
	padding: 3px;
}

#content-col1 p {
	margin-bottom: 10px;
}
#content-col1 p:last-child {
	margin-bottom: 0px;
}

#content-col2 {
	float: right;
	width: 302px;
	padding: 3px;
}

#infos-legales {
	font-size: 12px;
	color: #CCCCCC;
	clear: both;
	width: 980px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}

#infos-legales img {
	vertical-align: middle;
}

#user-area {
	height: 150px;
	padding: 0px;
}

#user-area h3 {
	padding: 0px 5px 0px 5px;
	margin-bottom: 0px;
}

#user-area-inner, #user-area2-inner {
	padding: 0px 5px 5px 5px;
	margin-top: 5px;
}
#user-area-inner p, #user-area2-inner p {
	line-height: 30px;
}

#user-area-loader {
	position: absolute;
	width: 300px;
	height: 126px;
	background-color: #3F3F3F;
	z-index: 8;
	text-align: center;
}
#user-area-loader img {
	margin-top: 10px;
}

#user-area p {
	text-align: center;
}
#user-area p img {
	margin: 0px 2px 0px 2px;
}

#box-mini-favoris {
	float: right;
	line-height: 60px;
	padding-bottom: 5px;
}
#box-mini-favoris img {
	margin-left: 3px;
	vertical-align: bottom;
}

#user-area2-loader {
	position: absolute;
	margin: 26px 0px 0px -5px;
	width: 100%;
	height: 100%;
	background-color: #3F3F3F;
	z-index: 18;
	text-align: center;
}

#user-area2-loader img {
	margin-top: 30px;
}

#box-favoris {
	height: 350px;
	overflow-y: auto;
}
#box-favoris li {
	white-space: nowrap;
	z-index: 6;
}
#box-favoris li img {
	float: right;
	z-index: 7;
	background-color: #FFFFFF;
}

#loginform input, #loginform2 input {
	margin: 0px 0px 5px 0px;
}

#loginform dt, #loginform2 dt {
	float: left;
	width: 30%;
}

#loginform dd, #loginform2 dd {
	float: left;
	width: 70%;
}

#loginform input[type="text"], #loginform input[type="password"], #loginform2 input[type="text"], #loginform2 input[type="password"] {
	width: 150px;
}


/* ***************************************************************************** */
/* ****************************** BANNIERES DE PUB ***************************** */
/* ***************************************************************************** */

#bannertop {
	float: left;
	width: 798px;
	height: 110px;
	display: table;
}

#alaune, #concours, #skyscraper {
	background-image: url('/images/titre-bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #00CD18;
	padding: 0px;
	margin-bottom: 5px;
}

#content-col2a {
	float: left;
	width: 138px;
}

#content-col2b {
	float: right;
	width: 138px;
}

#concours {
	float: right;
	width: 148px;
	height: 327px;
}

#alaune {
	height: 277px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

#alaune h3, #concours h3, #skyscraper h3 {
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

/* ***************************************************************************** */
/* ***************************** MESSAGES D'ERREURS **************************** */
/* ***************************************************************************** */

#errorMessages {
	background-color: #FF3110;
	border: 1px solid #552222;
	padding: 5px;
	margin-bottom: 10px;	
}
#errorMessages ul {
	margin-left: 15px;
}
#warningMessages {
	background-color: #FFB82E;
	border: 1px solid #966B0E;
	padding: 5px;
	margin-bottom: 10px;	
}
#warningMessages ul {
	margin-left: 15px;
}
#confirmMessages {
	background-color: #1DEF61;
	border: 1px solid #17BF1E;
	padding: 5px;
	margin-bottom: 10px;	
}
#confirmMessages ul {
	margin-left: 15px;
}

/* ***************************************************************************** */
/* ***************************** ELEMENTS COURANTS ***************************** */
/* ***************************************************************************** */

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac */
* html #clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

div .listconsoles {
	padding-bottom: 10px;
}

.listconsoles {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

#ciblecontenu li {
	margin-left: 15px;
}

#ciblecontenu a:link {
	color: #000000;
}
#ciblecontenu a:visited {
	color: #666666;
}
#ciblecontenu a:hover {
	color: #CCCCCC;
}

#boxListeArticles li, #boxConsoles li {
	list-style-type: none;
}
#boxListeArticles li img, #boxConsoles li img {
	margin-right: 5px;
}

#signature {
	text-align: right;
	font-weight: bold;
}

.invertedInput {
	background-color: #26436D;
	color: #CCCCCC;
}

.bouton-precedent {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url('/images/arrowleft.gif');
}
.bouton-suite {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url('/images/arrow.gif');
}

#texte_introduction {
	border: 1px solid #5F5F5F;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}
#texte_conclusion {
	border: 1px solid #5F5F5F;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

.box-titre {
	background-color: #B5B5B5;
	background-image: url('/images/titre-bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #00CD18;
	padding: 0px 5px 5px 5px;
	margin-bottom: 5px;
	-moz-border-radius: 8px;
}

.box-sous-titre {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 5px;
	background-image: url('/images/titre-bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #00CD18;
	-moz-border-radius: 6px;
}

#image-titre {
	text-align: center;
	margin-bottom: 5px;
}

#box-article {
	float: left;
	width: 477px;
}

#box-images {
	float: right;
	width: 130px;
	text-align: center;
}
#box-images li {
	list-style-type: none;
	margin-bottom: 2px;
}

#box-liste {
	float: left;
	width: 457px;
}

#box-consoles {
	float: right;
	width: 150px;
}

#box-consoles ul {
	margin-bottom: 10px;
}

#box-consoles li {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
}

#box-consoles a {
	display: block;
}

#box-consoles img {
	margin: 0px 5px 3px 0px;
	vertical-align: middle;
}

#form-note p {
	text-align: center;
}
#form-note h5 {
	padding-bottom: 10px;
}

#pagination {
	padding-top: 10px;
}
#pagination a {
	font-size: 10px;
}
#pagination img {
	vertical-align: middle;
}
#pages-current {
	background-color:#00CD18;
	border:	1px solid #000000;
	display: inline-block;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	text-align: center;
}

.overthumb {
	text-decoration: none;
}
.overthumb:hover img {
	border: 1px solid #00CD18;
}
.overthumb img, .thumb-left, #imagetitre {
	border: 1px solid #000000;
}
.thumb-left {
	float: left;
	margin-right: 5px;
}

.short {
	margin: 0px 5px 5px 0px;
	vertical-align: middle;
}

.nopic { /* image manquante, texte alternatif */
	font-size: 10px;
	padding: 2px;
	width: 96px;
	height: 118px;
}

.mini {
	font-size: 10px;
	text-align: center;
}

/* ********************* scroller ********************* */
.scroller_deroulant {
	overflow: hidden;
	position: relative;
	min-height: 16px;
}

/* ***************************************************************************** */
/* ****************************** FICHE TECHNIQUE ****************************** */
/* ***************************************************************************** */
#box-technique {
	height: 350px;
	padding: 0px;
	margin-bottom: 5px;
}

.box-user-action {
	float: right;
	width: 180px;
}
.user-action {
	text-align: center;
	margin-left: 107px;
	border: 1px solid #5F5F5F;
	padding: 2px;
	text-align: center;
}
.user-action img {
	vertical-align: middle;
	margin: 0px 3px 0px 3px;
}
.box-user-action .user-action {
	/* surcharge (box-user-action présent uniquement sur page de résumé du jeu) */
	margin-left: 0;
}

#fichetech-header {
	background-image: url('/images/pixel.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 12px;
	height: 22px;
	width: 302px;
}

#fichetech-header li {
	list-style-type: none;
	float: left;
	text-align: center;
	margin-right: 2px;
	background-position: left top;
}

#fichetech-header li a {
	text-decoration: none;
}

#fichetech-header li span {
	line-height: 22px;
	display: block;
	vertical-align: bottom;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right top;
}

.minibouton-inactif {
	background-image: url('/images/minimenu-left.gif');
	margin-bottom: 2px;
}
.minibouton-inactif span {
	background-image: url('/images/minimenu-right.gif');
}

.minibouton-actif {
	background-image: url('/images/minimenu-left2.gif');
}
.minibouton-actif span {
	background-image: url('/images/minimenu-right2.gif');
	color: #000000;
}

#fichetech-content {
	height: 327px;
	background-color: #B5B5B5;
	border: 1px solid #00CD18;
	border-top: 0px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}

#fichetech-content div {
	padding: 5px;
	width: 290px;
	height: 317px;
	position: absolute;
}

.list-infos-jeu {
	
}
.list-infos-jeu dl {
	clear: both;
	line-height: 16px;
}
.list-infos-jeu dt {
	clear: left;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	margin-top: 2px;
}
.list-infos-jeu dd {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 2px;
}

#p-console {
	margin-bottom: 30px;
	text-align: left;
}

#fichetech-layer2, #fichetech-layer4 {
	overflow-y: auto;
}

#fichetech-layer4 li {
	margin-left: 15px;
}

/* ********************* infos (liste d'articles) ********************* */
td.headinfos {
	text-align: center;
	width: 28px;
}
td.infos {
	text-align: center;
	font-size: 9px;
	width: 28px;
	white-space: nowrap;
}
.listednames {
	text-decoration: none;
	display: block;
	background-image: url('/images/list-bg.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
}
.listednames img {
	vertical-align: middle;
	margin-right: 5px;
}
.listednames:hover {
	background-image: url('/images/list-bg2.gif');
}

/* ***************************************************************************** */
/* *************************** 	ELEMENTS SITE + FORUM ************************** */
/* ***************************************************************************** */
#user-area {
	font-size: 12px;
}


#header-boutons a:link, #header-boutons a:visited
, #infos-legales a:link, #infos-legales a:visited
, #fichetech-header a:link, #fichetech-header a:visited {
	color: #FFFFFF;
}

#header-boutons a:hover, #infos-legales a:hover {
	color: #666666;
}

#infos-legales a {
	text-decoration: underline;
}

#logotitre {
	float: left;
	padding: 20px 0px 5px 0px;
}

#box-search {
	float: right;
	padding-bottom: 5px;
	margin-left: 5px;
	line-height: 60px;
	margin-right: 22px;
}

#box-search input {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	-moz-border-radius: 4px;
}

input[type="text"], input[type="password"] {
	padding: 2px;
	border: 1px solid #5F5F5F;
	-moz-border-radius: 3px;
}

#box-search input[type="text"] {
	width: 150px;
	border: 1px solid #00CD18;
	padding: 0px;
}

#box-search input[type="submit"] {
	padding: 0px 2px 0px 2px;
}

#advancedsearch-button {
	line-height: 20px;
	text-align: right;
	padding-right: 33px;
	font-size: 10px;
}
#advancedsearch-button a:link, #advancedsearch-button a:visited {
	color: #B5B5B5;
	text-decoration: none;
}
#advancedsearch-button a:hover {
	color: #C5D4CC;
	text-decoration: underline;
}

.newaccount-button:link, .newaccount-button:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
.newaccount-button:hover {
	color: #C5D4CC;
}

#index-forum {
	height: 322px;
}
#lastmessages {
	height: 290px;
}

#index-forum li {
	margin-left: 15px;
	margin-bottom: 5px;
}