/*
BLOCS DE DESIGN
*/

body
{
	background-color : #404040;
	color : white;
	font-family : Verdana, sans-serif;
	font-size : 11px;
}

#ecran
{
	width : 828px;
	margin : 55px auto 40px;
	position : relative;
}

#navigation
{
	position : absolute;
	top : 149px;
	height : 23px;
	text-align : center;
	font-weight : bold;
	background-repeat : no-repeat;
}

#navigation td.tailleFixee
{
	width : 100px;
	height : 23px;
}

#navigation td.nonPremier
{
	/*border-left : 1px solid white;*/
}

#navigation a
{
	color : #EEE;
}

#corps
{
	background-color : white;
	color : black;
	width : 828px;
	position : absolute;
	/*top : 177px;*/
	top : 172px;
}

#subfooter
{
	width : 828px;
	height : 53px;
	margin-top : 16px;
	background-repeat : no-repeat;
	background-position : right;
	text-align : left;
	padding-left : 10px;
	padding-right : 10px;
	color : gray;
	font-size : 10px;
}

#subfooter a
{
	font-size: 10px;
}

#footer
{
	width : 828px;
	height : 28px;
	text-align : center;
	color : #333;
	font-size : 9px;
	padding-top : 5px;
	background-repeat : no-repeat;
}

#footer a
{
	color : #333;
	font-size : 9px;
}

#stabiliseur
{
	background-color : #404040;
	height : 40px;
}

#jiminy
{
	width : 334px;
	height : 62px;
	position : absolute;
	left : 493px;
	bottom : -20px;
	background-image : url('kh4_images/navigation/jiminy.jpg');
	background-repeat : no-repeat;
}

#jiminy div, #jiminy span.bloc
{
	width : 282px;
	height : 51px;
	position : absolute;
	left : 12px;
	top : 6px;
	font-size : 9px;
}





/*
MENU VERTICAL
*/

#menu-squareenix, #menu-kh, #menu-khisland, #menu-disney
	{ width : 198px; }

/*#menu-squareenix table td, #menu-kh table td, #menu-khisland table td, #menu-disney table td
	{ padding : 5px 10px; }*/

/*#menu-squareenix table td.footerMenu, #menu-kh table td.footerMenu, #menu-khisland table td.footerMenu, #menu-disney table td.footerMenu
	{ padding : 0px;}*/

#menu-khisland table td { /*background-color : #818D9B;*/ background-image : url('kh4_images/menu/fond-khisland.png'); background-repeat : no-repeat; height:21px; padding-left:10px; padding-right:10px; }
#menu-kh table td { /*background-color : #A8967E;*/ background-image : url('kh4_images/menu/fond-kh.png'); background-repeat : no-repeat; height:21px; padding-left:10px; padding-right:10px; }
#menu-disney table td { /*background-color : #90AA83;*/ background-image : url('kh4_images/menu/fond-disney.png'); background-repeat : no-repeat; height:21px; padding-left:10px; padding-right:10px; }
#menu-squareenix table td { /*background-color : #ABABAB;*/ background-image : url('kh4_images/menu/fond-squareenix.png'); background-repeat : no-repeat; height:21px; padding-left:10px; padding-right:10px; }

#menu-khisland .headerMenu, #menu-squareenix .headerMenu, #menu-disney .headerMenu, #menu-kh .headerMenu
{
	width : 198px;
	height : 55px;
	background-repeat : no-repeat;
}

.headerMenu span
{
	position : relative;
	top : 8px;
	font-weight : bold;
}

#menu-khisland .headerMenu span
{
	color : white;
}

#menu-kh .headerMenu span
{
	color : white;
}

#menu-squareenix .headerMenu span
{
	color : white;
}

#menu-disney .headerMenu span
{
	color : white;
}

#menu-squareenix .headerMenu { background-image : url('kh4_images/menu/header-squareenix.jpg'); }
#menu-disney .headerMenu { background-image : url('kh4_images/menu/header-disney.jpg'); }
#menu-khisland .headerMenu { background-image : url('kh4_images/menu/header-khisland.jpg'); }
#menu-kh .headerMenu { background-image : url('kh4_images/menu/header-kh.jpg'); }

