/* ************************************************************************************************

	Copyright (c) 2005-2006, IGR
	All Rights Reserved.
	Licensed under the Apache License version 2.0 or above.
	For more information on licensing, see:
        http://www.apache.org/licenses/


 ************************************************************************************************
 
 /****************START BEHAVIOR.CSS ********************/

/*    styles de la forme fantomatique éventuellement utilisée lors d'un dragAndDrop */
.DDinfoFrame {
					  position:absolute;
                      font-size : 0.7em;
                      border: 1px  solid black; 
                      background-color : gray;
                      width : auto;
                      height: 15px;
                      color : white;
}
DIV.g_HL {
	position : absolute;
	font-size : 0.5em;
	height:0px; 
	clip : rect(0,auto,2,0);
}	
DIV.g_VL {
	position : absolute;
	font-size : 0.5em;
	width:0px; 
	clip : rect(0,2,auto,0);
}	

DIV.g_green 	 {border:1px solid green;}
DIV.g_lightBlue  {border:1px solid lightBlue;}
DIV.g_red 		 {border:1px solid red;}

DIV.g_dashed 	 {border-style : dashed;}

DIV.line {
	position : absolute;
	font-size : 0.5em;
}	
DIV.horizontal{
	height:0px; 
	border :5px solid gray;
/*	clip : rect(0,auto,5,0);*/
}
DIV.vertical{
	border :5px solid gray;
	width:0px; 
}
DIV.greenBorder 	 {border:1px solid green;}
DIV.aquamarineBorder {border:1px solid lightBlue;}
DIV.redBorder 		 {border:1px solid red;}

DIV.dashed {border-style : dashed;}



/*  cadre en pointillés */
DIV.ghostDD_frame,DIV.fantomeDD_cadre
                    { position:absolute;
                      font-size : 0.5em;
                      border: 1px #C0C0FF dashed;
                     /* visibility:hidden;*/
                      display:none;
                     }
/*  a_plat coloré */
DIV.ghostDD_rect
                    { position:absolute;
                      font-size : 0.5;
                      background-color: #C0C0FF;
                   /*  visibility:hidden; */
                      display:none;
		/*	border:2px solid red;*/
                     }
DIV.ghostDD_rect,DIV.fantomeDD_aPlat
                    { position:absolute;
                      font-size : 0.5;
                      background-color: #C0C0FF;
                   /*  visibility:hidden; */
                      display:none;
                     }
                     
DIV.ghostDD_icone_DD_def                 
					{ position:absolute;
                      font-size : 0.5;
                      border: 1px  dashed red; /*#C0C0FF;*/
                      width : 15px;
                      height: 15px;
                      display:none;
                    }

DIV.fantomeDD_iconeDD_1
                    { position:absolute;
                      font-size : 0.5;
                      width : 15px;
                      height: 15px;
                      border : 1px green dashed;
                      display:none;
                    }
                     
DIV.maskSelectDD
                    { position:absolute;
                      font-size : 0.5;
                      top : 0;
                      left : 0;
                      background-color : gold;
                    }

/*    styles de la forme fantomatique éventuellement utilisée lors d'un redimensionnement */

/*  cadre en pointillés */
DIV.fantomeRS_cadre
                    { position:absolute;
                      font-size : 0.5;
                      border: 2px #C0C0FF dashed;
                      visibility:hidden;
                     }
/*  a_plat coloré */
DIV.fantomeRS_aPlat
                    { position:absolute;
                      font-size : 0.5;
                      background-color: #C0C0FF;
                      visibility:hidden;
                     }
                     
/****************  END BEHAVIOR.CSS ********************/

/****************START CODELABEL.CSS ********************/
.codeLabel_divGen {
      overflow:auto;
      position:absolute;
      height:30;
}


/****************  END CODELABEL.CSS ********************/



/****************START CURSOR.CSS ********************/
.curseurZoneFixe {
    /* par défaut mais modifiable ŕ la création des partitions*/
    top    : 0;
    left   : 0;
    width  : 100px;
    height : 100px;
    background-color : green;
}
.curseurZoneTirette {
    /* largeur de la tirette */
    width  : 4px;
    height : 4px;
    
    background-color : lightblue;
    border : 1px solid black;
}
/****************  END CURSOR.CSS ********************/


/****************  START POPUP ********************/


.ecranMasqueGris ,.ecranMasqueTransparent{
	position : absolute;
	width :  100%;
	height :100%;    
	z-index: 10001;	
	top:0;
	left:0;
}

