/* Style d'une fiche */

/* GLOBAL */

html {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 15pt;}

a:link, a:visited, a:active {
  text-decoration: none;
  color:black;}

a:hover {
  text-decoration: none;
  color:white;
  background-color:#DE7800;}

p {
  text-align:left;
  color:black;
  font-size:12pt;
  margin:0;}

/* TITRE */

.titre {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 637px;
  height: 35px;
  background-color:#A8BD18;
  overflow: hidden;}

p#titre {
  font-size:16pt;
  text-align:center;
  margin-top:6px;
  color:white;}

/* FAMILLE, GENRE et NOM LATIN */

.famille, .genre, .nom_latin {
  position:absolute;
  top: 44px;
  overflow:hidden;
  background-color:#DDD;
  height:50px;
  padding:5px;
  margin:0;}

#famille1, #genre1, #nom_latin1, #nom_francais1, #nom_commun1, #caracteres1, #habitat1, #aire1 {
  margin:3px 0;
  color:#DE7800;}

.famille {
  left:5px;
  width:140px;}

.genre {
  left:158px;
  width:190px;}

.nom_latin {
  left:361px;
  width:271px;}

/* NOM FRAN�AIS, NOM VULGAIRE */

.nom_francais, .nom_commun {
  position: absolute;
  overflow: hidden;
  height: 50px;
  top: 109px;
  background-color:#DDD;
  padding:5px;
  margin:0;}

.nom_francais {
  left:5px;
  width:312px;}

.nom_commun {
  left:330px;
  width:302px;}

/* CARACTERES */

.caracteres {
  position:absolute;
  left:5px;
  top:174px;
  overflow:auto;
  width:625px;
  height:80px;
  padding: 5px;
  margin:0;}

/* HABITAT */

.habitat {
  position:absolute;
  left:5px;
  top:269px;
  overflow:auto;
  width:625px;
  height:50px;}

/* AIRE */

.aire {
  position:absolute;
  left:5px;
  top:334px;
  overflow:auto;
  width:625px;
  height:50px;
  font-weight: normal;
  padding:5px;}

/* PLANCHE et ID BONNIER */
.planche, .identifiant {
  position:absolute;
  top:404px;
  height: 30px;
  overflow: hidden;
  padding:0 2px;
  text-align:justify;}

.planche {
  left:5px;
  width: 305px;}

.identifiant {
  left: 328px;
  width: 308px;}

#identifiant:before {
  content:"Identifiant ";}

.espace {
  position: absolute;
  left:5px;
  width:598px;
  height:1px;
  overflow:hidden;}

/* RETOUR */

.photographie, .retour {
  position: absolute;
  left:10x;
  height: 15px;
  width: 435px;
  overflow: hidden;
  background-color: #A8BD18;
  color:white;}

.photographie {
  top: 454px;
}

.retour {
  top:470px;}

p#photographie, p#retour {
  font-size:8pt;
  line-height:8pt;
  text-align:left;
  margin-top:1px;
  overflow: hidden;
  font-style:italic;
  color:black;}

p#photographie a, p#retour a {
  color:black;}

p#photographie a:hover, p#retour a:hover {
  background-color:#DE7800;}

p#retour a:before {
  content:" > ";}

p#retour:before {
  content:"Retour : ";}

/* CROQUIS, GLOSSAIRE et TOP RETOUR */

.glossaire, .croquis, .text, .photographie {
  position:absolute;
  top: 454px;
  height:31px;
  overflow: hidden;
  font-size: 12pt;
  padding:0;}

.glossaire p, .croquis p, .text p {
  margin:0;
  padding:0;}

.glossaire a, .croquis a, .text a {
  display:block;
  color: white;
  background-color: #A8BD18;
  line-height:31px;
  vertical-align:middle;
  margin:0;
  text-align: center;}

/* GLOSSAIRE */

.glossaire {
  left:447px;
  width:70px;}

.glossaire a:hover {
  background-color:#DE7800;}

/* CROQUIS */

.croquis {
  left:522px;
  width:60px;
  background-color:#A8BD18;}

.croquis a {
  color:white;
  background-color:#A8BD18;}

.croquis a:hover {
  background-color:#DE7800;}

/* TOP RETOUR */

.text {
  left: 587px;
  width: 60px;}

.text a:hover {
  background-color:#DE7800;}

/* CROQUIS FEN�TRE */
.fenetreCroquis {
  width: 630px;
  height: 430px;
  overflow: auto;
  border: solid 1px gray;}

.titreCroquis {
  width: 150px;
  height: 15px;
  font-size: 12pt;
  overflow: hidden;}

/* PHOTOGRAPHIE */



/* X */
.X {
  border-style: solid;
  border-width: 2px;
  margin: 0pt;
  padding: 0pt 2px;
  text-align: justify;
  position: absolute;
  top: 286px;
  left: 610px;
  width: 16px;
  height: 30px;
  overflow: auto;
  background-color: rgb(255, 255, 255);}

p#X {
  text-align: left;
  color: black;
  font-size: 12pt;
  font-weight: bold;}