/*design/ DE Nam's Chest - v.2
Réalisé par BRULEBOIS Loïc (alias le Fan T'Home)
Complété par BARREAU Matthieu (aka Morgin)
----------------------------------------------------------------------
Fichier : style/css/design.css
Dossier : ./style/css
----------------------------------------------------------------------*/

@import "reset.css";
@import "avatar.css";
@import "fenetre.css";
@import "technique.css";
@import "inventaire.css";
@import "messagerie.css";
@import "carte.css";
@import "cdb.css";

html{
	width: auto;
	border: 16px solid #CBB789;
	background-color: #E7DDC7;
	font-family: Verdana, 'Times New Roman', Times, serif;
	font-size: 0.8em;
	color: #89723e;
	text-align:justify;
	padding-top:0px;
	padding-left:8px;
	padding-right:8px;
}

#banniere{
	background-color: #D9CAA6;
	text-align: center;
	margin: 0px;
	margin-left: -8px;
	margin-right: -8px;
	padding:8px;
	padding-bottom: 0px;
	padding-top:0px;
	height:139px;
}

#fond_header_gauche{
	background-image: url('../../images/design/fond_header_gauche.PNG');
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom : -10px;
	margin: 0px;
	margin-left: -8px;
	margin-right: -8px;
	height:139px;
}

#fond_header_droite{
	background-image: url('../../images/design/fond_header_droite.PNG');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom : -10px;
	margin: 0px;
	padding-right: 10px;
	height:139px;
}

#banniere img{
	width:804px;
	height:114px;
	margin-top: 10px;
	padding:5px;
}

/* Menu */

#menu{
	margin-left: -8px;
	margin-right: -8px;
	height: 17px;
	background-color: #CBB789;
	clear:left;
}

.menuleft{
	float: left;
	margin-top: -1px;
	padding-left: 2px;
	color: #FFFFFF;
	font-weight: bold;
	margin-right:4px;
}

.menuright{
	float: right;
	margin-top: -1px;
	padding-right: 2px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left:4px;
}

.img_barre{
	margin:0;
	padding:0;
	height:8px;
	border:0;
}

a img{
	border:0;
	border:none;
}

#barre_exp{
	margin: auto;
	width: 265px;
	height: 29px;
	background-image: url('../../images/design/barre_exp.PNG');
	margin-top: -11px;
	margin-bottom: -8px;
}

#barre_exp_deconnecte{
	margin: auto;
	width: 265px;
	height: 18px;
	background-image: url('../../images/design/barre_exp_deconnecte.PNG');
	margin-top: 0px;
	margin-bottom: -8px;
}

#barres_xp{
	margin: auto;
	width: 240px;
	height: 20px;
	margin-top: -27px;
	margin-bottom: -1px;
	padding-left:41px;
}

#menu_h{
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -6px;
	border-top: 19px solid #CBB789;
	text-align: center;
}

#menu_h2 {
	text-align: center;
	margin:auto;
	margin-top:-22px;
}

.barre{
	border-top: 19px solid #CBB789;
	margin-top: -6px;
	margin-left:-8px;
	margin-right:-8px;
}

.sousmenu {
	width:121px; /* Normalemnt 141, mais 10 de padding * 2 ça fait plus que 121 */
	height:121px;
	background-image:url('../../images/design/div_menu.png');
	padding:10px;
	margin:auto;
	font-size:0.9em;
	margin-top:-2px;
	line-height:12px;
}

.sousmenu2 {
	width:160px;
	height:120px;
	background-image:url('../../images/design/div_menu2.png');
	padding:10px;
	margin:auto;
	font-size:0.9em;
	line-height:12px;
}

#menu_h img{
	margin-top: -19px;
}

#menu_left_page{
	float:left;
	top:500px;
	margin-left:-25px;
	width:135px;
	height:380px;
}

#menu_right_page{
	float:right;
	top:500px;
	margin-right:-23px;
	width:135px;
	height:380px;
}

.menu_avatar{
	margin-left:-12px;
	padding-bottom:2px;
	padding-top:1px;
}

.table_village{
	width:100%;
}

#profil_membre_gauche{
	float:left;
	width:40%;
	border-right: 1px solid rgb(187,160,99);
	padding-left: 10%;
}

#profil_membre_droite{
	float:left;
	width:39%;
	padding-left: 10%;
	
}

.image_stat_menu{
	padding-top:5px;
	padding-bottom:8px;
}

.armureetarme{
	max-height:89px;
}

.exp_pv{
	display:inline;
}

