img {
	border:none;
}

a
{
	color:#0f4985;
	text-decoration:none;
	cursor:pointer;
}
a:hover
{
	color:#000;
	text-decoration:none;
}
.infobulle {
	position:absolute;
	z-index:100;
	background:#F9F9F9;
	padding:3px 7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
	max-width:300px;
	text-align:left;
	border:2px solid #333399;
}
	.infobulle_info {
		display:none;
	}
	
.infobulle2 {
	position:absolute;
	z-index:100;
	background-color:#004E9B;
	padding:3px 7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFFFFF;
	max-width:300px;
	text-align:left;
	border:2px solid #CCCCCC;
}
	.infobulle2 a {
		color:#FFF;
	}
		.infobulle2 a:hover {
			color:#FFF;
			font-weight:bold;
		}
	
	.infobulle2_info {
		display:none;
	}
	
.pointer {cursor:pointer; }
.bouton { 
	cursor:pointer;
	background-color:#F2F2F2;
	color:#333333;
	padding:2px 10px;
	border:1px solid #CCC;;
	margin-left:-1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.bouton:hover {
		background-color:#006699;
		color:#F2F2F2;
	}

.decompte a {
	font-weight:bold;
	color:#FF0000;
}

area {
	cursor:pointer;
}


html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
}

form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

.input {
	background-color:#F2F2F2;
	border:1px solid #CCC;
	padding:5px;
	color:#0066FF;
}

body
{
	margin: 0 0 ;
	padding: 0 ;
	text-align: center ;	
	font-size:13px;
	font-family: "tahoma", Arial, "Verdana", "Times New Roman", Times, serif;
	background:url(../images/fondGeneral.jpg) repeat-x;
	background-color:#FFF;
	color:#333333;
}

div#conteneur
{
	width: 1027px ;
	margin: 0 auto ;
	text-align:left;
	position:relative;
	cursor:default;
	background:url(../images/fondConteneur.jpg) no-repeat center top;
}

div#bordure {
	background:url(../images/bordureGeneral.png) repeat-y center top;
	width:1027px;
}

div#bordureFooter {
	background:url(../images/bordureFooterGeneral.png) no-repeat center;
	height:15px;
	width:1027px;
	position:relative;
}
	#cl_miniShini {
		display:none;
	}

	#footer {
		background:url(../images/footer.png) no-repeat center;
		width:927px;
		height:111px;
		position:absolute;
		margin-left:50px;
		margin-top:-30px;
	}
		#footer a {
			color:#FFF;
			font-weight:bold;
		}
			#footer a:hover {
				color:#FF0000
			}
		#footer_part {
			margin-top:15px;
			margin-left:160px;
			margin-right:10px;
			height:27px;
			color:#FFF;
		}
		#footer_copy {
			width:750px;
			color:#FFF;
			padding-left:20px;
			position:relative;
		}
			#footer_pub {
				width:468px;
				height:60px;
				border:2px solid #003366;
				position:absolute;
				top:-25px;
				left:260px;
				z-index:10;
				opacity:0.6;
			}
		#footer_mention {
			color:#CCC;
			padding-left:10px;
			font-size:12px;
		}

