html, body {
background: #3b3d3f url(img/fd2.jpg) repeat-x;
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #0d60bb; text-decoration:none;}
a:visited {color:#0d60bb;}
a:hover {color: #000;}
a:active { color:#000000;}

strong {font-weight:bold;}

h1 {
font-size: 16px;
font-weight:bold;
color: #205ad1;
padding:5px 10px;
margin:0px;
}

h3 {
font-size: 13px;
font-weight:bold;
}

/* ----------container zentriert das layout-------------- */

#container {
width: 960px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background: url(img/plantes.png) no-repeat bottom;
}

/* ----------banner for logo-------------- */

#banner {
padding: 0px;
margin: 0px;
}

#logo {
padding:5px 10px;
} 

#signature {
margin-top:82px;
float:right;
} 
#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-left: 5px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 12px Verdana;
color:#000;
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{display: inline;}

#pointermenu2 ul li a{
float: left;
color:#000;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
border-right:1px solid #b8b8b8;
}

#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color:#7abd14;
background: transparent url(img/pointer.gif) bottom center no-repeat;
}

#zone-verte2 {
top:118px;
height:358px;
background: transparent url(img/fond-general.jpg) no-repeat;
}

#grand-visu {
position:relative;
top:30px;
left:17px;
}

.zoom {
width:166px;
height:257px;
background:transparent url(img/fd-zoom.png) no-repeat;
padding: 8px 13px;
float:left;
margin-top:15px;
}

.zoom h1{
color:#fff;
padding:0 0 5px 0;
margin:0;
width:140px;
}

.zoom p{
color:#fff;
padding:5px 0 0 0;
margin:0;
width:140px;
}

.zoom a{color:#fff;}
.zoom a:hover{color:#000;}

.flechepoint {
float:right;
margin:10px 25px 0 0;
}

.projet-details {margin-top:20px;}

.projet-details-milieu {
background:#fff;
width:560px;
padding:15px 20px;
position:relative;
top:-3px;
}

.projet-details-milieu h1 {
margin-top:0px;
padding-top:0px;
}

.liste-projets {margin-top:23px;}

.liste-projets-milieu {
background:#fff;
width:210px;
padding:15px 20px;
position:relative;
top:-3px;
}

.liste-projets-milieu h1 {
margin-top:0px;
padding-top:0px;
}

#feinte {
position:relative;
top:-4px;
}

/* -----------------Inhalt--------------------- */

#content {
padding: 35px 0 0 0;
margin-left: 330px;
margin-right: 20px;
}

div#content { 
min-height:300px;
height:expression(this.scrollHeight > 300 ? "auto":"300px"); 
}

p {
padding: 5px 10px;
margin:0px;
}



/* --------------left navigavtion------------- */

#left {
float: left;
width: 280px;
margin: 0px;
padding: 10px 0 0 30px;
}



/* -----------footer--------------------------- */

#footer {
clear: both;
margin-top: 15px;
padding: 0px;
text-align: right;
background:#000;
}

#footer a{color:#0d60bb;}
#footer a:hover{color:#fff;}

/* FORMU */
fieldset {
border:1px dotted #ccc;
padding:20px;
}

label {
display:block;
float:left;
width:70px;
text-align:right;
padding:0 5px 0 0
}

input {float:left}

/* PAGE ACTUS */

#listedesactus{
padding: 0 0 10px 0;
}

.titrelisteactus{
float:left;
margin:-15px 0 0 60px;
}

.listeactu{
clear:both;
border-top:1px dotted #ccc;
padding:3px 0;
}