Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 627 | Rev 682 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

@CHARSET "UTF-8";
/*----------------------------------------------------------------------------------------------------------*/
/* Générique */
body {
        font-family:Arial, Helvetica, Verdana, sans-serif;
        font-size:0.85em;
        background-color:#fff;
        margin:2px;
}
h1, h2, h3, h4 {
        font-weight:bold;
        letter-spacing:0;
}
h1 {
        padding:0 0 0 25px;
        margin:20px 0 10px 0;
        font-size:15px;
        text-transform:uppercase;
        color:#fd8c13;
}
h2 {
        margin:20px 0 12px 0;
        font-size:15px;
        color:#FD8C13;
}
h3 {
        margin:20px 0 12px;
        font-size:14px;
        color:#454341;
}
h4 {
        margin:2px 2px 2px 0;
        font-size:11px;
        font-weight:normal;
        color:#AAAAAA;
}
h1 a, h2 a, h3 a, h4 a {
        color:inherit;
        border-bottom: dotted 1px;
}
h3 a {
        border-color:#CCCCCC;
}
a {
        color:#598000;
        border-bottom:1px dotted #95ae5d;
}
a:hover {
        color:#FD8C13;
        border-bottom:1px dotted #95ae5d;
}
hr{
        color:#62210F;
}
table{
        border-collapse: collapse;
        width:100%;
        margin:5px 0;
}
td,th{
        border:1px solid #36560B;
        padding:7px 5px;
}
th{
        background-color:#EEE;
}
th[title]:after {
    content: " " url("../images/aide.png") !important;
}
caption{
        border:1px solid #36560B;
        background-color:#EEE;
        font-weight:bold;
        padding:2px;
}
img{
        border:0;
}
img a{
        display:block;
}
legend{
        color:#AD5A40;
}
dl {
        width:100%;
}
dt {
        float:left;
        font-weight:bold;
        text-align:top left;
        margin-right:0.3em;
}
dd {
        width:auto;
        margin:0.5em 0;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Disposition */
#zone-centrale {
        text-align:center;
}
#zone-logo{
        left:18px;
        margin:1px 10px;
        position:absolute;
        top:2px;
        z-index:1;
}
#zone-entete{
        height:121px;
        margin:0;
}
#zone-titre{
        height:38px;
        margin:0;
        text-align:right;
}
#zone-titre h1{
        margin:0 20px 0 0;
        padding:0;
        background-color:transparent;
        font-size:28px;
        font-weight:bold;
}
#zone-corps{
        margin:0;
        text-align:left;
}
#zone-menu{
        position:relative;
        float:left;
        height:21px;
        width:100%;
        margin:0;
        padding:0;
        text-align:left;
        font-weight:bold;
        border-bottom:1px solid #62210F;
}
#zone-contenu{
        clear:both;
        min-height:300px;
        padding:0 2px;
        text-align:justify;
        border-top:medium none !important;
        border:1px solid #62210F;
}
#zone-pied{
        clear:both;
        text-align:center;
}