#IG_header {
	background:url(../images/IG/header.png) no-repeat center top;
	width:1027px;
	height:234px;
}
	#IG_header #message_news {
		position:absolute;
		top:138px;
		left:-116px;
		z-index:50;
		text-align:left;
	}
		#IG_header #message_news1 {
			background:url(../images/cadre_news1.png) no-repeat left;
			width:509px;
			height:65px;
		}
		#IG_header #message_news2 {
			background:url(../images/cadre_news2.png) repeat-y left;
			width:509px;
			font-weight:normal;
		}
		#IG_header #message_news3 {
			background:url(../images/cadre_news3.png) no-repeat left;
			width:509px;
			height:52px;
			position:relative;
		}
	#IG_header #option {
		height:34px;
	}
	#IG_header #header_left {
		float:left;
	}
	
	#IG_header #tchat {
		margin-left:13px;
		width:400px;
		position:absolute;
		color:#FFF;
		z-index:20;
	}
		#IG_header #tchat_menu {
			background:url(../images/IG/fondMenu_tchat.png) no-repeat left;
			width:344px;
			height:48px;
		}
			#IG_header #tchat_option {
				width:320px;
				margin-left:38px;
				padding-top:15px;
				letter-spacing:-1px;
				font-size:11px;
				font-weight:bold;
			}
		
		#IG_header #tchat_content {
			margin-left:18px;
			margin-top:-7px;
		}
			#IG_header #tchat_content1 {
				background:url(../images/IG/tchat_content1.png) no-repeat left;
				width:366px;
				height:12px;
			}
			#IG_header #tchat_content2 {
				background:url(../images/IG/tchat_content2.png) repeat-y left;
				width:366px; min-height:106px;
				font-size:12px;
			}
			#IG_header #tchat_content3 {
				background:url(../images/IG/tchat_content3.png) no-repeat left;
				width:366px;
				height:4px;
			}
			#IG_header #tchat_champ {
				background:url(../images/IG/tchat_champ.png) no-repeat left;
				width:283px;
				height:27px;
				float:left;
			}
				#IG_header #tchat_text {
					font-size:10px;
					width:271px;
					margin-left:3px;
					margin-top:4px;
					background-color:transparent;
					border:none;
					color:#FFF;
				}
			#IG_header #tchat_btn {
				float:left;
				width:77px;
				height:28px;
			}
	
	#IG_header #header_right {
		float:right;
		width:600px;
	}
	#IG_header #menu1 {
		background:url(../images/IG/fondMenu1.png) no-repeat left;
		width:345px;
		height:49px;
		margin-right:13px;
		margin-left:244px;
	}
		#IG_header #menu1_content {
			padding-right:10px;
			padding-left:10px;
			padding-top:10px;
			letter-spacing:-1px;
			font-weight:bold;
			font-size:10px;
			color:#003366;
			text-transform:uppercase;
		}
	#IG_header #bakoshop {
		margin-left:300px;
		margin-top:10px;
		position:relative;
		cursor:pointer;
	}
		#IG_header #bakoshop:hover {
			opacity:0.7;
			-moz-opacity: 0.7;
			 filter : alpha(opacity=70);
			-khtml-opacity : 0.7; 
		}
	

#cadre_personnage {
	background:url(../images/IG/cadre_perso.png) no-repeat left;
	width:336px;
	height:450px;
	margin-left:34px;
	margin-top:15px;
	position:relative;
}
	
	#cadre_personnage_info {
		width:175px;
		height:52px;
		margin-left:22px;
		margin-top:1px;
	}
		#personnage_nom {
			text-align:center;
			color:#FFF;
		}
		#personnage_etat {
			margin-left:10px;
			margin-top:5px; 
		}
			#personnage_sante_vide {
				background:url(../images/IG/sante_vide.png) no-repeat left;
				width:124px;
				height:14px;
				position:relative;
				color:#FFF;
				font-size:10px;
				float:left;
				margin-left:2px;
				
			}
			#personnage_sante_pleine {
				background:url(../images/IG/sante_pleine.png) no-repeat left;
				width:124px;
				height:14px;
			}
			#personnage_reiatsu_vide {
				background:url(../images/IG/reiatsu_vide.png) no-repeat left;
				width:124px;
				height:14px;
				position:relative;
				color:#FFF;
				font-size:10px;
				float:left;
				margin-left:2px;
				
			}
			#personnage_reiatsu_pleine {
				background:url(../images/IG/reiatsu_plein.png) no-repeat left;
				width:124px;
				height:14px;
			}
	#cadre_personnage_bouton {
		width:120px;
		height:72px;
		margin-left:8px;
		margin-top:14px;
		right:8px;
		top:0px;
		position:absolute;
		bor der:1px solid #000;
	}	
	
	#cadre_personnage_avatar {
		margin-left:10px;
		width:275px;
		height:305px;
		float:left;
	}
		#cadre_personnage_avatar img {
			display:block;
		}
		
	#cadre_personnage_spell {
		float:left;
		width:30px;
		height:235px;
		margin-left:15px;
		margin-top:58px;
	}
		.perso_img_spell {
			margin-top:10px;
			margin-left:2px;
			display:block;
			cursor:pointer;
		}
		.perso_img_spell:hover {
			opacity:0.8;
			-moz-opacity: 0.8;
			 filter : alpha(opacity=80);
			-khtml-opacity : 0.8; 
		}
		
	#personnage_niveau {
		width:275px;
		margin-left:10px;
		font-size:16px;
		letter-spacing:-1px;
		text-align:center;
		font-weight:bold;
		color:#14406e;
		height:31px;
	}

	#cadre_personnage_data {
		width:216px;
		margin-left:40px;
		margin-top:4px;
		color:#FFF;
		text-align:center;
		letter-spacing:-1px;
	}



#conv_reponse a:hover {
	font-weight:bold;
	color:#003366;
	margin-left:4px;
}



#ind_information {
	position:absolute;
	z-index:100;
	top:10%;
	left:20%;
	text-align:left;
}

