img {
	border:none;
}

a
{
	color:#3399CC;
	text-decoration:none;
	cursor:pointer;
}
a:hover
{
	color:#66CCFF;
	text-decoration:none;
}




div#tooltipIE {
	position:fixed;
	background-color:#355a7d;
	color:#FFF;
	max-width:500px;
	bottom:0;
	right:0;
	z-index:100;
	text-align:left;
	padding:5px;
	font-size:14px;
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFF;
	display:none;
}

a.info {
	position:relative;
   text-decoration: none;
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info span {
   display: none; /* on masque l'infobulle */
   position: absolute;
   z-index: 500;
   
   whi te-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 20px; /* on positionne notre infobulle */
   left: 20px;
   width:330px;
   letter-spacing:0px;
   font-variant:normal;
   text-align:left;
   
   background-color:#355a7d;

   color:#FFF;
   font-weight:normal;
   padding: 4px;
   

   border: 1px solid #F2F2F2;
   border-left: 4px solid #F2F2F2;
}



area {
	cursor:pointer;
}

div#perte_mdp input {
	font-size:11px;
	border:0;
	border-left: 3px solid #4977a4;
}

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

body
{
	margin: 0 0 ;
	padding: 0 ;
	text-align: center ;	
	font-size:13px;
	font-family: "corbel", Arial, "Verdana", "Times New Roman", Times, serif;
	background-color:#4977a4;
	color:#3333330;
	
}

div#conteneur
{
	width: 873px ;
	margin: 0 auto ;
	text-align:left;
	position:relative;
	cursor:default;
}

div#contenuInformation {
	display:none;
	background-color:#1D1D1D;
	border:2px solid #DBDBDB;
	color:#FFF;
	position:fixed;
	top:20%;
	left:40%;
	padding:0 10px 20px 10px;
	z-index:3000;
	width:auto;
	max-width:500px;
	
	/** IE **/
	 position: expression(IEFixedElementPos());
	 top: expression(IEFixedElementTop(200));
	 left: expression(IEFixedElementLeft(500));

}
	#fermer {
		cursor:pointer;
		font-size:14px;
		float:right;
		padding-top:4px;
		color:red;
		font-weight:bold;
		margin-right:15px;
	}
		div#contenuInformation input {
			border:1px solid #b4db17;
			font-size:11px;
			background-color:#f5f5f5;
			text-align:center;
		}
	div#messageInformation {	
		clear:both;
		max-height:500px;
		overflow:auto;
		font-size:13px;
	}

div#informationJavascript {
	background-color:#393737;
	border:2px solid #4977a4;
	color:#FFF;
	position:fixed;
	top:10%;
	left:30%;
	right:30%;
	padding:0 10px 20px 10px;
	z-index:2000;
	/** IE **/
	 position: expression(IEFixedElementPos());
	 top: expression(IEFixedElementTop(200));
	 left: expression(IEFixedElementLeft(500));

}
	
div#fondOpaque {
	/** Firefox **/
	 position: fixed;
	 top: 0px;
	 left: 0px;
	 
	 height: 100%;
	 width: 100%;
	 z-index: 100;
	 display: none;
	 border: none;
	 background-color: #000000;
	 -moz-opacity: 0.50;
	 opacity: 0;
	 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());
}
div#gestionErreur {
	position:absolute;
	left:23%;
	top:30%;
	z-index:2000;
	display:none;
	width:701px;
	opacity:0;
}
	div#contenuErreur {
		padding:5px;
		padding-left:30px; padding-right:30px;
		color:#FFF;
		text-align:left;
		font-size:14px;
	}
		div#contenuErreur a {
			color:#F1461B;
			font-weight:bold;
		}
		div#contenuErreur a:hover {
			color:#FFF;
		}

div#niveau_cadre
{	
	margin-left:20px;
}

#map
{
	display:none; 
	position:absolute; 
 
}



div#action_list
{
	background:url(../images/action_list.png) no-repeat center;
	width:288px;
	height:66px;
	position:absolute;
	z-index:2;
}
	div#action_list1
	{
		background:url(../images/action_list1.png) repeat-y center;
		width:256px;
		position:absolute;
		top:40px;
		left:13px;
		z-index:1;
		min-height:90px;
		max-height:120px;
	}


div#decor2
{
	background:url(../images/jeu_decor3.png) no-repeat center;
	width:392px;
	height:246px;
	position:absolute;
	z-index:1;
	right:40px;
	top:30px;
}	
div#decor3
{
	background:url(../images/jeu_decor3.png) no-repeat center;
	width:392px;
	height:246px;
	position:absolute;
	z-index:1;
	right:40px;
	top:25px;
}	
	div#annonceJeu {
		position:absolute;
		z-index:5;
		color:#FFF;
		margin-top:80px;
		background-color:#1A1A1A;
		width:380px;
		fon t-weight:bold;
		line-height:13px;
		font-size:13px;
		border:1px solid #CCC;
		-moz-opacity: 0.95;
		opacity: 0.95;
		filter : alpha(opacity=95);
	}
