Subversion Repositories eFlore/Applications.coel

/** Les CSS de l'application COEL */
*{
        margin:0;
        padding:0;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              CHARGEMENT APPLICATION                                                                          */
/* #------------------------------------------------------------------------------------------------------#     */
#loading{
        position:absolute;
        left:45%;
        top:40%;
        margin-left:-45px;
        padding:2px;
        z-index:20001;
        height:auto;
        border:1px solid #ccc;
        width:400px;}
#loading a{
        color:#225588;}
#loading .loading-indicator{
        background:white;
        color:#444;
        font:bold 13px tahoma, arial, helvetica;
        padding:10px;
        margin:0;
        height:auto;}
#loading .loading-indicator img{
        margin-right:8px;
        float:left;
        vertical-align:top;}
#loading-msg{
        font:normal 10px arial, tahoma, sans-serif;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              GÉNÉRAL                                                                                                               */
/* #------------------------------------------------------------------------------------------------------#     */
.attention{
        font:bold 14px;
        color:red;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              ENTÊTE                                                                                                                 */
/* #------------------------------------------------------------------------------------------------------#     */
#coel-entete{
        color:white;
        height:100px;
        background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
        border:0pt none;
        padding-left:3px;}
#coel-titre{
        font-family:tahoma, arial, sans-serif;
        font-size:16px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
        padding:0 0 8 6px;}
#coel-identification{
        float:right;
        margin:2 5 0 0px}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              AIDE                                                                                                            */
/* #------------------------------------------------------------------------------------------------------#     */
#coel-id-panneau-aide{
        font-size:11px;
        margin:5px;}
#coel-id-panneau-aide ul{
        list-style-type:disc;
        padding-left:15px;}
#coel-id-panneau-aide ol{
        list-style-type:decimal;
        padding-left:15px;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              CONNEXION/DECONNEXION                                                                           */
/* #------------------------------------------------------------------------------------------------------#     */
#coel-identification-zone-msg{
        text-align:center;
        background-color:#F8B9B9;
        border:1px solid red;
        margin:5px 0;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              PANNEAU DÉTAIL                                                                                         */
/* #------------------------------------------------------------------------------------------------------#     */
.coel-detail{
        height:55px;
        background-color:#ddd;
        border-bottom:1px solid silver;}
.coel-detail h1{
        font-weight:bold;
        font-size:12px;
        padding:5 0 2 5px;}
.coel-detail h2{
        font-size:11px;
        font-weight:normal;
        padding:0 5 0 5px;}
.coel-detail h3{
        font-size:11px;
        font-weight:normal;
        padding:0 5 5 5px;}
.coel-detail-body {
        padding:12px;}
/* Liste de définition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */
dl.hb_affichage_tabulaire{
        width:61em;}
.hb_affichage_tabulaire dt{
        width:20em;
        float:left;
        margin:0;
        padding:.2em;}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt{
        clear:both;}
/* end hack */
.hb_affichage_tabulaire dd{
        float:left;
        z-index:1;
        width:40em;
        margin:0;
        padding:.2em;}
h2, .parent, .hb_espace, .hb_ligne{
        clear:both;}
.hb_titre_en_ligne{
        display:inline;
        padding-top:1em;}
#hb_renseignement_admin{
        max-width:650px;
        float:left;}
#hb_logo{
        float:right;}
dt, label{
        font-weight:bold;}
form ul{
        list-style-type:none;}
.hb_img_icone{
        border:0;
        width:9px;
        height:9px;}
.hb_img_fermer{
        border:0;
        width:9px;
        height:9px;}
.hb_ligne{
        border:.2em dotted;
        width:4em;}
.hb_plier_deplier td{
        padding:0;
        margin:0;
        text-align:left;
        height:12px;
        border-width:0;}
.hb_arborescence td{
        padding:0;
        margin:-5px 0 0 0;
        text-align:left;
        vertical-align:top;
        border-width:0;}
.pair{
        background-color:#FAD2C6;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              ÎCONES                                                                                                                 */
/* #------------------------------------------------------------------------------------------------------#     */
.no-icone{
        padding:0;}
.icone-aide{
        background:url(images/icones/aide.png) no-repeat center left !important;}
.icone-ajouter{
        background:url(images/icones/ajouter.png) no-repeat center left !important;}
.icone-appli{
        background:url(images/icones/application.png) no-repeat center left !important;}
.icone-appli-panneau-liste{
        background:url(images/icones/application_panneau_liste.png) no-repeat center left !important;}
.icone-bascule{
        background:url(images/icones/fleche_bascule.png) no-repeat center left !important;}
.icone-bel{
        background:url(images/icones/livre_ouvert.png) no-repeat center left !important;}
.icone-cel{
        background:url(images/icones/images.png) no-repeat center left !important;}
.icone-connexion{
        background:url(images/icones/connexion.png) no-repeat center left !important;}
.icone-deconnexion{
        background:url(images/icones/deconnexion.png) no-repeat center left !important;}
.icone-deplier-tout{
        background:url(images/icones/deplier_tout.png) no-repeat center left !important;}
.icone-form-ajouter{
        background:url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}
.icone-form-modifier{
        background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
.icone-imprimer{
        background:url(images/icones/imprimer.png) no-repeat center left !important;}
.icone-information{
        background:url(images/icones/information.png) no-repeat center left !important;}
.icone-modifier{
        background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
.icone-param{
        background:url(images/icones/engrenages.png) no-repeat center left !important;}
.icone-preference{
        background:url(images/icones/groupe_engrenage.png) no-repeat center left !important;}
.icone-supprimer{
        background:url(images/icones/supprimer.png) no-repeat center left !important;}
.icone-table{
        background:url(images/icones/table.png) no-repeat center left !important;}
.icone-utilisateur{
        background:url(images/icones/utilisateur.png) no-repeat center left !important;}
.icone-vcard-ajouter{
        background:url(images/icones/vcard_ajouter.png) no-repeat center left !important;}
.icone-vcard-supprimer{
        background:url(images/icones/vcard_supprimer.png) no-repeat center left !important;}
.icone-rafraichir{
        background:url(images/icones/rafraichir.png) no-repeat center left !important;}
.icone-replier-tout{
        background:url(images/icones/replier_tout.png) no-repeat center left !important;}
/* #------------------------------------------------------------------------------------------------------#*/
/*                                              IMAGES                                                     */
/* #------------------------------------------------------------------------------------------------------#*/
.conteneur-image-centre{
        text-align:center;}
.logo-personne{
        max-height:250px;}      
/* #----------------------------------------------------------------------------------------------------------#*/
/*                                              PANNEAU PUBLICATION                                            */
/* #----------------------------------------------------------------------------------------------------------#*/
.x-formulaire-auteur{
    padding-left:100px;}
.x-formulaire-auteur-label{
        padding:3px 0 !important;
        text-align:left;
        clear:left;
        display:block;
        float:left;
        padding:3px 3px 3px 0;
        position:relative;
        width:100px;
        z-index:2;
        font-weight:bold;
        font-family:tahoma,arial,helvetica,sans-serif;
        font-size:12px;
        font-size-adjust:none;
        font-style:normal;
        font-variant:normal;
        line-height:normal;}
/* #----------------------------------------------------------------------------------------------------------#*/
/*                                              AUTRES                                                                     */
/* #----------------------------------------------------------------------------------------------------------#*/
#main-button button{
        font-weight:bold;
        text-decoration:underline;}