div#ind_fond {
	/** Firefox **/
	 position: fixed;
	 top: 0px;
	 left: 0px;
	 
	 height: 100%;
	 width: 100%;
	 z-index: 99;
	 border: none;
	 background-color: #000000;
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 filter : alpha(opacity=50);
	 opacity : 0.5 ; 
	-khtml-opacity : 0.5 ; 
	 
	 /** IE **/
	 position: expression(IEFixedElementPos());
	 top: expression(IEFixedElementTop(0));
	 left: expression(IEFixedElementLeft(-10));
	 width: expression(IE100Width());
	 height: expression(IE100Height());
}

#tooltip {
	position:absolute;
	z-index:100;
	width:auto;
	height:auto;
	display:none;
	text-align:left;
}

div#tooltip_fond {
	/** Firefox **/
	 position: fixed;
	 top: 0px;
	 left: 0px;
	 
	 height: 100%;
	 width: 100%;
	 z-index: 99;
	 display: none;
	 border: none;
	 background-color: #000000;
	 -moz-opacity: 0;
	 opacity: 0;
	 filter : alpha(opacity=0);
	-khtml-opacity : 0 ; 
	 
	 /** IE **/
	 position: expression(IEFixedElementPos());
	 top: expression(IEFixedElementTop(0));
	 left: expression(IEFixedElementLeft(-10));
	 width: expression(IE100Width());
	 height: expression(IE100Height());
}

div#fond_flash {
	position: fixed;
	 top: 0px;
	 left: 0px;
	 
	 height: 100%;
	 width: 100%;
	 z-index: 99;
	 display: none;
	 border: none;
	 background-color: #000000;
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 filter : alpha(opacity=50);
	-khtml-opacity : 0.5 ; 
	 
	 /** IE **/
	 position: expression(IEFixedElementPos());
	 top: expression(IEFixedElementTop(0));
	 left: expression(IEFixedElementLeft(-10));
	 width: expression(IE100Width());
	 height: expression(IE100Height());
}

#notification_cadre {
	 border:1px solid #CCCCCC;
	 border-bottom:none;
	 -moz-box-shadow: 2px 2px 15px #111111;
   	 -webkit-box-shadow: 2px 2px 15px #111111;
	 width:300px;
	 he ight:100px;
	 position:fixed;
	 z-index:50;
	 bottom:0px;
	 right:50px;
	 background-color:#F8F8F8;
	 border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	display:none;
	cursor:pointer;
	text-align:left;
}
	#notification_pnj {
		background:url(../images/perso.png) no-repeat top;
		height:300px;
		width:59px;
		position:absolute;
		right:-45px;
		top:-10px;
	}

.break {
	clear:both;
	height:0px;
	overflow:hidden;
}

h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
}
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 

/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 


#option_MJ {
	position:fixed;
	top:50px;
	left:0px;
	background-color:#FFFFFF;
	border-color:#CCC;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	z-index:50;
	padding:5px;
	-moz-box-shadow: 2px 2px 15px #111111;
   	 -webkit-box-shadow: 2px 2px 15px #111111;
	 max-width:200px;
	 text-align:left;
}
	
.niv_borderBottom {
	border-bottom:1px solid #c6d2d1;
}


.icone_technique {
	position:relative;
	cursor:pointer;
	width:42px;
	height:42px;
	display:block;
}	
	.icone_img {
		position:absolute;
		z-index:1;
		top:0px;
		left:0px;
	}
	.icone_cadre {
		position:absolute;
		z-index:2;
		top:0px;
		left:0px;
	}
	.icone_over {
		position:absolute;
		z-index:3;
		width:42px;
		height:42px;
		top:0px;
		left:0px;
	}



<!-- Avatar --------------------------------- -->


#personnage_avatar {
	margin-left:40px;
	margin-top:28px;
}
#avatar_cheveux {
	position:absolute;
	z-index:11;
}
#avatar_visage {
	position:absolute;
	z-index:10
}
#avatar_corps {
	position:absolute;
	z-index:9;
}
#avatar_tenue {
	position:absolute;
	z-index:12;
}
.avatar_tenue {
	position:absolute;
	z-index:12;
}


#avatar_cheveux_gensai {
	position:absolute;
	z-index:11;
	left:37px;
	margin-top:1px;
}
#avatar_visage_gensai {
	position:absolute;
	z-index:10;
	left:37px;
	margin-top:1px;
}
#avatar_zanpakuto {
	position:absolute;
	z-index:13;
	left:30px;
	margin-top:-2px;
}