/* Feuille de style standard pour es@b. */
/* Eléments de base */
 
BODY {
  font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  font-size:12;
  color : black;
  background-color : white;
  background-image:url(Images/AP_body.gif);
  background-repeat:repeat-y;
  text-decoration : none;
  margin:0;
  margin-bottom:0;
  margin-left:10;
  margin-right:0;
  margin-top:0;
}

	
/* Un moyen pour afficher une image en tête de page de connexion.

.codeident {
	 background-image : url(Images/banniere_esab1.gif);
	 background-repeat : no-repeat;
 	 background-position : left top;
	 width: 100% ; 
	 height: 100% ;
}
*/




/* 1. Les différents titres existants - titres non inclus dans les différents tableaux */

    /* Titre et sous-titre pour toutes les pages */
    
        .TitrePage {
			background-color:#FFFFFF;
			background-image:url(/es@b/fr/Images/Page_titre.gif);
			background-position:left top;
			background-repeat:no-repeat;
			color:#20425e;
			font-size:15px;
			font-weight:bold;
			margin:6px 2px 8px;
			padding:4px 0 3px 38px;
			text-align:left;
		}
         .codeident {
          text-align : center;
          font-weight : bold;
          margin-top : 30px;
          margin-bottom : 30px;
          font-size : 100%
        }
        .SousTitre {
          margin-top : 200px;
          text-align : center;
          font-weight : bold;
          font-size : 90%;
        }
    
    /* Titres au-dessus des tableaux dans la page de synthèse */

        .TitreSynthese {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : black;
          font-size : 60%;
          font-weight : BOLD;
          text-align : left;
        }
    
    /* Titres d'informations complémentaires affichés au dessus des tableaux ( nom de l'abonné...) 
       SelectionTitre représentant le libellé et SelectionData : la donnée correspondante */

        .SelectionTitre, .SelectionData {
          font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
          color : black;
          background-color : white;
          font-size : 70%;
        }
        
        .SelectionTitre {
          text-align : right;
          font-weight : bold;
        }
        
        .SelectionData {
          text-align : left;
        }


/* 2. Les différents types de tableaux */

    /* 3 types de tableaux sont disponibles
       - TableauAffichage : affichage des informations stockés en base
       - TableauDialog    : affichage des informations non stockées, messages d'erreur...
       - TableauSaisie    : zones de saisie où l'info. est à stocker en base
       
       Note : La majorité des tableaux sont bicolores, le plus simple est d'avoir une déclaration 
              uniforme pour ces 3 tableaux, le paramétrage reposant sur le choix de la couleur de fond */
 
        /* Couleur de fond pour tous les types de colonnes de TableauSaisie */
        
        .TableauSaisie .ColonneNumerique, .TableauSaisie .ColonneIcone, .TableauSaisie .ColonneLibelle,
        .TableauSaisie .ColonneCode, .TableauSaisie .ColonneDate, .TableauSaisie .ColonneSaisie, 
        .TableauSaisie .ColonneCheck, .TableauSaisie .ColonneNumeriqueAlerte, 
        .TableauSaisie .ColonneCombo {
            background-color : #a7a6a6;
        }
        
        /* Couleur de fond pour tous les types de colonnes de TableauAffichage */
        
        .TableauAffichage .ColonneNumerique, .TableauAffichage .ColonneIcone, 
        .TableauAffichage .ColonneLibelle, .TableauAffichage .ColonneCode,
        .TableauAffichage .ColonneDate, .TableauAffichage .ColonneSaisie, 
        .TableauAffichage .ColonneCheck, .TableauAffichage .ColonneNumeriqueAlerte, 
        .TableauAffichage .ColonneCombo{
            background-color : #a7a6a6;
        }
        
        /* Couleur de fond pour tous les types de colonnes de TableauDialog */
        
        .TableauDialog .ColonneNumerique, .TableauDialog .ColonneIcone, 
        .TableauDialog .ColonneLibelle, .TableauDialog .ColonneCode,
        .TableauDialog .ColonneDate, .TableauDialog .ColonneSaisie, 
        .TableauDialog .ColonneCheck, .TableauDialog .ColonneNumeriqueAlerte,
        .TableauDialog .ColonneCombo {
            /*background-color : #a7a6a6;*/
        }

    /* 2 types de tableaux bicolores
       - TableauSaisieBicolore : tableau possédant des zones de saisie d'informations
       - TableauBicolore : tableau général */

