/*****************************
* debut de la css de la template principale
* projet refonte du site weblsu.fr
* cette page defini les attributs (styles)
* de balises html ou de la mise en page
******************************/

img
{
	border:0px;
}

a
{
	color:#000;
	opacity: 1;
	filter: alpha(opacity=100);
}

/********************************
* Partie concernant l'affichage de donnée
********************************/


/********************************
* Partie concernant la mise en page de la template principale
********************************/

/* encapsulateur*/
body {
font-family:  Verdana, Arial, Helvetica, sans-serif;
background:black;
color:#fff;
text-align:center;
margin-top:auto;
margin-left:0px;
height:50px;


}

#content     
{ 
 background: #yellow;
 position:relative;
 margin-left: auto;
 margin-right: auto;
 margin-top:auto;
 width: 1020px; 
 height:50px;
 visibility: visible; 
 display: block ;
}

/* la partie haute de la page */
#header {
position:absolute;
top:0px;
left:180px;
width:660px;
height:141px;
background-image: url(../design/pictures/newFrameHead.jpg);
background-repeat: no-repeat;
}

/* la map de la banniere */

#header .glory {
	position:absolute; 
	top:125px;
	left:0px;
	width:650px;
	font-family:Arial;
	font-weight:regular;
	font-size:11px;
	text-align: right;
	color:#333366;
}
#header .search{position:absolute; top:110px;left:700px;}
#header .contact{position:absolute; top:110px;left:850px;}

/* le menu */
#menu {
position:absolute;
top:0px;
left:0px;

font-family:Arial;
text-decoration:none;
font-weight:bold;
}

/* morceau ouverte */



#menu .top{
position:absolute;
top:0px;
left:0px;
height:201px;
}



#menu .news{
position:absolute;
top:201px;
left:0px;
z-index:1px;
}

#menu .taverne{
position:absolute;
top:243px;
left:0px;
}

#menu .guilde{
position:absolute;
top:287px;
left:0px;
}

#menu .membres{
position:absolute;
top:332px;
left:0px;
}

#menu .archives{
position:absolute;
top:377px;
left:0px;
}

#menu .liens{
position:absolute;
top:422px;
left:0px;
}

#menu .bottom{
position:absolute;
top:468px;
left:0px;
}



/*la partie centrale de la page, celle qui contiendra l'information*/
#centre {
	position:absolute;
	/*margin-right:215px;*/ /*180*/
	left:185px;
	top:145px;
	/*min-height:295px*/
	font-size:12px;
/*	font-color:white;*/
	/*top:100px;*/
}
#centre p {
text-indent:0px;
text-align:justify;
}

#centre table{ 
font-size:12px
 }

#centre sup{ 
font-size:8px;
}



#newsPanelTxt
{
	position:absolute;
	top:26px;
	left:140px;
	right:50px;
	color:black;
	text-align:justify;
	font-family:arial,courier;
}

#newsPanelIcon
{
	position:absolute;
	top:40px;
	left:50px;
	width:80px;
	heigth:80px;
	overflow: auto;
}


#newsPanelAuthor
{
	position:absolute;
	top:23px;
	left:40px;
	width:100px;
	text-align:center;
	color:black;
	font-weight:bold;
	text-size:16px;
	font-family:arial,courier;
	overflow: auto;
}

#newsPanelComments
{
	position:absolute;
	font-family:arial,courier;
	top:118px;
	left:20px;
	width:550px;	
	text-align:right;
	color:black;
	overflow: auto;
}


#newsPanel
{
	position:absolute;
	width:630px;
	height:155px;
	left:10px;

}


#newsPanelImg
{
	position:absolute;
	left:-14px;
	top:-4px;
	width:630px;
	height:155px;
	z-index:-1px;
}

#membersPanel
{
	position:absolute;
	width:800px;
	height:155px;
	left:10px;
}

#membersPanelImg
{
	position:absolute;
	left:-14px;
	top:-4px;
	height:645;
	z-index:-1px;	
}

#membersPanelTxt
{
	position:absolute;
	top:92px;
	left:42px;
	right:42px;
	bottom:300px;
	height:200px;
	color:black;
	font-stretch:wider;
	font-family:arial,courier;
}

table
{
	overflow: scroll;
	height:300px;
}


td.darkbg
{
	background-image: url(../design/pictures/membersBG.png);
	height:15px;	
	color:#000;
	align:left;
	z-index:-10px;
}

td.lightbg
{
	height:15px;
	color:#000;
	align:left;
}







#rightPanel{
position:absolute;
	left:840px;
    top:0px;
	height:862px;
	border-spacing:0px;
}


/* le bas de page */
#footer {
margin-top:5px;
height: 30px;
}