body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* NEWS */
.news_topbar {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.news_game {
	font-weight: bold;
	color: #333333;
}
.news_author {
	font-weight: bold;
	color: #333333;
}
.news_tag {
	color:#999999;
}
.news_tag a {
	color:#666666;
}
.avatar_commentaire {
	text-align:left;
	float:left;
	border: 1px solid #000000;
}


/* SCORE */
.score_green {

	color: #339900;
}
.score_red {

	color: #CC0000;
}
.score_orange {

	color: #D3A100;
}
.score_gray {

	color: #999999;
}



.BOLD {
	font-weight: bold;
}
.CONTAINER_MID {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.Right_Col_Title {
	font-weight: bold;
	color: #333333;
}
.Right_Col_Ico {
	margin-right: 5px;
}
#container_footer {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Login_input {
	font-size: 10px;
	padding: 2px;
	background-color: #F2F2F2;
	color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.search_input {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	background-color: #F2F2F2;
}
.Login_connect {
	float: right;
	background-color: #F2F2F2;
	color: #333333;
	right: 5px;
	bottom: 0px;
	font-size: 13px;
}


.CONTAINER_RIGHT p {
	margin: 0px 0px 6px;
	padding: 0px;
}
.Right_Linkdump_date {
	font-size: 10px;
	font-weight: bold;
}
h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #575757;
	margin-top: 4px;
	margin-bottom: 4px;
}
h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #575757;
	margin-top: 4px;
	margin-bottom: 4px;
}
h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #666666;
	margin-top: 4px;
	margin-bottom: 4px;
}
h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC9401;
	margin-top: 4px;
	margin-bottom: 4px;
}
h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #575757;
	margin-top: 4px;
	margin-bottom: 6px;
}
h6 {
	font-size: 11px;
	font-weight: bold;
	color: #E9E9E9;
	margin-top: 4px;
	margin-bottom: 12px;
}
#header_left_btm_zone a:link {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
#header_left_btm_zone a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #333333;
	text-decoration: none;
}
#header_left_btm_zone a:visited {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
/* LINKS IN WHITE */
.MID_MODULE_content a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.MID_MODULE_content a:hover {
	font-weight: bold;
	color: #FFF1C1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.MID_MODULE_content a:visited {
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
}
/*"""""""""""""""""""""""""""""""""""""""""""""
 RIGHT COLUMN
"""""""""""""""""""""""""""""""""""""""""""""*/

#Login {
	font-size: 11px;
	position: relative;
}
#containerMenuPerso input, textarea {
	background-color: #FCFCFC;
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}



.Right_Module {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#Right_Linkdump ul, #Perso ul {
	list-style-image: url(../data/icons/white/bullet_orange_tfhq.gif);
	list-style-position: outside;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	line-height: 1.4em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#Right_Linkdump li, #Perso li{
	margin: 0 0 0 2px;
	padding: 0px;
}
#Right_Linkdump {
	text-align: left;
}

/* LINKS IN ORANGE */
.CONTAINER_LEFT a:link, .Right_Module a:link {
	color: #D3A100;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D3A100;
	text-decoration: none;
}
.CONTAINER_LEFT a:hover, .Right_Module a:hover {
	color: #B96F00;
}
.CONTAINER_LEFT a:visited, .Right_Module a:visited {
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-decoration: none;
}
.articles_liste_date {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
}

/* LINKS IN BLACK */
#Right_Linkdump a:link {
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-decoration: none;
}
#Right_Linkdump a:hover {
	color: #000000;
}
#Right_Linkdump a:visited {
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C1C1C1;
	text-decoration: none;
}

