﻿/* CSS definitions for fonts */

body {
background-color:#fff;
color:#2f2f2f;
font:10px Verdana, Arial, Helvetica, Geneva, sans-serif;
margin:0;
padding:0;
}

a:link {
color:#0000ff;
}
a:visited {
color:#0000ff;
}
a:hover {
color:#ff0000;
}
a:active {
color:#FF6600;
}
a img {
border:none;
}
ul {
list-style-image: url(themes/images/dot_green_5px.gif);
text-align:left;
padding-left:2em;
}
ul.detail_espece {
margin:0 0 0 20px;
padding-left:70px;
text-indent:-70px;
list-style-image:none;
list-style-type:none;
}
li {
font-size:11px;
padding-bottom:1em;
}
ul.compact li, ul.detail_espece li{
line-height:1.5em;
padding-bottom:0.1em;
}
h1 {
font-size:12px;
line-height:26px;
text-align:left;
vertical-align:middle;
}
h2 {
font-size:10.5px;
padding: 0 1em;
margin:0;
text-align:left;
}
hr {
border:0;
background-color:#9fd2a0;
height:1px;
width:100%;
color:#9fd2a0;
margin: 20px 0;
padding:0;
}

.V9, .V10, .V11 {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.L8 {
font-size:8px;
}
.G9, .G9G, .V9 {
font-size:9px;
}
.L10, .L10G, .L10green, .L10W, .V10, .G10, .G10G, .G10W {
font-size:10px;
}
.V11 {
font-size:11px;
}
.L12, .L12U, .L12Ugreen, .L12G, .L12W {
font-size:12px;
}
.L14, .L14G, .L14W {
font-size:14px;
}
.L16, .L16G, .L16W {
font-size:16px;
}
.L18, .L18G, .L18W {
font-size:18px;
}
.L24, .L24G, .L24W {
font-size:24px;
}

.G9G, .G10G, .L10G, .L11G, .L12G, .L14G, .L16G, .L18G, .L24G {
color:#76797c;
}
.G10W, .L10W, .L12W, .L14W, .L16W, .L18W, .L24W {
color:#fff;
}
.L10green, .L11green, .L11Ugreen, .L12Ugreen, h1 {
color:#339933;
}

.L11U, .L11Ugreen, .L12U, .L12Ugreen {
text-decoration:underline
}

.L11, .L11U, .L11Ugreen, .L11green, .L11red, .L11G, .L11Ublue {
font-size:11px;
line-height:16px;
}
.L11, .L11green {
text-align:justify;
}
.L11red {
text-align:justify;
color:#CC0000;
}
.L11Ublue {
text-decoration:underline;
color:#0000FF;
}

.T13 {
font-family:Times, Times New Roman, serif;
font-size:13px;
line-height:115%;
}

.titre {
font-size:12px;
text-align:center;
}

.ouvrage {
background-color:#f7f4f7;
border-color:#ccc;
padding:2px;
height:30px;
font-size:12px;
}

.normal, .normal_centre, .renvoi, .statut, .statut_renvoi {
font-size:12px;
padding:1px 0 1px 8px;
}
.normal_centre {
padding:1px 4px;
text-align:center;
}
.renvoi, .statut_renvoi {
color:#666;
}
.statut, .statut_renvoi {
font-weight:100;
text-align:center;
width:20px;
}

.navigation, .liensSynonym {
font-size:12px;
height:3em;
padding:1em 0;
text-align:center;
}

.navigation_lienactif {
color:#000;
font-weight:900;
}
.navigation_lieninactif {
color:#999999;
text-decoration:underline;
}

.detail_syn {
background-color:#fff;
font-size:12px;
line-height:18px;
padding:5px 8px 6px;
}

.lrResultat {
padding:4px;
height:30px;
font-size:12px;
}

.explication {
padding:3px;
font-size:11px;
}

.titrePhoto, .ecoTitreLandolt, .ecoLandoltDetails, .titreCarte {
padding:4px;
height:30px;
font-size:12px;
text-align:center;
}

/* Général */

.cache {
clear:both;
padding:0;
margin:0;
visibility:hidden;
}
.cadre_bordereau {
border:1px solid #AEC4E0;
margin-right:auto;
margin-left:auto;
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
position:relative;
vertical-align:middle;
width:750px;
}
#espece_recherche.cadre_bordereau {
border-color:#99CC99;
width:550px;
}
#espece_recherche_lr.cadre_bordereau {
border-color:#99CC99;
width:600px;
}
.titre_cadre {
background-color:#C6DFFF;
height:30px;
margin-bottom:10px;
padding:1px;
position:relative;
font-size:12px;
font-weight:bold;
line-height:28px;
text-align:center;
}
#galerie .titre_cadre {
height:26px;
padding:0;
margin:0;
padding-left:267px;
text-align:left;
font-size:10px;
font-weight:normal;
}
fieldset {
border:1px solid #ccc;
margin:0.9em;
padding:0.9em;
}
fieldset legend {
color:#669ee6;
font-weight:bold;
}
fieldset label {
display:block;
padding:0.3em;
width:250px;
}

