body
{
	margin: 15px 0;
	background-color: #F3DEDD;
	color: #780001;
	font-family: Arial;
	font-size: 11px;
}

#haut
{
	background-image: url('../img/design/design4/ban.jpg');
	height: 98px;
	width: 910px;
	margin: auto;
	border: 1px solid #780001;
}

#barre
{
	background-image: url('../img/design/design4/barre.jpg');
	height: 20px;
	width: 910px;
	margin: auto;
	padding: 0;
	border-left: 1px solid #780001;
	border-right: 1px solid #780001;
	border-bottom: 1px solid #780001;
}

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

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

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

#menu_text
{
	background-image: url('../img/design/design4/menu.jpg');
	text-align: center;
}

#menu a
{
	color: #400040;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}

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

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

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

#menu_bas
{
	background-image: url('../img/design/design4/menu_bas.jpg');
	height: 21px;
	width: 140px;
}

#page
{
	margin-left: 150px;
	margin-right: 10px;
	color: #000000;
	font-family: Tahoma, Verdana, Arial;
}

#corps
{
	width: 910px;
	background-color: white;
	border-left: 1px solid #780001;
	border-right: 1px solid #780001;
	margin: auto;
}

#bas
{
	background-image: url('../img/design/design4/bas.jpg');
	height: 80px;
	width: 910px;
	margin: auto;
	border-left: 1px solid #780001;
	border-right: 1px solid #780001;
	border-bottom: 1px solid #780001;
}

#page h1 {
	padding-top: 1em;
	font-family: Comic sans MS;
	font-size: 1.35em;
}

#page h1:hover {
	color: #D6AD07;
}

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

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

#page .rdv {
	font-family: Trebuchet MS, Tahoma;
	font-size: 12px;
	font-weight: bold;
}

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

#page ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#page li {
	text-align: justify;
}

#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 select {
	font-weight: bold;
	font-size: 12px;
	width: 250px;
	font-family: Trebuchet MS;
}

#page option {
	font-size: 12px;
	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 .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: #660000;
}

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

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

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

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

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

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

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

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

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

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

#page p {
	text-align: justify;
	line-height: 14px;
}

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

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

#page p.haut {
	text-align: center;
	line-height: 17px;
	margin: 0;
	padding: 0;
}

#page table {
	margin: 10px auto 0 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!;
}

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

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

#page th, td {
	text-align: center;
	padding: 1px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
}

#page .tbl {
    border: 1px solid #676767;
}

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

#page .tblb {
    border: 1px solid #676767;
	width: 80px;
}

#page td.bug {
	text-align: justify;
	line-height: 14px;
	padding-left: 8px;
}

#page .pad {
    border: 1px solid #676767;
	background-color: #EEFFCC;
}

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

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

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

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

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

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

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

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

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

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

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

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

img {
	border: 0;
}

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

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

#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: 3px;
}

#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;
}