Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1395 | 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;
}
.acceder-outil {
        font-size:0.85em;
}

/* @TODO mettre dans commun.css mais line-height déconne */
.acceder-outil-vert {
        display:inline-block;
        line-height: 25px;
        padding-left: 30px;
        padding-right: 10px;
        background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll -1px -1px transparent;
        border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px;
        color:#6C6865;
        font-family:helveticaneue;
        font-size:12px;
        border: solid #d0d0d0 1px;
}

#zone-contenu.acceder-outil.img {
        margin-top:-2px;
        margin-bottom:-2px;
}
/*----------------------------------------------------------------------------------------------------------*/
/* 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;
}

#zone_onglets > ul > li > a {
        width: auto;
}

.onglets a {
        border:none
}
.onglets li a, .onglets li{
        list-style-image:none;
        padding:5px 3px 5px 3px;
        margin-top:2px;
        background-color:#C2C0AD;
        text-align: center;
}

.onglets li.verna{
        width: 220px;
}

.onglets li.sci{
        width: 120px;
}

.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, #zone_contenu_corps .onglets li:hover * {
        background:white;
        border-bottom:0;
}

.onglets li:hover > a{
        color:#FD8C13;
}
/*----------------------------------------------------------------------------------------------------------*/
/* 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 {
        width:96%;
        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 .nom-sci{
        display:inline-block;
        width:310px;

}
.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 {
    padding: 0;
}

#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, #ef-resultats-nv-determination li{
        margin: 0;
        margin-bottom: 5px;
        list-style-image: none;
        list-style-type: none;
        padding: 0;
}

#ef-resultats-determination {
        padding-left: 0px;
}


/*----------------------------------------------------------------------------------------------------------*/
/* Fiche */
#bloc-fiche {
        margin-top: 0;
}
#bloc-fiche h1 {
        background: none repeat scroll 0 0 transparent;
        padding: 0;
        margin-bottom : 4px;
}

.synthese {
    background-color: #EEEEEE;
    border: medium none;
    clear: left;
    margin-left: -17px;
    margin-top: -12px;
    min-height: 300px;
    padding-top: 0.4em;
    width: 676px;   
}

.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;
}

.module .contenu.attention {
    padding: 10px 5px 5px 40px;
    background-position: 5px 12px;
    width: 174px;
}

.pas_de_protection {
    display: block;
    margin-bottom: 5px;
    margin-left: 35px;
}

.completer_statut {
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 5px;
    width: 60px;
}

#statut .aucune_info {
        padding: 10px;
}

.infos_liste_rouge {
        font-weight: bold;
}

#alignement-droite {
        float:right;
        margin-right: -5px;
}

.lien-onglet.lien-statique.lien_retour_synthese {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: transparent;
        background-image: url("../images/fleche_gauche.png");
        background-origin: padding-box;
        background-position: 0 2px;
        background-repeat: no-repeat;
        background-size: auto auto;
        padding-left: 20px;
}

.invisible {
        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.ui-tabs-anchor {
        float: left;
        padding: 4px 4px 3px 3px;
        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;
        margin-bottom: 1px;
}
#onglets {
        height:22px
}
#onglets li {
        list-style:none;
        line-height:12px;
}

#onglets li.ui-tabs-selected {
        line-height: 13px;
}

#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%; }

.conteneur_repartition_observations {
        width:620px; 
        height:620px; 
}

.chargement_repartition {
        background: url("../images/chargement.gif") no-repeat scroll 50% 50%, url("../images/fond_carte_metropole.png") no-repeat scroll 8px 8px rgba(0, 0, 0, 0);
}

.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;
}
.lien_metadonnees {
        float:right;
}

.sous-liste-metadonnees {
        margin: 0px;
}

.intitule_metadonnee {
        font-weight: bold;
        color : #6C6865;
}

.lien_metadonnees_affiche {
        color:#FD8C13;
}

.metadonnees_resume_description {
        font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 14px;
}

#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%;
    overflow: hidden;
}

.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;
}

.lienToggle {
        cursor: pointer;
}