/* Bandeau et menus */

#header {
float:left;
width:100%;
}
div#header ul {
padding: 0;
}
div#header {
height: 27px;
border-bottom: 1px solid #a0a0a0;
}
div#header-inside {
width: 835px;
margin: 0 auto;
}
ul#menu {
list-style: none;
margin:0 auto;
position: relative;
top: 3px;
width:750px;
}
ul#menu li {
float: left;
font-size:0.9em;
padding:0;
margin-left: 5px;
}
ul#menu li a {
color: #444;
text-decoration: none;
font-weight: bold;
text-align: center;
width: 120px;
height: 15px;
padding: 7px 0 3px;
display: block;
background: url('themes/images/tab.gif') no-repeat center left;
}
ul#menu li a:hover, ul#menu li a:active {
background-position: top left;
}
ul#menu li a.selected {
background-position: bottom left;
}
#menu-langue {
float:left;
margin:0;
padding-top:8px;
width:41px;
}
#menu-aide {
float:right;
margin:0;
padding-top:7px;
width:41px;
}
#menu-langue #currentlang {
color:#000;
font-weight:bold;
text-decoration:none;
}
#submenu {
float:left;
margin:0;
padding:0;
width:100%;
border-bottom: 1px solid #a0a0a0;
background-color:#99CC99;
line-height:normal;
min-height:17px;
}
#submenu ul {
height:17px;
margin: 0 auto;
padding:0;
list-style:none;
text-align:center;
}
#submenu li {
display:inline;
text-align:center;
padding:0;
vertical-align:middle;
}
#submenu a {
font-size:0.9em;
color:#222;
line-height:17px;
padding:15px 10px;
text-decoration:none;
}
#submenu a:hover {
color:#ff3333;
}
#submenu a.selected {
color:#fff;
}
#submenu a.selected:hover {
color:#fff;
}
a.bouton, a.bouton_g {
display:block;
}
.bouton, .bouton_inactif, .bouton_lienactif, .bouton_g {
border: 1px solid #ccc;
}
.bouton, .bouton_inactif, .bouton_lienactif {
float:right;
margin-left:2px;
}
.bouton_g {
float:left;
margin-right:2px;
}
.bouton:active, .bouton_g:active {
border: 1px solid #FF6600;
}
.bouton:hover, .bouton_g:hover {
border: 1px solid #ff0000;
}
.bouton_inactif {
border: 1px solid #ccc;
}
.bouton_lienactif {
border: 1px solid #000;
}
.bouton img, .bouton_g img {
vertical-align:middle;
}

/*Contenu*/
#contenu {
background: url('themes/images/header_shadow.png') repeat-x top left;
padding-top:7px;
}

/* Bordereau */

