/*css générale*/

body{
	background-color: #f1ddb8;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #824D04;
}



a, a:visited {
	color: #824D04;
	outline: none;
}

a:hover{
	color: #fdb040;
	font-weight: bold;
}

.titre{
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.sous_titre{
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}


/*header : bannière*/
#head{
	background-image: url("../images/design/ban.png");
	background-repeat: no-repeat;
	width: 860px;
	height: 100px;
	padding: 0px;
	text-align: left;

}

/*formu de connexion*/
#formu_connexion{
	position : absolute;
	margin-top: 5px;
	margin-left: 25px; 
	z-index:2;
	
}

#formu_connexion input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	margin: 1px;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	
}

/*le menu*/
#menu_image{
	z-index:1;
	width: 860px;
	height: 30px;
	margin-top: 70px;
	position : absolute;
	padding: 0px;
}

#menu_image img{	
	border: none;
}

#menu_image a{	
	outline: none;
}

#menu_image dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#menu_image dl {
float: left;
}

#menu_image dt {
cursor: pointer;
text-align: left;
font-weight: bold;

}

#menu_image dd {
display: none;
border: 1px solid #824D04;
}

#menu_image ul{
	background-color: #f1ddb8;	
	font-weight:bold;
	padding-left:2px;
	cursor:pointer;
}


#menu_image li {
text-align: left;
}

#menu_image li a{
text-decoration: none;
border: none;
font-weight:none;
}

#menu_image .menu{
	position:absolute;
	padding-left:2px;
	padding-right:2px;
	border: 1px solid #824D04;
	background-color: #f1ddb8;
	
		
}

#menu_image .menu div a{
	text-decoration: none;
	border: none;
	font-weight:none;
	
}






#menu_image .sous_menu ul{
	position:absolute;
	margin-left:120px;
	padding-left:2px;
	padding-right:2px;
	margin-top: -17px;
	border: 1px solid #824D04;
	width:250px;	
	
	
}

#menu_image .sous_menu ul a:hover{
	color: #fdb040;
	font-weight: bold;
}

#menu_image .sous_menu_objet ul{
	position:absolute;
	margin-left: 85px;
	padding-left:2px;
	padding-right:2px;
	margin-top: -17px;
	border: 1px solid #824D04;
	width:100%;	
}


#menu_image .menu_admin .sous_menu_admin ul{
	position:absolute;
	margin-left: 75px;
	padding-left:2px;
	padding-right:2px;
	margin-top: -17px;
	border: 1px solid #824D04;
	width:120px;
}

#menu_image .menu_admin div a{
	text-decoration: none;
	border: none;
	font-weight:none;
	
}


/*le corps du site*/
#corps{
	background-image: url("../images/design/body.png");
	background-repeat: repeat;
	width: 860px;
	
}

/*style de l'head de la carto*/
#head_carto{
	text-align:left;
	width:95%;
	
}

/*style de la map*/
#map{
	width: 340px;	
	height: 240px;
	
}

.tableau_map{
	text-align: center;
	border-spacing: 0px;
	padding: 0px;
	
}

.quadrillage td{
	/*quadrillage de la map*/
	border: 1px solid #000000;
}

td.case_vide
{
	text-align : center;
}

td.case_non_vide
{
	text-align : center;
	cursor: pointer;
}

td.case_survol{
	border: 1px solid #f1ddb8;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.case_quete{
	background-image: url("../images/design/carre_plein.gif"); 
	height: 19px;
}

.case_portail{
	background-image: url("../images/design/carre_vide.gif"); 
	height: 19px;
	z-index:1;
}


/*style des info sur mob et quête de la case*/
#info_quete_mob{
	
		
}

.info_monstre img{
	/*style pour l'image du monstre - réduction 100*100*/
	width: 100px; 
	height: 100px;

}

/*les style des objet selon leur rareté*/
.obj_normal img{
	border: 2px solid #666666;
	background-color: #666666;
	cursor:pointer;
}

.obj_rare img{
	border: 2px solid #00bb00;
	background-color: #00bb00;
	cursor:pointer;
}

.obj_epique img{
	border: 2px solid #8b008b;
	background-color: #8b008b;
	cursor:pointer;
}

.obj_unique img{
	border: 2px solid #dd9922;
	background-color: #dd9922;
	cursor:pointer;
}

.obj_rp img{
	border: 2px solid #bb0000;
	background-color: #bb0000;
	cursor:pointer;
}

