/******************************************************* 
 * STYLE FOR TOC/LEGEND  
 *******************************************************/
.toc BODY {
    background-color : #B1BBC5;
    background: url('fond_gene.gif');
}

.toc TD,TH {
    color: #000000;
    text-align: left;
}

/*** Links: eg. open/close nodes ***/
.toc A {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
}
.toc .hyperField {
   text-decoration: underline;
}

.toc A:hover {
    text-decoration: none;
}

.toc A:visited {
    color: #000000;
}



/*** checkboxes ***/
TD.cbx {
    color: #000000;
    width: 5px;
    text-align: left;
    /*padding: 0px 0px 0px 1px;
    background-color : #EBEBEB;
    border-top:    1px solid #999999;
    border-left:   1px solid #999999;
    */
}

.cbx INPUT {
    color: #000000;
    width: 20px;
    text-align: left;
}


/*** open/close img ***/
TD.opcl {
    width: 12px;
}


/*** Categories ***/
TH.cat {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

/*** Groups/Layers ***/
TH.grp {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}

IMG {
    border: none;
}


.MenuA {
   color: #205DA9;
}

.BarreEntreMenu {
   color: #205DA9;
}

/* Text Color for visible layers */
.vis {
    color: #000000;
}

/* Text Color for unvisible layers (not visible at current scale)*/
.unvis {
    color: #C0C0C0;
}

.DIVMenu {
	background-color : #FFFFFF;
	background: url('fond_gene.gif');
	scrollbar-face-color:#D3D3D3; 
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#F7F7F7;
}

/**** BUTTONS  ****/
.toc .button_on {
    color: #000000;
    background-color : #003366;
    text-align: center;    
    border: 1px solid #FFFFFF;
    width: 50%;
}

.toc .button_off {
    background-color : #EBEBEB;
    text-align: center;
    border: 0px solid #003366;
    width: 50%;
}



/**** STYLE FOR TOC/LEGEND ITEMS ****/

.legtab  {
    margin: 2px 3px 2px 3px;
    background: url('fond_gene.gif');
}


.legtab TABLE {
    border-left:  0px solid #999999;
    border-right: 0px solid #999999;
    border-bottom: 0px solid #999999;
}

.legtab TD {
    color: #000000;
    font-style: italic;
    padding: 1px 3px 1px 3px;
    text-align: left;
    border-top:    0px solid #999999;
    border-left:   0px solid #999999;
    border-bottom: none; /*1px solid #999999;*/
    border-right:  none; /*1px solid #999999;*/
    /*white-space: nowrap;*/
}

.legtab TH {
    color: #000000;
    padding: 0px 0px 0px 2px;   
    margin-top: 10px;   
}

.legtab IMG {
    margin-top: 1px;
}


/* Buttons used in TOC and legend */
#legbutton {
    margin: 3px 0px 5px 0px;
    width: 100%; 
    height: 22px;
}


/*** TOC & Legend ***/
.toclegend {
    overflow: visible;
    width: 100%;
    height: auto;
    padding: 0px;
    z-index : 90; 
}



/*** Legend displayed over map  ***/
.maplegend {
    position: absolute;
    visibility: hidden;
    overflow: auto;
    left : 0;
    top : 0;
    width: 200px;
    height: auto;
    padding: 5px;
    z-index : 90; 
    border-color: #333333;
    border-width: 1px;
    border-style: solid;
    background: #EEEEEE;
    background-color: #EEEEEE;
    filter: alpha(opacity=90); 
    -moz-opacity: 0.9;
}




.toclegend0 {
    position: absolute;
    visibility: visible;
    overflow: auto;
    left : 0;
    top : 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    z-index : 90; 
}