tableau.css
Feuille de style pour les tableaux et listes
tableau : définit la zone contenant le tableau
tableau_outils : zone des outils d'actions sur le tableau / liste
tableau_corps : corps du tableau
tableau_corps_pair : ligne paire
tableau_corps_impair : ligne impaire
tableau_corps_alerte : ligne d'alerte
tableau_corps_select : ligne selectionnée
tableau_deco : elements de décoration (filets gauche / droit)
tableau_navig : zone de navigation
tableau_libellescolonnes : zone des libellés des colonnes
tableau_fin : zone de fin de tableau / liste
tableau_corps_reduit : corps du tableau réduit
tableau_corps_pair_reduit : ligne paire du tableau réduit
tableau_corps_impair_reduit : ligne impaire du tableau réduit
tableau_corps_alerte_reduit : ligne d'alerte du tableau réduit
tableau_corps_select_reduit : ligne selectionnée du tableau réduit
tableau_libellescolonnes_reduit : zone des libellés des colonnes du tableau réduit
tableau_fin_reduit : zone de fin de tableau réduit
tableau_ht1 : définit la zone contenant le tableau ht1
tableau_ht2 : définit la zone contenant le tableau ht2
tableau_ht3 : définit la zone contenant le tableau ht3
tableau_hto0 : définit la zone contenant le tableau hto0
tableau_hto1 : définit la zone contenant le tableau hto1
tableau_hto2 : définit la zone contenant le tableau hto2
tableau_hto3 : définit la zone contenant le tableau hto3
tableau_ht1_reduit : définit la zone contenant le tableau ht1 réduit
tableau_ht2_reduit : définit la zone contenant le tableau ht2 réduit
tableau_ht3_reduit : définit la zone contenant le tableau ht3 réduit
tableau_hto0_reduit : définit la zone contenant le tableau hto0 réduit
tableau_hto1_reduit : définit la zone contenant le tableau hto1 réduit
tableau_hto2_reduit : définit la zone contenant le tableau hto2 réduit
tableau_hto3_reduit : définit la zone contenant le tableau hto3 réduit


/* definition de style pour les tableaux/listes */

.tableau table {
    font-size: 12px;
    border: 0;
    margin: 0;
    padding: 0;
    border-width: 0px;
}

.tableau_outils td {
    background-color: #999999;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    margin: 0;
    padding: 0;
}

.tableau_corps td {
    font-size: 12px;
    color: #000000;
    border-bottom: 2px solid #CCCCCC;
}

.tableau_corps_pair td {
    background-color: #FFFFFF;
    font-size: 12px;
    color: #000000;
    border-bottom: 2px solid #CCCCCC;
}

.tableau_corps_impair td {
    background-color: #F1F1F1;
    font-size: 12px;
    color: #000000;
    border-bottom: 2px solid #CCCCCC;
}

.tableau_tri_croissant {
    color: @CODE_COULEUR_FONCE@;
    font-style: italic;
}

.tableau_tri_decroissant {
    color: @CODE_COULEUR_FONCE@;
    font-style: italic;
}

.tableau_corps_alerte td {
    background-color: #FDCFCF;
    font-size: 12px;
    color: #000000;
    border-bottom: 2px solid #CCCCCC;
}

.tableau_corps_select td {
    font-size: 12px;
    color: #000000;
    border-bottom: 2px solid #CCCCCC;
}

.tableau_deco td {
    background-color: #FFFFFF;
    font-size: 12px;
    color: #FFFFFF;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.tableau_navig td {
    background-color: #999999;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    margin: 0;
    padding: 0;
}

.tableau_navig a {
    color: #FFFFFF;
}

.tableau_libellescolonnes td {
  font-size: 12px;
    color: #FFFFFF;
    padding: 2px;
    height: 25px
}

.tableau_fin td {
    font-size: 12px;
    border-top: 5px solid @CODE_COULEUR_BANDEAU_CHEMIN@;
}


.tableau_corps_reduit td {
    font-size: 10px;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

.tableau_corps_pair_reduit td {
    background-color: #FFFFFF;
    font-size: 10px;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

.tableau_corps_impair_reduit td {
    background-color: #F1F1F1;
    font-size: 10px;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

.tableau_corps_alerte_reduit td {
    background-color: #FDCFCF;
    font-size: 10px;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

.tableau_corps_select_reduit td {
    font-size: 10px;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

.tableau_libellescolonnes_reduit td {
  font-size: 10px;
    color: #FFFFFF;
    padding: 1px;
}

.tableau_fin_reduit td {
    font-size: 10px;
    border-top: 2px solid @CODE_COULEUR_BANDEAU_CHEMIN@;
}

.tableau_ht1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    color: @CODE_COULEUR_FONCE@;
    margin: 20px 0 5px 0;
    cursor: pointer;
}
.tableau_ht2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    color: @CODE_COULEUR_MOYEN@;
    margin: 15px 0 3px 0;
    cursor: pointer;
}
.tableau_ht3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    color: @CODE_COULEUR_CLAIR@;
    margin: 10px 0 3px 0;
    cursor: pointer;
}

.tableau_hto0 td, td.hto0 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: small-caps;
    color: #FFFFFF;
    background-color: @CODE_COULEUR_FONCE@;
    margin: 0px 0 0px 0;
}
.tableau_hto1 td, td.hto1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: bold;
    font-variant: small-caps;
    color: #000000;
    background-color: @CODE_COULEUR_MOYEN@;
    margin: 0px 0 0px 0;
}
.tableau_hto2 td, td.hto2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    background-color: @CODE_COULEUR_CLAIR@;
    margin: 0px 0 0px 0;
}
.tableau_hto3 td, td.hto3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    background-color: @CODE_COULEUR_TRESCLAIR@;
    margin: 0px 0 0px 0;
}

.tableau_ht1_reduit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    color: @CODE_COULEUR_FONCE@;
    margin: 15px 0 2px 0;
    cursor: pointer;
}
.tableau_ht2_reduit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    color: @CODE_COULEUR_MOYEN@;
    margin: 10px 0 2px 0;
    cursor: pointer;
}
.tableau_ht3_reduit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    color: @CODE_COULEUR_CLAIR@;
    margin: 5px 0 1px 0;
    cursor: pointer;
}

.tableau_hto0_reduit td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: small-caps;
    color: #FFFFFF;
    background-color: @CODE_COULEUR_FONCE@;
    margin: 0px 0 0px 0;
}
.tableau_hto1_reduit td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    background-color: @CODE_COULEUR_CLAIR@;
    margin: 0px 0 0px 0;
}
.tableau_hto2_reduit td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    background-color: @CODE_COULEUR_CLAIR@;
    margin: 0px 0 0px 0;
}
.tableau_hto3_reduit td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: small-caps;
    color: #000000;
    background-color: @CODE_COULEUR_TRESCLAIR@;
    margin: 0px 0 0px 0;
}
navigselect{
    font-size: 10px;
    vertical-align: middle; 
}