Subversion Repositories Applications.bazar

/*
 +----------------------------------------------------------------------------+
 | bazar.css                                                                  |
 +----------------------------------------------------------------------------+
 | Copyright (c) 2005 Ecole et Nature                                         |
 +----------------------------------------------------------------------------+
 | Feuille de style interne spécifique a l'application Bazar                  |
 +----------------------------------------------------------------------------+
 | Auteur : Florian SCHMITT <florian@ecole-et-nature.org>                     |
 +----------------------------------------------------------------------------+
*/

#BAZ_hautdepage {
        width: 670px;
}

#BAZ_corps {
        float:left;
        width: 670px;
}

#BAZ_pieddepage {
        clear: both;
        width: 100%;
        padding: 3px;
        text-align:center;
        background-color: #CC0000;
        font: normal 11px Georgia, serif;color: #FFCC66;
}
#BAZ_menu {
        float:left;
        width: 690px;
        padding: 3px;
        font: normal 11px Georgia, serif;
        margin: 10px 0 10px 0;
}


#BAZ_menu a {
        font-size: 12px;
        text-decoration: none;
        display: block;
        width: 9em;
}

#BAZ_menu ul { /* toutes les listes */
        padding: 0;
        margin: 0;
        line-height: 1;
}

#BAZ_menu li { /* tous les items de liste */
        padding: 3px;
        margin: 0;
        float: left;
        list-style: none;
        list-style-type:none;
        background:#FFF;
        border-left: 5px solid #849950;
        border-bottom: 2px solid #849950;
        height:26px;
}

#BAZ_menu li:hover {
        color: #FFFFFF;
        background-color: #B1BB7E;
}
        
#BAZ_menu li ul { /* listes de deuxième niveau */
        position: absolute;
        background:#FFF;
        border: 1px solid #849950;
        left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
        width: 10.8em;
        z-index:14;
}

#BAZ_menu li:hover ul { /* listes imbriquées sous les items de listes survolés */
        left: auto;
        margin: 2px 0 0 -8px;
        z-index:15;
}


#BAZ_menu ul li a:hover {
        color: #FFFFFF;
}

/*-------------Les fiches Bazar-------------------------------------------------*/

#BAZ_cadre_fiche {
        margin-left:25px;
        width:654px;
}

#BAZ_cadre_fiche a {
        font: 13px arial, sans-serif;
        color:#000;
        text-decoration:none;
}
#BAZ_cadre_fiche a:hover {
        color:#515966;
        text-decoration:underline;
}

#BAZ_cadre_fiche_haut {
        height:18px;
        width:654px;
        background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_haut.gif) top left;
}

#BAZ_cadre_fiche_corps {
        /*width:504px;
        padding:20px 35px 0px 35px;*/
        font: 13px arial, sans-serif;
        text-align:justify;
        line-height: 17px;
        border-left:solid 1px #000;
        border-right:solid 1px #000;
}

#BAZ_cadre_fiche_bas {
        height:18px;
        width:654px;
        background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_bas.gif) top left;
}

#bulle_haut {
        margin: 0 auto;
        width:588px;
        height:20px;
        background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_haut.jpg) top left;
}

#bulle_corps {
        margin: 0 auto;
        width:578px;
        padding-left:10px;
        background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_barre.jpg) repeat-y;
}

#bulle_bas {
        margin: 0 auto;
        width:588px;
        height:20px;
        background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_bas.jpg) top left;
}

#BAZ_bas_page {
        margin-left:30px;
        height:165px;
        background:url(http://educ-envir.org/client/bazar/images/BAZ_Enfants.gif) no-repeat bottom right;
}
#formation_qualifiante {
        position:relative;top:197px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_qualifiante.gif) top right;
}

#formation_diplomante {
        position:relative;top:7px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_diplomante.gif) top right;
}

#formation_continue {
        position:relative;top:387px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_continue.gif) top right;
}

#fiche_haut {
        margin:-180px 0 -20px 30px;
        height:170px;
}

#fiche_image {
         float:left;
         height:160px;
         width:160px;
}

#fiche_titre_image {
         float:left;
         width:400px;
         text-align:center;
         padding:6px;
         background:#F2B43B;
         color:#FFF;
         font: 18px arial, sans-serif;
}

#fiche_titre {
         width: 93%;
         text-align:center;
         padding:6px;
         background:#F2B43B;
         color:#FFF;
         font: 18px arial, sans-serif;
}

.centrer {
        clear:both;
        margin:0 auto;
}

.rubrique {
        width:150px;
        text-align:left;
        font: bold 15px arial, sans-serif; color: #515966;
}

.description {
        font: 13px arial, sans-serif;
        text-align:justify;
        width:420px;
        padding-bottom:10px ;
}

.rubrique_bulle {
        width:90px;
        text-align:left;
        font: bold 15px arial, sans-serif; color: #000;
}

.infos {
        font: bold 16px arial, sans-serif; color: #B1BB7E;
        line-height: 25px;
}