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;
    }