body
{
	margin: 15px 0;
	background-color: #464646;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
}

.search{float:left; margin-top:1px;}
.search #s{border:none;background-image:url(hab/search_bar.png);width:135px;height:25px;background-color:transparent;padding-left:10px;padding-right:10px;color:#868686;font-size:11px;float:left; }
.search #searchsubmit{cursor:pointer;border:none;background-image:url(hab/search_submit.png);width:26px;z-index:10000;height:24px;background-color:transparent;float:left; margin-top:3px;}
.search #searchsubmit:hover{cursor:pointer;border:none;background-image:url(hab/search_submit.png);}

#haut
{
	background-image: url('../img/design/design6/ban.png');
	height: 160px;
	width: 1024px;
	margin: auto;
	border-radius: 12px 12px 0 0;
}

#barre
{
	background-image: url('../img/design/design6/barre.png');
	height: 34px;
	width: 1024px;
	margin: auto;
	padding: 0;
	border-bottom: 1px solid #676767;
}

.barremap{
margin:0 3px;
padding-top: 5px
}

.barremap a{
float:left;
height:19px;
}

#barre a{
margin:0 4px;
margin-top:1px;
}

.barremap #accueil{
background:url(../img/barre.png) no-repeat 0 2px;
width:100px;
margin-left:25px;
margin-right:10px;
}

.barremap #downloads{
background:url(../img/barre.png) no-repeat -174px 2px;
width:238px;
margin-right:10px;
}

.barremap #staff{
background:url(../img/barre.png) no-repeat -414px 2px;
width:89px;
margin-right:10px;
}

.barremap #forum{
background:url(../img/barre.png) no-repeat -505px 2px;
width:86px;
}

.barremap #accueil:hover{
background-position:0 bottom;
}

.barremap #news:hover{
background-position:-102px bottom;
}

.barremap #downloads:hover{
background-position:-174px bottom;
}

.barremap #staff:hover{
background-position:-414px bottom;
}

.barremap #forum:hover{
background-position:-505px bottom;
}

#barre ul
{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 2px;
	width: 1024px;
	margin: 0;
}

#barre li
{
	display: inline;
	margin: 0 11px 0 3px;
}

#corps
{
	width: 1024px;
	background-color: white;
	margin: auto;
}

#menu
{
	float: left;
	background-repeat: no-repeat;
	width: 180px;
}

#menu_text
{
	background-image: url('../img/design/design6/menu.jpg');
	text-align: center;
	padding-top: 10px;
}

#menu h1
{
	background-image: url('../img/design/design6/menu_part.jpg');
	padding: 5px;
	margin-bottom: 5px;
	color: #408080;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}

#menu ul
{
	list-style-type: none;
	padding: 0;
	margin: 10px 0 15px 0;
}

#menu a
{
	color: #464646;
	font-family: Arial;
	font-size: 12px;
	line-height: 19px; 
	text-decoration: none;
}

#menu a:hover
{
	color: #400080;
}

#menu_bas
{
	background-image: url('../img/design/design6/menu_bas.png');
	height: 21px;
	width: 180px;
}

#page
{
	margin-left: 195px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	min-height:1900px;
}

#bas
{
	background-image: url('../img/design/design6/bas.png');
	height: 112px;
	width: 1024px;
	margin: auto;
}

#page h1 {
	padding-top: 10px;
	padding-bottom: 3px;
	font-family: Verdana;
	color: #323232;
	font-size: 13px;
	font-weight: bold;
}

#page h2 {
	font-family: Trebuchet MS, Tahoma;
	font-size: 13px;
}

#page hr {
	display: block;
	width: 70%;
	margin: 20px auto 20px auto;
}

#page hr.max {
	width: 100%;
	padding: 0;
	margin: 0;
 	margin: -7px 0 -7px 0 !important!;
}

#page hr.h1 {
	width: 100%; 
	text-decoration: none; 
	color: #FFFFFF;
	border-top: 1px dashed #94CC7A;
	padding: 0;
	margin: 3px auto 3px auto;
 	margin: -7px 0 -7px 0 !important!;
}

#page ul {
	list-style-type: none;
	color: #323232;
	padding-left: 25px;
	margin: 0 0 25px 0;
	line-height: 19px;
}

#page li {
	text-align: justify;
}