.ui-tabs { padding:0; position: relative; }
/*----------------------------------------------------------------------------------------------------------*/
/* Logo */
#zone-logo img{
        border:0;
}
#zone-logo a{
        position:absolute;
        top:0;
        left:0;
}
#zone-logo a:hover{
        border:1px dotted;
}
#zone-logo a:hover:after{
        content:" Retour à l'accueil ";
}
/*----------------------------------------------------------------------------------------------------------*/
/* Navigation : onglets */
.onglets { 
        display:inline-block;
        padding:0;
        margin:0;
}
.onglets a {
        border:none
}
.onglets li a, .onglets li{
        list-style-image:none;
        padding:5px 3px 5px 3px;
        margin-top:2px;
        background-color:#C2C0AD;
}
.onglets li{
        cursor:pointer;
        float:left;
        list-style:none;
        margin-right:5px;
        font-size:13px;
        text-transform:uppercase;
        letter-spacing:0;
        padding:5px 2px 5px 5px;
        margin:0 1px 0 0;
        background:none no-repeat 5px 9px #C2C0AD;
        color:#fd8c13;
        border:1px solid #c2c0ad;
        border-bottom:0px solid #c2c0ad;
        text-decoration:none;
        border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_actif a{
        background:none;
        color:#FD8C13;
        font-weight:bold;
}
.onglets .menu_actif{
        background:none;
        border:1px solid #C2C0AD;
        border-bottom:0 solid #c2c0ad;
        text-decoration:none;
        border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.onglets .menu_inactif a, .onglets h1{
        color:#6C6865;
}
.onglets .menu_actif h1{
        color:#FD8C13;
}
.onglets li:hover{
        background:white;
        border-bottom:0;
}
.onglets li a:hover{
        color:#FD8C13;
        background:white
}
/*----------------------------------------------------------------------------------------------------------*/
/* Général */
.centrer{
        text-align:center;
}
.discretion{
        color:#A9A9A9;
        font-size:10px;
        font-weight:normal;
}
.attention{
        background-color:#ffffcc;
        background-image:url("../images/attention.png");
}
.information{
        background-color:#e7ebfd;
        background-image:url("../images/information.png");
}
.attention, .information{
        display:inline-block;
        background-repeat:no-repeat;
        background-position:5px 50%;
        padding:10px 5px 5px 40px;
        background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;
        max-width:600px;
        min-height:20px;
}
.msg{
        max-width:100%;
        height:auto;
        width: 100%;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
        border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #AAAAAA;
}
hr.nettoyage{
        clear:both;
        width:0;
        }
        
.debogage, .debogage pre{
        white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
        word-wrap:break-word; /* IE 5.5+ */
    overflow:auto;/* IE 6 */
}
/*----------------------------------------------------------------------------------------------------------*/
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
.largeur-01{
        width:60px;}
.largeur-02{
        width:120px;}
.largeur-03{
        width:180px;}
.largeur-04{
        width:240px;}
.largeur-05{
        width:300px;}
.largeur-06{
        width:360px;}
.largeur-07{
        width:420px;}
.largeur-08{
        width:480px;}
.largeur-09{
        width:540px;}
.largeur-10{
        width:600px;}
.largeur-11{
        width:660px;}
.largeur-12{
        width:720px;}
.largeur-13{
        width:780px;}
.largeur-14{
        width:840px;}
.largeur-15{
        width:900px;}
.largeur-16{
        width:960px;}
/*----------------------------------------------------------------------------------------------------------*/
/* Formulaire de Recherche Simple */    
#bloc-recherche fieldset {
        border:none; 
        padding:0;
        width:100%;
}
.choixNiveau {
        position:absolute;
        margin-top: -30px;
        padding: 0;
        width: 300px;
        margin-left:430px;
        
}

.choixNiveau a {
        float:left;
        border-style:solid;
        padding:0.4em 0.8em;
        border-color:#C2C0AD;
        color:#9AC343;
        font-weight:bold;
        cursor:pointer;
        background:#f9f9f9;
        border:1px solid #CCCCCC;
}

.choixNiveau .niveau1 {
        border-radius:4px 0 0 0;        
}

.choixNiveau .niveau3 {
        border-radius:0 4px 0 0;
}

.choixNiveau .actif {
        color:#EB8F00;  
        border-color:#EB8F00;
        background:white;
}

/* couleur des boutons non sélectionnés*/
.ef-form-niveau .ui-buttonset {
        margin-right: 25px;
}

.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background-color:#C2C0AD;
        color: #9AC343;
        font-weight: bold;
}
#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background-color: #FFFFFF;
        color: #EB8F00;
        font-weight: bold;
}

#ef-form-niveau .ui-button-text-only .ui-button-text {
        padding: 0.2em 0.5em;
}

#bloc-recherche h1, #contenu h1 {
        background: none;
        padding: 0 0 0 20px;
}

#bloc-recherche {
        padding-bottom: 0;      
}

#ef-form-nomenclature table {
        width:100%;
}
#ef-form-nomenclature h1 { 
        margin:0 0 3px 16px; 
}
#ef-form-nomenclature .champ {
        padding:3px; 
        font-size:12px;
}
#ef-form-nomenclature .zone-choix-type-nom {
        float:left; 
        padding:0 10px
}
#ef-form-nomenclature .titre-choix-nom {
        padding:12px; 
        font-weight:bold
}
#ef-form-nomenclature #zone-liens-recherche  {
        padding:5px;
}
#eflore_nomenclature_fiche {
        background:url(../images/lien.png) no-repeat 0 -1px; 
        padding:0 0 0 17px; 
        color:#598000; 
        border:1px dotted #95AE5D;
        border-width:0 0 1px 0; 
        cursor:pointer; 
        margin:0 0 0 19px; 
        font-size:12px
}
#ef-form-nomenclature input.ok {
        color:rgba(0,0,0,0);
        font-size:12px; 
        font-weight:bold; 
        padding:3px 10px 3px 10px;
        background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
}
#ef-form-nomenclature input.ok:hover {
        background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
        cursor:pointer; 
}
#ef-form-nomenclature label {
        font-size:12px
}

