@CHARSET "UTF-8";
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
img
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {

}
body {
	line-height: 1em;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td, table th
{
	padding: 3px;
	border: 1px solid #999;
}
table th
{
	font-weight: bold;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	color: #00156F;
	padding-left: 5px;
	border-left: 15px solid #CCC;
}

/* GENERAL STYLES */
html
{
	height: 100%;
}	
body
{
	height: 100%;
	margin-left: 0;
	margin-right: 0;
	background-color: #123;
	font-size: 80%;
	line-height: 1.4em;
}
body, div, input
{
	font-family: Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
	
a
{
	color: #008BA0;
	text-decoration: none;
}
a:hover
{
	color: #04B93B;
	text-decoration: none;
}
a:focus {
	outline: dotted 1px black;
}
h1, h2, h3
{
	line-height: 1em;
	font-weight: bold;
}
h1{position:absolute;top:-100px;}
#main h1,#main_nostyle h1{position:static;text-align:center;font-size:1.6em;margin-bottom:2ex;}
h2
{
	margin-bottom: 1ex;
	margin-top: 1.5em;
	font-size: 1.3em;
	clear: both;
}
h3
{
	margin-bottom: 1ex;
	font-size: 1.2em;
}
.error_msg
{
	color: #FF7800;
	font-weight: bold;
}
span.misc
{
	color:#888;
	font-size: 0.85em;
}
/* PAGINATION */
div#overall, div#outer_footer
{
	width: 983px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
div#overall
{
	background-color: #FFF;
	border-left:1px solid #999;
	border-right:1px solid #444;
}
#content
{

}
div#outer_footer
{
	padding:10px;
	width: 963px;
	color: #FFF;
	background-color: #999;
	text-align: center;
	font-size: 1em;
}
div#partenaires
{
	border-top: 1px solid #999;	
}
div#partenaires a
{
	color: #AAA;
}

div#header
{
	position: relative;
	height:150px;
	background: url("/images/interface/ombre_l.gif") repeat-x; 
}
#header h1{top:auto;bottom:46px;right:30px;width:600px;font-size: 29px;text-align:right;font-style: italic;font-weight: normal;font-family: Garamond}
#header a {color:#000}
#logo {position: absolute;top:5px;left:20px}
#menubg1{position:absolute;bottom:18px;left:0;height:18px;width:100%;background-color: #393939}
#menubg2{position:absolute;bottom:0;left:0;height:18px;width:100%;background-color: #151515}

#menu
{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/interface/menu-enbout.png") no-repeat 0 0;
}
div#menu a
{
	display: block;
	float: left;
	height: 28px;
	padding: 8px 14px 0 14px;
	background: url("../images/interface/menu_button_bg.png") no-repeat 0 0;
	text-decoration: none;
	text-align: center;
	font-weight: bolder;
	color: #FFF;
	font-size: 16px;
}
div#menu a:hover
{
	text-decoration: none;
	background: url("../images/interface/menu_button_bg.png") no-repeat 0 -36px;
	color: #008BA0;
}

#top_login
{
	position: absolute;
	bottom: 0;
	right: 20px;
	height: 30px;
	color: #FFF;
	font-size: 13px;
	text-align: center;
}
#top_login input
{
	margin:2px 5px;
	
}
#search_word{width:100px;background-color: #CCC}

div#subheader
{
	background: url("../images/interface/ombre.gif") repeat-x;
	padding: 8px 19px 0 19px;
}

.top_message, .top_error
{
	padding: 10px;
	margin: 5px 20px 0 20px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #080;
	background-color: #DFD;	
}
.top_error
{
	color: #800;
	background-color: #FDD;	
}
div#main, div#main_nostyle, div.submain
{
	float: left;
	width: 623px;
	margin: 10px 20px 20px 19px;
	min-height: 400px;
	background-color: #FFF;
	border: 1px solid #DFDFDF;
}
div.submain
{
	min-height: 100px;
	margin-top: 0px;
}
div#main_nostyle
{
	width: 625px;
	border: none;
	background: none;
}
div#main_content, div.main_content
{
	padding: 10px 10px 10px 10px;
	text-align: justify;
}

div#right_modules
{
	float: right;
	width: 300px;
	margin: 10px 19px 20px 0;
	min-height: 400px;
}
div#main p
{
	/* text-indent: 3ex; */
	margin-top:1em;	
}
div#inner_footer
{
	clear: both;
	text-align: left;
	background-color: #4C4C4C;
	padding-left: 100px;
}

div#nav
{
	padding: 1px 5px;
	background-color: #000;
	color: #EEE;
	border-bottom: 1px solid #000;
	font-size: 0.8em;
}
div#nav a
{
	color: #EEE;
}
div#sub_nav
{
	height: 24px;
	padding-top: 4px;
	background: #FF5000 url("/images/interface/game_subnav_bg2.png") no-repeat 0 0;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 13px;
}
div#sub_nav a
{
	color: #FFF;
	margin: 0px 3px;
}
div#sub_nav a:hover
{
	color: #000;	
}
div#sub_nav .unvalaible
{
	color: #eba98b;
}
	
/* FORMS */
fieldset
{
	
}
label
{
	
}
legend
{
	
}

input
{
	border: 1px solid black;
	font-size: 1em;
	margin: 1px;
}
.inputtext, .inputsubmit, .inputpassword
{
	background-color: #FFF;
}



/*
** Styles
*/


/* sous les h1 */
.subtitle1
{
	text-align: center;
	font-size: 0.9em;
	position: relative;
	top: -1.8em; /* en relation avec le margin-bottom du h1 */
	color: #555;
}
/* Vrai liste */
.main_content ul
{
	list-style-type: none;
}
.main_content ul li
{
	padding-left: 10px;
	margin-left: 5px;
	background: url("/images/interface/puce_orange.gif") no-repeat left 7px;
}
.module_content ul
{
	padding: 0;
	margin-left: 0;
}
.module_content ul li
{
	padding-left: 9px;
	margin-left: 0;
	background: url("/images/interface/puce_orange.gif") no-repeat left 7px;
}
ul.date_list li
{
	padding: 0;
	background: none;
}
ul.support_icon
{
	line-height: 20px;
	list-style-type: none;
}
ul.support_icon li
{
	padding: 0;
	background: none;
}
/* Titre de paragraphe */
#main_content h4
{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.2em;
}

.extlink
{
	background: transparent url("/images/interface/external-small.png") right center no-repeat;
	padding-right:13px;
}
.extlink_small
{
	font-size: 0.8em;
	background: transparent url("/images/interface/external-small.png") right center no-repeat;
	padding-right:13px;
}
.commentlink_small
{
	font-size: 0.8em;
	background: transparent url("/images/interface/comment-small.png") right center no-repeat;
	padding-right:11px;
}
.news_list_text_short
{
	font-size: 0.85em;
	padding-left: 6.5ex;
	margin-bottom: 0.4em;
}
/* 
** Modules
*/
.module, .module2, .module_l
{
	border-bottom: 1px #000B5F solid;
	min-height: 140px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	background: url("/images/interface/block_bg.png") no-repeat 0 0;
}
.module2
{
	border-bottom: 1px #21771f solid;
	background: url("/images/interface/block_bg2.png") no-repeat 0 0;
}
.module_l
{
	border-bottom: 1px #DFDFDF solid;
	background: url("/images/interface/block_bg_l.png") no-repeat 0 0;
}
.module h3, .module2 h3, .double_block h1
{
	width: 290px;
	min-height: 21px;
	padding: 4px 5px 2px 5px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	background: url("/images/interface/block_title_bg.png") bottom center no-repeat;
	line-height: 17px;
	margin-bottom: 0;
}
.module2 h3
{
	background: none;	
}
.module_l h3, .double_block h2
{
	height: 22px;
	padding: 4px 5px 0px 5px;
	margin: 0;
	text-align: center;
	font-size: 15px;
}
.module_l .module_content
{
	background: url("/images/interface/ombre_l.gif") top center repeat-x;	
}
.module_l h3 a
{
	color: #000;
}
	
.module h3 a, .module2 h3 a
{
	color: #FFF;
}
.module_content
{
	width: 280px;
	margin-left: 1px;
	padding: 10px 8px 6px 8px;
	background: url("/images/interface/ombre.gif") top center repeat-x;
	border: 1px solid #FFF;
	overflow: hidden;
}

.module_icon
{
	float: right;
	margin-right: 2px;
}

/* Tableaux */

table.list_table
{
	background-color: #FFF;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.list_table th, table.list_table td
{
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 4px;
	vertical-align: middle;
}

table.list_table th
{
	padding: 4px 6px;
	border-bottom: 1px solid #333;
	background: url("/images/interface/data_table_header.jpg") repeat-x;
	font-weight: bold;
}
table.list_table td
{

}

tr.total td
{
	background-color: #111;
	color: #FFF;
	font-weight: bold;	
}

/* Home page */

.img80
{
	float: left;
	width: 90px;
	height: 90px;
	background-color: #CCC;
	margin: 2px;
	cursor: pointer;
	overflow: hidden;
}
.img80 img
{
	margin-top: 5px;
}
.img80:hover
{
	background-color: #FF5000; 	
}
.img80 a
{
	display:block;
	margin:5px auto 0 auto;
	padding-top:5px;
	width:80px;
	height:75px;
	color:#FFF;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
}
.img80 a span
{
	display: block;
	width: 80px;
}


/*
** News
*/

.news_title h3
{
	font-size: 12px;
	text-align: left;
	margin: 2px 0 2px 0;
	padding: 0;
	line-height: 1.2em;
	white-space: nowrap;
}

.news_focus_over img
{
	float: left;
	border: 1px solid #666;
	margin-right: 5px;
}
.news_focus_over
{
	font-size: 11px;
	margin-bottom: 4px;
	min-height: 87px;
	background-color: #EEE;
}
.list_date
{
	font-size: 0.85em;
	color: #808080;
}
.news_text
{
	padding-right: 4px;
	text-align: justify;
	margin-top: 2px;
	line-height: 1.2em;
}
.news_detail_title
{
	margin-bottom: 2.5ex;
}
.news_detail_title h1
{
	margin-bottom: 0.5ex;
	font-size: 20px;
}
.news_detail_title h1 a
{
	color: #000;
}
.news_detail_title h1 a:hover
{
	color: #04B93B;
}
.news_detail_date
{
	font-style: italic;
	font-size: 0.85em;
	text-align: right;
}
#newsoptions
{
	width: 100%;
}
#newsoptions, #newsoptions td
{
	border: none;
	vertical-align: top;
}

#sociallinks div
{
	float: left;
	width: 82px;
	padding: 0 8px;
	overflow: hidden;
	white-space: nowrap;
}

/*
** News Archives
*/
.news_archive
{
	clear: both;
	margin-left: 5px;
	border-top: 1px solid #D0D0D0;
	padding-bottom: 5px;
}
.news_archive img
{
	margin: 5px;
	border-color: white;
	float:left
}
/* 
** Pages
*/
table.score_table
{
	width:400px;
	margin:5px;
	border-spacing:1px;
}
table.score_table td, table.score_table th
{
	padding:2px;
	text-align: center;
	background-color: #FFF;
}
table.score_table th
{
	font-weight: bold;	
}
.game_list_detailed
{
	width: 100%;
	border: none;
}
.game_list_detailed tr
{
	border: none;
}
.game_list_detailed td
{
	vertical-align: middle;
	border: none;
}
.game_list_detailed tr.c1
{
	background-color:#FFF; 	
}
.game_list_detailed tr.c2
{
	background-color:#F0F0F0; 	
}
.game_list_detailed th
{
	border: 1px solid #D6D6D6;
	background-color: #E4E4E4;
	text-align: center;
}

/* commentaires */
div.comment
{
	margin: 10px 0;
	padding: 8px;
	border: 1px #000B5F solid;
	background-color: #FFF;
	
}
div.comment div.info
{

}
div.comment span.score
{
	font-weight: bold;
}
div.comment span.date
{
	font-style: italic;
	font-size: 0.85em;
}
.author_as
{
	color:#2069AC;	
}
.official
{
	color:#00156F;	
}


.buy_button
{
	width: 24ex;
	margin: 6px;
	margin-left: auto;
	margin-right: auto;
	padding:0.4em;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background-color:#1C1C1C;
}
.buy_button a, .buy_button a:link, .buy_button a:visited
{
	color:#FFF
}
.imgl
{
	float:left;
	margin: 6px 10px 6px 0;
}
.imgr
{
	float:right;
	margin: 6px 0 6px 10px;
}
.imgc
{
	text-align: center;
}

#score_notice
{
	font-size: 0.85em;
	padding: 0 6px 4px 6px;
	color: #333;
	font-style: italic;
}
.clear
{	
	clear: both;
}
.iconmask175{position:absolute;z-index:2;background-image:url('/images/interface/mask_icon175.png');width:175px;height:175px;}
.iconmask80{position:absolute;z-index:2;background-image:url('/images/interface/mask_icon80.png');width:80px;height:80px;}