p{
padding-left: 5px;
padding-top: 2px;
}

textarea{
width: 98%;
font-size: 130%;
}

.cantselect{
-webkit-user-select: none; 
-khtml-user-select: none;
-moz-user-select: none; 
-o-user-select: none;
user-select: none; 
}
.hide{
display: none;
}
.TextAlignCenter{
text-align: center;
}
/*
Bouton des box. Deplacer / fermer */
.close{
position: absolute;
right:5px;
top: 5px;
width:26px;
height:26px;
display: block;
background:url('../img/design/close.png') no-repeat;
z-index: 300;
opacity: 0.5;
}
.close:hover{
cursor: pointer;
opacity: 0.8;
}
.mpo:hover{
cursor: pointer;
background-color: #1c1c1c;
}
.ihov:hover{
cursor: pointer;
}
.mp:hover{
cursor: pointer;
color: #5DC8CD;
}
/*Tchat*/
.couleur1{
color: #FFFFFF;
}
.couleur3{ /*rouge attaque chat*/ 
color: #ED5C6B;
}
.couleur7{ /* @ parle */
color: #D2C556;
}
.chuchotement{
font-size: 89%;
opacity: 0.65;
}
.parle{
font-size: 95%;
opacity: 0.9;
}
/*accueil*/


.btn{
display: inline-block;
padding: 5px 12px 5px 12px;
border: 1px;
font-weight: 700;
font-size: 100%;
background-color: #333;
color: #d0d0d0;
}
.btn:hover{
cursor: pointer;
background-color: #6AA3A0;
color: #101010;
}

/*
/*
/* INGAME 
/*
*/
#ingame{
position: absolute;
top:0px;
font-size: 78%;
width: 100%;
height:100%;
margin: auto;
}
/*LOADZONE */
#loadzone{
position: relative;
top:0px;
}
#mid{
position: absolute;
width: 1000px;
left: 110px;
}

.nagivaccueil,.mporange{
cursor: pointer;
color: #e38c11;
}



#datazone,#loadzone{
/*
    display: none;*/
    position: absolute;
    top: 10px;
    left: 10px;
}

/*
GESTION COMPTE PERSONNAGE

*/

#menu_admin{               
height: 15px;
}
#menu_admin > div{ 
display: inline-block;          
height: 20px;
padding: 10px;
font-variant: small-caps;
font-size: 105%;
font-weight: 700;
}
#menu_admin > div{
display: inline;
}
#menu_admin > div:hover, #menu_compte > div:hover,.menu_haut:hover{            
cursor: pointer;
}



.wrapperso{

/*background-image: url('../img/design/site/new/gestionper.png');*/
background-repeat:no-repeat;
display:inline-block;
position:relative;
margin:10px;

}
.wrapperso_form{
display: inline-block;

margin-top: 10px;
position: relative;

}
.perso{
text-align: center;
position: relative;
/*width: 150px;*/
display: inline-block;
color:#707070;
background-color: #e5e5e5;
top: 17px;

}
.perso_header{
font-size: 120%;
font-weight: 700;
font-variant: small-caps;
color:#e0e0e0;
position: relative;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
font-size: 109%;
padding: 5px;
}


.gestion_perso {
/*padding: 10px;*/
position: relative;
height: 100%
}
#mes_infos{

color: #666;
}
/*
.zone_gerer_perso{
  
background-color: #e5e5e5;
height: 490px;

overflow: auto;
position: absolute;
top: 500px;
width: 550px;


 width: 100%;
    height: 490px;
    overflow: auto;
    position: absolute;
    top: 5%;
    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
    border: 1px solid  ;
    z-index: 200;
}
.zone_gerer_perso_form{
   width: 100%;
    height: 490px;
    overflow: auto;
    position: absolute;
    top: 5%;
    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
    border: 1px solid  #124852;
}*/
/*#descripform,#titreform,#optcouleur{
    height: 100%;
}*/


.btn_desc{
position: relative;
display: inline-block;
/*top: 410px;
left:470px;	*/
}
.rep_description{
position: relative;

border: 10px;
left: 10px;
width: 250px;
}
/*Formulaire avatar*/
.inputavatarsub,.btnavatarsub{

position: relative;
display: inline;
}
.chargeavatar{
position: relative; 
width:550px;
height:150px;
}


.textegest{
/*color: #666;*/
/*padding: 20px;*/
margin: 10px;
font-size: 110%;
/*text-align: center;*/
}
.textegestacc{
    position: relative;
    top:25%;
    /*margin: auto;*/
    padding: 20px;
    font-size: 120%;
    
    color:#FFF;
    
    text-align: center;
    font-weight: 700;
    line-height: 0px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
    line-height: 16px;
}


/*Formulaire avatar end*/
.inputtitre{
box-shadow: none;
background: #e0e0e0;
color: #666;
font-size: 105%;
display: inline;
}
.reponsetitre{
position: absolute;
border: 10px;
left: 10px;
width: 250px;	
}
.btn_titre{
position: relative;
display: inline;
margin: 2px;
}


#newperso{
/*position: absolute; 
left: 280px;
top: 180px;*/
font-size: 80%;
}


/*A suprimer ? */
/*.zoomitem{
float: left;
border: 1px solid #ddd;
border-radius: 3px;
margin: 10px;
width: 280px;
height: 390px;
overflow: hidden;
padding-top: 10px;
position: relative;
}
.zoomitem:hover{
background-color: #2c2c2c;
}
*/