Subversion Repositories eFlore/Applications.coel-consultation

/*+------------------------------------------------------------------------------------------------------------------+
COMMUN SIMPLE
+------------------------------------------------------------------------------------------------------------------+*/
/*Feuille de style support? par Nescape 4.78
Auteur: Magali Giaume*/
body {
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:12px;
  background-color:#fff;
  margin:2px;}
h1 {
  font-size:17px;
  font-weight:bold;
  padding:0 0 2px 5px;
  line-height:1.3em;
  margin:10px 0 4px 0;}
h2 {
  font-size:13px;
  font-weight:bold;
  color:black;
  text-transform:uppercase;
  line-height:1.3em;
  margin:10px 0 4px 0;}
h3, #more_resultat li h2, .titre2_cartographie, .titre2_inscription, .inscription_titre2, .titre2_cartographie {
  font-size:15px;
  color:black;
  font-weight:bold;
  line-height:1.3em;
  margin:8px 0 4px 0;
  text-transform:none;}
h4 {
  font-size:13px;
  color:black;
  font-weight:bold;
  letter-spacing:0.1em;
  line-height:1.3em;
  margin:8px 0 2px 0;}
h5 {
  font-size:13px;
  color:black;
  font-style:italic;
  line-height:1.2em;
  margin:4px 0 1px 0;}
h6 {
  font-size:12px;
  color:black;
  font-style:italic;
  line-height:1.2em;
  margin:4px 0 1px 0;}
caption {
  font-size:12px;
  font-weight:bold;
  margin:2px;}
table {
  border-collapse:collapse;}
/*bandeau*/
#titre_monde h1 {
  font-size:20px}
#pos_recherche p {
  margin:0;
  padding:0;}
/*tableau*/
/* Tableau */
.table_bordure th {
  background-color:#E4B842;
  padding:0 5px;
  text-align:center;
  border-bottom: 1px dotted grey;
  border-left: 1px dotted grey;}

.table_bordure {
  border-spacing:0;
  text-align:center;
  border: 1px solid black;}

.table_bordure td  {
  padding:2px;
  text-align:left;
  border-bottom: 1px dotted grey;
  border-left: 1px dotted grey;}
/*Nom latin*/
.nom_latin{font-style:italic;}
.nom_latin_rang, .nom_latin_auteur{font-style:normal;}

/*+------------------------------------------------------------------------------------------------------------------+
COMMUN COMPLEXE
+------------------------------------------------------------------------------------------------------------------+*/

/*icones*/
a.lien_ext:after {
content: " "url(images/fleche_externe.png);}
a.pdf:before {
content: url(images/fichier_pdf.png)" ";}
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
a.mail:after, a[href ^="mailto:"]:after  {
content: " "url(images/mail.png);}
.table_bordure th[title]:after {
content: " "url(images/aide.png);}
/*abbr {
  background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
  padding-right:16px;
  cursor:help;
  border:none;}*/

/* presentation des liens */
a {
  color:black;
  text-decoration:none;
  border-bottom:1px dotted #95ae5d;}
a:hover {
  color:#FD8C13;
  border-bottom:1px dotted #FD8C13;

/* Texte trouvé par le moteur de recherche */
.surlignage {
  background-color:yellow;}

/* presentation des listes de definitions */
dl {width:100%;}
dt {
  float:left;
  font-weight: bold;
  text-align:top left;
  margin-right:0.3em;}
dd {
  width:auto;
  margin-left:0;
  margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}

/* presentation des listes */
#texte li {
  margin:4px;}
.liste_decale li, .liste_decale dt {
  margin-left:2em;}
ul ul {
  margin-left:2em;}
#zone_menu ul, #menus ul{
  line-height:1.5em;}

/* presentation des images */
img{
  border:0;}
img a{
  display:block;}
#logo_tela img {
  border:0;}
#logo_tela a {
  position:absolute;
  top:0;
  left:0;}
#logo_tela a:hover {
  border:1px dotted;}
#logo_tela a:hover:after {
  content: " Retour à l'accueil ";}
.img_gch_txt_drte img, .flottant_gauche {
  float:left;
  margin:5px 10px 5px 5px;}
.img_gch_txt_drte li {
  margin-left:40px;}
.img_drte_txt_gch img, .flottant_droit {
  float:right;
  margin-left:10px;}
.img_drte_txt_gch > img {
  float:right;
  margin-left:10px;}
.img_milieu {
  display:inline;
  margin:0 10px;}
