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;}
.coel-label{
        font-weight:bold;
        line-height:18px;}
.coel-fieldset{
        float:left;
        padding:5px;
        width:45%;}
.coel-clear{
        clear:both;
        line-height:0;
        border:none;
        width:0;/*Pour IE*/}
.coel-meta{
        font-size:10px;
        font-weight:normal;}
.coel-indentation{
        padding-left:15px;}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              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{
        color:white;
        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-entete{
        height:45px;
        background-color:#ddd;
        border-bottom:1px solid silver;}

#coel-detail-entete h1{
        font-weight:bold;
        font-size:12px;
        padding:5 0 2 5px;}
#coel-detail-entete h2{
        font-size:11px;
        font-weight:normal;
        padding:0 5 0 5px;}
#coel-detail-entete .coel-meta{
        position:absolute;
        top:0;
        right:0;
        padding:5px;}

.coel-detail-corps-contenu{
        padding:0 12px;
        background-color:white;}
.coel-detail-corps-contenu h2{
        font-size:14px;
        color:#1C3C78;
        padding:12px 0 5px 0;}
.coel-detail-corps-contenu h3{
        font-style:italic;
        padding:12px 0 5px 0;}
        
.coel-detail-corps-contenu table{
        border:1px solid #1C3C78;
        border-collapse:collapse;
        width:100% !important;width:95%;/*Pour IE*/
        margin:auto;}
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
        background-color:#D0E3FA;
        background-image:url(sky.jpg);
        border:1px solid #1C3C78;}
.coel-detail-corps-contenu tbody{
        background-color:#FFFFFF;
        border:1px solid #1C3C78;}
.coel-detail-corps-contenu th{
        font-family:monospace;
        border:1px dotted #1C3C78;
        padding:5px;
        background-color:#EFF6FF;
        width:25%;}
.coel-detail-corps-contenu td{
        font-family:sans-serif;
        font-size:80%;
        border:1px solid #1C3C78;
        padding:5px;
        text-align:left;}
.coel-detail-corps-contenu caption{
        font-family:sans-serif;}

#personne-logo-div      {
        position:absolute; 
        right:0; 
        width:30%; 
        text-align:right;
}

#personne-logo-div      img {
        height:40px;
}
/* #------------------------------------------------------------------------------------------------------#     */
/*                                                                                              ÎCONES                                                                                                                 */
/* #------------------------------------------------------------------------------------------------------#     */
.no-icone{
        padding:0;}
/* #------------------------------------------------------------------------------------------------------#*/
/*                                              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;}
/* #----------------------------------------------------------------------------------------------------------#*/
/*                                              FORMULAIRE                                                                 */
/* #----------------------------------------------------------------------------------------------------------#*/
.obligatoire, .obligatoire input{
        background:#FAA391;}
.obligatoire-ok, .obligatoire-ok input {
        background:#B7DAAA;}