.obj_exceptionnel img{
	border: 2px solid #3388ff;
	background-color: #3388ff;
	cursor:pointer;
}

/*div qui contiens le contenu des cases*/

#contenu_case{
	margin-left: 20px;
	text-align: left;
}

/*cadre de couleur*/
.cadre_monstre_defaut{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid #824D04;
	width:100px; 
	height:140px; 
}

.cadre_monstre_2{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid #000088;
	width:100px; 
	height:140px; 
	color: #000088;
}

.cadre_monstre_3{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid #0066ff;
	width:100px; 
	height:140px; 
	color: #0066ff;
}

.cadre_monstre_4{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid green;
	width:100px; 
	height:140px; 
	color: green;
}

.cadre_monstre_5{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid black;
	width:100px; 
	height:140px; 
	color: black;
}

.cadre_monstre_6{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid orange;
	width:100px; 
	height:140px; 
	color: orange;
}

.cadre_monstre_7{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid red;
	width:100px; 
	height:140px; 
	color: red;
}

.cadre_monstre_8 {
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-align : center; 
	border: 1px solid #880000;
	width:100px; 
	height:140px; 
	color: #880000;
}

.cadre_monstre_boss{
	/*style pour le cadre du monstre*/
	font-weight: bold;
	text-decoration: underline;
	text-align : center; 
	border: 3px solid black;
	width:100px; 
	height:140px; 
	color: black;
	
}

.cadre_monstre_boss td{
	text-decoration: underline;
}


.intitule_monstre_defaut{
	color: #824D04;
}

.intitule_monstre_2{
	color: #000088;
}

.intitule_monstre_3{
	color: #0066ff;
}

.intitule_monstre_4{
	color: green;
}

.intitule_monstre_5{
	color: black;
}

.intitule_monstre_6{
	color: orange;
}

.intitule_monstre_7{
	color: red;
	font-weight: bold;
}

.intitule_monstre_8{
	color: #880000;
	font-weight: bold;
}

.intitule_monstre_boss{
	color: black;
	font-weight: bold;
}

.img_monstre{
	/*style pour l'image du monstre - réduction 100*100*/
	cursor:pointer;
	width: 100px; 
	height: 100px;
}

.cadre_pnj{
	/*style pour le cadre du pnj*/
	font-size:11px;
	font-weight: bold;
	text-align : center; 
	border: 1px solid #824D04;
	width:100px; 
	height:140px; 
}

.cadre_pnj img{
	cursor:pointer;
}

/*div contenant l'infobulle*/

#info_drop{
	position:absolute;
	margin-left: 20px;
	background-color: #f1ddb8;
	opacity: 0.85;
	filter:alpha(opacity=85);
}

.cadre_info_bulle{
	border: 1px solid #824D04;
	width: 400px;
	text-align:left;
}

#info_drop_quete{
	position:relative;
	border: 1px solid #824D04;
	width: 350px;
	text-align:left;
	margin-left:-20px;
	background-color:#f1ddb8;
	opacity: 0.75;
	filter:alpha(opacity=75);
}

/*formu de recherche*/
#recherche{
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	padding: 2px;
}

#recherche input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	margin: 1px;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}

#recherche hr{
	color: #824D04;
	background-color: #824D04;
	height: 1px;
	border: 0;
}

#recherche a{
	cursor: pointer;
	background-color: #f1ddb8;
	border: 1px solid #824D04;
}

#recherche a:hover{
	cursor: pointer;
	background-color: #824D04;
	border: 1px solid #824D04;
	color: #f1ddb8;
}

#resultat_recherche{
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

.message_important{
	color: #CC0000;
	font-weight: bold;
}

/*fieldset perso*/
.info_perso{
	border: 2px solid #824D04;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	
}

.info_perso legend{
	text-transform: uppercase;
	font-weight: bold;
}

.trait_vertical{
	border-right: 1px solid #824D04;
}

/*new perso*/
#new_perso input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#new_perso select{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

/*modif perso*/
.modif_perso_form input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

.modif_perso_form select{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

/*suppression perso*/
.lien_image img{
	border: none;
}

/*Inventaire*/
#conteneur_inventaire{
	border: 2px solid #824D04;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

#conteneur_inventaire legend{
	text-transform: uppercase;
	font-weight: bold;
}

#conteneur_inventaire input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

/*pour les hr*/
.separation{
	color: #824D04;
	background-color: #824D04;
	height: 1px;
	border: 0;
	margin:0;
}