.image_legendee {
  width: 300px;
  font-style:italic;
  margin: 5px}
.image_legendee img {
  margin: 0 auto}
.legende {
  display:block;
  font-weight:bold;
  text-align:center;}
.clear {
  clear:both;}
  
/* presentation fichiers audio */
.fichier_audio { 
border: 1px solid #99a;}
.legende_audio {
margin-top:-0.8em;
margin-left:10px;
float:left;}
.fichier_audio img {
float:left;
padding-right:25px}
.fichier_audio p {
padding-right:25px;}
.legende_audio span {
padding:0 10px;
background-color:#fff;}

/* autres classes de presentation*/
.texte_inactif {
  font-size:10px;
  color:gray;}
.erreur {
  color:#F00;}
.en_evidence {
  font-size:16px;
  font-weight:bold;}
.attention {
  display:block;
  background: #ffffcc url(https://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
  text-align:center;
  border: 1px solid red;
  min-height: 30px;
  max-width: 800px;
  padding:10px 5px 5px 50px;}
.information {
 background: #e7ebfd url(https://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
  text-align:center;
  border:1px solid #5D81BA;
  max-width: 800px;
  min-height:30px;
  padding:10px 5px 5px 50px;}
#bb_liste_fascicule li{
  clear:both;
  height:100%;}
.bb_img_fascicule {
  display:block;}
blockquote {
  font-style:italic;
  text-align:center;}
legend {
  text-align:center;}
.fin_texte{
  width:0;
  height:0;
  text-align: center;
  clear: both;}

/*DIFFERENTS BLOCS DE LA PAGE*/
#reducteur {
  text-align:center;}
/*bandeau*/
#bandeau, #zone_bandeau {
  height:77px;
  margin:0 0 0 190px;}
#titre_monde, #site_nom {
  margin:0;
  text-align:right;
  height:38px;}
#titre_monde h1, #site_nom h1 {
  background-color:transparent;
  font-weight: bold;
  font-size: 28px;
  margin:0 20px 0 0;
  padding:0;}
#plan_contact {
  margin:0 5px 0 0;
  text-align:right;
  height:25px;
  padding:7px 15px 0 0;}
#plan_contact a {
  font-weight:bold;
  margin-left:10px;
  background-repeat: repeat-x;
  background-position:center bottom;}
#plan_contact a:hover {
  font-weight:bold;
  margin-left:10px;
  background-repeat: repeat-x;
  background-position:center bottom;}

/*droite*/
#droite {
  margin:0 5px 0 207px;
  position:relative;
  /* text-align est nécessaire pour IE */
  text-align:left;
}

/* droite -> pos_recherche */
#pos_recherche, #moteur_recherche {
  font-size:13px;
  font-weight:bold;
  min-height:30px;
  padding:5px 0 5px 20px;
  text-align:left;}
#form_more_recherche, #form_recherche {
  text-align:right;
  padding:0;
  margin:0;}
#form_more_recherche legend {
  display:none;}
#form_more_recherche fieldset {
  float:right;
  border:0;
  margin:0;
  padding:0;}
#form_more_recherche label {
  display:none;}
#more_resultat, #more_resultat li {
  clear:left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type:none;}
.more_iid, .more_dui {
  display:none;}
.more_ivd {
  width:600px;}
.more_duv a {
  color:#008000;}
.more_dsv, .more_dsi {
  color:#C1C1C1;}
.more_detail, .more_detail li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type:none;}

/*droite -> onglets */
#onglets {
  position:relative;
  float:left;
  text-align:left;
  z-index:2;
  font-weight:bold;}
#onglets ul {
  margin:0;
  padding:0;
  list-style:none;}
#onglets li {
  background:url(https://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
  float:left;
  margin:0;
  padding:0;}
#onglets a {
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
  display:block;
  background:url("https://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
  width:.1em;
  white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
  padding:5px 15px 4px;
  text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#onglets > ul a {
  width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#onglets li:hover {
  background-position:100% -150px;}
#onglets li:hover a {
  background-position:0% -150px;}
#onglets .menu_inactif {
  border-bottom:1px solid;}
#onglets .menu_actif, #onglets .onglet_actif {
  position:relative;
  background-position:100% -150px;
  padding-bottom:2px;
  z-index:3;
  font-weight:bold;}
#onglets .menu_actif a, #onglets .onglet_actif a {
  position:relative;
  background-position:0% -150px;
  padding-bottom:3px;
  z-index:4;}