/* Corps de la page */

#corps{
/*	color:#61512c; */
	margin-top:50px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	margin-left:145px;
	margin-right:145px;
}

#div_village{
	float:left;
	margin:auto;
	width:50%;
}

#div_village .image{
	width:400px;
	height:200px;
	background-image:url('../../images/design/div_village.png');
	padding:13px;
	padding-top:12px;
	margin:auto;
}

#div_village .action{
	width:426px;
	background-image:url('../../images/design/div_village_milieu.png');
	margin:auto;
}

#div_village .action .texte{
	width:400px;
	padding-left:35px;
	padding-right:35px;
	padding-top:7px;
	padding-bottom:7px;
	margin:0;
}

#div_village .bottom{
	width:426px;
	height:13px;
	background-image:url('../../images/design/div_village_bottom.png');
	margin:auto;
}

#description_village{
	margin:auto;
	float:left;
	width:49%;
}

#description_village .block1{
	width:152px;
	height:144px;
	text-align:center;
	margin:auto;
	background-image:url('../../images/design/pnj_description.png');
}

#description_village .block2 .top{
	width:260px;
	height:12px;
	margin:auto;
	background-image:url('../../images/design/div_description_top.png');
	margin-top:15px;
}

#description_village .block2 .bottom{
	width:260px;
	height:13px;
	margin:auto;
	background-image:url('../../images/design/div_description_bottom.png');
}

#description_village .block2 .milieu{
	width:260px;
	margin:auto;
	background-image:url('../../images/design/div_description_milieu.png');
	font-size:11px;
}

#description_village .block2 .texte{
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
}

#pnj_lieu, #pnj_lieu_int{
	width:100px;
	height:100px;
	display:block;
	margin:auto;
}

#pnj_lieu_int{
	float:left;
}

#div_personnage{
	padding-right:5px;
	float:left;
}

/* Chat */

#chat{
	margin-top:30px;
}

#chat .left{
	height:250px;
	width:15px;
	background-image:url('../../images/design/div_chat_left.png');
	float:left;
}

#chat .right{
	height:250px;
	width:15px;
	background-image:url('../../images/design/div_chat_right.png');
	float:right;
}

#chat .milieu{
	height:250px;
	background-image:url('../../images/design/div_chat_milieu.png');
	width:100%;
}

#chat .milieu .texte{
	padding-top:16px;
	padding-bottom:16px;
	text-align:left;
	color:black;
}

#chat input[type=text]{
	background-position:right;
	background-repeat: no-repeat;
}

/* Image des lieux */

#lieu .description .top{
	width:264px;
	height:142px;
	background-image:url('../../images/design/div_lieu.png');
	margin:auto;
}

#lieu .description .milieu{
	width:238px;
	padding:3px;
	padding-left:13px;
	padding-right:13px;
	background-image:url('../../images/design/div_lieu_milieu.png');
	margin:auto;
}

#lieu .description .bottom{
	width:264px;
	height:12px;
	margin:auto;
	background-image:url('../../images/design/div_lieu_bottom.png');
}

#lieu .deplacement{
	width:136px;
	height:128px;
	padding:8px;
	background-image:url('../../images/design/div_deplacement.png');
	display:block;
	text-align:center;
	margin:auto;
}

#lieu #table_deplacement{
	width:100%;
	margin-top:5px;
}

/* Pied de page */

.div_histoire, .div_classement{
	background-repeat:no-repeat;
	height:127px;
	width:302px;
	padding:0px;
	z-index:20;
	cursor:pointer;
	margin-top:30px;
}

.div_histoire{
	background-image:url('../../images/design/accueil/histoire.png');
	background-position:left;
	float:left;
	margin-left:-16px;
}

.div_classement{
	background-image:url('../../images/design/accueil/classement.png');
	background-position:right;
	float:right;
	margin-right:-16px;
}

.div_histoire a, .div_classement a{
	display:none;
}

.histoire{
	padding:10px;
}

.histoire p{
	text-indent:20px;
	line-height:18px;
}

#pied_page{
	width:764px;
	height:99px;
	background-image:url('../../images/design/pied_page.png');
	margin:auto;
	clear:both;
	text-align:center;
	display:block;
	padding-top:24px;
}

.partenaires{
	margin-left:80px;
	margin-right:76px;
	margin-top:8px;
}

.partenaire{
	display:inline-block;
	width:99px;
	height:31px;
	margin-right:1px;
	vertical-align:middle;
}

