body {
	background-color: black;
	color:#0099FF;
	/* couleur d'écriture de base */
}
h1 {
	background-image:url('http://img32.imageshack.us/img32/931/banierea.png');

	background-repeat: no-repeat;
	background-position:center;

	width:100%;
	font-size:0px;

	padding:38px 0px;

	/*border: 2px solid #0099FF;
	-moz-border-radius: 20px;
*/
}
ul#pjLinks, form#formView {
	font-family:"Comic";
	text-align: center;        /* Centre le texte vis à vis du conteneur (la liste "pjLinks"), délimité par le cadre */
	border: 2px solid #0099FF;
	-moz-border-radius: 10px;
	position:absolute;

	
}
ul#pjLinks {
	top:94px;
	padding-left: 0;
	width:45%;
}
ul#pjLinks li {
	display: inline;           /* Affiche les différents éléments du conteneur sur une même ligne */
	padding: 10px;             /* Donne un peu d'espace aux liens, applique des "marges intérieures" */
}
ul#pjLinks li a {
	text-decoration: none;     /* Supprime le style par défaut "souligné" des liens */
	font-weight: bold;         /* Applique l'effet "gras" sur la police */
	color:#0099FF;
}
ul#pjLinks li a:hover {      /* L'attribut "hover" s'applique aux liens ("a") sur lesquels l'utilisateur passe la souris */
	color: #ED7F10;            
	font-style:italic;

}
form#formView {
	top:110px;
	right: 10px;                  /* ... à droite. */          
	text-align: center;        /* Centre les éléments dans le "cadre" */
	width: 45%;              /* Définit une largeur fixe à l'élément, une idée derrière la tête pour plus tard... */
}
form#formView div {
	display: inline;
	width:100%;
	font-weight:bold;
}
#IDPJ input {
	background: transparent;
	color:white;
	border:none;
	font-weight: bold;
	width: 50px;               /* Largeur de la zone de saisie du "numéro" du troll à afficher */
	text-align: center;        /* Centre le "numéro du troll" dans le champ <input> du formulaire */
}
form#formView div.submit input {
 	background-color: black;
	color:#0099FF; 
	font-weight: bold;      
	border: none;
}
form#formView div.submit input:hover {
	font-style:italic;

	color: #ED7F10;
}
h2 {
	color:black;
}
dl#profil {
	background: black;
	border: 2px solid #0099FF;
	-moz-border-radius: 50px;
	width:45%;
	padding-right:8px;
	min-height:740px;	
}
#disclaimer {
	position:absolute;
	font-size: x-small;
	font-weight: normal;
	width:100%;
	text-align: center;
	top:910px;
}
#description {
	border: 2px solid #0099FF;
	-moz-border-radius: 50px;
	background: transparent;
	padding: 20px;
	right:10px;
}
div#description span a {
	color:white;
	text-decoration:none;
}
div#description span a:hover {
	color:#ED7F10;
	text-decoration:underline;
}
div#description ol span li {
	color:#ED7F10;
}
div#description ol span li:first-line {
	color:white;
}
div#description ol span li a {
	color:#ED7F10;
	text-decoration:none;
}
div#description ol span li a:hover {
	color:white;
	text-decoration:underline;
}
div#description span ol li {
	color:#0099FF;
}
div#description span ol li:first-line {
	color:white;
}
div#description span ol li a {
	color:#0099FF;
	text-decoration:none;
}
div#description span ol li a:hover {
	color:white;
	text-decoration:underline;
}
#styleSwitcher {
	position: absolute;
	top: 135px;
	right: 10px;
	text-align: center;

}
#styleSwitcher a {
	text-decoration: none;
	color:white;
}
#styleSwitcher a:hover {
	color: #ED7F10;            
	font-weight:bold;
}
dt {
	font-size:115%;
	font-family:"Comic";
	color:#0099FF;
	margin-left: 0;
	left: 0;
	width: 100%;
	margin-left: 10px;
	text-align: left;
}
dt:first-letter {
	
	color:#ED7F10;
	
	font-family:"Monotype Corsiva";
	font-weight:bold;
	font-size:130%;
}


dt.equipement {
	margin-bottom:2%;
}