.bordereau_item {
clear:both;
margin-top:3px;
margin-bottom:3px;
}
.bordereau_saisie {
float:right;
width:435px;
position:relative;
}
.bordereau_input_max {
width:100%;
}
.recherche_item {
padding:5px;
}
.recherche_item label {
display:block;
float:left;
line-height:21px;
margin-right:10px;
text-align:right;
width:170px;
}
input, select, textarea {
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:11px;
}

/* Détails */

.details_cadre {
border:1px solid #99CC99;
margin:0 auto;
padding:0;
width:770px;
}
.details_titre {
border-bottom:1px solid #99CC99;
font-size:12px;
min-height:32px;
}
.details_titre_g, .details_titre_c, .details_titre_d {
margin:0;
padding:4px 4px 0 4px;
}
.details_titre_g {
float:left;
width:94px;
}
.details_titre_c {
line-height:auto;
padding:8px 0 2px 180px;
text-align:left;
text-indent:-80px;
width:430px;
}
.details_titre_d {
float:right;
text-align:right;
width:248px;
}
.details_contenu {
text-align:center;
position:relative;
}
.details_pied {
border-top:1px solid #99CC99;
font-size:12px;
height:36px;
}
.details_pied_c {
line-height:28px;
margin:0 auto;
padding:4px;
text-align:center;
vertical-align:middle;
width:660px;
white-space:nowrap;
}
.details_pied_d, .details_pied_g {
float:right;
margin:0;
text-align:right;
padding:4px;
width:40px;
}
.details_pied_g {
float:left;
text-align:left;
width:80px;
}

/* Images */

#carte_image {
position:absolute;
bottom:2px;
right:5px;
}
.boite_grande_image {
float:left;
margin:0;
padding:7px;
width:500px;
}
.boite_grande_image img {
border:1px solid #d1d1d1;
}
.boite_imagettes {
border-left:1px solid #d1d1d1;
float:right;
height:530px;
margin:0;
padding:0 0 7px 0;
overflow:auto;
width:253px;
}
#galerie.boite_imagettes {
overflow:hidden;
width:660px;
border-left:1px solid #99CC99;
height:468px;
}
.boite_imagettes ul {
list-style: none;
padding:0;
margin:0;
}
.boite_imagettes li {
background-color:#ededef;
border:1px solid #d1d1d1;
display:table;
float:left;
margin:7px 0 0 7px;
padding:0;
text-align:center;
overflow:hidden;
height:106px;
width:106px;
#position:relative;
}
#galerie.boite_imagettes li {
height:84px;
width:84px;
}
.boite_imagettes li:hover {
background-color:#E0F0E0;
border-color:#99cc99;
}
.boite_imagettes a {
display:table-cell;
vertical-align:middle;
#position:absolute;
#top: 50%;
}
.boite_imagettes img {
max-width:100px;
max-height:100px;
vertical-align:middle;
#position: relative;
#top:-50%;
#left:-50%
}
#galerie.boite_imagettes img {
max-width:78px;
max-height:78px;
}

.photo_erreur {
border:1px solid #99CC99;
font-weight:bold;
margin:22em auto;
padding:2em;
text-align:center;
width:320px;
}
.colone_g {
float:left;
margin:0;
padding:0 0 1em 0;
position:relative;
width:299px;
}
h3.recherche {
line-height:1.2em;
margin:0;
padding:0 1em;
font-size:1.2em;
font-weight:bold;
}
.choix_sp {
padding:0 1em;
margin:0;
}
#pages_galerie.choix_sp {
padding-top:164px;
}
.submit_fin, .submit_fin_desat {
color:#58595a;
cursor: pointer;
background-color:#eee;
border:1px solid #777;
font-size:0.9em;
padding:0;
margin:0.1em;
width:3.4em;
height:2.1em;
text-align:center;
vertical-align:middle;
}
.submit_fin_desat {
border-color:#ddd;
color:#999;
cursor:default;
font-weight:normal;
}
#selected.submit_fin {
background-color:#99CC99;
border-color:#000;
}
#galerie .submit_fin, #galerie .submit_fin_desat {
width:3.55em;
}

