/* 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; background-color: #715324; 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;
}
h2 {
/* texte */
	font-size: 2r0pt;
	font-family: Times, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-align: center;
}
h3 { font-size: 18px; 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: #f1d9d7;
	font-weight: lighter;
	text-decoration:none;
}

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

a:hover {
	font-size: 13pt;
	color: #92041c;
	font-weight: lighter;
	text-decoration:none;
	font-family: Times, Arial, Helvetica, Geneva, sans-serif;
}
img { border: 0px;}

/*##################  BLOCS PAGE #################*/
.bloc_page { position: relative; top: 0; width: 1024px; margin: 0 auto; }
.page {
position: absolute;
top: 0;
left: 0;
width: 1024px;
margin: 0;
padding: 0;
}


/*##################  INIT SUR OBS_SAISIE.PHP  #################*/

.bandeau {
position: relative;
left: 0;
top: 0;
float:left;
width:1024px;
background-image: url(http://www.naturedugard.org/styles/fonds/fdpage_brun.jpg);
background-repeat: repeat-y;
height: 150px;
}
.img_ht_gauche { position: absolute; top: 0; left: 30px; }
#titre {
vertical-align: top;
font-size: 26pt;
line-height: 27px;
font-family: Times, Arial, Helvetica, Geneva, sans-serif;
color: #ffffcc;
text-decoration: none;
width: 624px;
position: absolute;
top: 35px;
left: 200px; }

.img_ht_droite { position: absolute; top: 55px; left: 800px; }

.connexion { text-align: right; position: absolute; top: 5px; left: 764px; width: 250px; height: 25px; }

.formulairedesaisie {
	width: 1024px; 
	position: relative; 
	float:left; 
	left: 0; top:0;
	text-align: left;
	vertical-align: top;  margin: 0;
	padding: 0; 
	background-image: url(http://www.naturedugard.org/styles/fonds/fdpage_brun.jpg);
	background-repeat: repeat-y;
}


.pieddepage {
position: relative;
left: 0;
top: 0;
float:left;
clear: both;
background-color: transparent;
background-image: url(http://www.naturedugard.org/styles/fonds/pdpage_brun.png);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 1024px;
height: 35px;
}

.pieddepage_texte { position: relative; top: 10px; left: 0; width: 1024px; }
.pieddepage a { color: #715324; }




/*##################  COMPLEMENTS  #################*/

.texte {
float: left;
width: 1024px;
text-align: left;
margin: 0; }

#liste {
float:left;
width: 240px; text-align: left; height: 450px;
overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : auto; }

#texte_liste_gauche {
position: absolute; left: 10px;
width: 220px; text-align: left; height: 850px;
}

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

#droite {
width: 200px; float: right; vertical-align: top; top:0px;}
#zonedetexte a, .connexion a  { color: #2862de; }

#message_erreur {
position: absolute;
top: 160;	
}   
#bandeau {
float:left;
width:1024px;
background-color: green;
height: 100px;
}
#colonne_gauche {
float:left;
width:120px; 
background-color: red;
}
#colonne_centrale {
float:left;
width:800px; 
background-color: blue;
}
#colonne_droite {
float:right;
width:120px; 
background-color: red;
}

#pieddepage2 {
float:left;
clear: both;
background-color: transparent;
background-image: url(http://www.naturedugard.org/styles/fonds/pdpage_brun.png);
background-repeat: no-repeat; background-attachment: scroll;
margin: 0;
width: 50px;
height: 35px;
}


#marge_gauche {
 position: absolute;
 left: 10px;
 top: 30px;
 width: 50px;
 height: 70px;
 background-color: yellow;

}
#bande_gauche {
 float:left;
  width:120px; 
background-color: red;
}
#colonne2{
 float:right;
  width:120px; 
background-color: blue;
}
#dern {
position: absolute;
left: 10px;
top: 10px;
height: 50px;
 width:50px;
background-color: blue;
}

#pdp {
 width:50px; height:50px;
background-color: yellow;
}
#gauche {
	width: 250px;
	height: 100%;
	position: relative;
	float: left;
	vertical-align: top;

}

.page2 { background-image: url(http://www.naturedugard.org/styles/fonds/fdpage_brun.jpg);
 background-repeat: repeat-y;
  position: absolute; top: 0; left: 0; width: 1024px;
   }

.marge {
margin-left: 5em;
}

#saisie-obs fieldset{
    margin-top:10px;
    border:0;
    display:block;
}
#saisie-obs ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#saisie-obs li {
    margin:5px;
}
#partie-station label {
    width:70px;
    display:block;
    float:left;
}
#lat-lon-info {
    margin-left:5px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Carte Google Map */
#gg-map-localisation {
    background-color:#4A4B4C;
    color:#CCC;
}
#gg-map-carte {
    width:100%;
}
#gg-map-info {
    list-style-type:none;
    padding: 5px 0;
    margin:0;
}
#gg-map-info li {
    margin:0 0 0 5px;
}
#gg-map-form {
    padding:0;
    margin:0 5px;
}
#gg-map-form button {
    margin:5px;
}
.champ {
    color:#56B80E;
    font-weight:bold;
}
#latitude {background: #ccc;}
#longitude {background: #ccc;}
#commune_nom {background: #ccc;}