#page select {
	font-weight: bold;
	font-size: 13px;
	width: 250px;
	font-family: Trebuchet MS;
}

#page option {
	font-size: 13px;
	font-weight: normal;
	font-family: Arial;
}

a {
	color: #000096;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#page .command:before {
	padding-right: 3px;
	content: url('../img/icons/command.png');
}

#page .command {
	padding-left: 13px !important!;		
	background: url('../img/icons/command.png') no-repeat !important!;
}

#page .support:before {
	padding-right: 3px;
	content: url('../img/icons/support.png');
}

#page .support {
	padding-left: 13px !important!;			
	background: url('../img/icons/support.png') no-repeat !important!;
}

#page .magic:before {
	padding-right: 3px;
	content: url('../img/icons/magic.png');
}

#page .magic {
	padding-left: 13px !important!;			
	background: url('../img/icons/magic.png') no-repeat !important!;
}

#page .independent:before {
	padding-right: 3px;
	content: url('../img/icons/independent.png');
}

#page .independent {
	padding-left: 13px !important!;			
	background: url('../img/icons/independent.png') no-repeat !important!;
}

#page .summon:before {
	padding-right: 3px;
	content: url('../img/icons/summon.png');
}

#page .summon {
	padding-left: 13px !important!;			
	background: url('../img/icons/summon.png') no-repeat !important!;
}

#page .eskill:before {
	padding-right: 3px;
	content: url('../img/icons/eskill.png');
}

#page .eskill {
	padding-left: 15px !important!;			
	background: url('../img/icons/eskill.png') no-repeat !important!;
}

#page .emagic:before {
	padding-right: 3px;
	content: url('../img/icons/emagic.png');
}

#page .emagic {
	padding-left: 15px !important!;			
	background: url('../img/icons/emagic.png') no-repeat !important!;
}

#page .esummon:before {
	padding-right: 3px;
	content: url('../img/icons/esummon.png');
}

#page .esummon {
	padding-left: 15px !important!;			
	background: url('../img/icons/esummon.png') no-repeat !important!;
}

#page .item:before {
	padding-right: 3px;
	content: url('../img/icons/item.png');
}

#page .item {
	padding-left: 13px !important!;			
	background: url('../img/icons/item.png') no-repeat !important!;
}

#page .armor:before {
	padding-right: 3px;
	content: url('../img/icons/armor.png');
}

#page .armor {
	padding-left: 13px !important!;			
	background: url('../img/icons/armor.png') no-repeat !important!;
}

#page .accessory:before {
	padding-right: 3px;
	content: url('../img/icons/accessory.png');
}

#page .accessory {
	padding-left: 12px !important!;			
	background: url('../img/icons/accessory.png') no-repeat !important!;
}

#page .cloud:before {
	padding-right: 3px;
	content: url('../img/icons/cloud.png');
}

#page .cloud {
	padding-left: 13px !important!;			
	background: url('../img/icons/cloud.png') no-repeat !important!;
}

#page .barret:before {
	padding-right: 3px;
	content: url('../img/icons/barret.png');
}

#page .barret {
	padding-left: 14px !important!;			
	background: url('../img/icons/barret.png') no-repeat !important!;
}

#page .tifa:before {
	padding-right: 3px;
	content: url('../img/icons/tifa.png');
}

#page .tifa {
	padding-left: 13px !important!;			
	background: url('../img/icons/tifa.png') no-repeat !important!;
}

#page .aeris:before {
	padding-right: 3px;
	content: url('../img/icons/aeris.png');
}

#page .aeris {
	padding-left: 12px !important!;			
	background: url('../img/icons/aeris.png') no-repeat !important!;
}

#page .nanaki:before {
	padding-right: 3px;
	content: url('../img/icons/nanaki.png');
}

#page .nanaki {
	padding-left: 12px !important!;			
	background: url('../img/icons/nanaki.png') no-repeat !important!;
}

#page .yuffie:before {
	padding-right: 3px;
	content: url('../img/icons/yuffie.png');
}

#page .yuffie {
	padding-left: 13px !important!;			
	background: url('../img/icons/yuffie.png') no-repeat !important!;
}

#page .caitsith:before {
	padding-right: 3px;
	content: url('../img/icons/caitsith.png');
}