/* Autocomplete */
div.autocompleter-loading {
float:left;
clear:right;
background:#fff url(themes/images/spinner.gif) no-repeat center;
width:20px;
height:16px;
}
ul.autocompleter-choices {
position:absolute;
margin:0;
padding:0;
list-style:none;
list-style-image:none;
border:1px solid #eee;
background-color:white;
border-color:#ddd;
text-align:left;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index:50;
}
ul.autocompleter-choices li {
position:relative;
padding:0.1em 1.5em 0.1em 0.3em;
color:#565656;
cursor:pointer;
font-weight:normal;
font-size:10px;
}
ul.autocompleter-choices li.autocompleter-selected {
background-color:#DFF5BA;
color:#222;
}
ul.autocompleter-choices span.autocompleter-queried {
font-weight:bold;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
color:#6A9700;
}

/* ImageMenu v. 2.2 */

#imageMenu {
position: relative;
width: 750px;
height: 210px;
overflow: hidden;
}
#imageMenu ul {
list-style: none;
margin: 0px;
padding:0;
display: block;
height: 210px;
width: 1200px;
}
#imageMenu ul li {
float: left;
padding:0;
}
#imageMenu ul li a {
text-indent: -1200px;
background:#fff none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:93px;
height: 210px;
}
#imageMenu ul li.donneesonline a {
background: url(themes/images/imenu_donneesonline.jpg) repeat scroll 0%;
}
#imageMenu ul li.datenonline a {
background: url(themes/images/imenu_datenonline.jpg) repeat scroll 0%;
}
#imageMenu ul li.envoidedonnees a {
background: url(themes/images/imenu_envoidedonnees.jpg) repeat scroll 0%;
}
#imageMenu ul li.fundmeldungen a {
background: url(themes/images/imenu_fundmeldungen.jpg) repeat scroll 0%;
}
#imageMenu ul li.listesespeces5x5 a {
background: url(themes/images/imenu_listesespeces5x5.jpg) repeat scroll 0%;
}
#imageMenu ul li.artlisten5x5 a {
background: url(themes/images/imenu_artlisten5x5.jpg) repeat scroll 0%;
}
#imageMenu ul li.listesespecesws a {
background: url(themes/images/imenu_listesespecesws.jpg) repeat scroll 0%;
}
#imageMenu ul li.artlistenws a {
background: url(themes/images/imenu_artlistenws.jpg) repeat scroll 0%;
}
#imageMenu ul li.basededonnees a {
background: url(themes/images/imenu_basededonnees.jpg) repeat scroll 0%;
}
#imageMenu ul li.datenbank a {
background: url(themes/images/imenu_datenbank.jpg) repeat scroll 0%;
}
#imageMenu ul li.listerouge a {
background: url(themes/images/imenu_listerouge.jpg) repeat scroll 0%;
}
#imageMenu ul li.roteliste a {
background: url(themes/images/imenu_roteliste.jpg) repeat scroll 0%;
}
#imageMenu ul li.photos a {
background: url(themes/images/imenu_photos.jpg) repeat scroll 0%;
}
#imageMenu ul li.fotos a {
background: url(themes/images/imenu_fotos.jpg) repeat scroll 0%;
}
#imageMenu ul li.contact a {
background: url(themes/images/imenu_contact.jpg) repeat scroll 0%;
width:210px;
}
#imageMenu ul li.kontakt a {
background: url(themes/images/imenu_kontakt.jpg) repeat scroll 0%;
width: 210px;
}

/* maps */

.maps {
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
padding:1em;
position: relative;
}
.maps h1 {
font-size:1.7em;
margin:0;
padding:0 0 0.7em;
text-align:left;
}
.maps img {
border-width:0;
}

