html {
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size: 75%;
}

body {
background:#FFFFFF url(assets/images/fd_degrade.gif) repeat-x ;
margin:0;
padding:0;
text-align: center;
font:normal 1em Arial, Helvetica, sans-serif;
}

li {
margin: 10px 0;
}

img {
border:0;
}

#listeActuHome a {color:#006817; text-decoration:none;}
#listeActuHome a:hover {text-decoration:underline;}

#wrapper {
text-align: left;
background:#f5f9e9 url(assets/images/bandeaumarron.gif) top repeat-x;
position: relative;
margin: 0 auto;
width: 960px;
}

#logo {
position:relative;
margin: 10px 0 0 15px;
}



#revuedepresse {
background:url(assets/images/fdrevue.png) no-repeat;
position:absolute;
z-index:1;
top:0px;
left:731px;
width:154px;
height:41px;
}


#revuedepresse p a {
background:url(assets/images/triblanc.gif) left no-repeat;
font:bold 1.1em Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin: 5px 0 0 10px;
padding-left: 15px;
text-decoration: none;
}

#revuedepresse p a:hover {
text-decoration:underline;
}

#cmi {
position:absolute;
border:0;
z-index:1;
top:49px;
left:608px;
}

#presentation {
position:absolute;
z-index:2;
width:400px;
top:160px;
left:240px;
font-size:1.1em;
}

#maison {
position:absolute;
top:280px;
left:0px;
}

#foret {
position:absolute;
top:6px;
right:0px;
}


#bandeaudefilant {
position:absolute;
z-index:2;
top:528px;
right:0px;
}


#footer{
position:relative;
background-color:#FFF;
margin-top:520px;
text-align:center;
text-align: center;
}

.itemfooter {
font:normal 0.8em Arial, Helvetica, sans-serif;
margin-left:15px;
}

/* -------------------  actualité ----------------------*/
#actualite {
position:absolute;
background:url(assets/images/fd_actu.jpg) no-repeat;
height: 288px;
width: 298px;
top:240px;
right:0px;
}

#actualite p {
color:#000;
font:bolder 1.3em  Geneva, Arial, Helvetica, sans-serif;
letter-spacing:1px;
margin:25px 0 -4px 20px;
}

#actualite_news {
width: 80%;
margin: 0 auto;
background-color:#FFFFFF;
padding: 10px;
}

/* ---------------------- menu Général --------------------------*/

#menugeneral {
position:absolute;
z-index:1;
width:263px;
top: 153px;
left:0px;
background:url(assets/images/fdmenu.gif) left repeat-y;
}

#menugeneral hr {
height: 2px; 
color: #bccf00; 
background-color: #bccf00; 
width: 70%; 
border: none;
text-align:left;
margin: 0;
padding:0;
}

#menugeneral ul#menug1, #menugeneral ul#menug2, #menugeneral ul#menug3  {
margin: 10px 0;
$margin: -5px 0 0 0;
padding:0;
list-style-type:none;
}

#menugeneral li {
margin: 2px 0;
}

#menugeneral li a {
padding-left:15px;
margin: 15px;
font:normal 1.1em Arial, Helvetica, sans-serif;
text-decoration:none;
color: #000000;
}

#menugeneral ul#menug1 li a {
background:url(assets/images/tglvert.gif) left no-repeat;
}
#menugeneral ul#menug2 li a {
background: url(assets/images/trgl_orange.png) left no-repeat;
}
#menugeneral ul#menug3 li a {
background: url(assets/images/trgl_vertfonce.png) left no-repeat;
}

#menugeneral li a:hover, #menugeneral li.active a {
text-decoration:underline;
font-weight:bold;
}