html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center; background-image:url(../images/bg.gif); background-color:#FFFFFF; margin-top:15px; margin-bottom:15px;}

p{margin:0 10px 10px}

a{padding:5px; text-decoration:none; color:#000000;}

#header{
background-color:#F3F2ED;
background-image:url(../images/orga-energie.jpg);
background-repeat:no-repeat;
width:950px;
height:391px;
margin:0 auto;
}

#container{
width:976px;
height:1000px;
background-image:url(../images/bgcontener.png);
margin:0 auto;
}

#content{
float:right;
width:600px;
height:609px;
background-color:#bae55c;
margin-right:13px;
}

#gauche{
float:right;
width:550px;
height:550px;
background-image:url(../images/bggauche.jpg);
margin-top:40px;
margin-right:20px;
}

#extra{
float:left;
width:350px;
height:609px;
background-color:#bae55c;
margin-left:13px;
}

.menu{margin-left:20px; margin-top:47px; margin-right:20px; padding:0; width:300px; list-style:none;}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}

.presentation{
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
margin-left:15px;
}

#footer{
background-image:url(../images/footer.png);
background-repeat:no-repeat;
margin:0 auto;
clear:both;
width:976px;
height:51px;
}

.footer{
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-top:45px;
}