body { 
  width: 700px;
  position:center;
  color: #88a;
  margin: 0 auto;
  background: url(http://img15.hostingpics.net/pics/416516FondSalma.jpg);
  background-position:center;
  background-repeat:repeat-x;
  background-attachment:fixed;
  font-family: "Lobster"; /*Police du profil*/
  font-size: 0.9em; /*Taille police*/
}
h1 {
  background: #FFF url('http://img15.hostingpics.net/pics/365158BannireSalma.jpg');/*change le nom par un blason*/
  color: #e00;
  opacity: 0.85;
  height: 150px;/*largueur bannière*/
  text-align: center;/* Centre le texte "nom du troll" */
  font-size: 0%; /*Taille de la police. Là, o% parce qu'il faut la virer*/
  border: 3px solid #44171C;
  /*-moz-border-radius: 15px;*/
}
blockquote {/*Cadre qui entoure les citations (sorte de spoiler)*/
	border: solid 2px #602226;/*fait un cadre de la couleur donnée*/
	background: #00;
	padding: 5px;/*Espacement du texte ?*/
	margin-bottom: 15px;/*Espace en dessous et au dessus du cadre*/
	height: 40px;/*Taille de départ du cadre*/
	overflow: hidden; /*Cache la suite du texte*/ 
}
blockquote a img { 
margin-right : 10px; 
float : left; 
}
blockquote:hover {
	border: solid 2px #752F41;/*change la couleur du cadre au survol*/
	margin-bottom: 15px;/*Espace en dessous et au dessus du cadre*/
	height: auto;/*Le auto permet de dévoiler le reste de la citation*/
}

input, select, option {    /*bouton afficher et numéro*/
	font-family: "Lobster";
}

input {
	font-size: 0.85em;/*taille bouton afficher et numéro*/ 
	border: 2px solid #602226;
	opacity: 0.85; 
}

h2 {
	display: none;/* suppression du titre Description et Son Profil général*/
}
a, a:link, a:active, a:visited {
	color: #680415; /*change la couleur des liens*/
	text-decoration: none;/*Supprime le souligné*/
	font-weight: bold;//*Mets en gras*/
}	
a:hover {
	color: #6C0416;/*change de couleur au survol du lien*/
}
a img {
	border: none;
}
ul#pjLinks {
  background-color: #000;
  font-family: "Courier New", Courier, monospace;
  opacity: 0.9;
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  border: 3px solid #44171C;
  -moz-border-radius: 15px;
  height: 30px;
  font-size: 140%;
}
ul#pjLinks li {
  display: inline;
  padding: 10px;
}
ul#pjLinks a {
  text-decoration: none;  /* Supprime le style par défaut "souligné" des liens */
  font-weight: bold;      /* Applique l'effet "gras" sur la police */
  color: #680415; /*change la couleur des liens*/
}
ul#pjLinks a:hover {
  color: #53020E;
}
#formView {
  padding-left:0;
  text-align: center;
}
form#formView .submit {
  
  margin-left: 100px;
  margin-top: -23px;
}
form#formView .submit input {
  border: 3px solid #44171C;
  -moz-border-radius: 15px;
  background-color: #000;
  opacity: 0.9;
  color:#680415;
  font-weight: bold;
}
form#formView .submit input:hover {
 color:#53020E;
}
#IDPJ label {
  display: none;
}
#IDPJ input {
  width: 50px;
  text-align: center;
  margin-left: -85px;
}

#profil {
  background-color: #000;
  opacity: 0.9;
  margin-top: 10px;
  padding: 20px;
  line-height: 20px;
  border: 3px solid #44171C;
  /*-moz-border-radius: 15px; */
}
#disclaimer {
   background-color: #000;
   opacity: 0.9;
   font-size: x-small;
   font-weight: normal;
   text-align: center;
   border: 3px solid #44171C;
  -moz-border-radius: 15px;
}
#description {
   background-color: #000;
   opacity: 0.9;
   padding: 20px;
   border: 3px solid #44171C;
   font-size : small;
  /*-moz-border-radius: 15px;*/
}
#styleSwitcher {
  border: 3px solid #44171C;
  -moz-border-radius: 15px;
  background-color: #000;
  opacity: 0.9;
  text-align: center;
  width: 300px;
  margin: 0 auto;
}
#styleSwitcher a {
  text-decoration: none;  /* Supprime le style par défaut "souligné" des liens */
  font-weight: bold;      /* Applique l'effet "gras" sur la police */
  color: #680415; /*change la couleur des liens*/
}
#styleSwitcher a:hover {
  color: #53020E;
}
dt {
  float: left;
  font-weight: bold;
  margin-top: -1px;
  font-size:small;
  color:#88a;
}
dt {
  float: left;
  font-weight: bold;
  margin-top: -1px;
  font-size:small;
  color:#88a;
}
dt:hover {
	color: #454561;/*Change la couleur au survol des rubriques du profil*/
}
dd {
  color: #ccc;
  text-indent: 10px;
}
dt.blason {
  display: none;
}
dd.blason {
  /*border: 2px ridge #e00;
  -moz-border-radius: 15px;*/
  opacity:1;
  position:left;
  text-align:center;
  float: right;
}
dd.numero span#envoiMessage {
  display: block;
}
dd.numero span#envoiMessage a {
  text-decoration: none;
  color: #741416;
}
dd.numero span#envoiMessage a:hover {
  color: #5F1012;
}
.email {
  display: none;
}
dd.guilde a {
  text-decoration: none;
  color: #741416;
  font-weight: bold;
}
dd.guilde a:hover {
  color: #5F1012;
}
dd.mouches a {
  text-decoration: none;
  color: #741416;
  font-weight: bold;
}
dd.mouches a:hover {
  color: #5F1012;
}
dt.guilde, dt.mouches, dt.meurtres, dt.deces, dt.equipement {
  margin-top: 0px;
}
dt.distinctions, dt.maladie, dt.equipement, dt.possessions {
  float: none;
  padding-left: 2px;
}
dd.distinctions ul, dd.maladie ul, dd.distinctionsHorsJeu ul, dd.trolligion ul, dd.maladie ul, dd.equipement ul, dd.possessions ul {
  list-style-type: none;
  padding: 2px 0;
}
dd.equipement li span.magie {
  color: #741416;
  font-weight: bold;
  font-size:small;
}
dd.possessions a {
  text-decoration: none;
  color: #741416;
  font-size:small;
}
dd.possessions a:hover {
  color: #5F1012;
}
.numero, .race, .creation, .niveau, .guilde, .mouches, .meurtres, .deces, .possessions, .equipement, .distinctions, .rang, .distinctionsHorsJeu, .maladie, .trolligion {
  padding: 2px;
  font-size:small;
}