/* LINKS IN WHITE */
.dbx-content a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.dbx-content a:hover {
	font-weight: bold;
	color: #FFF1C1;
	text-decoration: underline;
}
.dbx-content a:visited {
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
}
.dbx-content a img {
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

/* usermodif */

.errorred {
	position:relative;
	text-align: center;
	color:#CC0000;
	border-bottom: 1px #990000 solid;
	border-top: 1px #990000 solid;
	padding: 5px 10px 5px 10px;
}

.allok {
	position:relative;
	text-align: center;
	color:#66CC66;
	border-bottom: 1px #009933 solid;
	border-top: 1px #009933 solid;
	padding: 5px 10px 5px 10px;
}

/* fin usermodif */ 

hr {
	border: none;
	background-image: url(/data/layout/separateur_blanc.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* tabs */
/* Tabs
----------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui2-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui2-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui2-tabs-nav, .CONTAINER_RIGHT .ui2-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
 .ui2-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui2-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
	
}
.ui2-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
	
}
.ui2-tabs-nav a, .ui2-tabs-nav a span  {
    display: block;
    padding: 0 10px;
    background: url(/data/layout/tab.png) no-repeat;
	
}
.ui2-tabs-nav a:visited, a:link {
	border:none;
}
.CONTAINER_RIGHT .ui2-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #D3A100;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	border:none;
	text-decoration:none;
	
}
.ui2-tabs-nav .ui2-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
	border:none;
	
}
.ui2-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
	
}
*>.ui2-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
	
}
.ui2-tabs-nav .ui2-tabs-selected a span {
    padding-bottom: 1px;
}
.ui2-tabs-nav .ui2-tabs-selected a, .ui2-tabs-nav a:hover, .ui2-tabs-nav a:focus, .ui2-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui2-tabs-nav a, .ui2-tabs-nav .ui2-tabs-disabled a:hover, .ui2-tabs-nav .ui2-tabs-disabled a:focus, .ui2-tabs-nav .ui2-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui2-tabs-nav .ui2-tabs-selected a span, .ui2-tabs-nav a:hover span, .ui2-tabs-nav a:focus span, .ui2-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui2-tabs-nav a span, .ui2-tabs-nav .ui2-tabs-disabled a:hover span, .ui2-tabs-nav .ui2-tabs-disabled a:focus span, .ui2-tabs-nav .ui2-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui2-tabs-nav .ui2-tabs-selected a:link, .ui2-tabs-nav .ui2-tabs-selected a:visited, .ui2-tabs-nav .ui2-tabs-disabled a:link, .ui2-tabs-nav .ui2-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui2-tabs-nav a:hover, .ui2-tabs-nav a:focus, .ui2-tabs-nav a:active,
.ui2-tabs-nav .ui2-tabs-deselectable a:hover, .ui2-tabs-nav .ui2-tabs-deselectable a:focus, .ui2-tabs-nav .ui2-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui2-tabs-disabled {
    opacity: .4;
}
.ui2-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui2-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui2-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui2-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* fin tabs */

/* ajouté par lionel */
.clanzoom_thumbnail {
	float: right;
	border: 1px solid #999999;
	margin-left:8px;
}


.code_shh {
	display: block;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
	width: 100%;
}

/* sifr */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
		border: none;
	text-decoration: none;

}

.sIFR-flash a {
	visibility: visible !important;
	margin: 0;
		border: none;
	text-decoration: none;
}

.sIFR-replaced {
	visibility: visible !important;
		border: none;
	text-decoration: none;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
		border: none;
	text-decoration: none;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
  	border: none;
	text-decoration: none;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
  font-size: 20pt;
  line-height: 1em;
}

.sIFR-hasFlash h2 {
  font-size: 18pt;
  line-height: 1em;
}

/* box */
.dbx-handle a {
	border-bottom: 1px solid #d3a100;
	color: #00019b;
	text-decoration: none;
}

#ajax-response {
	padding: .5em;
}


/* Box stuff */
.dbx-clone {
	position: absolute;
	visibility: hidden;
}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor: move !important;
}
/* handle cursors */
.dbx-handle-cursor {
	cursor: move;
}

.dbx-group, .dbx-box, .dbx-handle {
	position: relative;
	display: block;
}

