body {
	padding:0px;
	margin:0px;
	background-color: #564c3f;
	font-family:Verdana;
	font-style: normal;
	font-size: 0.7em; /*Taille relative*/
	color: #CCC;

}

img {
	border: 0px solid #000000;	
}

table, tr , td {
	font-size: 12px;	
}

a { 
	font-weight: bold; 
	text-decoration:none;
	color : #C08D2A;
	/*color : #EE0000;*/
} 

a:hover { 
	color:#F4B335;	
	/*color:#CC6666; */
} 

input, textarea, select {
	border: 1px solid #CC0000;	
	background: #550000;
	font-family:Verdana;
	font-style: normal;
	font-size: 0.8em; /*Taille relative*/
	color: #CCC;

}

.arrondi {
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius: 10px;
}

form {
	margin:0px;
	padding:0px;	
}

ul {
	margin:0px
}

H1 {
	color: #A75F19;
	margin:0px;
	padding-bottom:20px;
	text-align:center;
}

label {
	DISPLAY: inline ; 
	FLOAT: left ; 
	WIDTH: 140px ; 
	font-weight: bold;

}

.barre {
	position:absolute;
	top:0px;
	background-color: #564c3f;
	width:30px;
	height:100%;
}

.barre ul, .barre li {
	list-style-type:none;
	margin:0px;
	padding:0px;	
}

html>body .barre{
  position: fixed;
}

/*Gestion des infobulles sur les liens (classe infoToolTip) : via un span dans le lien */
a.infoToolTip {
    position:relative;
    z-index:24; 
    background-color:#660000;
    color: #FFFFFF;
    text-decoration:none;
}

a.infoToolTip:hover {
	z-index:25; 
	background-color:#660000;
	text-decoration:none;
}

a.infoToolTip span {
	display: none;
}

a.infoToolTip:hover span {
    color: #FFFFFF;	
    display:block;
    position:absolute;
    width:100px;
    border:1px solid #000;
    background-color:#660000; 
    text-align: center;
}


.page {
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
	background-color: #000000;
	margin-left:30px;
	margin-right:150px;
	padding-left:10px;
	padding-right:10px;
}

/* Suppression de la marge droite sur le forum */
.pageForum {
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
	background-color: #000000;
	margin-left:30px;
	margin-right:5px;
	padding-left:10px;
	padding-right:10px;
}

#barregauche {
	left:0px;
	top:200px;
	z-index:1;
}

#menugauche {
	margin-top:100px;
}

#barredroite {
	padding-top:200px;
	width:150px;
	right:0px;
}

#logo {
	position:relative;
	border:0px solid #FFF;
	margin-top:0px;
	height:100px;
	background-color: #564c3f;
	margin-left:30px;
	padding-left:0px;
	z-index:100;	
}

#calendrierSemaine {
	margin-left:30px;
	margin-right:150px;	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	background-color: #000000;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}

#calendrierMois {
	padding-top:5px;
	background-color: #000000;
}

#main {
	padding-top:20px;
	border-top:1px solid #A1A1A1;
}

#footer {
	border-bottom: 1px solid #A1A1A1;
	height:100px;
	margin-bottom:20px;
	color:#444444;
	font-size:9px;
}



.GVpost {
	padding:0px;
	margin:0px;
	padding-bottom:30px;
	
}

.GVpost .titre  {
	margin:0px;
	padding:0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #990000;	
	background: #660000;
	background-image: url('../img/fond_titre_fonce.gif');
	background-repeat: both;
	font-weight:bold;
	font-variant: small-caps;
	font-size: 1.5em; /*Taille relative*/
	color: #FFFFFF;	
	text-align:center;
}

.GVpost .titre .icone {
	float:left;
	margin:0.1em;
	width:1.1em;
}


.GVpost HR {
	/* Style supprimant le bug IE des marges infèrieures et supérieures de HR */
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	color: #CC0000;
	background-color: #CC0000;
	border: 0;
}

.GVpost ul {
	list-style-type: none;
}


.GVpost ul li img {
	vertical-align:middle;	
}
.GVpost .contenu {
	margin:0px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #990000;	
	background: #440000;	
	padding: 10px 10px 20px 10px;
}

.GVpost .signature {
	margin:0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #990000;	
	background: #990000;
	background-image: url('../img/fond_titre_fonce.gif');
	background-repeat: both;
	font-size: 0.9em; /*Taille relative*/	
	text-align:right;	
}

.GVpost .vignette {
	width:80px;
	float:right;
	margin:0.2em;	
}

.lettrine {
	font-size: 2em;
	margin-left:0.3em;
}


.menu-totem {
	padding:0px;
	padding-bottom:10px;	
	margin:5px;
	background: #660000;
	border-width: 1px;
	border-style: solid;	
	border-color: #CC0000;	
}

.menu-totem .titre {
	margin:0px;
	padding:0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CC0000;	
	background: #660000;
	background-image: url('../img/fond_titre.gif');
	background-repeat: both;
	font-weight:bold;
	font-variant: small-caps;
	font-size: 1em; /*Taille relative*/
	color: #FFFFFF;	
	text-align:center;	
}

.menu-totem .contenu {
	padding:5px;
}

.menu-totem ul, .menu-totem li {
	list-style-type:circle;
	list-style-position: inside;
	margin:0px;
	padding-left:5px;
	vertical-align:center;
}

.sans-puce, .sans-puce li {
	list-style-type:none;
}

/* Texte des messages d'erreur */
.erreur {
	font-weight:bold;
	color:#F00;
}

.titreInterne {
	font-weight:bold;
	font-variant: small-caps;
	font-size: 1em; /*Taille relative*/
	color: #FFFFFF;	
}

/* Texte grisé */
.texteGris {
	color:#666666;
}

/* Texte vert */
.texteVert {
	color:#00FF00;
}

/* Texte en gras */
.texteFort {
	font-weight:bold;	
}


/* Texte correspondant aux classes */

.classeVoleur {
	color:#FFFF80;
}

.classeGuerrier {
	color:#585050;
}

.classeMage {
	color:#80FFFF;
}

.classeDemoniste {
	color:#6D39F1;
}

.classePretre {
	color:#FFFFFF;
}

.classeDruide {
	color:#E1C079;
}

.classeChaman {
	color:#FEDEFE;
}

.classeChasseur {
	color:#ADD56D;
}