body
{
float: left;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 12px;
 }
h1
{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
margin-bottom: 0;
color: #157019;
font-size: 30px;
}
h2
{
font-family: Verdana,Arial, Helvetica, sans-serif;
margin:10px;
margin-bottom: 2px;
color: #2F4F4F;
font-size: 12px;
text-align: justify;
}
h2 a
{
color:  #157019;
font-weight: bold;
font-style: italic;
font-size: 13px;
}
h2 a:hover
{
color: #8FBC8F;
}
h3
{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 17px;
margin: 5px;
}
#wrap
{
float: left;
width:1010px;
}
#header
{
height : 100px;
border-top: solid 2px #157019;
border-bottom: solid 2px #157019;
}
#logo
{
float: left;
width: 150px;
height: 75px;
margin: 10px;
}

#titre
{
float: right;
margin: 10px;
margin-left: 30px;
margin-right: 30px;
}
#titre a
{
color: black;
font-weight: bold;
}
#titre a:hover
{
color: gray;
}
#presentation
{
clear: both;
/*line-height: 15px;*/
text-align: justify;
margin:10px;
margin-top:5px;
}
#presentation a
{
color:  #157019;
font-weight: bold;
font-style: italic;
font-size: 13px;
}
#presentation a:hover
{
color: #8FBC8F;
}

#main
{
float:left;
border-top: solid 2px #157019;
border-bottom:solid 2px #157019;
height : auto;
width: 100%;
}
#map_canvas
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
border: solid 1px gray;
width: 600px;
height: 600px;
margin: 0;
margin-right:0;
}
#map_canvas table, td
{
border: 1px solid black; 
border-collapse: collapse; 
text-align : center;
margin: 2px;
}

#info
{
width: 385px;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#recap
{
text-align: center;
background-color: #8FBC8F;
margin-top:0;
}
.infodiv
{
border: solid 1px gray;
padding: 0px;
padding-left: 5px;
margin: 5px;
margin-left:0;
}
.infodiv form
{
margin: 0;
}