/**
 * JOL Module - Lexique
 *
 * Feuille de style exemple pour le module.
 *
 * @author Guillaume Martin <mind@jeuxonline.info>
 */

/**
 * Container du lexique
 */
div.jol_lexique { }

/**
 * Titre de la page
 */
div.jol_lexique h1 { }

/**
 * Container de la liste des derniers ajouts
 */
div.jol_lexique div.jol_lexique_nouveautes {
    background-color:       #FFF2DB;
    border:                 1px solid #F5D291;
    margin-bottom:          10px;
    margin-top:             10px;
    padding:                5px;
}

/**
 * Titre de la liste des derniers ajouts
 */
div.jol_lexique span.jol_lexique_nouveautes_titre {
    font-weight:            bold;
}

/**
 * Liste des derniers ajouts
 */
div.jol_lexique span.jol_lexique_nouveautes_termes {}

/**
 * Lien vers les termes dernièrement ajoutés
 */
div.jol_lexique span.jol_lexique_nouveautes_termes a {
    color:                  #900;
}

/**
 * Container des catégories du lexique
 */
div.jol_lexique div.jol_lexique_categories {
    margin-bottom:          10px;
}

/**
 * Liste des catégories
 */
div.jol_lexique ul.jol_lexique_categories_liste {
    list-style:             none;
    text-align:             center;
}

/**
 * Eléments de la liste des catégories
 */
div.jol_lexique li.jol_lexique_categorie {
    display:                inline;
    padding:                0 50px;
}
div.jol_lexique div.jol_lexique li.jol_lexique_categorie span {}
div.jol_lexique li.jol_lexique_categorie span a {}

/**
 * Catégorie sélectionnée
 */
div.jol_lexique li.jol_lexique_categorie_selectionnee {}
div.jol_lexique li.jol_lexique_categorie_selectionnee span {}
div.jol_lexique li.jol_lexique_categorie_selectionnee span strong {}

/**
 * Container de la liste des lettres
 */
div.jol_lexique div.jol_lexique_lettres {
    margin-top:             15px;
    margin-bottom:          15px;
}

/**
 * Styles spécifiques au container de la liste des lettres du haut
 */
div.jol_lexique div.jol_lexique_lettres_haut {}

/**
 * Styles spécifiques au container de la liste des lettres du bas
 */
div.jol_lexique div.jol_lexique_lettres_bas {}

/**
 * Liste des lettres
 */
div.jol_lexique ul.jol_lexique_lettres_liste {
    list-style:                 none;
    text-align:                 center;
}

/**
 * Les lettres
 */ 
div.jol_lexique li.jol_lexique_lettre {
    background-color:           #eee;
    border-bottom:              1px solid #ccc;
    border-left:                1px solid #f7f7f7;
    border-right:               1px solid #ccc;
    border-top:                 1px solid #f7f7f7;
    display:                    inline;
    padding:                    2px 0;
}
div.jol_lexique li.jol_lexique_lettre:hover {
    background-color:           #FFE795;
}
div.jol_lexique li.jol_lexique_lettre span {}
div.jol_lexique li.jol_lexique_lettre span a {
    padding:                    2px 10px;
    text-decoration:            none;
}
div.jol_lexique li.jol_lexique_lettre span a:hover {
    color: #000;
}

/**
 * Lettre sélectionnée
 */
div.jol_lexique li.jol_lexique_lettre_selectionnee {
    background-color:           #FFE795;
    font-size:                  1.2em;
    padding:                    4px 10px;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee:hover {
    background-color:           #FFE795;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee span {}
div.jol_lexique li.jol_lexique_lettre_selectionnee span strong {}

/**
 * Container de la liste des termes
 */
div.jol_lexique div.jol_lexique_termes {}

/**
 * Liste des termes
 */
div.jol_lexique dl.jol_lexique_termes_liste {}

/**
 * Terme
 */
div.jol_lexique dt.jol_lexique_terme {
    background-color:       #F5F7FF;
    border-left:            5px solid #ccc;
    font-weight:            bold;
    padding:                5px;
}
div.jol_lexique dt.jol_lexique_terme span {}
div.jol_lexique dt.jol_lexique_terme span a {
    text-decoration:        none;
}
div.jol_lexique dt.jol_lexique_terme span a:hover {
    text-decoration:        underline;
}

/**
 * Description
 */
div.jol_lexique dd.jol_lexique_definition {
    background-color:       #ECEEF5;
    border-bottom:          1px solid #ccc;
    border-left:            5px solid #ccc;
    padding:                5px 20px;
    margin:                 0 0 10px 0;
}
div.jol_lexique dd.jol_lexique_definition span {}

/**
 * Lien pour revenir sur l'accueil du lexique
 */
div.jol_lexique div.jol_lexique_retour {
    margin:                 15px 0;
    text-align:             center;
}
div.jol_lexique div.jol_lexique_retour span {}
div.jol_lexique div.jol_lexique_retour span a {}

/**
 * Autres termes de la même catégorie
 */
div.jol_lexique div.jol_lexique_autres {
    font-size:              0.9em;
}
div.jol_lexique div.jol_lexique_autres_titre {
    font-weight:            bold;
}
div.jol_lexique ul.jol_lexique_autres_liste {
    float:                  left;
}
div.jol_lexique li.jol_lexique_autres_mot {
    width:                  150px;
}

/**
 * Clear
 */
div.jol_lexique div.jol_lexique_clear {
    clear:                  both;
}