div#anim
{
	margin-left:103px;
	padding-top:70px;
}
	div#anim1
	{
		background:url(../images/anim1.png) no-repeat center;
		width:378px;
		height:33px;
	}
	div#anim2
	{
		background:url(../images/anim2.png) repeat-y center;
		width:378px;
	}
	div#anim3
	{
		background:url(../images/anim3.png) no-repeat center;
		width:378px;
		height:23px;
	}


div#menu
{
	background:url(../images/menu/fondMenu.png) no-repeat right;
	position:relative;
	right:-0px;
	top:255px;
	z-index:5;
	min-width:63%;
	height:37px;
	float:right;
}
div#menu1 a 
{
	color:#333333;
	text-decoration:none;
	font-size:12px;
}
div#menu2 a 
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
}
div#menu1
{
	width:auto;
	position:absolute;
	right:5px;
	z-index:5;
	top:-5px;
}

div#menu2
{
	width:auto;
	height:78px;
	position:absolute;
	right:19px;
	z-index:4;
	margin-top:-31px;
}


	div#menuContenu {
		background:url(../images/menu/milieu.png) repeat-x left;
		height:29px;
		float:left;
		color:#FFF;
	}
	div#menuFin {
		background:url(../images/menu/fin.png) no-repeat left;
		height:29px;
		width:14px;
		float:left;
	}
	



div#tchat {
	position:fixed;
	left:50%;
	margin-left:-397px;
	top:0px;
	z-index:40;
}
	div#contenuTchat {
		background:url(../images/tchat/contenu.png) repeat-y center;
		width:794px;
		text-align:left;
		color:#FFF;
		
	}
		div#messageTchat {
			padding:10px;
			padding-left:20px;
			padding-right:20px;
			max-height:170px;
			overflow:auto;
		}
	div#footerTchat {
		background:url(../images/tchat/footer.png) no-repeat center;
		width:794px;
		height:33px;
	}
		div#envoiTchat {
			text-align:right;
			margin-right:30px;
			position:relative;
		}
			#message {
				font-size:11px;
				height:12px;
				width:370px;
				position:relative;
				top:-5px;
				right:-3px;
				margin-left:2px;
			}
			#mpJoueur {
				font-size:10px; 
				width:30px;
				height:12px;
				position:relative;	
				top:-5px;		
			}
			#fermerTchat {
				margin-left:13px;
				float:left;
			}
			#reduireTchat {
				float:left;
				margin-left:10px;
				margin-top:3px;
			}
			#agrandirTchat {
				float:left;
				margin-top:3px;
			}
			
	.pseudoTchat {
		font-size:14px;
		margin-right:5px;
	}

div#header 
{
	background:url(../images/header3.jpg) no-repeat center;
	width:873px;
	height:279px;
}

	div#historique {
		background:url(../images/menu/histo.png) no-repeat left;
		width:267px;
		height:98px;
		position:absolute;
		top:203px;
		left:60px;
	}
		div#contenuHistorique {
			height:60px;
			margin-top:7px;
			margin-right:5px;
			padding-left:5px;
			padding-right:5px;
			overflow:auto;
			font-size:12px;
		}
		div#menuHistorique {
			margin-top:5px;
			margin-left:5px;			
		}
		div#menuHistorique a {
			color:#FFF;
			fo nt-variant:small-caps;
			font-size:13px;
			
		}
		div#menuHistorique a:hover {
			color:#CCCCCC;
			font-weight:bold;
		}
		
	div#decor1
	{	
		background:url(../images/decor1.png) no-repeat right;
		position:absolute;
		right:20px;
		width:154px;
		height:163px;
	}


	div#membre {
		margin-left:50px;
		padding-top:200px;
	}
	div#champ_membre input
	{
		background:url(../images/membre_conect.png) no-repeat center;
		width:117px;
		height:21px;
		border:0;
		color:#FFFFFF;
		letter-spacing:1px;
		font-size:11px;
		font-weight:bold;
		padding-left:15px;
		padding-top:5px;
	
	}
	div#inscriptionLogin {
		height:33px;
		width:157px;
		position:absolute;
		left:170px;
		top:10px;
	}
	
	
	div#menu_index
	{
		width:505px;
		height:77px;
		position:absolute;
		top:249px;
		right:5px;
		z-index:10;
	}
		#accueil
		{
			position:absolute;
			top:26px;
			right:327px;
			color:#000000;
			font-weight:bold;
		}


div#contenu
{
	background:url(../images/conteneur3.jpg) repeat-y center;
	width:873px;
	min-height:200px;
}





