/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
.left{ float:left;}
.right{ float:right;}


body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}

body{background:#000000 url(../images/charte/bg-body.jpg) left top repeat-x;}

/***************** CONTAINER *****************/
#container{
position:absolute;
width:980px;
height:570px;
left:50%;
top:50%;
margin-left:-490px;
margin-top:-285px;
background: #000000;
}

#menu-left{
  width:252px;
  height:570px;
  padding:0px 0px 0px 0px;
  float:left;
  background: url(../images/charte/bg-menu.jpg) right top no-repeat;
}
#contenu{
  width:728px;
  float:left;

}
#contenu-text{
  overflow:auto;
  float:left;
}





/***************** COLLECTION *****************/
#collection1{
width:728px;
height:530px;
background-color: red;
}

#accueil3{
width:490px;
height:570px;
padding-left:238px;
float:right;
background: url(../images/charte/bg01.jpg) left top no-repeat;
}


/***************** FOOTER *****************/
#footer{
position:absolute;
width:980px;
height:30px;
left:0;
bottom:-30px;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/20px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
letter-spacing:1px;
padding:4px 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}