#menu-khisland .footerMenu, #menu-squareenix .footerMenu, #menu-disney .footerMenu, #menu-kh .footerMenu
{
	width : 198px;
	height : 7px;
	padding : 0px;
	background-repeat : no-repeat;
}

#menu-squareenix .footerMenu { background-image : url('kh4_images/menu/footer-squareenix.jpg'); }
#menu-disney .footerMenu { background-image : url('kh4_images/menu/footer-disney.jpg'); }
#menu-khisland .footerMenu { background-image : url('kh4_images/menu/footer-khisland.jpg'); }
#menu-kh .footerMenu { background-image : url('kh4_images/menu/footer-kh.jpg'); }





/*
TITRES
*/

h1
{
	margin : 0px 0px 1px 0px;
	font-size : 13px;
	font-family : Arial, sans-serif;
	color : #3E5066;
	font-weight : bold;
	border-bottom : 1px solid #F2F2F2;
}

h2
{
	margin : 0px auto 4px;
	padding-bottom : 4px;
	font-size : 15px;
	font-family : Arial, sans-serif;
	color : #3E5066;
	font-weight : bold;
}

h3
{
	margin : 0px 0px 1px 0px;
	font-size : 14px;
	font-family : Arial, sans-serif;
	color : #3E5066;
	font-weight : bold;
	border-bottom : 1px solid #F2F2F2;
}

h4
{
	margin : 0px 0px 1px 0px;
	font-size : 13px;
	font-family : Arial, sans-serif;
	color : #3E5066;
	font-weight : bold;
	border-bottom : 1px solid #F2F2F2;
}

h5
{
	margin-top : 0px;
	margin-bottom : 2px;
	padding : 2px 0px 2px 4px;
	background-color : #F0EFEE;
	font-size : 13px;
	font-family : Arial, sans-serif;
}

h6
{
	margin-bottom : 18px;
	padding-bottom : 4px;
	font-size : 16px;
	font-family : Arial, sans-serif;
	border-bottom : 1px solid #EFECE9;
	color : #3E5066;
	font-weight : bold;
}

td.titre
{
	padding : 8px 0px 8px;
	font-size : 15px;
	font-family : Arial, sans-serif;
	color : #3E5066;
	font-weight : bold;
}

/*titreDeForum
{
	width : 793px;
	margin : 0px 14px;
}*/





/*
TABLEAUX
*/

table
{
	border-collapse : collapse;
	width : 100%;
}

td
{
	padding : 0;
}

caption
{
	margin-top : 5px;
	margin-bottom : 5px;
	font-weight : bold;
}

table.corpsDePage
{
	width : 582px;
	margin : auto;
	border : 0;
	text-align : justify;
}

table.corpsDePage h6
{
	margin-top : 0px;
}

table.corpsDeMessagerie th
{
	text-transform : uppercase;
}

table.corpsDeMessagerie td, table.corpsDeMessagerie th
{
	border : 1px solid white;
	padding : 7px;
}

table.corpsDeForum
{
	width : 800px !important;
	width : 798px;
	margin : auto !important;
	margin : 0px 14px;
	border : 0;
}

table.corpsDeForum th
{
	text-transform : uppercase;
}

table.corpsDeForum td, table.corpsDeForum th
{
	border : 1px solid white;
}

table.corpsDeForum td
{
	padding : 7px;
}

table.vraiTableau td, table.vraiTableau th
{
	border : 1px solid black;
	padding : 10px;
}

table.vraiTableauSansBordure td
{
	padding : 10px;
}





/*
LIENS
*/

a, a:active, a:visited
{
	color : #454C61;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
}

a:hover
{
	color : #242F4B;
	font-family : Verdana, Arial, sans-serif;
	font-size : 11px;
	text-decoration : none;
	/*border-bottom: 1px dotted #3E5066;*/
}

a img, a:active img, a:visited img
{
	border : 0;
	text-decoration : none;
}

a.img:hover
{
	border-bottom : 0;
	text-decoration : none;
}

h6.titreDeForum
{
	width : 800px !important;
	width : 798px;
	margin : 10px auto;
}

h6.titreDeMessagerie
{
	width : 582px;
	margin : 0px auto 10px;
}

