Rev 1373 | Rev 1397 | 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;
}
.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 {
position: absolute;
right: 195px;
}
.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;
}
#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);
}