/*pied de page*/
#pied{
	background-image: url("../images/design/pied.png");
	background-repeat: no-repeat;
	width: 860px;
	height: 56px;
	padding: 0;
}


.infobulle_move{
    position: absolute;   
    visibility : hidden;
    border: 1px solid #824D04;
	background-color: #f1ddb8;

}



.img_selection {
	border: 2px solid #CC0000;
	
}

.inventaire_recherche {
height: 250px;
overflow: auto;

}

/*les style des objet selon leur rareté*/
.obj_normal_ecriture td{
	color: #666666;
	font-weight: bold;
}

.obj_rare_ecriture td{
	color: #00bb00;
	font-weight: bold;
}

.obj_epique_ecriture td{
	color: #8b008b;
	font-weight: bold;
}

.obj_unique_ecriture td{
	color: #dd9922;
	font-weight: bold;
}

.obj_rp_ecriture td{
	color: #bb0000;
	font-weight: bold;
}

.obj_exceptionnel_ecriture td{
	color: #3388ff;
	font-weight: bold;
}

/*quêtes*/

#quete{
	background-image: url("../images/design/grimoire.jpg");
	background-repeat: no-repeat;
	width: 790px;
	height: 590px;
}

#menu_quete{
	width: 300px;
	height: 450px;
	margin-left: 80px;
	margin-top: 60px;
	float:left; 
	overflow-y: auto;
}

#contenu_quete{
	width: 300px;
	height: 450px;
	margin-right: 70px;
	margin-top: 60px;
	float:right; 
	
}

#menu_quete a,#menu_quete a:visited,#menu_quete a:hover{
	color: #824D04;
	outline: none;
}

#menu_quete.liste_epopee li a,#menu_quete.liste_epopee li a:visited{
	
	margin-left:10px;
	cursor: pointer;
}

#menu_quete.liste_epopee li a:hover{
	font-weight:normal;
	text-decoration:underline;

}



/************************************
|		CSS ADMINISTRATION			|
\***********************************/

/*css des titre de l'admin*/

.admin .titre_admin{
	color:#824D04;
	font-weight: bold;	
	font-size:13px;
}

.admin fieldset{
	width:90%;
	border: 1px solid #824D04;
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	
}

.admin form input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

.admin li{
	font-weight:bold;
}
/*pour les formulaire*/

label {
	display:block;
	width:160px;
	float:left;
	text-align: left;

}

/*input {
	float:left;
	margin-right: 5px;font-size: 11px;
	

}*/

textarea {
	float:left;
	width:200px;
	margin-right: 5px;
	font-size: 11px;
}

select {
	float:left;
	font-size: 11px;
	
}

.validation_formu{
	margin-left: 180px;
}

.erreur_formulaire{
	color:#CC0000;
	font-size:10px;
}


.liste_gauche{
	text-align: left;
}


.contrainte {
	color : black;
	font-size : 8px;
}

.sous_paragraphe{
	font-size:10px;
	font-weight: normal;
	text-align: left;
}

.input_transparent{
	font-size: 12px;
	color: #996600;
	background-color: #ffde6b;
	border: 1px solid #ffde6b;
	font-weight: bold;

}

.objectif{
	font-size: 12px;
	font-weight: normal;
	text-align: left;

}

.objectif label{
	display:block;
	width:50px;
	float:left;

}

#form_gauche{
	width: 430px;
	float: left;



}

#form_droit{
	width: 310px;
	float: right;

}

.texte_liste{
	float:left;
	width:300px;
	height:100px;
	font-size: 11px;
}

#formu_recherche{
	position : absolute;
	margin-top: 5px;
	margin-left: 725px; 
}

#formu_recherche input{
	background-color: #f1ddb8;
	border: 1px solid #824D04;
	margin: 1px;
	font-size: 11px;
	color: #824D04;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	
}

.div_mob{
	position:absolute;
	margin-top:-15px;
	margin-left:35px;
}



/*les news*/
.news{
	width:831px;
	margin-left:1px;
	font-size:11px;
	text-align:left;
}

.barre_news{
	background-image: url("../images/design/degrad_news.png");
	background-repeat: repeat;
	width:831px;
	height:15px;
}

.titre_news{
	font-weight:bold;
	text-decoration:underline;
	margin-left:10px;
	float:left;
}

.infos_news{
	margin-right:10px;
	float:right;
	font-style: italic;
}

.contenu_news{
	text-align : justify;
	font-size:12px;
	margin-left:20px;
	margin-right:20px;
	float:center;
	
}