/*RESET v1.0 | 20080212 */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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before,blockquote:after,q:before, q:after {content:'';/*content: none;*/}/* remember to define focus styles! */:focus {outline:0;}/* remember to highlight inserts somehow! */ins {text-decoration:none;}del {text-decoration:line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse:collapse;border-spacing:0;}
body 
{
	background: #000 url(/images/header_bg_m.jpg) 0 20px no-repeat;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:12px;
	color: #fff;
	margin: 0;
	padding: 0;
}
a{color:#4397e0;text-decoration:none;}
a:hover{color:#db7816;}
img{border:0;}

/*
 * PAGINATION
 */
.paginationControl {
	text-align: center;
	margin:20px; 0;
}

/*
 * 	SLIDER
*/

#slider { 
	position:absolute;
	width: 745px;
	height:250px;
	top:77px;
	left: 23px;
	overflow: hidden;
}
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover { 
	width: 5960px;
	position: relative;
}

.slide { 
	width: 745px; 
	height:230px;
	float: left;
	position: relative; 
	overflow: hidden;
}
.slide h1 { font-size: 13px; margin-top: 40px; text-align: center; }
.slide p {  }
.slide img { 
	position: absolute;
}
#slider-stopper	{ 
	position: absolute;
	top: 0px; 
	right: 0px;
	background: #ac0000; 
	color: white;
	padding: 3px 8px; 
	font-size: 10px;
	text-transform: uppercase; 
	z-index: 1000; }

/*********************
    LAYOUT
**********************/
#wrap
{
    width: 1000px;
    min-width:1000px;
    max-width:100px;
	margin: auto;	
	text-align: left;
	min-height:400px;
	position:relative;
	padding:0 50px;
}
#wrap_forum
{
    width: 1000px;
    min-width:1000px;
    max-width:100px;
	margin: auto;	
	text-align: left;
	min-height:400px;
	position:relative;
	padding:0 50px;
}

#header
{
    width:931px;
    height:189px;
    clear:both;
    position:relative;
    background: transparent url(/images/header_bg.jpg) center top no-repeat;
}
#body.insite
{
    background: transparent url(/images/main_centre_bg.jpg) 0 0 no-repeat;
    width:943px;   
    margin:90px auto; 
    min-height:653px;   
    padding:90px 0 0 0;    
}
#repeat_body_bg.insite
{
    background: transparent url(/images/main_centre_bg_m.jpg) 0 0 repeat-y;
    width:931px;
}
#footer
{
    position:relative;
    width:903px;
    height:150px;
    clear:both;
    background: transparent url(/images/footer_bg.jpg) 0 0 no-repeat;
}

#footer.insite
{
    width:943px;
    height:21px;
    clear:both;
    margin: 0 auto 20px 0;	
    background: transparent url(/images/main_centre_bg_footer.jpg) 0 0 no-repeat;
}

#logo
{
    position:relative;
}
#logo h1
{
    display:none;
}
#loginPanel
{
    position:absolute;
    top:20px;
    right:100px;
    width:250px;
}

#menu
{
    position:absolute;
    clear:both;
    display:block;
    top:131px;
    left:33px;
    width:822px;
    height:30px;
    line-height:28px;
}

#content
{
    clear:both;
    background: transparent url(/images/centre_bg.jpg) 0 0 no-repeat;
    width:903px;
    height:576px;
    position:relative;
}
#spotlight
{
    background: transparent url(/images/spotlight_header.jpg) 0 0 no-repeat;
    width: 824px;
    height:353px;
    margin-left:30px;
    clear:both;
    position:relative;
}

/**** Main Link ****/
#logo a{display:block;width:500px;height:80px;position:absolute;top:25px;left:40px;}
/**** Login Panel ****/
#connectForm {height:80px;}
#connectForm label{display:inline;font-size:11px;}
#connectForm .input_field{width:200px;position:absolute;}
#connectForm .remember {position:absolute;left:5px;top:35px;width:auto;}
#connectForm .checkbox{float:none;}
#connectForm input{margin:0 0 5px 0; height:12px;line-height:8px;font-size:10px;background-color:#041220;float:right;border:0;color:#fff;}
#connectForm p{clear:both}

#connectForm .submit{right:-10px;top:5px;width:auto;position:absolute;}
#connectForm .submit input{height:25px;border:1px solid #09f;background-color:#000;margin:0 20px 0 0;}

#login{position:absolute;top:0px;left:80px;width:100px;}
#pwd{position:absolute;top:15px;left:80px;width:100px;}

#login_tool{position:absolute;top:55px;left:5px;font-size:10px;}

