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;
}

#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;
}

img {
border:0;
}

#baseline {
position: absolute;
top: 430px;
left:20px;
width: 230px;
font-size:1.2em; 
font-style:italic;
font-weight: bold;
color: #006817;
}

#contenu {
position:relative;
z-index:2;
width:500px;
margin: -40px 0 20px 300px;
}

#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;
}

h3, h4{
color:#006817;
font: bold 1.3em, Arial, Helvetica, sans-serif;
}

h4{
font-size:1.1em;
}

#contenu li {
margin: 10px 0;
}

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

#menugeneral {
position:absolute;
z-index:1;
width:263px;
top: 163px;
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: 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;
}

/*-----------------formulaire de contact----------------*/

#contactform {
padding-left: 10px;
}

#contactform label {
float:left;
width: 140px;
font: bold 1em Arial, Helvetica, sans-serif;
}

#contactform input, #contactform textarea{
width: 200px;
border:1px solid #959595;
background-color:#e9e9e9;
color: #444;
margin-bottom:15px;
}

#contactform input.radio{
width:20px;
margin:0;
background:none;
border:0;
}

#contactform textarea {
width:400px;
}
#contactform br{
clear: both;
}
#contactform #submitbutton{
margin-left: 120px;
margin-top: 10px;
width: 80px;
border:1px solid #000;
background-color:#494948;
color: #FFF;
}

/*  ----------------formulaire accès espace client---------------------- */
#formauth{
position:absolute;
top:-110px;
$top:-100px;
right:-130px;
color:#666;
text-align:right;
height:28px;
}

#formauth label {
font-variant:small-caps;
color:#000;
}

#formauth input, #contenu #formauth textarea {
  background:#E9EAEB;
  border:1px solid #552B17;
  height:15px;
}

#formauth #envoyer {
  height:18px;
  border: 1px #3D300A solid;
 font: bold 1em Verdana, Helvetica, sans-sherif;
}/* CSS Document */