#page .caitsith {
	padding-left: 13px !important!;			
	background: url('../img/icons/caitsith.png') no-repeat !important!;
}

#page .vincent:before {
	padding-right: 3px;
	content: url('../img/icons/vincent.png');
}

#page .vincent {
	padding-left: 12px !important!;			
	background: url('../img/icons/vincent.png') no-repeat !important!;
}

#page .cid:before {
	padding-right: 3px;
	content: url('../img/icons/cid.png');
}

#page .cid {
	padding-left: 13px !important!;			
	background: url('../img/icons/cid.png') no-repeat !important!;
}

#page .hand:before {
	padding-right: 5px;
	content: url('../img/icons/hand.png');
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

#page .hand {
	padding-left: 25px !important!;			
	background: url('../img/icons/hand.png') no-repeat !important!;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

#page .music:before {
	padding-left: 3px;
	padding-right: 3px;
	content: url('../img/icons/music.png');
}

#page .music {
	padding-left: 12px !important!;			
	background: url('../img/icons/music.png') no-repeat !important!;
}

#page .enemy {
	color: #5C0000;
}

#page a.video {
	color: #000000;
}

#page a.video:hover {
	color: #D6AD07;
}

#page a.video2 {
	color: #3D0070;
}

#page a.video2:hover {
	color: #D6AD07;
}

#page a.url {
	font-weight: bold;
	color: #003366;
}

/*Rouge*/
.atq {
	font-weight: bold;
	color: #CC0000;
}


/*Bleu foncé*/
#page .st2 {
	font-weight: bold;
	color: #000066;
}

/*Rose*/
#page .st3 {
	font-weight: bold;
	color: #FF3399;
}

/*Bleu clair*/
#page .st4 {
	color: #005CB9;
}

/*Rouge*/
.st5 {
	color: #CC0000;
}

/*Vert*/
#page .st6 {
	color: #006600;
	font-weight: bold;
}

/*Bleu petit*/
#page .st7 {
	color: #000096;
	font-size: 10px;
}

.st7:hover {
	text-decoration: none;
}

#page .tut {
	color: #AA0099;
}

#page .per {
	font-family: Tahoma;
	font-size: 9px;
}

#page .rdv {
	font-weight: bold;
}

#page .center {
	text-align: center;
}

#page .croix {
	padding-left: 12px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/croix.png') no-repeat;
}

#page .carre {
	padding-left: 12px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/carre.png') no-repeat;
}

#page .rond {
	padding-left: 12px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/rond.png') no-repeat;
}

#page .triangle {
	padding-left: 12px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/triangle.png') no-repeat;
}

#page .R1 {
	padding-left: 21px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/R1.png') no-repeat;
}

#page .R2 {
	padding-left: 21px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/R2.png') no-repeat;
}

#page .L1 {
	padding-left: 21px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/L1.png') no-repeat;
}

#page .L2 {
	padding-left: 21px;
	margin-left: 1px;
	margin-right: 5px;
	background: url('../img/icons/L2.png') no-repeat;
}

#page p {
	text-align: justify;
	line-height: 19px;
	margin-bottom: 16px;
}

#page p.text {
	margin-right: 80px;
	margin-left: 80px;
}

#page p.text2 {
	margin-right: 40px;
	margin-left: 40px;
}

label {
    display: inline;
	vertical-align:center;
}


#page table {
	margin: 30px auto 30px auto;
}

#page table.img {
	margin: 7px auto 4px auto;
}

#page table.left {
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}

#page table.bug {
	margin: 15px 0 15px 0;
	margin: 30px 0 30px 0 !important!;
	white-space: normal;
}

#page table.align {
	width: 360px;
	display: inline !important!;
	margin-right: 5px;
	margin-left: 5px
}

#page table, th, td {
	border-collapse: collapse;
	white-space: nowrap;
}

#page th, td {
	text-align: center;
	padding: 1px;
	white-space: nowrap;
}

#page .tbl {
	border: 1px solid #676767;
	padding: 4px 10px 4px 10px;
	line-height: 19px;
}

#page .tbl3 {
	border: 1px solid #006600;
	background-color: #008033;
	padding: 3px;
}

#page .tblb {
	border: 1px solid #676767;
	width: 89px;
	padding: 3px;
}

