/* Feuille de style g?n?rale au site Gard Nature */

/* El?ments de base */

body,html {
/* texte */
	font-size: 13pt; line-height: 18px; color: #5f0808; font-family: Times, Verdana, Geneva, Arial, sans-serif; margin: 0; background-color: #83a273; 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: #ffc;
	text-decoration: none;
	text-align: center;
}
h2 { color: #ffc; font-size: 18pt; line-height: 20pt; text-align: center; }
h4 {
/* texte */
	font-size: 11pt;
	font-weight: lighter;
	color: #F0F0F0;

}
h6 {
/* texte */
	font-size: 9pt;
	color: #5F9EA0;
	text-decoration:none;
}


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

a:visited {
	font-size: 13pt;
	color: #efcc7c;
	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 { float:left; position: relative; top: 0px; left: 0px;
width:1024px; height: 130px;
background-repeat: repeat-y;
}

.texte { float:left; position: relative; top: 0px; left: 0px;
vertical-align: top;
width:1024px;
background-repeat: repeat-y;
}

#liste { float:left; position: relative; top: 0px; left: 10px;
width: 240px; text-align: left;  }


#zonedetexte { float:left; position: relative; top: 0px; left: 0px;
text-align: justify; width: 500px;
vertical-align: top;  margin: 0; }

#export { position: relative; top: 0px; left: 400px;
vertical-align: top;  margin: 0; }
.bloc_central { text-align: center; position: relative; top: 0px; left: 0; width: 490px; height: 500px; margin: 0; padding: 0; color: #fff;}

.zone_de_lien { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 245px;
height: 245px;
margin: 0px;
}

.partenaires { position: relative; top: 10px; left: 0; width: 500px; }

#droite {float:left; position: relative; top: 0px; left: 20px;
	text-align: left; width: 234px; 
 vertical-align: top;  }
 
#gauche {
	width: 150px;
	height: 100%;
	position: relative;
	float: left;
	vertical-align: top;

}

#corps_de_texte { text-align: left; position: absolute; top: 160px; left: 260px; width: 500px; height: 645px; overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : auto; }
/* images de droite*/
	
#titre {
	vertical-align: top; text-align: center; font-size: 1.8Em; line-height: 2Em; font-family: Times, Arial, Helvetica, Geneva, sans-serif; color: #ffffcc; text-decoration: none; text-align: center; width: 624px; background-repeat: repeat-y; background-position: center; position: absolute; top: 35px; left: 200px; }
#sous_titre {
	vertical-align: top; text-align: center; font-size: 1.5Em; line-height: 2Em; font-family: Times, Arial, Helvetica, Geneva, sans-serif; color: #ffffcc; text-decoration: none; text-align: center; width: 624px; background-repeat: repeat-y; background-position: center; position: absolute; top: 70px; left: 200px; }


	
.commentaire {
float:left; position: relative; top: 150px; left: 0px;

/* Taille et position */
	text-align: justify; width: 500px; height: 720px;
	vertical-align: top;  margin: 0; }

.pieddepage {
float:left;
clear: both;
background-color: transparent;
background-repeat: no-repeat; background-attachment: scroll;
margin: 0;
width: 1024px;
height: 35px;
}

.pieddepage_texte { position: relative; top: 10px; left: 0; width: 1024px; }


.img_ht_gauche { position: absolute; top: 0; left: 30px; }
.img_ht_droite { position: absolute; top: 0; left: 950px; }


.float { float: left; margin: 1em 0 1em 0.2em;
}
.partenaires_texte { position: absolute; top: 100px; left: 0; width: 500px; }