/* 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%; }

.bloc_page{ 
/*contenant de l'ensemble des ?crits, le tout centre dans la fenetre*/
position: relative; top: 0; width: 1024px; margin: 0 auto; }
.page { background: url(http://www.naturedugard.org/styles/fonds/fdamph.png) repeat-y; position: absolute; top: 0; left: 0; width: 1024px; height: 850px; }
.pieddepage { position: absolute; top: 850px; left: 0; width: 1024px; height: 35px; }
.pieddepage_texte { position: relative; top: 10px; left: 0; width: 1024px; }
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: normal; 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;
}

/*Page centrale*/
#liens {
/*position*/
	font-size: 13pt; line-height: 20px; text-decoration: none; text-align: left; position: absolute; left: 10px; top: 30px;
/*taille*/
	width: 190px; height: 120px; margin: 0; padding: 0; }
	
#titre { font-size: 26pt; line-height: 27pt; text-align: center; position: absolute; top: 40px; left: 0; width: 1024px; }
.corps_de_texte { text-align: center; vertical-align: top; position: absolute; top: 120px; left: 262px; width: 500px; }
#liste {
/*position*/
	position: absolute; top: 160px; left: 10px;
/*taille*/	
	width: 240px; text-align: left; height: 665px; overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : auto; }
.texteAccueil {
/*position*/
	position: absolute; top: 120px; left: 260px;
/*taille*/
	width: 500px; height: 350px; margin: 0; padding: 0;
/* texte */
	text-align: justify; }
.titreListe { text-align: left; position: absolute; top: 120px; left: 10px; }
#zonedetexte {
/* Taille et position */
	width: 420px;
	height: 100%;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	vertical-align: top;
}
.imagePrincipale { text-align: center; position: relative; top: 20px; left: 0; width: 500px; max-height: 200px; }
.legendePhoto { font-size: 10pt; line-height: 11pt; width: 500px; height: 30px; position: relative; top: 5px; text-align: center; }
/*bande gauche*/
#gauche {
	width: 240px;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
	position: relative;
	float: left;
	vertical-align: top;

}
/*bande droite*/
#droite {
/* Taille et position */
	width: 200px;
	height: 100%;
	position: relative;
	float: left;
	vertical-align: top;
}
.cartographie {
/*position*/
	position: absolute;
	top: 120px;
	left: 800px;
	width: 200px;
	height: 300px;
	background-image: url(http://www.gard-nature.com/images/CartoGard.gif);
	background-repeat: no-repeat;
}
.stats {
/*position*/
	font-size: 11px; line-height: 11px; position: absolute; top: 200px; left: 0; width: 200px; }
.texteCentral {
	position: relative;
	left: 0;
	top: 20px;
	width: 500px;
	text-align: justify;
}
.legendeCarto {
	width: 200px;
	position: absolute;
	top: 160px;
	left: 10px;
	text-align: center;
}

.legende { color: #808183; font-size: 11px; line-height: 11px; text-align: left; position: relative; top: 90px; width: 200px; }
.soustitre { font-size: 18pt; position: absolute; top: 80px; left: 262px; width: 500px; height: 40px; }
.phenologie { background-image: url(http://www.naturedugard.org/commun/pheno.gif); position: absolute; top: 300px; left: 0; width: 180px; height: 6px; }
.legende_pheno { font-size: 11px; position: absolute; top: 280px; left: 0; }
.legende_pheno2 { font-size: 11px; line-height: 11px; text-align: left; position: absolute; top: 250px; left: 0; width: 200px; }
#texteCommentaire { position: relative; top: 20px; width: 500px; }
#commentaire { color: #6b776d; font-size: 13px; font-weight: normal; line-height: 13px; position: relative; top: 20px; width: 500px; }
.bandeau { position: absolute; top: 0; left: 200px; width: 824px; height: 15px; }