#page .tblr {
	width: 149px;
	font-size: 13px;
	padding: 3px;
	font-family: Trebuchet MS;
	line-height: 22px;
}

#page .tblpad {
	border: 1px solid #676767;
	padding: 8px;
	font-size: 13px;
	line-height: 16px;
}

#page td.bug {
	text-align: justify;
	line-height: 19px;
	padding-left: 8px;
	white-space: normal;
}

#page .pad2 {
	border: 1px solid #676767;
	background-color: #FFFFC7;
	padding: 3px;
}

#page th.title {
    border: 1px solid #676767;
	color: #676767;
	background-color: #E6E6E6;
	padding: 3px;
}

#page th.title_invoc {
	border: 1px solid #CC3333;
	color: #CC3333;
	background-color: #FCEBEB;
	padding: 3px;
}

#page .tblinvoc {
        border: 1px solid #CC3333;
	padding: 3px;
}

#page th.title_cmd {
        border: 1px solid #9D8D31;
	color: #9D8D31;
	background-color: #F3F4D5;
	padding: 3px;
}

#page .tblcmd {
        border: 1px solid #9D8D31;
	padding: 3px;
}

#page th.title_mag {
    border: 1px solid #006600;
	color: #006600;
	background-color: #EBF3EB;
	padding: 3px;
}

#page .tblmag {
    border: 1px solid #006600;
	padding: 3px;
}

#page th.title_sou {
    border: 1px solid #005782;
	color: #005782;
	background-color: #E8F1F4;
	padding: 3px;
}

#page .tblsou {
    border: 1px solid #005782;
	padding: 3px;
}

#page th.title_ind {
    border: 1px solid #AB2C82;
	color: #B92F8C;
	background-color: #F7E6F1;
	padding: 3px;
}

#page .tblind {
    border: 1px solid #AB2C82;
	padding: 3px;
}

img {
	border: 0;
}

#page img.border {
	margin: 15px;
	border: 1px solid #000000;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
/*
#page img.border {
	margin: 8px 11px 8px 11px;
	border: 1px solid #000000;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
*/
#page img.border:hover
{
	border: 1px solid #D6AD07;
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
}

#page img.border2 {
	border: 2px solid #000000;
	margin: 3px;
}

#page a img.border2:hover {
	border: 2px solid #D6AD07;
}

#page img.border3 {
	border: 3px solid #000096;
	margin: 3px;
}

#page img.border3:hover {
	border: 3px solid #D6AD07;
}

#page img.right {
	border: 1px solid #000000;
	float: right;
	margin: 9px;
}

#page img.right:hover {
	border: 1px solid #D6AD07;
}

#page img.left {
	border: 1px solid #000000;
	float: left;
	margin: 3px;
}

#page a img.left:hover {
	border: 1px solid #D6AD07;
}

#page img.bug {
	border: 1px solid #000000;
	margin: 3px 0 3px 0;
}

#page a img.bug:hover {
	border: 1px solid #D6AD07;
}

#page img.button {
	border: 0;
	padding-bottom: 3px !important!
}

#page table img {
	margin-bottom: -2px;
}

.gradient {
	/* Anciens navigateurs */
	background: #000026 url("gradient-bg.png") repeat-x center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #000026;
	background: #000026\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF000093, endColorstr=#FF000026);
	color:white;
	font-family:Trebuchet MS; 
	font-size:13px;
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: #000026 url("gradient-bg.svg");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, right bottom,
				from(#000093),
				to(#000026)
			);
			background-image: -webkit-linear-gradient(
				left top,
				#000093,
				#000026
			);
			background-image: -moz-linear-gradient(
				left top,
				#000093,
				#000026
			);
			background-image: -o-linear-gradient(
				left top,
				#000093,
				#000026
			);
			background-image: linear-gradient(
				left top,
				#000093,
				#000026
			);
		}
	}
	
#bordureff2
{
	border: 1px solid #DEDEDE;
}
	
#bordureff
{
	padding: 8px;
	border: 1px solid #4A4A4A;
}

#bordureff3
{
	border: 1px solid #949494;
	border-radius: 3px;
}

.note
{
	background-color:#C8DEDB; 
	border:1px solid #2445A2; 
	padding:6px;
	margin-top:1px;
}