dd.race, dd.maladie, dd.equipement, dl#profil dd.niveau, dd.mouches, dd.meurtres, dd.deces, dd.creation, dd.possessions, dd.guilde {
	font-size:115%;
	font-family:"Impact";
	color:white;
	margin-left: 0;
	left: 0;
	width: 100%;
	text-align: center;        
}
	
dt.blason, .email {
	display: none;
}
dd.blason {
	background-image:url('http://img225.imageshack.us/img225/5517/zanzarabo5.png');
	background-repeat:no-repeat;

	background-position:center top;
	
	-moz-border-radius: 10px;

	padding:220px 150px;
	position:absolute;

	
	right:30px;
		
	top:300px;	
}
dd.blason:hover {

	background-image:url('http://img225.imageshack.us/img225/5517/zanzarabo5.png');
}
dd.blason img {
	display:none;
}
.numero {
	visibility: hidden;
}
dd.numero span#envoiMessage {
	visibility: visible;
	position: absolute;
	top: 88px;
	width:100%;
	right:10px;
	text-align: right;
}
dd.numero span#envoiMessage a {
	text-decoration: none;
	color:#0099FF;
}
dd.numero span#envoiMessage a:hover {
	color: #ED7F10;            
	font-weight:bold;
}
dd.deces{
	margin-bottom:2%;
}
dd#nomGuilde a {
	color:white;     
	text-decoration: none;
  
}
dd#nomGuilde a:hover {    
	color:#ED7F10;
	text-decoration: underline;; 
}
dd#rangGuilde{
	font-size:115%;
	font-family:"Impact";
	color:#ED7F10;
	margin-left: 0;
	left: 0;
	width: 100%;    
	text-align:center; 
}
div#infosVue {
	
	color:#ED7F10;
	
	background-color:black;
	
	padding:1px;
	
	font-family: verdana, helvetica;
	
	font-size: 11px;
	
	-moz-border-radius:5px;
	font-weight:400;

}
dd.maladie ul li {
	color:#ED7F10;

}
dd.maladie ul li:first-line {
	color:white;

}
dd.equipement ul li {
	
	color:#ED7F10;
	
}
dd.equipement ul li:first-line {color:white}




#Evénements{	
		background: transparent;
		min-height: 400px;
}
form#formEvents div {
	display: inline;
	padding:10px;
}
div#navigation {
	color:#0099FF;
	font-weight:bold;
	position:absolute;
	text-align:right;
	right:10px;
	top:88px;
}
div#navigation span.pagePrecedente a: hover {
	color:#ED7F10;
}
div#navigation span.pageSuivante a: hover {
	color:#ED7F10;
}
form#formEvents {
	border: 2px solid #0099FF;
	-moz-border-radius: 10px;
	font-weight:bold;
	width:45%;
	padding-right:4px;
	padding-left:4px;
	text-align:center;
}	
form#formEvents div#IDPJ_Events {
	display:none;
}
form#formEvents div#EventType select {
	color:#ED7F10;
	font-weight:bold;
	text-align:center;
	background:transparent;
	border:black;
}
form#formEvents div.submit input {
	color:#0099FF;
	font-weight:bold;
	text-align:center;
	background:transparent;
	border:none;
}
form#formEvents div.submit input:hover{
	color:#ED7F10;
	font-style:italic;
}
p#suppressionEvents {
	color:black;
}
table#events {
	width:100%;
	text-align:center;
	border: 2px solid #0099FF;
	-moz-border-radius: 40px;
}
table#events thead tr th{
	color:white;
	padding-left:10px;
}
table#events tbody tr td{
	padding-left:10px;
}
table#events tbody a {
	color:#ED7F10;
	text-decoration:none;
}
table#events tbody a:hover {
	color:white;
	text-decoration:underline;
}
table#events tbody td.eventType {
	color:white;
	font-size:90%;
	text-align:center;
}

dl#classements {

	margin-top:10%;	
	width:60%;
	margin-left:13%;
	margin-right:27%;
	
	border:2px solid #0099FF;
	
	-moz-border-radius: 150px;
	
	padding:50px;
	
}


dl#classements dd {

	font-size:115%;
	font-family:"Impact";
	color:white;
	width: 20%;
	text-align: right; 		
}
		
dl#classements dd.niveau {

	margin-left: 110px;		
}

dl#classements dd.classementNiveau {

	margin-left: 240px; 		
}

dl#classements dd.classementNiveauRace {

	margin-left: 340px;		
}

