/* Module amphibiens*/

/* Elements de base */

body,html {
/* texte */
	font-size: 13pt; line-height: 18px; font-weight: lighter; color: #d04602; font-family: Times, Verdana, Geneva, Arial, sans-serif; margin: 0; text-align: center; top: 0; left: 0; width: 100%; height: 100%; }


h1 {
/* texte */
	font-size: 30pt;
	font-family: Times, Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFCC;
	text-decoration: none;
	text-align: center;
}


h4 {
/* texte */
	font-size: 11pt;
	font-weight: lighter;
	color: #d04602;

}
h6 {
/* texte */
	font-size: 10pt; color: #5f9ea0; font-weight: lighter; line-height: 11pt; text-decoration:none; }


/* Liens */
a:link {
	font-size: 13pt;
	color: #2a5897;
	font-weight: lighter;
	text-decoration:none;
}

a:visited {
	font-size: 13pt;
	color: #8f8d8d;
	font-weight: lighter;
	text-decoration:none;
}

a:hover {
	font-size: 13pt;
	color: #cc0066;
	font-weight: lighter;
	text-decoration:none;
	font-family: Times, Arial, Helvetica, Geneva, sans-serif;
}


.bloc_page { position: relative; top: 0; width: 1024px; margin: 0 auto; }
.page { background-repeat: repeat-y; position: absolute; top: 0; left: 0; width: 1024px; }

/*Bandeau du haut*/
.bandeau { float:left; position: relative; top: 0px; left: 0px;
width:1024px; height: 130px;
background-repeat: repeat-y;
}

#liens {position: absolute; left: 10px; top: 20px;margin: 0; padding: 0; 
	font-size: 13pt; line-height: 20px; text-decoration: none; text-align: left; 
	}
	
#titre { font-size: 26pt; line-height: 27pt; text-align: center; position: absolute; top: 20px; left: 200px; width: 624px; margin: 0; padding: 0;}

#soustitre { font-size: 1.2em; line-height: 1.2em; position: absolute; top: 60px; left: 262px; width: 500px; height: 40px; margin: 0; padding: 0; }



/*Page centrale*/
#bloc_icone {
float:left;width: 179px; position: relative; left:5px; top: 0px;vertical-align: top; margin: 0px; padding: 0px;
}
.carte {
/*position*/
	position: absolute;
	top: 40px;
	left: 0px;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	margin: 0; padding: 0;
	vertical-align: top;
}
.cartographie {
/*position*/
	position: relative;
	float:right;
	top: 0px;
	vertical-align: top;
	left: 0px;
	width: 200px;
	height: 300px;
	margin: 0; padding: 0;
	vertical-align: top;
}
#commentaire { color: #6b776d; font-size: 13px; font-weight: normal; line-height: 13px; position: relative; top: 20px; width: 500px; margin: 0; padding: 0;}
.corps_de_texte { text-align: center; vertical-align: top; position: relative; top: 130px; left: 240px; width: 584px; margin: 0; padding: 0;}
#gauche {
	width: 240px;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
	position: relative;
	float: left;
	vertical-align: top;
	margin: 0; padding: 0;
}
.legende { color: #808183; font-size: 0.8em; line-height: 0.8em; text-align: left; position: absolute; top: 160px; width: 200px; margin: 0; padding: 0;}
.legendeCarto {
	width: 200px;
	position: absolute;
	top: 200px;
	left: 10px;
	text-align: center;
	margin: 0; padding: 0;
}
.legende_pheno { font-size: 11px; position: absolute; top: 440px; left: 0; margin: 0; padding: 0;}
.legende_pheno2 { font-size: 11px; line-height: 11px; text-align: left; position: absolute; top: 330px; left: 0; width: 200px; margin: 0; padding: 0;}
#legende_photo {
float:left;
width: 400px;
position: relative;
left:0px;
top: 5px;
margin: 0px; padding: 0px;
color : #975807;
}
#liste { float:left; position: relative; top: 0px; left: 10px;
width: 240px; text-align: left;  }
#liste a {	font-size: 12pt;
 }
#liste2 {position: relative; top: 0px; left: 0px;width: 220px;height: 500px; 
 text-align: left; overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : auto; margin: 0; padding: 0;}
.phenologie {position: absolute; top: 360px; left: 0; width: 180px; height: 6px; margin: 0; padding: 0;}
#photo {
float:left;width: 400px;position: relative; align:center; left:0px;top: 0px;margin: 0px; padding: 0px;
}
#photo_icone {
float:left; position: relative; left:0px; vertical-align: top; margin: 0px; padding: 0px;
}
#photo_icone a, #photo a {
color: #FFCC66;
 }
.pieddepage {
float:left;
clear: both;
background-color: transparent;
background-repeat: no-repeat;
margin: 0;
width: 1024px;
height: 35px;
}

.pieddepage_texte { position: relative; top: 10px; left: 0; width: 1024px; }
.stats {
/*position*/
	font-size: 11px; line-height: 11px; position: absolute; top: 250px; left: 0; width: 200px; margin: 0; padding: 0;}


#textDiv {
	position:absolute;
	top:0;
	right:0;
	width: 180px;
	}

.texte { float:left; position: relative; top: 0px; left: 0px;
vertical-align: top;
width:1024px;
background-repeat: repeat-y;
}
.texteAccueil {
	position: relative; top: 0px; left: 0px;
	width: 554px;  margin: 0; padding: 0;
	text-align: justify; margin: 0; padding: 0;}
.texteCentral {
float:left;
clear: both;
	position: relative;
	top: 20px;
background-color: transparent;
margin: 0;
width: 554px;
}
#texteCommentaire { position: relative; top: 20px; width: 500px; margin: 0; padding: 0;}

#zonedetexte {
	width: 584px;
	height: 100%;
	position: relative;
	float: left;
	vertical-align: top;
	margin:0; padding: 0;
	text-align: justify;
}