/* Tableau */
table, tr {
font-size:1.05em;
}
.tab_defaut {
border-collapse: collapse;
border:solid #99cc99 1px;
margin:0 auto;
max-width:120em;
}
#bleu.tab_defaut {
border-color:#AEC4E0;
}
#beige.tab_defaut {
border-color:#ccc;
}
#rose.tab_defaut {
border-color:#ccc;
}
#violet.tab_defaut {
border-color:#ccc;
}
.tab_defaut tr, .tab_defaut td {
border-collapse: collapse;
border:solid #99cc99 1px;
height:1.8em;
}
#bleu.tab_defaut tr, #bleu.tab_defaut td {
border-color:#AEC4E0;
}
#beige.tab_defaut tr, #beige.tab_defaut td {
border-color:#ccc;
}
#rose.tab_defaut tr, #rose.tab_defaut td {
border-color:#ccc;
}
#violet.tab_defaut tr, #violet.tab_defaut td {
border-color:#ccc;
}
.tab_defaut th {
background-color:#99cc99;
padding:0.2em;
line-height:1.75em;
text-align:center;
font-size:1.1em;
font-weight:bold;
white-space:nowrap;
}
#bleu.tab_defaut th {
background-color:#C6DFFF;
}
#beige.tab_defaut th {
background-color:#e1e1c1;
}
#rose.tab_defaut th {
background-color:#ffeaea;
}
#violet.tab_defaut th {
background-color:#e9e0e9;
}
.tab_transparent {
margin:0;
padding:0;
border:none;
}
.tab_transparent td {
border:none;
}
.tab_Cel, .tab_Celc, .tab_Celbis, .tab_Celbisc, .tab_cellule, .tab_cellule_c, .tab_cellule_bis, .tab_cellule_bis_c {
background-color:#fff;
font-size:1.2em;
height:1.9em;
line-height:1.4em;
padding:0.3em 0.6em;
text-align:left;
vertical-align:middle;
}
.tab_cellule, .tab_cellule_c, .tab_cellule_bis, .tab_cellule_bis_c {
font-size:0.9em;
height:1.9em;
line-height:1.1em;
padding:0.3em 0.6em;
}
th.tab_cellule, th.tab_cellule_c {
line-height:1em;
background-color:#ccc;
}
.tab_Celbis, .tab_Celbisc, .tab_cellule_bis, .tab_cellule_bis_c {
background-color:#F6F6F6;
}
.tab_Celc, .tab_Celbisc, .tab_cellule_c, .tab_cellule_bis_c {
text-align:center;
}
.tab_CelSubTit {
background-color:#e5ffe5;
font-size:0.8em;
text-align:center;
padding:0.3em;
}
#violet .tab_CelSubTit {
background-color:#faf1fc;
}
.texte_retrait {
text-indent:-82px;
padding: 3px 10px 3px 84px;
}

/* Erreurs */
.erreur {
margin:2em auto;
padding:2em;
text-align:center;
width:30em;
}
.erreur div {
color:#cc3300;
font-size:12px;
font-weight:bold;
}

/* Tous les navts sauf Safari <= 2 */
.bordereau_input_max {
width:99%;#
}
#pages_galerie.choix_sp {
padding-top:182px;
}
.submit_fin, .submit_fin_desat {
width:2.1em;
}
.submit_fin:hover  {
background-color:#ffb7ba;
}
#galerie .submit_fin, #galerie .submit_fin_desat {
width:3.55em;
}

/* Slmt Safari 3 & Opera */
@media all and (-webkit-min-device-pixel-ratio:0){
#datenonline .tab_defaut, #donneesonline .tab_defaut, #rotelisteonline .tab_defaut, #listerougeonline .tab_defaut {
margin:0 3%;
}
.submit_fin {
margin:0 0 0.4em 0.4em;
}
#galerie .submit_fin, #galerie .submit_fin_desat {
margin:0 0.3em;
}
#galerie .titre_cadre {
padding-left:255px;
}
.boite_imagettes li {
margin:9px 0 0 9px;
}
}