/*Page events : */

#IDPJ_Events label {
  display: none;
}
#IDPJ_Events input {
  display:none;
}

#formEvents {
  padding-left:0;
  left:0;  
}
form#formEvents .submit {
  margin-left:180px; 
  margin-top: -21px;
}
form#formEvents .submit input {
  border: 3px solid #44171C;
  -moz-border-radius: 15px;
  background-color: #000;
  opacity: 0.9;
  text-align: center;
  color: #680415;
}
form#formEvents .submit input:hover {
  background-color: #ccc;
 color:#53020E;
 font-weight:bold;
}
#EventType label {
  display:none;
}
#EventType select{
  border: 3px solid #44171C;
  background-color: #000;
  opacity: 0.9;
  text-align: center;
  color: #602226;
  margin-top:0px;
}



#navigation {
    border: 3px solid #44171C;
    background-color: #000;
    opacity: 0.9;
        width:120px;
    font-size:small;
        text-align:center;
}
#navigation span{
padding-left: 0px;
}
#navigation span a{
    text-decoration: none;
        color: #741416;
}

#navigation span a:hover {
    text-decoration: none;
        color: #5F1012;
}

#suppressionEvents {
        background-color: #000;
   opacity: 0.9;
   font-size: x-small;
   font-weight: normal;
   text-align: center;
   border: 3px solid #44171C;
  -moz-border-radius: 15px;
}

table#events, table#chasse {
    border: 3px solid #44171C;
        /*-moz-border-radius: 15px;*/
        background-color: #000;
    opacity: 0.9;
        
        border-spacing: 0;
        width: 100%;
}

table#events th, table#chasse th{
    border: 3px solid #44171C;
        -moz-border-radius: 15px;
        background-color: #000;
    opacity: 0.9;
        }
table#events td, table#chasse td {
        font-size: small;
        padding: 2px;
        text-align:center;
}

table#events td.eventDescription a.mh_trolls_1 {
        color: #642627;
        text-decoration:none;
}
table#events td.eventDescription a.mh_trolls_1:hover {
        color: #742C2E;
        text-decoration:none;
}
table#events td.eventDescription a.mh_trolls_0 {
        color: #642627;
        text-decoration:none;
}
table#events td.eventDescription a.mh_trolls_0:hover {
        color: #742C2E;
        text-decoration:none;
}
table#events td.eventDescription a.mh_monstres {
        color: #73352D;
        text-decoration:none;
}
table#events td.eventDescription a.mh_monstres:hover {
        color: #853F34;
        text-decoration:none;
}
table#chasse td.chasseMonstre a {
        color: #73352D;
        text-decoration:none;
}
table#chasse td.eventMonstre a:hover {
        color: #853F34;
        text-decoration:none;
}

/*Mouches*/

table#mouches {
border: 3px solid #44171C;
        /*-moz-border-radius: 15px;*/
        background-color: #000;
    opacity: 0.9;
        
        border-spacing: 0;
        width: 100%;
}
table#mouches th{
 border: 3px solid #44171C;
        -moz-border-radius: 15px;
        background-color: #000;
    opacity: 0.9;
}
table#mouches td {
        font-size: small;
        padding: 2px;
        text-align:center;
}
table#mouches th.nom a{
color: #680415;
        text-decoration:none;
}
table#mouches th.age a{
color: #680415;
        text-decoration:none;
}

table#mouches th.nom a:hover{
color: #53020E;
        text-decoration:none;
}
table#mouches th.age a:hover{
color: #53020E;
        text-decoration:none;
}

/*classement*/

#classements{
border: 3px solid #44171C;
        /*-moz-border-radius: 15px;*/
        background-color: #000;
    opacity: 0.9;
    font-size:small;
   padding-left:10px;
}
dt.classements{
border: 3px solid #44171C;
-moz-border-radius: 15px;
font-weight:bold;
}
dd.classements{
float:right;
}