#login p{width:100%;}

#avatar_login_box {
	float: right;
	margin-top: -5px;
	margin-right: 7px;
	width: 60px;
	border: 1px gray solid;
}

/**** NEWS ****/
#newsNsFrance, #newsNs2, #newsClans, #newsLadder
{
    position:absolute;
    display:block;
    width:280px;
    top:125px;
    left:166px;
    clear:left;
}
#newsNs2{left:500px;clear:none;} #newsClans{top:385px;} #newsLadder{left:500px;top:385px;clear:none;}
#content.news li{width:100%;clear:both;position:relative}
#content.news span.date{color:#fff;position:absolute;left:0px;display:block;}
#content.news span.newslink{position:relative;left:70px;display:block;}

#newsNsFrance ul, #newsNs2 ul, #newsClans ul, #newsLadder ul{position:relative;top:15px;}

#lastCreation
{
    position:absolute;
    display:block;
    width:600px;
    top:0px;
    left:172px;
	    clear:left;

}
#lastCreation h2{text-align:center;margin:10px 0;}
#lastCreation ul#crealeft{position:absolute;left:0px;width:290px;top:40px;}
#lastCreation ul#crearight{right:0px;position:absolute;width:290px;top:40px;}

/*** TV et Holo ***/
#tv
{
    width:335px;
    height:258px;
    overflow:hidden;
    position:absolute;
    display:block;
    top:64px;
    left:11px;
}

#tv #hoverCache{background: transparent url(/images/tv.png) 0 0 no-repeat;z-index:9999;width:100%;height:100%;position:absolute;}
#tv #tvPicture{position:absolute;top:11px;left:11px;}

#holo
{
    overflow:hidden;
    position:absolute;
    display:block;
    top:80px;
    left:380px;
    width:415px;
    height:200px;
    overflow:hidden
}

/**** MENU ****/
#menu{width:931px;}
#menu ul{display:inline;position:absolute;}
#menu li{width:auto;display:inline;}
#menu ul li a span{display:none;}
#menu ul li a{display:block;height:37px;margin:0 0 0 1px;width:}
#menu ul li a:hover,#menu ul li a.selected{background-position:0 -37px;}

#accueil{width:99px;background: transparent url(/images/accueil.jpg) 0 0 no-repeat;float:left;}
#naturalselection{width:200px;background: transparent url(/images/ns.jpg) 0 0 no-repeat;float:left;}
#communaute{width:157px;background: transparent url(/images/communaute.jpg) 0 0 no-repeat;float:left;}
#nsaca{width:98px;background: transparent url(/images/nsaca.jpg) 0 0 no-repeat;float:left;}
#competition{width:159px;background: transparent url(/images/competition.jpg) 0 0 no-repeat;float:left;}
#forum{width:106px;background: transparent url(/images/forum.jpg) 0 0 no-repeat;float:left;}

/**** SUB MENU ****/
#menu ul#submenu{display:inline;position:absolute;left:90px;top:32px;}
#menu ul#submenu li{width:auto;display:inline;}
#menu  ul#submenu li a{color:#fff;margin:0 140px 0 0px;display:inline;}

/**** CADRE CENTRE MAIN CONTENT ****/
.center_content_block{border:3px groove #18588f;text-align:justify;padding:2px;width:660px;margin:0 auto 20px auto;}
.center_content_block_padding{padding:0 0 5px 0;background-color:#082b47;}
.center_content_block h2{width:100%;height:30px;line-height:28px;text-indent:15px;}
.center_content_block .comment{float:right;margin:0 15px;width:auto;}
.center_content_block .content{background-color:#04121f;padding:40px 20px;overflow:auto;}

/*Firefox Hack*/
.center_content_block h2{position:relative;}
.center_content_block .comment{position:absolute;right:0px;}


/**** COMMENT HACK ****/ /* ici .comment est coller les class sont combinerce n'est pas le lien comment d'une news, mais les comments de la news faut se plaindre � ceux qui change d'avis tt les 10s */
.center_content_block.comment{width:420px;}
.center_content_block.comment .content{padding:20px 15px;}

/**** DUMMMIES***/
.t_center{text-align:center;}
.t_right{text-align:right;}
.t_justify{text-align:justify;}
.clear{clear:both;}
.clearleft{clear:left;}
.left{float:left;width:inherit;}
.right{float:right;width:inherit;}
.none{float:none;width:inherit;}
.dnone{display:none;}
.nomargin{margin:0;}
.nopadding{padding:0;}
.strong{font-weight:700;}
.nobold{font-weight:400;}
.center{margin:0 auto;}