/*----------------------------------------------------------------------------------------------------------*/
/* Formulaire d'autocompletion */       
.ui-autocomplete a {
        text-decoration:none;
        border-bottom:none;
}
.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
        float: left;
        font-size: 11px;
        font-family: arial;
}

.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:0.8;
        zoom:1;
}

#nom.valeur-defaut-recherche {
        color:#848484;
        font-style:italic;      
        font-weight:0.9em;
}
/*----------------------------------------------------------------------------------------------------------*/
/* Résultats */
.zone-resultat {
        margin-left:-40px;
        min-height:101px;
        padding:10px;
        margin-bottom:10px;
        background:#f8f9ec;
        border:solid 1px #f1f3de;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        font-size:13px;
        -moz-box-shadow:3px 3px 3px #DDD;
}
.zone-resultat img {
        border:solid 2px #DDD;
        float:right;
        height: 100px;
        width: 100px;
}
.surlignage {
        background-color: #E6FFA2;
}
#ef-resultats-decomposition #col-ns{
        width:33%;
}
#ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
        font-size:0.8em;
}
.retenu{
        font-weight:bold;
}
#ef-resultats-determination .synonymes li {
        background: none;
        line-height: 18px;
        list-style: none outside none;
        padding-left: 15px;
}
.absent {
        display:block;
        float:right;
        background-color:transparent;
        background-image:url("../images/pasdephoto.png");
        background-repeat:no-repeat;
        background-position:50% 20%;
        border: 2px solid #DDDDDD;
        margin: 0 5px;
        height: 100px;
        width: 100px;
        font-weight: bold;
        text-align: center;
}
.vide {
        display:block;
        background-color:transparent;
        margin: 0 5px;
        height: 100px;
        width: 100px;
        text-align: center;
}

.absent .contribuer {
    display: block;
    padding-top: 66px;
}
#ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
        border: none;
        background: none;
}

#ef-resultats-nv-determination .nom {
        width: 30%;
        vertical-align: top;
        margin-top: 5px;
}
#ef-resultats-nv-determination .nom ul, li{
        margin: 0;
        margin-bottom: 5px
}


/*----------------------------------------------------------------------------------------------------------*/
/* Fiche */
#bloc-fiche h1 {
        background: none repeat scroll 0 0 transparent;
        padding: 0 9px  0 9px;
}
#zone_contenu_fiche {
    background-color: #EEE;
    clear: left;
    min-height: 300px;
    padding-top: 0.4em;
    width: 676px;
    border:none;
    margin-left:-7px;
    
}
.ui-widget-content {
        background:white;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
        border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
        border-bottom-left-radius: 0;
}
.colonne {
        float:left;
        padding-bottom:10px;
        width:33%;
        margin: 0 1px;
}

.deuxtiers{
        width:66%;
}

.pasDeCurseur {
        cursor:default;
}
/* bloc */
.module {
        margin: 0 1em 0.5em 0; 
        width: 99%;
}
.module .titre{
         cursor: move;
    font-size: 12px;
    padding-bottom: 1px;
    padding-left: 1.2em;
    margin-left:-2px;
    margin-right:1px;
}

.module .titre .ui-icon {
        float: right;
}
.imagetteMoins, .imagettePlus { /* +/- du titre */
        cursor:pointer
}
.module .contenu {
        padding: 10px;
}

.ui-sortable-placeholder { /* déplacement bloc */
        border: 1px dotted black;
        visibility: visible !important;
        height: 50px !important;
}
.ui-sortable-placeholder * {
        visibility: hidden;
}