.lien_partenaire{
	margin-top:-10px;
	display:inline-block;
	background-color:#e7ddc7;
	padding:2px;
	color:#c9b484;
	font-weight:bold;
}

.div_conteneur3{
	margin-left:-4px;
	margin-right:-4px;
	margin-bottom:-4px;
	background:url("../../images/design/fond_pied_page_gauche.png") no-repeat bottom left;
}

.div_conteneur4{
	width:100%;
	background:url("../../images/design/fond_pied_page_droite.png") no-repeat bottom right;
}

/* Lien */

a{
	color:#787878;
	text-decoration:none;
}

a:hover{
	color:#aaaaaa;
}

#menu a{
	color:white;
	text-decoration:none;
}

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

/* Formulaire */

label,acronym,input[type=button],input[type=submit] {
	cursor:pointer;
}

input,textarea, .button {
	margin:0.5px;
}

input[type=text],input[type=password],input[type=submit], input[type=button], input[type=file], textarea, .button {
	border:1px solid #cbb789;
}

.texte input{
	background-color:transparent;
}

.texte input:hover{
	border:1px solid #cb8d76;
}

.texte input:focus{
	border:1px solid #cb6464;
}

/* Liste organisée */

ol{
	padding-left:20px;
}

/* Bulle d'aide */

#dhtmltooltip{
	position: absolute;
	width: 180px;
	border: 1px solid #CBB789;
	background:url('../../images/design/tip.png') repeat;
	-moz-border-radius: 6px;
	padding: 2px;
	visibility: hidden;
	z-index: 100;
	color: #AB8F4E;	
	font-size:11px;
	margin-top:3px;
}

/* design/ général */

hr{
	border:none;
	border-top:1px solid #bba063;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}

img{
	border:none;
}

ul{
	list-style-type:none;
}

h1 span{
	display:none;
}

h1{
	text-align:center;
}

fieldset{
	-moz-border-radius: 8px;
	background-color:#d8c7a5;
	padding:5px;
	margin:5px;
}

legend{
	background-color:#e0d2b7;
	-moz-border-radius: 8px;
	border:1px solid #d8c7a5;
	padding:4px;
	font-size:1.1em;
	margin-left:15px;
}

#carte_tableau{
	display:none;
	border-collapse:collapse;
	table-layout:fixed;
}

#carte_tableau img{
	margin:0;
	padding:0;
}

#personage{
	float:left;
}

#compteRebour_affiche{
	float:right;
	margin-top:-10px;
	height:16px;
}

#div_chat_bataillon{
	margin-top:20px;
}

#didac{
	padding:5px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #cbb789;
	margin:5px;
	font-weight:bold;
}

/* Divers id */

#form_connexion{
	margin-top:20px;
}

#form_connexion p{
	display:inline;
	padding:4px;
}

#erreur_connexion{
	font-style:italic;
}

.modules{
	text-align:left;
	margin-left:0;
}

#tete_page .fenetre_fixe{
	margin-top:30px;
	margin-left:145px;
	margin-right:145px;
	margin-bottom:-20px;
}

#bulle_haut{
	background-color:#fff7d7;
	position:fixed;
	font-weight:bold;
	padding:3px;
	top:0px;
	left:75%;
	-moz-border-radius: 0px 0px 5px 5px;
	text-decoration:blink;
	display:none;
}

#attitude div{
	margin:3px;
	padding:3px;
	float:left;
	border:1px solid #cbb789;
	width:23%;
	text-align:center;
	cursor:pointer;
}

#attitude div:hover{
	border:1px solid #7b5a2b;
	cursor:pointer;
}

#ecurie tr{
	border:1px solid #cbb789;
}

/* Page d'inscription */
#inscription fieldset div{
	padding:5px;
}
#inscription .legend{
	display:none;
}
#inscription .fieldset1 label, #inscription .fieldset label{
	display:inline-block;
	width:40%;
}
#inscription .fieldset1{
	float:left;
	width:45%;
}
#inscription .sexe{
	text-align:right;
}

#inscription .mode_de_jeu1{
	float:left;
	width:22%;
	margin-right:1%;
}

#inscription .mode_de_jeu{
	float:left;
	width:22%;
	border-left: 1px solid rgb(187,160,99);
	margin-left:1%;
	margin-right:1%;
	height:99%;
}

#inscription .carac{
	display:block;
	float:left;
	width:80px;
	font-weight:bold;
}

#inscription #div_final{
	width:97%;
	margin:0 auto;
	margin-bottom: 10px;
	margin-top:10px;
}