/* droite -> contenu */
#contenu, #zone_contenu, #contenu_accueil {
  position:relative;
  top:-1px;
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
/*  z-index:1;*/
  clear:both;
  padding:0 2px 0 2px;
  text-align:justify;
  min-height:300px;}
#texte{
  line-height:1.2em;
  text-align:justify;
  clear:both;
  padding:0 5px 7px 5px;}
#texte .image_lien {
  background-image:none;}
/* Hides from IE-mac \*/
* html #texte {height: 1%;}
/* Bug qui inactive les liens sous IE */


/* Droite -> pied_page */
#pied_text, #pied_page, #zone_pied {
  clear:both;
  text-align:center;
  font-size:11px;}
#pied_page p, #zone_pied p{
  position:center;}
#pied_page a {
  margin:0 10px;}
.menu_commun_n1 {
  padding:0;}
.menu_commun_n1 li {
  display:inline;}
.menu_commun_n1 li+li {
  display:inline;
  padding-left:10px;}

/* Tableau */
.table_cadre {
  border-spacing:0;
  text-align:center;}
.table_cadre th {
  text-align:center;}
.table_cadre td {
  padding:2px;
  text-align:left;}

/*nav_gauche*/
#navigation, #nav_gauche {
  position:absolute;
  top:2px;
  left:2px;
  width:188px;
  padding-top:150px;
  min-height:292px;}

/* nav_gauche -> logo_tela */
#logo_tela, #logo {
  margin:7px 10px;
  position:absolute;
  top:2px;
  left:18px;
  z-index:1;}
#logo_tela a, #logo a {
  background:none;}
#acces_direct, #accessibilite {
  display:none;}

/* nav_gauche -> selecteur_sites */
#sesi_site {
  text-align:center;
  font-size:12px;
  font-weight:bold;
  width:180px;
  height:20px;}
#sesi_selecteur fieldset, #selecteur_monde fieldset{
  border:0;
  margin:0;
  padding:0;}
#sesi_selecteur legend, #selecteur_monde legend{
  display: none;}
#sesi_selecteur option {
  font-size:11px;}
#lien_inscription{
  margin:2em 0 0 0;
  font-size:11px;}

/* nav_gauche -> menus */
#zone_menu, #menus {
  font-size:13px;
  margin:10px 0;
  text-align:left;}
#zone_menu a, #menus a {
  background:none;
  color:#000;
  display:block;
  height:1.2em;}
#zone_menu .menu_actif>a, #menus .menu_actif>a {
  border:1px solid;}
#zone_menu > ul a, #menus > ul a {
  height:auto;}
#navigation hr, #nav_gauche hr {
  width:40%;
  text-align:center;}

/* nav_gauche -> form connexion et deconnexion */
#form_connexion legend, #identification legend {
  font-size:14px;
  font-weight:bold;
  padding-left:32px;}
#form_connexion label, #identification label {
  display:none;}
label#persistant_label {
  display:block;
  margin:0.5em 0 1em 1em;
  color:black;}
#form_connexion fieldset, #identification fieldset{
  border:none;}
#username, #password {
  width:10em;
  text-align:left;
  margin:0.5em 1em;}
#persistant {
  text-align:left;
  float:left;
  margin:0.5em 0.5em 1em 1em;}
#identification_info, #identification, #formconnexion, #iden_action {
  display:block;
  width:auto;
  text-align:center;
  font-size:11px;
  margin: 0;
  padding-bottom:2px;}
#menu_contextuel {
  border:1px solid;}
#deconnexion, #lien_inscription_modif, #lien_inscription {
  font-size:12px;}
#inscription_info {
  text-align:center;}
#inscription_aide {
  margin-left:1em;}
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
  display:block;
  font-size:14px;
  text-align:center;
  font-weight:bold;
  text-transform:none;
  margin:0 0 5px 0;}
#identification_prenom, #identification_nom{
  font-size:13px;
  font-weight:bold;
  color:black;}
#identification_nom {
  text-transform:uppercase;}
#iden_action a {
  line-height:15px;}

/* presentation des menus */
.menu_classique_n1, .menu_n1 {
  padding:0;
  margin:0;
  font-weight:bold;
  list-style-type:none;}
.menu_classique_n1 a {
  padding:3px 0;}
.menu_classique_n2, .menu_n2 {
  padding:0;
  margin:0;
  font-weight:normal;
  list-style-type:none;}
.menu_classique_n2 a {
  padding:3px 0 3px 15px;}
