/***************************************/
/*			general			   */
/***************************************/
/*les couleurs*/

/*   #9ED61D ==>vert */
/*   #204F08==>vert foncé */
/*   #BCF59F==>vert clair */
/*   #301D16 ==>marron trés foncé */
/*   #FED52E ==>orange-jaune */
/*   #8F6555 ==>marron-rouge-clair */


body {
	font-family: Comic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: white;
	background-image:url("images/ciel.jpg");
	background-repeat:repeat-x;
	margin:auto;
	width:780px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*P pour aligner les champs*/
p{
	text-align: left;
}

p.news{
	background-color: inherit;
	background-image:url("images/petitefleur.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
	color: #301D16;
	font-size: 13px;
	height:30px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 0px 0px 10px;;
}

/***************************************/
/*                  structure          */
/***************************************/
.entete {
	position:absolute;
	height: 179px;
	top:0px;
}

.login{
	position:absolute;
	height:30px;
	top:149px;
	width:560px;
	background-image: url("images/bandeau.gif");
	background-repeat:no-repeat;
	padding:3px 15px 0px 210px;
	color:#9ED61D ;
}

.contenant{
	position:absolute;
	top:179px;
	width:780px;
	height:600px;
	background-image: url("images/bandeau.gif");
	background-position:0px -30px;
	vertical-align: top;
}

.menu{
	float: left;
	position:absolute;
	width:210px;
	text-align: center;
}


.corp{
	position:absolute;
	width:530px;
	height:590px;
	top:0px;
	left:210px;
	vertical-align: top;
	overflow : auto;
	}
	
.pied{
	position:absolute;
	background-image: url("images/pied.gif");
	width:780px;
	height:40px;
	top:100%;
}

.singe{
	position:absolute;
	background-image: url("images/singe.gif");
	left:750px;
	width:120px;
	height:800px;
	top:-198px;
}

/*Pour le main*/

.menuMain{
	float: left;
	position:absolute;
	width:160px;
	text-align: center;
	border: 1px solid red;
}
	
.corpMain{
	position:absolute;
	width:600px;
	height:590px;
	top:0px;
	left:160px;
	vertical-align: top;
	overflow : auto;
	//border: 1px solid red;
}
	
.piedMain{
	position:absolute;
	background-image: url("images/piedMain.gif");
	width:780px;
	height:40px;
	top:100%;
}	
	
.contenantMain{
	position:absolute;
	top:179px;
	width:780px;
	height:600px;
	background-image: url("images/bandeauMain.gif");
	background-position:0px -30px;
	vertical-align: top;
}	


/***************************************/
/*			les menus			   */
/***************************************/

/***************************************/
/*		menu avant la connexion		   */
/***************************************/

.lapin{
	background-color: inherit;
	background-image: url("images/Lapin.gif");
	top:0px;
	left:30px;
	height:162px;
	width:140px;
	position:absolute;
	background-repeat:no-repeat;
}


a.inscription{
	background-image: url("images/boutonFeuille/inscription.gif");
	top:200px;
	height:53px;
	width:177px;
	left:7px;
	position:absolute;
	display:block;
}
a.inscription:hover{background-position: 0 -53px;}

a.visite{
	background-image: url("images/boutonFeuille/visite.gif");
	top:290px;
	height:53px;
	width:177px;
	left:7px;
	position:absolute;
	display:block;
}
a.visite:hover{background-position: 0 -53px;}

.infos{
	background-color: inherit;
	background-image: url("images/infos.gif");
	top:400px;
	background-repeat:no-repeat;
	left:7px;
	width:177px;
	position:absolute;
	color:#9ED61D;
	font-weight:bolder;
	text-align:left;
}

.infosMain{
	background-color: inherit;
	background-image: url("images/infos.gif");
	top:400px;
	background-repeat:no-repeat;
	width:177px;
	position:absolute;
	color:#9ED61D;
	font-weight:bolder;
	text-align:left;
}

/***************************************/
/*		menu aprés la connexion		   */
/***************************************/
.bienvenue{
	background-color: inherit;
	background-image: url("images/bienvenue.gif");
	top:0px;
	left:7px;
	width:177px;
	position:absolute;
	background-repeat:no-repeat;
	color:#9ED61D;
	font-weight:bolder;
	text-align:left;
}

a.jeux{
	background-image: url("images/boutonFeuille/jouer.gif");
	top:160px;
	height:53px;
	width:177px;
	left:7px;
	position:absolute;
	display:block;
}
a.jeux:hover{background-position: 0 -53px;}

a.messagerie{
	background-image: url("images/boutonFeuille/messagerie.gif");
	top:220px;
	height:53px;
	width:177px;
	left:7px;
	position:absolute;
	display:block;
}
a.messagerie:hover{background-position: 0 -53px;}

a.troc{
	background-image: url("images/boutonFeuille/troc.gif");
	top:280px;
	height:53px;
	width:177px;
	left:7px;
	position:absolute;
	display:block;
}
a.troc:hover{background-position: 0 -53px;}

a.terrier{
	background-color: inherit;
	color: inherit;
	background-image: url("images/boutonFeuille/terrier.gif");
	top:340px;
	height:53px;
	width:177px;
	left:7px;
	position:absolute;
	display:block;
}
a.terrier:hover{background-position: 0 -53px;}

/***************************************/
/*		menu du Main		    	   */
/***************************************/
.carte{
	background-color: inherit;
	background-image: url("images/carte.gif");
	top:200px;
	left:7px;
	position:absolute;
	background-repeat:no-repeat;
	color:#9ED61D;
	font-weight:bolder;
	text-align:left;
}
.minicarte{
	background-color: inherit;
	background-image: url("images/minicarte.gif");
	top:0px;
	width:177px;
	position:absolute;
	background-repeat:no-repeat;
}

/***************************************/
/*		menu du terrier		    	   */
/***************************************/
.service{
	width: 400px;
	height: 80px;
	top:545px;
	left:80px;
	position:absolute;
}

a.banque{
	background-image: url("images/boutonTerrier/banque.jpg");
	height:80px;
	width:48px;
	left:Opx;
	position:absolute;
	display:block;
	border: solid 1px #FED52E;
}
a.banque:hover{background-position: 0 80px;}

a.foire{
	background-image: url("images/boutonTerrier/foire.jpg");
	height:80px;
	width:48px;
	left:93px;
	position:absolute;
	display:block;
	border: solid 1px #FED52E;
}
a.foire:hover{background-position: 0 80px;}

a.repos{
	background-image: url("images/boutonTerrier/repos.jpg");
	height:80px;
	width:48px;
	left:186px;
	position:absolute;
	display:block;
	border: solid 1px #FED52E;
}
a.repos:hover{background-position: 0 80px;}

a.boutique{
	background-image: url("images/boutonTerrier/boutique.jpg");
	height:80px;
	width:48px;
	left:279px;
	position:absolute;
	display:block;
	border: solid 1px #FED52E;
}
a.boutique:hover{background-position: 0 80px;}

a.annonce{
	background-image: url("images/boutonTerrier/annonce.jpg");
	height:80px;
	width:48px;
	left:364px;
	position:absolute;
	display:block;
	border: solid 1px #FED52E;
}
a.annonce:hover{background-position: 0 80px;}

/***************************************/
/*		menu interne du terrier		    */
/***************************************/
.terrier{
	background-color: inherit;
	background-image: url("images/terrier2.gif");
	top:0px;
	left:7px;
	width:177px;
	position:absolute;
	background-repeat:no-repeat;
	color:#9ED61D;
	font-weight:bolder;
	text-align:left;
}

a.banquePetit{
	background-image: url("images/boutonTerrier/banquePetit.jpg");
	top:160px;
	height:53px;
	width:150px;
	left:25px;
	position:absolute;
}

a.foirePetit{
	background-image: url("images/boutonTerrier/foirePetit.jpg");
	top:220px;
	height:53px;
	width:150px;
	left:25px;
	position:absolute;
}

a.reposPetit{
	background-image: url("images/boutonTerrier/reposPetit.jpg");
	top:280px;
	height:53px;
	width:150px;
	left:25px;
	position:absolute;
}

a.boutiquePetit{
	background-image: url("images/boutonTerrier/boutiquePetit.jpg");
	top:340px;
	height:53px;
	width:150px;
	left:25px;
	position:absolute;
}

.annoncePetit{
	background-image: url("images/boutonTerrier/annoncePetit.jpg");
	top:400px;
	height:53px;
	width:150px;
	left:25px;
	position:absolute;
}

.retourCarte{
	background-image: url("images/boutonFeuille/jouer.gif");
	top:513px;
	background-repeat:no-repeat;
	left:7px;
	height:53px;
	width:177px;
	position:absolute;
}
a.retourCarte:hover{background-position: 0 -53px;}




/***************************************/
/*	La boutique, banque, foire 	       */
/***************************************/
.tabArea {
  font-family: Comic, Verdana, Arial, Helvetica, sans-serif;
  color:black;
  font-size: 12px;
  position:relative;
  width:480px;/*largeur de la boutique*/
}

.tabSecondArea {
  position:absolute;
  top:10px;
  left:10px;
}

/*bouton achat-vente*/
.tab {
  background-image: url("images/fond1.jpg");
  font-weight:bold;
  text-align:center;
  width:60px;
  height:23px;
  text-decoration: none;
  top:0px;
}


.tabContenu {
  background-color: #7AC528;/*tour vert de la boutique*/
  border: 1px solid black;
  position:absolute;
  left:10px;
  top:32px;
  width:100%;
  height:300px;/*hauteur de la boutique*/
}

/***************************************/
/*			La banque			    */
/***************************************/
.tabContenu .afficheChocopepiteBanque {
  width:95%;
  position:relative;
  left:12px;
  top:12px;
  background-color: #7AC528;
}

.tabContenu .formulaire {
  width:95%;
  position:relative;
  left:12px;
  top:12px;
  background-color: #7AC528;
}

.formulaire .tabBouton {
  text-align:right;
  width:95%;
  background-color: #7AC528;
  position:relative;
  top:12px;
  right:0px;
}

.tabContenu .alerte {
  width:95%;
  position:relative;
  left:12px;
  top:30px;
  background-color: #7AC528;
  font-weight:bold;
}

/***************************************/
/*      	La boutique	               */
/***************************************/
.tabListe {
  background-color: #ffffff;/*Interieur blanc, liste objet*/
  border: 1px solid black;
  width:90%;
  height:150px;
  position:relative;
  left:12px;
  top:12px;
  overflow:auto;
}

.tabListe table {font-family: Comic, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}

.tabChoix {
  background-color: #7AC528;/*cadre vert*/
  width:90%;
  height:110px;
  position:relative;
  left:12px;
  top:25px;
}

.tabChoix .afficheChocopepite {background-color: #7AC528;}
.tabChoix .afficheChoix {background-color: #7AC528;}

.tabChoix .tabBouton {
  background-color: #7AC528;
  position:absolute;
  right:0px;
  bottom:0px;
}

.afficheChoix table{ font-family: Comic, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.afficheChocopepite table{font-family: Comic, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}


/***************************************/
/*			Messagerie			    */
/***************************************/
.carnetAdresse{
	top:0px;
	background-color: #9ED61D;
	left:260px;
	width:200px;
	position:absolute;
	color:#301D16;
	font-weight:bolder;
	text-align:left;
	padding:5px;
	border: 1px solid black;
}

.NewMessagerie{
	color:#301D16;
	font-weight:bolder;
	text-align:left;
	background-color: #9ED61D;
	padding:5px;
	border: 1px solid black;
}


.ajoutContact{
	color:#301D16;
	font-weight:bolder;
	background-color: #9ED61D;
	border: 1px solid black;
	text-align:center;
	vertical-align:center;
	padding:5px;
	width:475px;
}

.TitreAjoutContact{
	color:#301D16;
	font-weight:bolder;
	background-color: #FED52E ;
	border: 1px solid black;
	text-align:center;
	vertical-align:center;
	padding:5px;
	width:475px;
}


#affichage{padding:0px 0px 0px 15px;position:relative;}

table.listeMessage{border: 1px solid #9ED61D;width:480px;	font-weight:bolder;}
.listeMessage td{border: 1px solid #9ED61D;}
.listeMessageHaut {
	background-color: #301D16;
	color: #9ED61D;
}


.ligne1 {/*vert*/
	background-color: #9ED61D;
	color: #301D16;
}

.ligne2 {/*jaune*/
	background-color: #CAE48D;
	color: #301D16;
}

table.Message{border: 1px solid #9ED61D;width:480px;}
.Message td{border: 1px solid #9ED61D;}
.Message tr{
	border: 1px solid #9ED61D;
	font-weight:bolder;
	background-color: #9ED61D;
	color: #301D16;
	text-align:center;
}

tr.corpsMessage{
	background-color: inherit;
	font-size:10pt;
	color:white;
	text-align:left;
}

.boutonMessagerie{
	border-collapse:separate;
	border-spacing: 30px;
}

a.messagerieSujet:link {color: #301D16;}
a.messagerieSujet:visited {color: #301D16;}
a.messagerieSujet:active {color: #9ED61D;}
a.messagerieSujet:hover {color:#F79C27;}

/**************************************************/
/*				Les onglets				   */
/*************************************************/

div.tabOnglet {
  font-weight: bold;
  position:absolute;
  top:640px;
}

div.tabSecondOnglet {
  position:absolute;
  height:100%;
  width:40px;
  background-color: #7AC528;/*vert*/
}

/*Les onglets avec les mimi images des mimichants*/
.Onglet {
  height:58px;
  background-image: url("images/fond1.gif");
  background-repeat: no-repeat;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
  text-align : center;
}

/*conteneur Info*/
div.tabMainOnglet {
  float:left;
  position:absolute;
  left:39px;
  height:375px;
  width:540px;
  background-color: #7AC528;/*vert*/
  overflow:auto;
}


div.contenuOnglet{}
img {border:none;}

/*Quelques span...*/
span.info{
	font-weight:bolder;
	font-variant:small-caps;
	font-size:8pt;
}

span.descriptif{
	font-weight:bolder;
	font-style:italic;
	font-size:9pt;
}

/*Image + infos*/
.MimiGauche{
  width:270px;
  position:absolute;
  border: 1px solid #301D16;
  background-color:#BCF59F;/*vert clair*/
}


/*caracteristiques +  case*/
.MimiDroit{
  left:280px;
  position:absolute;
  border: 1px solid #301D16;
  background-color:#BCF59F;/*vert clair*/
}

/*tableau des caracteristiques du mimi*/
tab.TabCaracteristique{
  border: 1px solid #301D16;
}

.TabCaracteristique tr{
  border: 1px solid #301D16;
    background-color:#CAE48D;
}
.TabCaracteristique td{
  border: 1px solid #301D16;
}

/*Liste des objets portés par le mimichant affichés en ligne*/
.Inventaire{
  position:absolute;
  border: 1px solid  #301D16;
  left:5px;
  top:200px;
  overflow:auto;
  width:400px;
  background-color:#BCF59F;/*vert clair*/
}

/*acces a l'inventaire*/
.PancarteInventaire{position:absolute;left:420px;top:130px;}

/*Pour l'inventaire des objet dans l'inventaire (1 ligne/2)*/
tab.tabInventaire{
	border: 1px solid #9ED61D;
	width:480px;
	font-weight:bolder;
}

.tabInventaireHaut td{
	border: 1px solid #9ED61D;	
	background-color: #301D16;
	color: #9ED61D;
}

tab.tabInventaire.ligne1 tr {/*vert*/
	background-color: #9ED61D;
	color: #301D16;
}

tab.tabInventaire.ligne2 tr{/*jaune*/
	background-color: #CAE48D;
	color: #301D16;
}





/**********************/
/*liens*/
/**********************/
a:link {background-color: inherit;color: #9ED61D}
a:visited {background-color: inherit;color: #BCF59F;}
a:active {background-color: inherit;color: #9ED61D;}
a:hover {background-color: inherit;color:#204F08;}


input {
	border: 1px solid #9ED61D;
	background-color: #301D16;
	color: #9ED61D;
}

input:hover {
	border: 1px solid #301D16;
	background-color: #FED52E ;
	color: #301D16;
}

option {
	background-color: #301D16;
	color: #9ED61D;
}

select {
	border: 1px solid black;
	background-color: #301D16;
	color: #9ED61D;
}


.hidden {display: none;}
.visible {display: block;}



/***************/
/*la table box*/
/***************/

table.box {
	border-collapse: collapse;
	margin: 15px 15px 15px 15px; /*marge de la table*/
	text-align: justify;
	background-color: inherit;
	color:#301D16;
	width:480px;
	vertical-align: top;
}

/*titre de la table*/
table.box .boxtopborder {
	background-color: #FED52E;
	background-image: url("images/fleur.gif");
	background-repeat:no-repeat;
	background-position:right top;
	height:40px;
	font-family: Comic, Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	color: #301D16;
}

/*titre de la table2*/
table.box .boxtopborder2 {
	text-align:justify;
	padding:0px 0px 10px 10px;
	font-family: Comic, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #7AC528;
}

/*titre de la table3-Annonce*/
table.box .boxtopborder3 {
	background-image: url("images/annonce.gif");
	text-align:justify;
	padding:0px 40px 5px 30px;
	font-family: Comic, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: white;
	background-repeat:no-repeat;
	height:70px;
}

/*texte*/
table.box .textetable{
	background-color: inherit;
	padding:10px 5px 0px 0px;
	color: #FED52E;
}




/******************************/
/*	Inscription partie 2	*/
/******************************/

.restedutexte{
top:300px;
left: 0px;
position: absolute;
vertical-align:bottom;
text-align:center;
}

/****************** LES LISTES******************/
.liste1{left:250px;top:30px;position: absolute;text-align:center;}
.liste2{left:250px;top:60px;position: absolute;text-align:center;}
.liste3{left:250px;top:90px;position: absolute;text-align:center;}
.liste4{left:250px;top:120px;position: absolute;text-align:center;}

/***************/
/* autre*/
/***************/

#bigmap {
	border-collapse: collapse;
	margin: 10px;
}

#bigmap td {
	width: 30px;
	height: 30px;
	background-color: black;
	color: inherit;
	margin: 0px;
	padding: 0px;
}




/******************************/
/*        mimichants inscription        t*/
/******************************/

/****************** tableau de couleur  ******************/
#tabColor {
position: absolute;
width:200px;
height:60px;
left : 0px;
top : 220px;
border: none;
}

.caseColor {
position:absolute;
display:inline;
width:20px;
height:20px;
border: none;
}

#divColor {
position:absolute;
width:103px;
height:153px;
border:1px solid black;
left:350px;
top:10px;
}

#conteneurMimichant {
width: 480px;
height: 200px;
position: absolute;
top:400px;
}

#conteneurMimichant img{
left:0px;
top:0px;
position: absolute;
}

/****************** BOUTON OREILLE ******************/
#divOreille{
top:15px;
left:50px;
position:absolute;
height:30px;
width:200px;
}

#divTete{
top:55px;
left:50px;
position:absolute;
height:30px;
width:200px;
}

#divCorps{
top:95px;
left:50px;
position:absolute;
height:30px;
width:200px;
}

#divQueue{
top:135px;
left:50px;
position:absolute;
height:30px;
width:200px;
}

#bnT{
top:0%;
left:100%;
position:absolute;
}

#bnC{
top:0%;
left:100%;
position:absolute;
}

#bnO{
top:0%;
left:100%;
position:absolute;
}

#bnQ{
top:0%;
left:100%;
position:absolute;
}

.textArray{
top :2%;
left:25%;
position:absolute;
}



