/* BODY  */

html, body {
   height: 100%;
}
body {
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	line-height: 13px;
	background-image: url(/img/grand_fond.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #420C03;
}
#loading {
    position:absolute; top: 0px; z-index:300; visibility:hidden;
}
 /* IMG  */
.img-ombre {
	float:left;
	background: url(/img/ombre.png) no-repeat bottom right;  /* pour la plupart  des navigateurs.  */
	background: url(/img/ombre.gif) no-repeat bottom right; /* format gif pour IE */

  }
.img-ombre img {
	display: block;
	position: relative;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
  }
  
  /* INFOBULLES */
a.infobulle {
    position:relative; 
    z-index:24; 
	color:#eec876   
}

a.infobulle:hover {
	z-index:25;
	color:#eec876   
	}

a.infobulle span {
	display: none
	}

a.infobulle:hover span /*le contenu de la balise span ne sera visible que pour l'état a:hover */
{
 	display:block; 
 	position:absolute;
    top:-45px;
	left:-5px;
	width:40px;
    border:1px solid #6699cc;
    background-color:#eeeeee;
    padding:1px;
	color:#eec876   
    }
	  
 /* LES CALQUES  */
#sub1Div
{
	visibility:visible;
	width:520px;
	height:360px;
	position:static;
	left:auto;
	top:auto;
	overflow: auto;
	/* border:#00FF99 1px dotted; */
}
#sub2Div, #sub3Div, #sub4Div, #sub5Div, #sub6Div
{
	visibility:hidden;
	width:520px;
	height:360px;
	position:absolute;
	overflow: auto;
	/* border:#00FF99 1px dotted; */

}
.fixe {
	/* un bloc fixe situé en haut qui fait toute la largeur */ 
	position : fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 20px;
	height: 40px;
	/* et le patch pour IE */ 
	position : expression("relative");
	width : expression("20px");
	top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
	left : expression("0px");
	text-align: left;
}

.iframe {
	border: none;
} 

 /* LES LIENS */
a:link {
	text-decoration: none;
	color: #C61B1B;
}
a:visited {
	text-decoration: none;
	color: #C61B1B;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.liensbas {
	color: #757575;
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	float:left;
	width:950px;
	height:25px;
}
.liensbas a:link, .liensbas a:visited {
	color: #757575;
}
.liensbas a:hover, .liensbas a:active {
	text-decoration: underline;
}

 /* LES CLASS TAB */
.espace {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 23px;
}
.etiquettes {
	height: 18px;
	text-align: left;
	vertical-align: top;
	padding-top: 23px;
	padding-left: 30px;
}
 /* FORUMLAIRE */
.form {
	font-family: Arial;
	color: #FFFFFF;
	background-color: #631D11;
	vertical-align: top;
	font-size: 10px;
	border: 1px solid #CCCCCC;
    margin-bottom:5px;
}
.form:hover
{
	border: 1px solid #FF9900;
    margin-bottom:5px;
    color:#FFFFFF;

}
form.css fieldset
  {
    padding: 1em;
  	padding-left:15px;
	border: 1px solid #FF9900;
    
}
form.css label
  {
    display: inline;
    float: left;
    width: 140px;
    align:right;
  	padding-left:5px;
	font-weight: bold;
    font-size:12px;
    line-height:20px;
  } 

 /* LES TEXTES*/
h1 {
	font-size: 11px;
	color: #eec876;
	font-family: verdana;
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.txtblc10px {
	font-size: 10px;
	color: #FFFFFF;
}
.ptxt {
	font-size: 9px;
}
.txtclair {
	color: #eec876;
	font-size: 10px;
}
.txtrouge {
	color: #C61B1B;
	font-size: 10px;
}
.tabnormal {
  background-color: #420C03; 
}
.tabover {
	background-color: #631D11;
}