.menu_n3 {
  margin:0 0 0 10px;
  padding:0;
  text-align:left;}
.menu_inactif a, .menu_actif a {
  color:#000;
  text-decoration:none;
  background-color:transparent;}

/*presentation des syntheses*/
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
  display:none;}
.page_titre {
  font-weight:bold;}

/* Texte champ d'une fiche */
.champ_cle {
  font-weight:bold;}
.champ_valeur {
  font-weight:normal;}p_cle {
  font-weight:bold;}
.champ_valeur {
  font-weight:normal;}
.bp_titre {
  font-weight:bold;}
.bp_titre_revue, .nom_latin {
  font-weight:normal;}
.bp_annee, .bp_num_revue {
  font-weight:normal;}
/*menu_commun*/
.question {
  font-weight:bold;}

/*Gestion de l'affichage du chronomètre des applications.*/
#chrono{display:none;}

/* Gestion de l'affichage du bandeau */
#bandeau_annonce {
        height:28px;
        margin:0 0 0 0px;
        padding-right:20px;
        text-align:right;
}

#bandeau_annonce a {

        font-size: 15px;
        padding: 3px;
        font-weight:bold;
        vertical-align:middle;
}

#bandeau_annonce a:hover {
        background-image:url(https://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);
        background-position:center bottom;
        background-repeat:repeat-x;
}

/*+------------------------------------------------------------------------------------------------------------------+
SITE - PARLONS BOTA
+------------------------------------------------------------------------------------------------------------------+*/
/*Feuille de style du monde debuter en botanique
Auteur : Magali Giaume, Tamara Le Bourg*/
h1 {
  color:#36560B;
  background-color:#CFDB86;}
h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action  {
  color:#36560B;}
hr {
  color: #d1dc8d;}
table {
  border:1px solid #36560B;
  border-collapse: collapse;}
td, th {
  border:1px solid #36560B;
  padding:5px;}
img {
  display:block;}
a img {
  border:1px dotted #36560B;}

/*DIFFERENTS BLOCS DE LA PAGE*/

/*bandeau*/
#bandeau {
  background: url(https://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/bandeau_parlons_bota_fond.png) repeat-x;}
#bandeau_contenu {
  background:transparent url(https://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/bandeau_parlons_bota.jpg) no-repeat;
  height:77px;}
#titre_monde h1 {
  color:#F3F6E2;}
#plan_contact a {
  color:#000;
  background-image: url(https://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);}
#plan_contact a:hover {
  background-image: url(https://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);}

/*droite -> onglets */
#onglets li {
  background:url("https://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/onglet_D_bota.gif") no-repeat right top;}
#onglets a {
  background:url("https://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/onglet_G_bota.gif") no-repeat left top;}
#onglets li:hover {
  color:#becf5c;}
#onglets li:hover a {
  color:#36560B;}
#onglets .menu_inactif {
  border-bottom:#BECF5C;}
#onglets .menu_actif a {
  color:#36560B;}

/* droite -> contenu */
#contenu {
  border:1px solid #becf5c;}
#wikini_page ul{
  line-height:1em;}
.commentsheader {
  display:none;}

/* droite -> pied_page */
.eflore_pied_page {
  color:grey;
  text-align:center;
  font-size:10px;}

/*nav_gauche*/
#nav_gauche {
  background: #fff url(https://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/degrade_vertpomme.png) repeat-x;}

/* nav_gauche -> menus */
#menus .menu_actif>a {
  background-color:#CFDB86;
  border-color: rgb(221, 230, 170);}
#menus a:hover {
  background-color:#CFDB86;}
.form_identification input, .form_identification textarea, .form_identification select {
  background-color:#f4f6e4;}
#menu_contextuel {
  color:#BECF5C;}
/* presentation des menus */
.menu_classique_n2 .menu_actif {
  background-color:red;}
.menu_actif a {
  color:#36560B;}

/*Styles pour presentation des syntheses et articles en ligne*/
.nom_latin {
  font-style:italic;}
.auteur_msg {
  color:#990000;
  font-weight:bold;}
.txt_souligne {
  text-decoration:underline;}
  
/*styles pour ne pas afficher les noms d'auteur et date */
#sans_auteur .page_auteur, #sans_auteur .page_separateur_auteur, #sans_auteur .page_separateur_titre, #sans_auteur .page_creation_mois, #sans_auteur .page_creation_annee {
        display:none;}
/*************************
Apercu de bota - Glossaire
*************************/

#glossaire dd {
  padding-right:10px;}