* {
	font : 11px Tahoma, Arial, Sans-serif;
	}
   
* html, body {	
	background-position : top center ;
	background : url(etoiles.gif);
	margin : 36px 0px 35px 0px;
	background-repeat : repeat;
	background-attachment : fixed ; 
	background-color : #000000;
	color : #FFFFFF;
	}
	
a {	
	color : #e00000; 
	text-decoration : none;
	font-weight : bold;
	}

a:hover {
	color : #e00000;
	text-decoration : underline;
	font-weight : bold;
	}

a:active, a:focus {
	outline : none;
	font-weight : bold;
	}

input {
	color : #ffffff;
	background-color : #000000;
	border	: 1px white solid;
	width : 180px;}

input.radio {
	color : #ffffff;
	border	: 0px white solid;
	width : 100px;
	background:transparent;
	vertical-align:middle;}

input.bouton {	
	color : #ffffff;
	background-color : #000000;
	border : 1px white solid;
	width : 104px;
	}

select {
	border : 1px solid #ffffff;
	color : #ffffff;
	background : #000000;
	width : 104px;
	}

option {
	border : 0px solid #ffffff;
	}

em.carte {
	font-weight:bold;
	color:#00a0e0;
	}

em.ibultitl {
	font-weight:bold;color:#e00000;
	}

em.carte span {
	display: none;
	}

em.carte:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	background: #0b0c17;
	color: #ffffff;
	padding: 3px;
	border: 1px solid #948f8e;
	font-style:italic;}

/* Infobulle */

a.carte {
    position: relative;
    color: #E00000;
    text-decoration: none;
    font-weight: bold;
}

a.carte span {
    display: none;
}

a.carte:hover {
    background: none;
    z-index: 500;
}

a.carte:hover span {
    display: inline;
    position: absolute;
    white-space: nowrap;
    background: #0B0C17;
    color: #FFFFFF;
    top: 20px;
    left: 20px;
    padding: 3px;
    border: 1px solid #948F8E;
    text-decoration: none;
    font-style:italic;
}

/* Lien factions */

a.factions {
	color : #00a0e0; 
	text-decoration : none;
	font-weight : bold;
	}
	
a.factions:hover {
	color : #00a0e0;
	text-decoration : underline;
	font-weight : bold;
	}

a.factions:active, a.factions:focus {
	outline : none;
	font-weight:bold;
	}
