body {
	font: 70%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(./images/bg.jpg);
	background-attachment:fixed;
	/**background: #fcfbea;**/
	margin-top: 1px;
	padding: 0px;
}

select,input,textarea { border: solid 1px #00BAFE; background: url("./images/background_blue.jpg"); font-size: 11px; font-family: Verdana;   }

.select input { border: solid 1px #000000; background: none; }

TABLE{
border-collapse: collapse;
}

a, strong a {
	color: #027fbe;
	text-decoration:none;
	outline: none;
}
a:link {
	color:#027fbe;
	text-decoration:none;
}
a:visited {
	color: #027fbe;
	text-decoration: none;
}
a:hover {
	color: #0901EF;
	text-decoration: none;
}
img {
	margin: 0px 0px 5px;
	border: none;
}
p {
	margin: 0px 0px 12px;
}
h1 {
	margin:0px;
	padding-left: 385px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #027fbe;
}
h1 a{
	display:block;
	height: 50px;
	width: 280px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h2 {
	margin: 0px 0px 2px;
	color: #027fbe;
	font: normal "Trebuchet MS", Arial, sans-serif;
	padding-bottom: 2px;
	
}
h2 a, h2 a:visited {
	color: #779d03;
	text-decoration: none;
}
h2 a:hover {
	color: #ff9900;
	text-decoration: none;
}
h3 {
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	color:#027fbe;
	text-transform:none;
	letter-spacing: 0px;
	padding-bottom: 3px;
}

form {
	margin:0px;
	padding:0px;
}
hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}
#body {
	background-color: #FEF9E8;
	width: 835px;
	margin: 0px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}

#supheader{
	/*background: url(./images/Flyff_logo_original.jpg);*/
	
}

/* header area */
#header {
	background: url(./images/header.png) no-repeat;
	width: 835px;
	height: 140px;
	position: relative;
	border-left: 1px solid #C0C0C0; 
	border-right: 1px solid #C0C0C0; 
	/*border-bottom: 1px solid #000000;*/
	margin: 0px auto;
}

/* content area */

#content {
font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	width: 625px;
	padding-top: 10px;
	padding-left: 1px;
}
.entry {
	clear:both;
	padding-top: 10px;
	padding-bottom: 15px;
}

.iddate {
	padding:0px 5px 11px 50px;
	background: url(./images/barre-bleue.png) no-repeat top right;
	font: bold 11px "Trebuchet MS", Tahoma, Arial;
}
.iddate a:hover {
text-decoration:underline;
}

#iddate_box{
	padding-top:5px;
	text-align:right;
}

/*****************************************************************************************************************/
.imagehistoire{
float:left;
}

.float_right{
float:right;
}


/**CODE **/
code {
	font: 9.5pt "Trebuchet MS";
	margin: 1px 0px;
	padding: 5px;
	margin-bottom: 2px;
	display:block;
	border-bottom: 1px dashed #818181;
	/*border: 1px dashed #818181;*/
}
.blue {
	background-color: #f0f9ff;
}
.orange {
	background-color: #fcfbea;
}
/**FIN CODE **/

/********************************************************************/
/*============== TABLEAU PRESENTATION (VERT CLAIR) ==============*/
/********************************************************************/
#tab{
    border: #91c698 1px solid;
	background-color: #effff1;
	text-align:center;
	border-collapse:collapse;
}
#tab tr {	border-bottom:#91c698 1px solid;}
#tab tr:hover { background-color: #dcfaff;}
#tab td {padding:5px;}

#tab_monstre{
	padding-left: 5px;
    border: #91c698 1px solid;
	background-color: #effff1;
}
#tab_monstre th {	text-align:left;}
#tab_monstre tr {	border-bottom:#91c698 1px solid;}
#tab_monstre tr:hover { background-color: #dcfaff;}

/************* TABLEAU RECORD **********/

.tab_record table {
border: 1px solid #008431;
border-collapse: collapse;
}

.tab_record a { color:#000;}

.tab_record th { 
color:#008431; 
border: thin solid #008431;
}

.tab_record td[class=nomRecord] {
color:#027fbe;
}

.tab_record td {
font-family: sans-serif;
border: thin solid #008431;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
/************* FIN TABLEAU RECORD **********/

/** TABLEAU QUETES **/
.pres_quete { width:90%; text-align:center; margin:3px;}
.pres_quete th { color:#027fbe; border:1px solid silver;}
.pres_quete td {color:#AC3C56; border:1px solid silver;padding-left:3px;}
.pres_quete a:hover {text-decoration:underline;}
/** FIN TABLEAU QUETES **/

/*sidebar */
#menu {
	background-image: url(./images/menu2.png);
	 background-repeat: no-repeat;
	margin-top: 50px;
	background-color: #FEF9E8;
	float: left;
	width: 160px;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#menu h2 {
	margin: 0px 0px 2px;
	color: #027fbe;
	border-bottom: 1px dashed #CCCCCC;
	font: normal 170%/100% "Trebuchet MS", Arial, sans-serif;
	padding-bottom: 2px;
}
#menu a {
	color: #333333; 
}
#menu a:visited {
	color: #333333; 
}
#menu a:hover {
	color: #027fbe; 
}

.menu-list {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	margin: 0px 15px 15px; 
	padding-top: 0px; 
	list-style-type: none
	
}
.menu-list li{
	padding-right: 6px;
	display: block;
	padding-left: 20px;
	/**border-bottom: 1px dashed #CCCCCC;**/
	font: normal 130%/100% "Tempus Sans ITC";
	background: url(./images/random-menu/pierre-lunaire.gif) no-repeat left center;
	padding-top: 3px;
	padding-bottom: 0.8px;
	line-height: 165%;
	list-style-type: none
}

/* footer area */

#copyright {
	margin: 0px auto;
	width: 835px;
	color: #000000;
	font-size: 90%;
	padding-top: 1px;
	padding-bottom: 15px
}
#copyright a{
	color: #027fbe;
	text-decoration:none;
	outline: none;
}
#copyright a:visited {
	color: #027fbe;
	text-decoration: none;
}
#copyright a:hover {
	color: #027fbe;
	text-decoration: none;
}
.copyalignleft {
	float: left;
	padding-left: 5px;
}
.copyalignright {
	padding-right: 5px;
	float: right;
}

/** tableaux accessoires equipements **/

#voirTAB table {
border: 1px solid #6495ed;
border-collapse: collapse;
width: 50%;
}
#voirTAB td[class="TITRE"] {
font-family: sans-serif;
font-weight: bold;
border: thin solid #6495ed;
color:blue;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
#voirTAB td {
font-family: sans-serif;
border: thin solid #6495ed;
padding: 10px;
text-align: center;
background-color: #ffffff;
}

/** fin tableaux accessoires equipements **/

/**BOUTON TELECHARGER ET JOUER A FLYFF**/

a.ovalbutton{
background: transparent url('./images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 15px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('./images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/**FIN BOUTON**/