onglet.css
Feuille de style pour les onglets
Définition du systême d'onglet

onglet : définit la zone contenant les onglets
selection : définit la zone d'un bandeau d'onglets dont les onglets non visibles sont accessibles par boîte de sélection
clearboth : utilisé pour définir le saut de ligne entre le titre des onglets et leur contenu
ongletcontenu : définit la zone contenu d'un onglet
/* style pour les onglets */

.onglet {
    margin: 0;
    padding: 0 0 22px 0px;
    border-bottom: 10px solid @CODE_COULEUR_FONCE@ /* !ATTENTION! couleur en fonction du domaine */
}

.onglet ul, .onglet li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none
}

.onglet a:link, .onglet a:visited {
    float: left;
    line-height: 16px;
    font-weight: bold;
    font-size: 11px;
    margin: 2px 1px 4px 0px;
    text-decoration: none;
    color: #000000;
    border-bottom: 4px solid @CODE_COULEUR_FONCE@;  /*!ATTENTION! couleur en fonction du domaine */
    padding: 2px 12px 2px 12px;
    background-color: #FFFFFF;
    background-image: url('@URL_IMG_ImagesGrapheOnglet_coin@');
    background-position: left top;
    background-repeat: no-repeat
}

.onglet a:link.current, .onglet a:visited.current, .onglet a:hover {
    border-bottom: 4px solid @CODE_COULEUR_FONCE@;  /*!ATTENTION! couleur en fonction du domaine */
    padding-bottom: 4px;
    background: transparent;
    color: #FFFFFF;
    background-color: @CODE_COULEUR_FONCE@; /* !ATTENTION! couleur en fonction du domaine */
    background-image: url('@URL_IMG_ImagesGrapheOnglet_coin@');
    background-position: left top;
    background-repeat: no-repeat
}

.selection {
    float: left;
    border-bottom: 4px solid @CODE_COULEUR_FONCE@; /* !ATTENTION! couleur en fonction du domaine */
    padding: 0px 5px 0px 12px;
    margin: 2px 1px 4px 0px;
    background-color: #FFFFFF;
    background-image: url('@URL_IMG_ImagesGrapheOnglet_coin@');
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 14px
}

.selection option, .selection select{
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
}

.onglet a:hover {
    color: #FFFFFF
}

.clearboth {
    clear: both
}

.ongletcontenu {
    background-color: #FFFFFF;
    padding: 4px
}

/* pour la navigation */
.onglet a:link.navig, .onglet a:visited.navig, .onglet a:hover.navig {
    border-bottom: 4px solid @CODE_COULEUR_FONCE@; /* !ATTENTION! couleur en fonction du domaine */
    padding-bottom: 4px;
    background: transparent;
    color: #000000
}