html, body {
padding : 0;
margin : 0;
height : 100%;
}
body{
text-align: center;
}
#conteneur {
position : relative;    /* Obligatoire pour positionner le footer par rapport au conteneur */
margin : auto;          /* Centrage sous Firefox */
width : 990px;           /* On définit la largeur du site */
text-align : left;      /* Reset de la position du texte à cause de IE */
min-height : 100%;   /* Hauteur minimale de 100% */
border-left : 1px #828282 solid;
border-right : 1px #828282 solid;
}
#header {
height: 161px;
width : 100%;
}
#contenu{
overflow : auto; 
padding-bottom : 17px;


}
#footer {
position : absolute;
bottom: 0;
left: 0;
clear : both;
width : 990px;
padding-top : 2px;
background : #147437 url(images/bas.jpg) no-repeat;
height : 17px;
text-align : right;
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
bottom : 0px;
}

#gauche {
float :left;
width : 275px;
background : url(images/fond_menu.jpg) no-repeat;

}

img{
border : 0;
}

#text {
width : 710px;
float : right;

padding-top : 50px;
padding-bottom : 50px;
/*border : 1px #000 solid;*/
}
.imagegauche{
	margin-left : 25px;
}
p{
padding-right : 40px;
text-align : justify;
color : #006728;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 22px;
}


#footer a{
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
a{
color : #66482f;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}
div#contact{
color : #006728;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
padding-left : 50px;
}
div#contact2{
color : #006728;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
padding-left : 50px;
}
p a{
text-decoration : underline;
}
a:hover{
color : red;
}
#gohaut{
position : absolute;
bottom :60px;
left : 125px;
}
#gohaut a{
color : silver;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
#gohaut a:hover{
color : red;
}
ul#menu {
list-style-type: none;
margin: 25px 0 0 28px;
padding: 0;
}

ul#menu a {
text-decoration: none;
color: #000;
padding-left: 20px;
background: url(images/puce_v.gif) center left no-repeat;
}
	 
ul#menu a:hover {
background-image: url(images/puce_r.gif);
}
li{
padding : 2px;
}
h1{
font-family : Arial, Helvetica, sans-serif;
font-size : 17px;
font-weight : bold;
}

.tri{
color : #000;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : right;
font-weight : bold;
background : #b4b4b4;
height : 30px;
}
option, select, input{
color : #000;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
.moiscal{
color : #006728;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
text-align : center;
font-weight : bold;
background : #d8d8d8;
width : 400px
}
#calendrier table{
border : #000 solid 1px;
}
.dates{
padding : 10px;
}
#calendrier dl {
position: absolute;
z-index: 100;
width: 550px;
background: #fff;
border: 1px solid gray;
height : 250px;
padding : 10px 10px 10px 30px;
}
.txt{
padding-right : 20px;
text-align : justify;
color : #006728;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
#gobemouche{

position : absolute;
left : 230px;
top :250px;

}
#col{

position : relative;
top :100px;
left : -5px;
}
#news{
position : absolute;
left : 600px;
top :390px;
width : 293px;
height : 88px;
background: url(images/fond_news.gif) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
padding-left : 10px;
padding-top : 10px;
line-height : 16px;
}
#especesdefil{
position : absolute;
left : 20px;
top :550px;
width : 700px;
height : 45px;
}
#news a{
color : #000;
}
#news a:hover{
color : Red;
}
.atlas_oiseaux{
	position : relative;
	bottom : 40px;
	left : 500px;
	width : 170px;
	height : 12px;
	background : #fff;
	font-size : 9px;
	text-align : center;
font-family : Arial, Helvetica, sans-serif;
}