#grabit {
	width:165px;
	margin:0px;	
}


/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
	margin: 0;
	padding: 0;
	border: none;
}

/* Can change this */
#moremeta fieldset, #advancedstuff fieldset {
	margin-bottom: 1em;
}
#moremeta fieldset div {
	margin: 2px 0 0 0;
	padding: 0;
}
#moremeta {
	line-height: 130%;
	position: relative;
	right: 0;
	padding: 0;
	width: 165px;
}
#moremeta select {
	width: 100%;
}

.dbx-box-open .dbx-content {
	display: block;
}
.dbx-box-closed .dbx-content {
	display: none;
}

/* handles */
.dbx-handle {
	background: #d3a100;
	padding: 6px 0 2px;
	font-size: 12px;
	margin: 0;
	color: #E3EFF5;
	width:165px;
}






a.dbx-toggle, a.dbx-toggle:visited {
	display: block;
	overflow: hidden;
	background-image: url( ../data/layout/toggle.gif );
	position: absolute;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
}

#moremeta a.dbx-toggle, #moremeta a.dbx-toggle-open:visited {
	height: 25px;
	width: 27px;
	background-position: 0 0;
}

#moremeta a.dbx-toggle-open, #moremeta a.dbx-toggle-open:visited {
	height: 25px;
	width: 27px;
	background-position: 0 -25px;
}

/* additional clone styles */
/*
.dbx-clone {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}
*/
/*"""""""""""""""""""""""""""""""""""""""""""""
 MID COLUMN
"""""""""""""""""""""""""""""""""""""""""""""*/


.MID_heure {
	width: 10px;
	font-weight: normal;
	font-size: 11px;
	color: #FFEFB9;
}
.MID_clan {
	font-weight: bold;
}
.MID_game {
}

.MID_MODULE_content {
}
.MID_MODULE_content a img {
	text-decoration: none;
	border: 1px solid #000000;
}
.MID_MODULE_top {
	margin-bottom: 5px;
}
.MID_MODULE a:link {
	text-decoration: none;
	color: #D19C02;
}
.MID_shoutbox_text {
}
.MID_shoutbox_shout {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
}
.MID_shoutbox_write {
	width: 155px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 40px;
	margin-top: 10px;
	padding: 5px;
	overflow: auto;
	background-image: url(../data/layout/shoutbox_textarea.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.MID_shoutbox_post {
	background-color: #F2BC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 5px;
	padding: 2px;
	border: 1px solid #000000;
}
.MID_shoutbox_postadmin {
	background-color: #990000;
	color:#FFFFFF;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #000000;
}

.potw_thumbnail {
	border: 3px solid #000000;
}
.MID_shoutbox_date {
	color: #FCD069;
}

.CONTAINER_MID ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#CONTAINER_MID_narrow {
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
}
#hotspots {
	margin-top: 35px;
	margin-bottom: 10px;
}

/* lightbox */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}








.Perso_element {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin-top: 3px;
	padding-bottom: 10px;
}



#containerMenuPerso input, textarea {
	background-color: #FCFCFC;
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}

.Right_Module {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#fragment-1  ul, #Perso ul {
	list-style-image: url(/data/icons/white/bullet_orange_tfhq.gif);
	list-style-position: outside;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	line-height: 1.4em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#fragment-1 li, #Perso li {
	margin: 0 0 0 2px;
	padding: 0px;
}
#fragment-1 {
	text-align: left;
}

/* ------- */
#fragment-3  ul, #Perso ul {
	list-style-image: url(/data/icons/white/bullet_orange_tfhq.gif);
	list-style-position: outside;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	line-height: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#fragment-3 li a {
	text-decoration: none;
	border: none;
}

#fragment-3 li, #Perso li {
	margin: 0 0 0 0px;
	padding: 0px;
}


/* admin */
.enligne {
color:#009900 ;
}

.horsligne {
color:#CC0000;
}

.avenir {
color:#9966FF;
}