/*----------------------------------------------------------------------------------------------------------*/
/* Nomenclature */
.nomenclature {
        text-transform: none;
}
.famille {
        text-transform: uppercase;
}
.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;
}
.vernaculaire {
        font-size: 17px;
        /*color: #A89D80;*/
        color: #555;
        text-transform: none;
        float: right;
}
h2.vernaculaire {
        font-size: 17px;
        color: #555555;
        font-weight: normal;
}
h2.vernaculaire:before {
        content: none !important;
}
.redirige_depuis {
        display: table-row;
    color: #808080;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

.label_redirige_depuis {
        display: table-cell;
        width: 91px;
        padding-right: 5px;
        font-size: 12px;
        line-height: 22px;
}
.valeur_redirige_depuis {
        display: table-cell;
        margin-left: 100px;
}

.lien_biblio_ext {
        border-bottom: 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;
}

.conteneur_flore_probable {
        text-align: center;
}

/*----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:100%;
}

.graphique > * {
      width:100%;
}

.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 : 428px;
        height : 30px;
        margin-right : auto;
        margin-left: auto;
        border: 1px dotted grey;
        padding : 5px;
        text-align:center;
}
.legende_graphique {
        display:none;   
        font-size:11px;
        padding: 5px;
}
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
        background:none;
        border:none;
}

.cacher, .voir {
        float:right;
}

.cacher {
        display:none;
}

.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;
        margin:0px;
        padding:0px;
        
}

#galerie-organes {
        width: 648px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #f0f0f0;
        border-radius: 10px;
}

#grande-image-legende-id-destinataire .icone_action_ill, #grande-image-legende-id-image .icone_action_ill {
        height: 10px;
}

.liste_actions_ill {
        margin-top: -5px;
}

.separator {
    display: inline-block;
    width: 10px;
}

.liste-illustrations li.organe-moyen {
        height: 230px;
        font-size: 13px;
}

.liste-illustrations li.caractere-moyen {
        height: 210px;
}

.ajouter-participer-choix {
        padding-top: 30px;
}

.liste-illustrations li p.absent-organes {
        height: 193px;
        width: 196px;
        margin: 2px 5px 5px;
        background-position: 50% 50%; 
}
.liste-illustrations li p.absent-organes a.contribuer {
        height: 30px;
        padding-top: 146px;
}

.liste-illustrations li.icone-organe {
        width: 108px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #ffffff;
}
.liste-illustrations li.icone-organe:first-of-type {
        border-radius: 10px 0 0 0;
}
.liste-illustrations li.icone-organe:last-of-type {
        border-radius: 0 10px 0 0;
}
.liste-illustrations li.icone-organe.active {
        background-color: #f0f0f0;
}
.liste-illustrations li.miniature-organe {
        width: 105px;
        height: auto;
}
#zone_contenu_corps img.icone-organe {
        height: 30px;
        margin: auto;
        border: none;
}
#zone_contenu_corps img.miniature-organe {
        margin: auto;
}

div.onglet-organe {
    margin: auto;
    margin-bottom: 25px;
    width: 632px;
}
div.onglet-organe ul.liste-illustrations {
        margin-top: 8px;
        height: 75px;
}

.liste-illustrations li p.absent-mini {
        width: 60px;
        height: 60px;
        margin-right: 22px;
        font-size: .8em;
        background-image: url("../images/pasdephoto_petit.png");
}
.liste-illustrations li p.absent-mini .contribuer {
        padding-top: 25px;
}

#grande-image-organe {
        margin-bottom: 15px;
        text-align: center;
}
#grande-image-legende {
        width: 600px;
        margin: auto;
        padding-bottom: 5px;
}

.lien_grand_format img {
        height: 300px;
}

.miniature-organe {
        height: 63px;
        width: 63px;
        overflow: hidden;
}

a.lien-images-organes.non-fourni {
        opacity: 0.2;
        text-decoration: none;
}
a.lien-images-organes.non-fourni:hover {
        text-decoration: none;
        color: inherit;
}
a.lien-images-organes.fourni {
        cursor: pointer;
}
a.lien-images-organes.fourni:hover {
        
}
a.lien-grande-image-organe {
        cursor: pointer;
}

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

.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; 
}

#zone_contenu_corps .nomenclature a.lien_recherche_hier {
        color:#555;
}

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

/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
#bloc_export_choix {
        width: 100%;
}

.avertissement_telechargement {
        padding-top:1px;
        font-style:italic;
        color: grey;
        font-weight: 0.9em;
}

#export_pdf input[type="submit"] {
        text-align: center;
        width :120px;
        display:block;
        /*margin-right: auto;*/
        margin-left: 25px;
        
}
#export_pdf fieldset label{
        width :120px;
        display:inline-block;
        text-align:right;
}

#export_pdf fieldset {
        border: none;
        margin-left: auto;
        margin-right: auto;
        
}