/* Onglets */
#zone_onglets {
        margin-top: 0.1em;
        border-width:0;
        border-radius:0;
        width:676px;
        font-size:12px;
        margin-left:-7px;
}
#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
        padding:0;
        position: relative;
}
.ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: 0.3em 5px;
        text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
        color: #9AC343;
        text-decoration: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #EB8F00;
        text-decoration: none;
}
#onglets {
        height:22px
}
#onglets li {
        list-style:none;
        line-height:12px;
}
#onglets li {
        float:left;
}
#zone_onglets li .ui-icon-close {
        float: left;
        cursor: pointer;
}
#zone_onglets li a.lien-onglet {
        overflow: hidden;
        text-decoration: none;
        border-bottom: none;
}
#zone_onglets li a.lien-onglet hover {
        overflow: hidden; 
        text-decoration: none;
        border-bottom: none;
}
/* Menu et + */
#zone_onglets #ongletEtPlus {
    cursor: pointer;
    display: none;
    float: right;
    font-size: 20px;
    height: 20px;
    padding-bottom: 0;
    padding-right: 5px;
    position: relative;
    top: 1px;
    width: 25px;
    z-index: 500;
}
#zone_onglets #ongletEtPlus a {
        border-bottom: none;
}
#lienOngletEtPlus { /* icone */
        width:6px;
    padding-left: 9px;
        padding-top: 0px;
        display:block;
        margin-top:5px;
}

.lien-onglet-synthese, .lien-onglet-synthese:hover {
        border-bottom: none;
}

.menuModules { /* liste */
        left: 465px;
        width: 187px;
        position: absolute; 
        border: 1px solid #DCD1CC; 
        margin: 0px; 
        padding: 0px;
        top: 30px;
        z-index:499;
        background-color: #F9F9F9;
        color: #9AC343;
        font-weight: bold;
}
.elementMenuModules { /* element de la liste */
        display:block; 
        border: 1px solid white; 
        width: 150px; 
        padding: 10px 10px 10px 25px; 
        margin:0px;
        cursor: pointer;
}       
.elementMenuModules:hover {
        background-color: #FEBF01;
}       
.elementMenuModulesSelectionne {
        background-color: #F6AF39;
        color: white;
}

#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }

.bloc_legende_repartition {
        float:left; 
        margin-right:5px; 
        margin-bottom:3px; 
        width:15px; 
        height:15px; 
        border:solid 1px black;
}

.texte_legende_repartition {
        float:left; 
        text-transform:capitalize;
}

.conteneur_lien_metadonnees {
        padding: 15px;
}



#nomenclature > ul > li.item_nomenclature { 
    line-height: 18px;
    width:100%;
}

.tab-chargement {
        background: url("../images/chargement.gif") no-repeat scroll 10px 13px transparent;
        background-color: #FFFFFF;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 20px 20px 20px 50px;
    width: 555px;
}

.conteneur_illustrations_cel {
        width: 250px;   
}

.conteneur_metadonnees_cel {
        width: 250px;
        padding-top : 20px;     
}

.onglet_marge_gauche {
        margin-top: 7px;
        padding-left: 30px;
}

.references_bibliographiques .texte_inactif {
        display:none;
}

#repartition_observations { 
    height: 590px;
    width: 100%;
}

.legende_nom_retenu {
        background-color: #E6FFA2;
}

.couleur_legende {
    display: inline-block;
    height: 12px;
    width: 30px;
    margin-right: 5px;
    margin-top: 2px;
    border: 1px dotted black;
}

/*----------------------------------------------------------------------------------------------------------*/
/* Nomenclature */
.ns-retenu {
        font-weight:bold;
}
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
        font-style: italic;
        text-transform: none;
}
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial, 
.auteur, .annee, .biblio, .addendum, .type_epithete {
        font-style: normal;
        text-transform: none;
}

/*----------------------------------------------------------------------------------------------------------*/
/* Wikinis */
.editable_sur_clic {
        min-height: 50px;
}

.aide_wikini {
    font-size: 0.8em;
}

.contenu_editable {
        background-color: #F8FBF2;
        border: dashed 1px #AAAAAA;
        padding: 5px;
        padding-top: 2px;
        border-radius: 3px;
}

.champ_edition_wiki {
        width: 100%;
        height: 350px;  
        overflow: auto;
}

.imagettePlus {
        width:9px;
        height:9px;
        background:url('../images/ouvrir.png') no-repeat;
        display:inline-block;
        margin-right:3px;
}