.LegendeTableau {

          font-size : 60%;
          text-align : left;
        }  


        /* Couleur pour les lignes impaires */ 

        .TableauBicolore #impair, .TableauSaisieBicolore #impair {
          background-color : #D7D7D7;
        }

        /* Couleur pour les lignes paires */ 

        .TableauBicolore #pair, .TableauSaisieBicolore #pair {
          background-color : #a7a6a6;
        }

        /* Couleur des lignes de "Total" (module Titres) */
        .TableauBicolore #total, .TableauSaisieBicolore #total {
          background-color : #5F738B;
        }


        /* Couleur pour les lignes impaires pour les imprimés des relevés*/ 
        .TableauMouvementsSpecifBicolore #impair{
          background-color : #D7D7D7;
        }

        /* Couleur pour les lignes paires pour les imprimés des relevés*/ 
        .TableauMouvementsSpecifBicolore #pair {
          background-color : #a7a6a6;
        }

        /* Propriétés pour les imprimés des relevés*/ 
		.TableauMouvementsSpecifBicolore #pair, .TableauMouvementsSpecifBicolore #impair{
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : black;
          font-size : 60%;
          font-weight : bold;
          text-align : left;
		}

        /* Propriétés pour les titres des imprimés des relevés*/ 
        .TitreMouvementsSpecifTableau {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : white;
          background-color : #5F738B;
          font-weight : bold;
          text-align : left;
        }


		/* Couleur des lignes de "Total" (module Titres) */
        .TableauMouvementsSpecifBicolore #colonneMouvementsPrintSpecif {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-weight : bold;
          text-align : left;
        }


		/* Couleur des lignes de "Group" (module Effets Encaissements) */
        .TableauBicolore #group, .TableauSaisieBicolore #group {
          background-color : #FAAF50;
        }
    
/* 3. Les différents titres existants dans les tableaux */  

    /* Titres des tableaux = 1ère ligne d'un tableau */
        
        .TitreTableau {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : white;
          /*background-color : #527fa5;*/
		  background-image:url(Images/AP_titre1.gif);
		  background-repeat:repeat-x;
		  font-size : 60%;
          font-weight : bold;
          text-align : center;
		  height:30;
        }
    
    /* Si le titre est un lien ou une image, on peut définir les attributs spécifiques suivants */
    
        .TitreTableau A {
          color : white;
        }
        
        .TitreTableau IMG {
          border : 0;
          text-align : center;
        }
        
    /* Titres des tableaux à double entrée :
       - la 1ère ligne est qualifiée par TitreTableau2
       - la 1ère colonne est qualifiée par ColonneTitre */
    
        .TitreTableau2 {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : white;
          background-color : #5F738B;
          font-size : 60%;
          font-weight : bold;
          text-align : center;
        }
        
        .ColonneTitre, .ColonneTitrePaire, .ColonneTitreImpaire {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : white;
          background-color : #a7a6a6;
          font-size : 60%;
          font-weight : bold;
          text-align : center;
        }   
    
    
    /* Titres spécifiques à la page de synthèse - titres inclus dans les combo-box de sélection rapide
       au dessus des tableaux de la synthèse */
       
        .TitreTableau3 {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          color : white;
          background-color : #5F738B;
          font-size : 55%;
          font-weight : bold;
        }

/* 4. Formatage globale des zones de select, input */

    /* Toutes les zones qui proposent un choix dans une combo-box */
    
        .TitreTableau3 select, .ColonneCombo select {
         font-family : Verdana, Arial, Helvetica, sans-serif;
         font-size : 120%;
         font-weight : normal;
        }
    
    /* Toutes les zones où l'utilisateur peut saisir une donnée */
    
        .TitreTableau3 input, .ColonneSaisie input{
         font-family : Verdana, Arial, Helvetica, sans-serif;
         font-size : 120%;
         font-weight : normal;
        }