.infos_liens_permanents {
        width: 60%;
}

.telechargements_pdf {
        width: 40%;
}

.conteneur_telechargements > * {
        padding-left:20px;
        padding-top: 10px;
        padding-bottom: 10px;
}

.lien_telechargement_qr_code {
        padding: 0;
        margin-left:20px;
}

.conteneur_permalien_mobile {
        margin-left:20px;
        margin-top: 10px;
}

.lien_export_pdf {
        background:url('../images/pdf.png') no-repeat;
        padding-left: 20px;
        font-size:12px;
        padding-bottom: 3px;
}

.avertissement_telechargement {
        margin-top: 2px;
}

.conteneur_permalien {
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%;
}

.conteneur_permalien > input {
    background-color: #EAEDCD;
    color: #598000;
    border: none;
}

.wp.conteneur_permalien {
        padding-left: 0px;
        padding-top: 0px;
}

.titre_lien_permanent {
        padding-left: 0px;
}

.liste_actions_ill a {
        border: none;
        text-decoration: none;
}

img.icone_action_ill {
        display: inline;
        height: 16px;
}

/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
::-webkit-input-placeholder { color:#777777; }
::-moz-placeholder { color:#777777; } /* firefox 19+ */
:-ms-input-placeholder { color:#777777; } /* ie */
input:-moz-placeholder { color:#777777; }

#recherche_av {
        position:relative;
        float:right;
        right:17px;

}
#bloc-recherche {
        padding-bottom: 3px;
        box-shadow: 3px 3px 6px #555555;
        margin-bottom: 10px;
}
div #recherche_av_form {
        width:97%;
        margin-right:auto;
        margin-left:auto;
        padding : 3px;

}
#bloc_recherche_av {
        border: 1px solid white;
        padding : 5px;
        padding-top : 15px;
                
}

#recherche_av_form label {
        display:block;
        text-align:left;
        padding-left:7px;
}

#recherche_av_form .rech {
        margin-top:20px;
        position:relative;
        left: 228px;
        width:200px;
        padding: 2px;
        cursor:pointer;
        background-color:#FFFFFF;
        font-weight: bold;
}
#recherche_av_form .rech:hover {
        background-color:#DDDDDD;
}
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
        float:left;
}
#recherche_av_form .valeur-defaut-recherche {
    color: #848484;
    font-style: italic;
}
/* fieldset classification */
fieldset.classification_form label{
        width: 95px;
}
fieldset.classification_form input, fieldset.classification_form select{
        width: 100px;
}
/* fieldset statuts presence */
fieldset.statuts_form label, fieldset.presence_form label{
        width: 220px;
}
fieldset.statuts_form select, fieldset.presence_form select{
        width: 200px;
}
/* fieldset publication */
fieldset.publication_form label {
        width: 60px;
}
/* fieldset numero */
fieldset.numero_form label {
        width: 135px;
}

.description-referentiel {
        text-align: justify;
        color: #222222;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}

/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
.chorodep_svg { 
        height: 590px;
        width:  100%;
}

.ecologie_svg { 
    width: 500px;
}

.chargement {
        background:url('../images/chargement-transparent.gif');
        background-repeat:no-repeat;
        background-position:center; 
        min-height: 150px;
}

/**----------------------- Autocompletion des noms ---------------------------------------------**/
li.autocompletion_nom, .autocompletion_nom:hover {
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
    margin: 0 0 5px;
}

/**----------------------- Illustration des résultats ---------------------------------------------**/

.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
        cursor: pointer;
}

.nomenclature_synonyme {
    padding-left: 13px;
}

.liste_synonymes_basionyme {
        margin-top: 3px;        
}

.nomenclature_basionyme {
        font-size: 0.9em;
}


/**----------------------- Styles pour la pagination ---------------------------------------------**/
.page_courante {
        font-size: 1.5em;
}

.page_courante a {
        color: black;   
}

.nb_resultats {
        float:right;
        margin-top: 10px;       
}

/**---------------------- Styles pour le dictionnaire --------------------------------------------**/
#conteneur_activation_definition {
    height: 18px;
    width: 16px;
        left: 17px;
        top: 15px;
    position: relative;
        display: none;
}

#conteneur_activation_definition a {
        height: 18px;
    width: 16px;
    display: inline-block;
}

#conteneur_activation_definition.definitions_actives a {
    background: url("../images/dictionnaire.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#conteneur_activation_definition.definitions_inactives a {
    background: url("../images/dictionnaire_inactif.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}