.imagetteMoins {
        width:9px;
        height:9px;
        background:url('../images/fermer.png') no-repeat;
        margin-right:3px;
        display:inline-block;
}

.basionyme_complet {
        margin-left:20px;
        display:block;
}

.legende {
        border:dashed 1px #AAA; 
        padding:5px 10px;
}

.legende b {
        color:#AAA; margin-bottom:10px
}

.wp {
        background:url('../images/sites/wikipedia.png') no-repeat;
        margin-left: 15px;
    margin-top: 5px;
    padding-left: 20px;
}
/*Description+Ecologie*/

.citation { 
                 font-size:9px;
}
.fond_graphique {
        background-color:#F8F8F8;
        padding-top: 10px;      
        padding-bottom: 10px;
        

}
.graphique {
        margin-right: auto;     
        margin-left: auto;
        width:500px;
}

.titre { 
                color:#36560B;
                left:2px;
                position:relative;
                padding-right:5px;
}
.desc {
        margin-right:3px;
        margin-left:3px;
}
.desc td {
        width: 50%;
        vertical-align: top;
        border: 1px dasharray #36560B;
        padding: 7px 5px;
}
 .italique { font-style: italic;
 }
 
 .gras { font-weight: bold;
 }


/*  boutons spécifiques légende  graphiques (masquer/afficher) */
.legende_formes {
        background-image:url('../images/legende_formes.png');
        background-position: 2px 5px;
        background-repeat: no-repeat ;
        width : 348px;
        height : 30px;
        margin-right : auto;
        margin-left: auto;
        border: 1px dotted grey;
        padding : 5px;
}
.legende_graphique {
        display:none;   
        font-size:11px;
        padding: 5px;
}
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
        background:none;
        border:none;
}
.bloc_graph > .voir:focus ~ .legende_graphique{
        display: block;
}

.bloc_graph > .cacher:focus ~.legende_graphique {
        display: none;
}

.voir:focus,  .cacher:focus  {
        display:none;
}

.cacher, .voir {
        float:right;
}

.cacher {
        display:none;
}
.voir:focus + .cacher, .cacher:focus + .voir {
        display:inline;
}

.fond_graphique button {
        background: none;
        border: none;
        
}

.fond_graphique button:hover {
        cursor: pointer;
        text-decoration: underline;
}

/* Illustrations */
#illustrations-coste img{
        display:inline;
        vertical-align:middle;
        margin:0px;
        padding:0px;

}

#illustrations {
        margin-left:-5px;
        margin-right:-4px;
                
}
.liste-illustrations .attention{
        border:0;
        background:none;
        text-align:left;
        padding:0;
}
.liste-illustrations{
        list-style-type:none;
        padding:0;
}
.liste-illustrations li {
        list-style-image:none !important;
        background:none;
        text-align:center;
        font-size:11px;
        float: left;
        width:210px;
        height:285px;
}

#illustrations-coste .liste-illustrations li{
        height: 215px;
        }

.liste-illustrations li p{
        margin:2px 2px 5px 2px;
        width:206px;
        font-size:11px;
}
.liste-illustrations strong{
        font-weight:bold;
}
.liste-illustrations img{
        display:block;
        border:1px solid white;
        margin:0 auto;
        padding:2px;
        max-height:196px;
        max-width:196px;
}
.liste-illustrations a:hover img{
    border:1px dotted #FD8C13;
}
a.img-cadre{
        display:block;
        border: 1px solid white;
        background:transparent;
        width:204px;
        height:204px;
        margin-right:2px;
}
a.img-cadre:hover{
        border:1px dotted #FD8C13;
}
.img-cadre-fond{
        background:white;
        width:200px;
        height:200px;
        line-height:200px;
        text-align:center;
        margin:2px;
}
#illustrations-photoflora img{
        display:inline;
        vertical-align:middle;
        margin:0;
        padding:0;
        border:0;
}

.importance4 {
        font-size:0.8em;
        padding:5px;
        box-shadow:none;
}

h1 .nomenclature {
        color:#555;
        font-size:19px;
}

h1 .famille {
        font-size:13px;
        margin-top:5px; 
}

table tbody {
    background-color: #F8F8DB;
    border: 1px solid #9AC342;
}