.ecranMasqueGris {background:url(../images/imgFenSimple/transoverlay.gif) repeat;}

.ecranMasqueTransparent {background:url(../images/imgFenSimple/transparent.gif) repeat;}


/****************  END POPUP ********************/


/****************************************/
div.btonHidden,

div.btonModeOnglOff,   div.btonModeOnglOn,

div.btonFenReducOff,   div.btonFenReducOn,
div.btonFenRestaurOff, div.btonFenRestaurOn,
div.btonFenMaxOff, div.btonFenMaxOn,
div.btonFenFermOff,    div.btonFenFermOn,

div.btonModeFenOff,   div.btonModeFenOn
{
    height: 19px;
    width:20px;
}
div.btonHidden {
    display:none;
    background: url(../images/imgFenSimple/transparent.gif) no-repeat;
}

div.btonModeOnglOn {
    background: url(../images/boutons/icon-fenetre_on.gif) no-repeat;
}
div.btonModeOnglOff {
    background: url(../images/boutons/icon-fenetre.gif) no-repeat;
}

div.btonFenReducOn {
    background: url(../images/boutons/icon-reduir_on.gif) no-repeat;
}
div.btonFenReducOff {
    background: url(../images/boutons/icon-reduir.gif) no-repeat;
}
div.btonFenRestaurOn {
    background: url(../images/boutons/icon-multifenetre_on.gif) no-repeat;
}
div.btonFenRestaurOff {
    background: url(../images/boutons/icon-multifenetre.gif) no-repeat;
}
div.btonFenMaxOn {
    background: url(../images/boutons/icon-agrandir_on.gif) no-repeat;
}
div.btonFenMaxOff {
    background: url(../images/boutons/icon-agrandir.gif) no-repeat;
}
div.btonFenFermOn {
    background: url(../images/boutons/icon-fermer_on.gif) no-repeat;
}
div.btonFenFermOff {
    background: url(../images/boutons/icon-fermer.gif) no-repeat;
    width:20px;
    height:19px;
}

div.btonModeFenOn {
    background: url(../images/boutons/icon-multifenetre_on.gif) no-repeat;
}
div.btonModeFenOff {
    background: url(../images/boutons/icon-multifenetre.gif) no-repeat;
}
/* ne fonctionne pas avec IE : */
div.btonFenReduc:hover {
    height: 19px;
    width:20px;
    background: url(../images/boutons/icon-reduir_on.gif) no-repeat;
}
/****************  END DIV3D.CSS ********************/


/****************START GRID.CSS ********************/
/*--- image of the navigation area -------- */
.leftEdgeRoundDashBoard {
	background: url(../images/imgTableau/moniteur_arrondi_g.gif) no-repeat;
	width:22px;
	height:24px;
}
.rightEdgeRoundDashBoard {
	background: url(../images/imgTableau/moniteur_arrondi_d.gif) no-repeat;
	width:22px;
	height:24px;
}
.Div_nav
{
position:relative;
width:280px;
/*background-color:#DFECF3;*/
}

/*zone de texte de la zone de navigation*/
.Div_text
{
font-size:10pt;
position:relative;
top:4px;
left:40px;
width:145px;
height:24px;
text-align:center;
float:left;
/*display:inline;*/
font-family:Arial,Helvetica,sans-serif;
color:#666666;
overflow:hidden;   
/* fx text-overflow:ellipsis;*/
white-space:nowrap;   
}

/*Cellule de l'entete  */
.cellEntete
{
   position:relative;   
   float:left;   
   height:100%;    
}

/*texte de cellule de l'entete  */
.DivTexEntete{
   position:absolute;  
   left:5;
   color:#003798;
   font-weight:bold;   
   overflow:hidden;
   font-size:9pt;
   height:95%;   
   width:85%;   
 /* fx  text-overflow:ellipsis;*/
   white-space:nowrap;      
   font-family:Arial,Helvetica,sans-serif;           
}

/*ligne de data */
.grid_line
{ 
 cursor:pointer;  
 position:relative;  
 overflow:hidden;
 color:#666666; 
}

.subTexte
{ 
 font-size:10pt;
 left:5px;
 font-weight:bold; 
 position:relative;  
 overflow:hidden;
 color:white; 
 background-color: #AAAAAA;
 border:1px inset white;
 height:19px;   
}

.sousTexte
{ 
 height:18px;   
 font-size:10pt;
 left:5px; 
 position:relative;  
 overflow:hidden; 
 border:1px inset white;
}

