/* == STYLE GENERAL == */

body {
	padding: 0;
	font-family : "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 0.8em;
}

#lienUpload {
	text-align : center;
	margin-left : 169px;
}

div.centrage {
	text-align: center;
}

img#principale{
	position: absolute;
	right: 100px;
	top: 240px;
	border : 1px solid #0162bc ;
}

#headerfiche  {

	height: 260px;
	
}

#conteneurFiche {
	border : 1px #002c6e solid;
   float : center;
  	width : 800px;
  	margin-left : 10px;
   background: #f7f3e3;
  	min-height : 600px;
}

#entete {
   margin : 0px;
   padding : 0px;
   height :300px;
   border-width : 0px 0px 1px 0px;
   border-style : solid;
   border-color : #002c6e;
}

#conteneurFiche a {
	color : #0162bc;
	font: bold 12px arial,sans-serif;
	line-height: 1;
	text-decoration : none;
}

#conteneurFiche .titre {
    color : #0162bc;
    font: bold 20px arial,sans-serif;
    line-height: 1;
    text-decoration : none;
    padding-top : 10px;

}

#conteneurFiche a:hover {
	color : #1e78b2;
	text-decoration : underline;
}

#conteneurFiche a.titre {
	color : #0162bc;
	font: bold 20px arial,sans-serif;
	line-height: 1;
	text-decoration : none;
}

#conteneurFiche a.titre:hover {
	color : #1e78b2;
	text-decoration : underline;

}

p {}

ul {
   list-style-type: square;
   color : #002c6e;
}

li:hover {
   cursor:pointer;
}

h1 {
	font-size : 12px;
	background : #0162bc;
	margin : 0px;
	text-align : center;
	color : white;
}

h2 {
	position : relative;
	float : left;
	top : 2px;
	left : 6px;
	margin : 0px;
	color : white;
	font: bold 20px "Trebuchet MS", arial, hevetica, sans-serif;
}

h3 {
	font-size : 18px;
	background : #0162bc;
	margin : 0px;
	text-align : center;
	color : white;
}

#conteneurFiche p {
	margin : 3px 0px 3px 8px;
}

#conteneurFiche h2 {
	top : 0px;
	left : 0px;
	margin : 0px;
	position : relative;
	color : #0162bc;
	border-width : 0px 0px 1px 0px;
	border-style :solid;
	border-color : 1px solid #002c6e;	
	width : 100%;
	text-align : center;
	font: bold 17px "Trebuchet MS", arial, hevetica, sans-serif;
}

h4 {
	font-style : normal;
	margin : 5px 0px 5px 0px;
}

/* Style du tableau de la fiche */
table#fiche {
   background: #f7f3e3;
   width: 100%;
}

table#fiche td {
   padding: 5px;
}

.data {
   color: #000000;
   text-align: right;
   text-align : left;
}

.leftcol {
   vertical-align : top;
   text-align : center;
   font-weight: bold;
   width: 150px;
   color : #002c6e
}

table.observationtable {
    width : 100%;
	border: solid 1px #002c6e;	
}

table.observationtable td {
    width : 120px;
    
    
}

table.observationtable thead th {
    background-color: #002c6e;
    color: #f7f3e3; 
}

table.observationtable td.idobservation {
    width : 50px;
    text-align: center;
    background-color: #d7d3e3;
    
}
table.observationtable td.dateobservation {
    width : 90px;
    text-align: center;
    
}

table.observationtable td.stationobservation {
    width : 120px;
    text-align: center;
    background-color: #d7d3e3;    
}

table.observationtable td.biotopeobservation {
    width : 200px;
    
}

table.observationtable td.observateurobservation {
    width : 140px;
	background-color: #d7d3e3;    
    
}

.largesequenceblock {
	font-family: monospace;
	width: 60em;
	background-color: #eeeeee;
	word-break: break-all;
}

.smallsequenceblock {
    font-family: monospace;
    width: 40em;
    background-color: #eeeeee;
    word-break: break-all;
}