/* ################################ BODY LINKS CONTROLS ##############################*/

html,body{
   height:100%;
  

}

body{
	font-family:verdana,helvetica,arial,sans serif;
	margin:0px;
	padding:0px 0px;

   color:#000;
   font-size:10pt;

 }
 
 .button{
 
   font-size:8pt;
   font-weight:bold;
 }
 
 #overall{
 

   width:1000px;
   margin: 0 auto;


   
   overflow:visible;

   height: auto !important;
   min-height: 100%;
   height: 100%;



 }

.spacer{clear:both;visibility:hidden;}




/* ############################## MAIN/RIGHT FRAME ################################## */


#mainFrame{
   border:0px solid black;
   float:left;

   width:850px;
   
   
   min-height: 100%;
}

#rightFrame{

   float:right;
   width:150px;
   min-height: 100%;
   text-align:center;



}

#contenu{


}
/* ############################## BANNIERE / MENUH / LOGO ################################## */

#banniere{

   height:102px;
}

#menuH{

   height:48px;
}

#menuH span{
   float:left;
}


#logo{
    height:102px;
}

#logoBtm{
   height:48px;
}


/* #################################### LAYERS / TABLEAU ########################################### */


.layer{
   display:block;
   overflow:visible;
   position:relative;
   float:left;
   text-align: left;
   cursor:pointer;

}


.tableau_indices{
   margin:auto;
   width:650px;
   height:488px;
   background:url(images/Tableau.jpg) center no-repeat;
   border:1px solid red;

}



.tableau_indices #tableau_message{
   padding:3px;
   background-color:#ffffcc;
   border:2px ridge red;
   position:relative;
   float:left;
   z-index:1000;
   width:550px;
   height:300px;
   left:50px;
   top:94px;
   color:#000;
   display:none;
   margin:auto;


}