/* Diverses classes de style */

.autoCompletion{
	width:200px;
	height:100px;
	border:1px solid #cbb789;
	margin:2px;
	overflow:auto;
	display:none;
}

.avatar_vide{
	font-weight:normal;
	font-size:0.9em;
	display:inline-block;
	margin-left:10px;
	margin-right:-10px;
	margin-top:10px;
}

.grosLien{
	border:1px solid #747474;
	background-color:#d8d8d8;
	color:#6d6d6d;
	padding:5px;
	margin:5px;
	display:inline-block;
	width:auto;
}

.gras{
	font-weight:bold;
}

.petit{
	font-size:0.8em;
}

.centre{
	text-align: center;
}

.collapse{
	border-collapse:collapse;
}

.hr{
	border-top:1px solid #bba063;
	margin-top:2px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:20px;
	display:block;
}

.news{
	width:100%;
	height:388px;
	clip:rect(0, 540px, 390px, 0);
	clip:rect(0 540px 390px 0);
	position:absolute;
	margin:auto;
}

.titre, .titre2{
	font-size:16px;
	border-bottom:1px solid #d8c6a4;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

.titre2{
	border-bottom:1px solid #E7DDC7;
}

.right, .left{
	display:block;
}

.right{
	float:right;
}

.left{
	float:left;
}

/* Les tableaux */

th{
	text-align:center;
	height:28px;
	background-image:url('../../images/design/th.png');
}

.table{
	border-collapse:collapse;
	border:1px solid #cdb38b;
	width:99%;
}

.table td{
	border:1px solid #cdb38b;
}

/* Le reste */

.legend2{
	display:block;
	border:1px solid #70654c;
	-moz-border-radius: 4px;
	background-color:#e0d2b7;
	padding:2px;
	margin:5px;
	color:black;
}

.legend2 img{
	display:block;
	float:left;
	margin-left:3px;
	margin-top:3px;
	margin-right:7px;
}

.attaque, .defense, .fuite{
	font-variant:small-caps;
	font-size:1.1em;
}

.attaque{
	color:red;
}	

.defense{
	color:blue;
}	

.fuite{
	color:#ffa500;
}

.adversaire{
	border:1px solid #cbb789;
	margin-left:20px;
	margin-top:15px;
	width:130px;
	text-align:center;
	padding:5px;
	float:left;
	cursor:pointer;
}

.adversaire:hover{
	border:2px solid #c0aa71;
	margin-left:18px;
	margin-top:13px;
	width:130px;
	text-align:center;
	padding:5px;
	float:left;
	cursor:pointer;
}

.conteneur_combat{
	text-align:center;
	width:830px;
	margin:auto;
	border:1px solid #cbb789;
}

.ligne_news{
	margin-left:5%;
	padding:3px;
}

/* Classement */
.classement{
	border-collapse:collapse;
	width:98%;
	margin-top:15px;
	margin:auto;
}
.classement tr{
	border-bottom:2px solid #e7ddc7;
	text-align:center;
}
.classement td{
	height:45px;
}
.txt_gauche{
	text-align:left;
}
h1 span{
	display:none;
}


/* Partenaire */
.div_partenaire{
	padding: 5px;
}

.code{
	border: 1px dashed grey;
	padding: 5px; 
	background-color:#d8c7a5;
}

.titre_code{
	text-indent: 20px; 
	margin-bottom: -12px;
}

/* Joueurs en ligne */
#joueurs_online{
	padding: 5px;
}

#joueurs_parvuras, #joueurs_gemara, #joueurs_argaia{
	float: left;
	margin-left:2%;
	margin-top:2%;
	width:30%
}

/*Equipe de NC */
#equipe_NC{
	padding:5px;
}

#classement .etiquette1{
	margin-left:15px;
	padding-top:9px;
	width:150px;
	float:left;
}
#classement .etiquette2{
	padding-top:9px;
	width:155px;
	margin-left:40px;
	float:left;
	text-align:center;
}
#classement .etiquette3{
	height:33px;
}
#classement .etiquette1 a, #classement .etiquette2 a, #classement .etiquette3 a{
	width:100%;
	height:100%;
	display:block;
}

#liste_quetes .niveau_titre{
	display:block;
	width: 100%;
	height: 20px;
	margin: 0 auto;	
	text-align: center;
	padding-top:5px;
	background-color:#cbb789;
	border: 1px solid #AF944F;
	background-image: url('../../images/design/deroulement.png');
	background-repeat: no-repeat;
	background-position: 30px, 2px;
}