/* 5. Les différents types d'affichages dans un tableau 
      Note : Les types varient d'une colonne à l'autre et non d'une ligne à l'autre 
      On définit un style global, chagenemnt de quelques attributs ensuite */

    /* Style global pour les colonnes */
        
        .ColonneNumerique, .ColonneIcone, .ColonneLibelle, .ColonneCode,
        .ColonneDate, .ColonneSaisie, .ColonneCheck, .ColonneNumeriqueAlerte,
        .ColonneRupture, .ColonneVide, .ColonneColor{
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 60%;
          font-weight : bold;
        }
    
    /* ColonneNumerique       = Donnée numérique */

        .ColonneNumerique {
            text-align : right;
        }

    /* ColonneNumeriqueAlerte = Donnée numérique, sur laquelle on veut attirer l'attention (solde débiteur) 
                                    - utilisée dans le module Titres */

        .ColonneNumeriqueAlerte {
            text-align : right;
            color : red;
        }

        /* ColonneIcone = Cellule de tableau avec une icône/image */
        
            .ColonneIcone {
            text-align : center;
        }

        /* Attributs possibles sur cette icône */

            .ColonneIcone A {
                text-decoration : none;
            }

    /* ColonneLibelle = Affichage d'un texte ou identifiant long > 3 car. */
    
        .ColonneLibelle {
                text-align : left;
				height:20;
        }
	/* ColonneColor = Affichage d'un texte ou identifiant coloré. */
    
        .ColonneColor {
                text-align : left;
                color : grey;
        }
    
    /* ColonneCode = Affichage Identifiant court (FRF) */

        .ColonneCode {
            text-align : center;
        }
    
    /* ColonneDate = Date */
        
        .ColonneDate {
            text-align : center;
        }

    /* ColonneSaisie = Colonne avec une ou plusieurs zones de saisie (attribut input définis ci-dessus) */
    
        .ColonneSaisie {
            text-align : left;
        }
    
    /* ColonneCombo = Colonne avec une Combo Box (attribut select défini ci-dessus) */
    
        .ColonneCombo {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-size : 70%;
          font-weight : normal;
        }
        
    /* ColonneCheck = Colonne avec une Check Box */
    
        .ColonneCheck {
            text-align : left;
        }

    /* ColonneVide ou Colonne Rupture = Colonne de tableau vide (de la couleur du fond d'écran) */
    
        .ColonneRupture {
          color : black;
          background-color : white;
          text-align : left;
        
        }
        
        .ColonneVide {
          font-size : 60%;
        }

/* 6. Cas particulier : La ligne de fin du tableau, cette ligne est utilisée pour afficher un message
                        si le tableau est vide (pas de données disponibles...) */

    .BasTableau {
      font-family : Verdana, Arial, Helvetica, sans-serif;
      font-size : 60%;
      font-weight : bold;
    }

    .TableauSaisie .BasTableau, .TableauAffichage .BasTableau, .TableauDialog .BasTableau  {
          background-color : #D7D7D7;
    }

/* 7. Les messages d'informations sous les tableaux */

    .FootPrint {
      font-family : Verdana, Arial, Helvetica, sans-serif;
      margin-top : 20px;
      text-align : center;
      font-size  : 100%;
    }
    
    .FootPrintBorder {
      font-family : Verdana, Arial, Helvetica, sans-serif;
      margin-top : 20px;
      text-align : center;
      font-size  : 100%;
      border-width: thin;
      border-color: black;
      border : solid;
    }
    
   

/* 8. Les boutons */

    .Boutons {
        text-align : center;
        margin-top : 20px;
    }
    
    /* Attribut A pour les boutons */
        .Boutons A {
          text-decoration : none;
        }

	.RightBoutons {
        text-align : right;
        margin-top : 20px;
    }

	.LeftBoutons {
        text-align : left;
        margin-top : 0px;
    }

/* 9. Espacement entre 2 tableaux */
        
    .Break {
      margin-top : 0px;
    }


/* 10. Formatage des attributs HTML classiques et les liens */

    /* Contournement bug js du menu */
	.menu {
		background:#1e4865 url(/es@b/fr/Images/AP_menu.gif) repeat-x fixed center top;
		margin:0;
		padding:0;
    }
    
    /* Couleurs des liens */
    
        /* Passage de la souris au-dessus du lien 
            a:hover{
              text-decoration:none;
              font-weight:bold;
              color:blue;
            }
        */
        /* Couleur du lien 
            a:link{
              text-decoration:none;
              text-decoration:none;
              font-weight:bold;
              color:blue;
            }
        */
        /* Couleur du lien visité 
            a:visited{
              text-decoration:none;
              text-decoration:none;
              font-weight:bold;
              color:purple;
            }
        */
    /* Attributs spécifiques aux modules Webroker et Agence */
    
        L1 {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          text-align : left;
          font-weight : bold;
          margin-top : 30px;
          font-size : 100%;
        }
        
        OL {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          font-weight : normal;
          color : black;
          background-color : white;
          text-decoration : none;
          font-size : 70%;
        }
        
        OL B { /* Contournement bug netscape */
         font-weight : bold;
        }
        
        OL SMALL { /* Contournement bug netscape */
          font-size : 80%;
        }

		/* Utiliser pour la personnalisation des titres dans le nouveau menu en arbre */ 
		/* .menu1 {
	    	background-color : #FFFFFF;
	    }

		#root {
			color: white;
		 	background: transparent;
		 	font-family: Verdana, Arial, Helvetica, sans-serif;
		 	font-size: 60%;
		}
	    .subtext {
	     	font-family: Verdana, Arial, Helvetica, sans-serif;
	     	font-size: 60%;
	     	color: #000000;
	     	background: transparent;
	    }
	    .menu1 a {
	     	font-family: Verdana, Arial, Helvetica, sans-serif;
	     	font-weight: normal;
	     	font-size: 60%;
	     	text-decoration: none;
	     	color: #fff700;
	    	background: transparent;
	    }
	    a:hover {
	    	color: white;
	    	background: transparent;
	    }
	    a.tracked {
	    	color: white;
	    	background: transparent;
	    }
	    a.subexpanded {
	     	color: white;
	    	background: transparent;
	    }
	    a.subclosed{
	    	color: #fff700;
	    	background: transparent;
	    }
	    TD.tracked {
	    	font-family: Verdana, Arial, Helvetica, sans-serif;
	    	font-size: 60%;
	    	text-decoration: none;
	    	color: white;
	    	background: transparent;
	    } 

/* 12. Pagination : Lorsqu'une page de données est paginée, elle comporte en bas de page "Page 1 2 3" ...
                    Ces classes permettent de spécifier le formatage de cette zone */
    
    /* Définition globale de la zone à l'initialisation */
    
        .Pagination {
          font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
          color : #003366;
          background-color : white;
          font-size : 90%;
          font-weight : bold;
        }
    
    /* L'attribut color de .PageVisitee doit être le même que celui de a.pagination:link 
       pour être cohérent dans l'affichage */
    
        .PageVisitee {
          font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
		  color : #003333;
          background-color : white;
          font-size : 90%;
          font-weight : bold;
          background-color : white;
        }

        /* Couleur des liens de la pagination */
        
        a.pagination:link {
          color : #3787bb;
        }
        
        a.pagination:hover {
          color : #3787bb;
        }  
        
        a.pagination:visited {
          color : #234864;
        }