div#footer
{
	background:url(../images/footer3.jpg) no-repeat center;
	width:873px;
	height:179px;
}
	div#left
	{
		float:left;
	}
	div#footerPub {
		padding-top:80px;
		padding-left:240px;
		
	}
	div#contact
	{
		float:right;
		padding-top:84px;
		padding-right:13px;
		fon t-variant:small-caps;
		color:#3399CC;
		font-size:12px;
		font-weight:bold;
	}
	div#contact a
	{
		color:#0066CC;
	}
	div#contact a:hover
	{
		color:#3399CC;
		text-decoration:none;
	}
	div#center
	{
		float:left;
	}
	div#stat
	{
		text-align:center;
		margin-left:350px;
		margin-top:110px;
		color:#333333;
	}
	
	div#right
	{
		float:right;
	}
	
	
	
	
	
	
	div#conversationPnj {
		position:fixed;
		position: expression(IEFixedElementPos());
		left:50%;
		margin-left:-256px;
		z-index:150;
		display:none;
	}
		div#conversationPnj1 {
			background:url(../images/conversationPnj/cadre1.png) no-repeat center;
			width:533px;
			height:134px;
			position:relative;
		}
			div#avatarPnj {
				position:relative;
				width:92px;
				height:92px;
				margin-top:14px;
				margin-left:13px;
				float:left;
			}
			div#informationPnj {
				padding-top:25px;
				text-align:left;
				float:left;
				color:#FFFFFF;
				font-size:13px;
				padding-left:10px;
				font-weight:bold;
				
			}
			
		div#conversationPnj2 {
			background:url(../images/conversationPnj/cadre2.png) repeat-y center;
			width:533px;
		}
			div#messagePnj {
				padding-left:28px;
				padding-right:30px;
				text-align:left;
				color:#FFF;
			}
			div#lienPnj {
				padding-top:10px;
			}
			div#lienPnj a {
				color:#CCCCCC;
			}
			div#lienPnj a:hover {
				font-weight:bold;
				color:#FFF;
			}
			
		div#conversationPnj3 {
			background:url(../images/conversationPnj/cadre3.png) no-repeat center;
			width:533px;
			height:23px;
		}
	
	
	div#conversationG
	{
		margin-top:15px;
		margin-left:-50px;
	}
	div#conversation1G
	{
		background:url(../images/conversation_H.png) no-repeat center;
		width:432px;
		height:17px;
		position:relative;
	}
		div#conversation_avatarG
		{
			background:url(../images/conversation_avatar.png) no-repeat center;
			width:97px;
			height:86px;
			position:absolute;
			top:-10px;
			left:-10px;
			
		}
		div#nom_avatarG
		{
			background:url(../images/conversation_nom.png) no-repeat center;
			width:83px;
			height:33px;
			position:absolute;
			top:80px;
			left:4px;
			text-align:center;
			color:#FFFFFF;
			letter-spacing:1px;
			
		}
	div#conversation2G
	{
		background:url(../images/conversation_M.png) repeat-y center;
		width:432px;
		min-height:100px;
		letter-spacing:1px;
		color:#3366CC;
	}
	div#conversation3G
	{
		background:url(../images/conversation_B.png) no-repeat center;
		width:432px;
		height:17px;
		position:relative;
	}
	
	
	



#time
{
	text-align:center;
	font-size:15px;
	fo nt-weight:bold;
	color:#0066CC;
}

#time a
{
	text-decoration:none;
	font-size:16px;
	color:#3366FF;
}

div#info_neutre {
	position:absolute;
	z-index:2000;
	top:30%;
	left:35%;
}
	div#info_neutre1 {
		width:418px;
		height:15px;
		background:url(../images/niveau_H.png) no-repeat center;

	}
	div#info_neutre2 {
		width:418px;
		background:url(../images/niveau_M.png) repeat-y center;

	}
	div#info_neutre3 {
		width:418px;
		height:16px;
		background:url(../images/niveau_B.png) no-repeat center;

	}

	
	
div#option_MJ
{
	width:auto;
	background-color:#1A1A1A;
	position:fixed;
	z-index:100;
	left:0px;
	top:100px;
	color:#FFFFFF;
	border:2px solid #FFF;
	border-left:none;
	text-align:left;
	padding:5px;
}
	div#option_MJ a {
		color:#FFF;
		border-left:3px solid #0066CC;
		padding-left:3px;
	}
		div#option_MJ a:hover {
			color:#FF3300;
		}

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


/*Menu déroulant */

.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      ba ckground: #FFF; 
      color:#666666; 
      font: 1.2em "Trebuchet MS", sans-serif; 
} 

.navigation ul li {
	list-style-type:none;
	background-color:#E5E5E5;
	padding-top:7px;
	padding-left:5px;
	font-size:13px;
	font-variant:small-caps;
}

.navigation ul li.alt{
    background-color:#006699;
}
  
.navigation a, .navigation span { 
	  display: block; 
	  padding: 0; 
	  color:#666666; 
	  text-decoration: none; 
	  
	  ba ckground: #000 url(images/presentation.png) left bottom no-repeat; 
} 
 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
 } 
 
.navigation .open a, .navigation .open span { 
  	ba ckground-image: url(menu-item-enroule.png); 
} 

.navigation a:hover, .navigation a:focus, .navigation a:active { 
 	 text-decoration: none; 
	 color:#e42c29;
 } 
 
.navigation .subMenu { 
	  font-size: .8em; 
	  b ackground: #ccc url(subMenu.png) 0 0 repeat-x; 
	  font-size: .9em; 
	  margin: 0; 
	  padding: 5px; 
	  border-left:10px solid #0066CC;
} 

.navigation ul.subMenu li { 
	  background: none; 
	  padding: 5px; 
}