h6 a, h6 a:hover, h6 a:active, h6 a:visited
{
	margin-bottom : 18px;
	padding-bottom : 4px;
	font-size : 16px;
	font-family : Arial, sans-serif;
	font-weight : bold;
}

h6 a:hover
{
	text-decoration : none;
	color : #242F4B;
}





/*
FORMULAIRES
*/

input, textarea, select
{
	font-size : 10px;
	font-family : Verdana, sans-serif;
	/*background-color : #D0D5D9;*/
	/*border : 1px bottom #B2854C;*/
}





/*
LISTES A PUCES
*/

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

ul.circle
{
	margin-left : 35px;
}





/*
COULEURS DE FOND DES DIFFERENTS THEMES
*/

.khisland { background-color : #818D9B; }
.kh { background-color : #A8967E; }
.disney { background-color : #90AA83; }
.squareenix { background-color : #ABABAB; }

.khisland2 { background-color : #E7E8EA; }
.kh2 { background-color : #EAE5DF; }
.disney2 { background-color : #E7EDE3; }
.squareenix2 { background-color : #F0F0F0; }





/*
CLASSES PARTICULIERES
*/

.titre-souligne
{
	line-height:14px;
	border-bottom : 1px solid #F2F2F2;
	margin : 1px 0px;
	font-size : 9px;
	font-weight : normal;
}





/*
MESSAGES D'ERREUR OU D'AIDE
*/

.couleurNormale { color : black; }
.souligne { text-decoration : underline; }
.centre { text-align : center; }
.gauche { text-align : left; }
.droite { text-align : right; }
.justifie { text-align : justify; }
.succes { color : green; }
.erreur { color : red; }
.petit { font-size : 9px; }
.petit a, .petit a:visited, .petit a:hover, .petit a:active { font-size : 9px; }





/*
AUTRES
*/

blockquote
{
	border-left : 2px solid #ADADAD;
	padding-left : 6px;
}

.citation
{
	background-color : rgb(235, 234, 221);
	background-image : url('kh4_images/forum/quote.gif');
	background-repeat : no-repeat;
	background-position : 5px 5px;
	padding : 20px 5px 5px;
	margin : auto;
	margin-bottom : 10px;
	width : 80%;
	border : 1px solid rgb(219, 219, 206);
	position : relative;
}

.titreCitation
{
	position : absolute;
	top : 5px;
	left : 25px;
}

.spoiler
{
	background-color : rgb(235, 234, 221);
	padding : 5px;
	margin : auto;
	margin-bottom : 10px;
	width : 80%;
	border : 1px solid rgb(219, 219, 206);
}


div.cadretexte {
	align: center;
	background-image:url(http://www.khisland.info/imagesdivers/fondtexte.gif);
	background-repeat:repeat;
	margin-bottom: 3px;
        margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px;
	text-align: justify;
	}


/*
INFOBULLE CSS
*/

a.info, a.infoHaut, a.infoJiminy, a.infoPure
{
	position : relative;
	color : #454C61;
	text-decoration : none;
}

a.info span, a.infoHaut span, a.infoJiminy span.bulle, a.infoPure span.bulle
{
	display : none;
}

a.info:hover, a.infoHaut:hover, a.infoJiminy:hover
{
	background : none;
	z-index : 500;
	cursor : help;
	text-decoration : none;
	border-bottom: 1px dotted #3E5066;
}

a.infoPure:hover
{
	background : none;
	z-index : 500;
	text-decoration : none;
	border-bottom: 1px dotted #3E5066;
}

a.info:hover span, a.infoHaut:hover span, a.infoJiminy:hover span.bulle, a.infoPure:hover span.bulle
{
	display : inline;
	position : absolute;
	text-align : justify;
	white-space : nowrap;
	left : 20px;
	background : #EFEFEF; /*#DFDFDF;*/
	color : #404040;
	padding : 3px;
	padding : 3px;
	text-decoration : none;
	border:1px solid #D9D9D9;
}

a.info:hover span
{
	top : 30px;
}

a.infoHaut:hover span, a.infoPure:hover span
{
	bottom : 30px;
}

a.infoJiminy:hover span.bulle
{
	top : 60px;
}