/* 13. Modifications spécifiques pour quelques tableaux 
       Meilleur formatage pour les tableaux de saisie  */
       
    /* Différences pour les tableaux de saisie */

        .TableauSaisie .ColonneTitre, .TableauSaisie .ColonneTitrePaire, 
        .TableauSaisie .ColonneTitreImpaire, .TableauSaisieBicolore .ColonneTitre, 
        .TableauSaisieBicolore .ColonneTitrePaire, .TableauSaisieBicolore .ColonneTitreImpaire {
          text-align : left;
        }
         
        .TableauSaisie .TitreTableau, .TableauSaisieBicolore .TitreTableau {
          font-size : 75%;
        }  
        
        .TableauSaisie .ColonneCheck, .TableauSaisieBicolore .ColonneCheck {
          text-align : left;
        }

.LibelleCredoc {
  font-family : Verdana;
  background-color : white;
  font-size : 80%;
}

.LibelleNuance {
  font-family : Verdana;
  background-color : #f7f7f7;
  font-size : 63%;
}


/* 14. Spécification du style du menu
	   - style des liens 
	   (à redéfinir si noyau.menu.styleLien=true) 
	   
	   - style des éléments du menu		*/

.menu A {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
 	text-decoration : none;
    background : transparent;
	color:#FFFFFF;
	height:20;
}

/*
.menu A {  
    color:#fff700;
    font-size : 60%;
    font-family:Verdana, Arial, Helvetica, sans-serif;   
}

.menu a:link,.menu a:visited {
	color:#fff700;		
}

 .menu a:hover,.menu a:active   {
	color:white;	
}

*/



.parent0d, .parent0s{
}

.parent1, .parent1s, .parent1p, .parent1d, .enfant1, .enfant1s, .enfant1p, .enfant1d {
}

.parent2,.parent2s,.parent2p,.parent2d, .enfant2, .enfant2s,.enfant2p, .enfant2d {
}

.parent3, .parent3s, .parent3p, .parent3d, .enfant3, .enfant3s, .enfant3p, .enfant3d {
}





/* Si l'option tfoot a été activée, conserve le style d'origine */

tfoot td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 60%;
	font-weight : bold;
}


tfoot td.finTabListe{
}

tr#vide {
	line-height:1px;
	background-color: transparent;
}

tfoot td.finTabForm{
	line-height:1px;
	background-color: transparent;
}

/* Possibilité de redimensionner la ligne de pagination */

.TablePagination{
	width:auto;
	padding: 0;
	border-spacing: 0;
}

/* Conserve l'aspect visuel des Tableaux modifiés */ 
.TableSaisieBicolore,.TableBicolore{
	width:100%;
	border:0;
	padding: 2px;
	border-spacing: 2px;
}

/* 15. Affichage du numéro de la page en haut de page  */

.NumeroPage {
	font-family : Verdana;
	text-align : right;
	color : black;
	font-weight : bold;
	font-size : 80%;
}