.cellDec
{        
   width:8px;   
}

.cellSep
{         
   width:3px;
   background-image:url('../images/imgTableau/fillet.gif');
   float:left;   
   font-size:0;   
   height:100%;  
}

.imgCell
{      
   position:relative;   
   height:100%; 
   width:100%;
}

/*cellule de data */
.cellDec,.cellData
{      
   position:relative;
   float:left;   
   height:100%;   
   font-size:9pt;
}


/*texte de cellule de data */
.DivTexData{
   left:5px;
   position:relative;  
   height:95%;
   width:95%;   
   overflow:hidden;   
   white-space:nowrap;      
   font-family:Arial,Helvetica,sans-serif;           
}


/*image de coche*/
.coche
{
 padding: 0;
 overflow: hidden;
 position:relative;
 float:left; 
 top:3px;
 left:0px;
}

/*fleche de tri*/
.arrow
{
 padding: 0;
 overflow: hidden;
 position:relative;
 float:right; 
 top:4px;
}

/****************  END GRID.CSS ********************/

/****************START MENU.CSS ********************/

.divMenu {
    padding-top:3px;    
    background-color:#D3E7F7;
    border:1px outset white;
    position:absolute;
    white-space:nowrap;
}

.divMenuFixe {    
    /*border:2px outset rgb(120,172,255);*/
    border:1px inset white;
    position:absolute;        
    background-color: white;  
}

.fleche{
   float:right;
   position:absolute;
   top:3;   
}



.textItem{
   float:left;
   position:relative;
   height:100%;   
   left:5px;
   overflow:hidden;   
/* fx   text-overflow:ellipsis;   */
   white-space:nowrap;      
   font-family:Arial,Helvetica,sans-serif;
   cursor:pointer;
   font-size: 13px;    
}

.textItemSel{
    font-weight:bold;   
}

.imgItem{
   
   position:relative;
   height:100%;
   float:left;  
}



.divItemInactif{
    /*background-color: menu;*/
    height:100%;    
    font-family: arial;
    font-size: 13px;
    color:inactivecaption;             
}

.divItemOn { 
    background-color:#B0C4DE ;
    color:highlighttext;   
}

.divItemInactifOn { 
    background-color:#B0C4DE ;    
}

/***NOUVEAU MENU***/
.imgItemMenu {    
    position:relative;
    float:left;
    width:19px;
    height:100%;
    left:0;
    font-size: 0.5em;                
    
}




.itemText{            
    float:left;        
    height:100%;
    position:relative;
    cursor:pointer;    
    font-family:arial;
    font-size:10pt;
    overflow:hidden;   
/* fx    text-overflow:ellipsis;*/
    white-space:nowrap;    
    }
/****************  END MENU.CSS ********************/

/****************START PRINT.CSS ********************/

.tabImp {
    font-family:Arial,Helvetica,sans-serif;
    font-size:9pt;    
    font-weight:bold;    
}

.lineText {
    font-family:Arial,Helvetica,sans-serif;
    font-size:9pt;    
    font-weight:bold; 
    background-color:rgb(233,236,244);/* bleuté*/
    width:100%; height:20px;
}
.ligneImp{
    font-family:Arial,Helvetica,sans-serif;
    font-size:8pt;    
}

/****************  END PRINT.CSS ********************/


/****************START TAB.CSS ********************/



.ContenuOnglet{
 z-index:1; 
 overflow:auto; 
 width:100%;
 height:100%;  
 position:absolute
 }



/****************  END TAB.CSS ********************/

/****************START TREEVIEW.CSS ********************/

.DivText{        
    position:absolute;        
    top:3px;	
    font-family: arial;
    font-size: 9pt;    
    overflow: hidden;
    white-space: nowrap;                    
    cursor: pointer; 
   }

.textSel{    
    color: #00CCFF;    
    font-weight: bold;
  
}


.NodeSel{    
    font-weight: bold;
}


.Tree_DIVSUP{    
    white-space: nowrap;                    
}

.divTree{                        
    position:relative;
    font-size:0;
}

.divLeaf{                
    height:25px;
}

.divFloat{
    display:inline;
}

.imgTreeview{ 
	overflow:hidden;   
    position:absolute;        
    width:19px;   
    height:23px; 
}

.treeDivDD{
   z-index:1000;
   font-size:0; 
   position:absolute;  
   height:2px;
   width:40px;
   background-color:#99CCFF;
}
/****************  END TREEVIEW.CSS ********************/
