/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#ffffff;
 background-image: url(../images/charte/main_bg.png);
 background-repeat: repeat-x;
 background-position: top left;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#000000;
	cursor:pointer;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:976px;
margin:0 auto;
background-image: url(../images/charte/repeat-x.jpg);
background-position: top left;
background-repeat: repeat-y;
}

/***************** HEADER *****************/
#header{
width:976px;
height:200px;
float: left;

}

#header .header-left
{
 background-image: url(../images/charte/header-left.png);
 width:759px;
height:200px;
float: left;
}


#header .header-right
{
 background-image: url(../images/charte/header-panier.png);
 width:217px;
height:200px;
float: left;
}


/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:194px;
background-image: url(../images/charte/category.png);
background-repeat: no-repeat;
background-position: top left;
padding: 50px 0px 180px 40px;
}



 #menuLeft ul li a{
  background-image: url(../images/charte/bull2.gif);
  background-repeat: no-repeat;
  background-position: top left;
   padding-left: 15px;
     clear: left;
     float: left;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  color: #595959;
  padding-bottom:10px;
}

 #menuLeft ul li a:hover{
  background-image: url(../images/charte/bull1.gif);
  background-repeat: no-repeat;
  background-position: top left;
   padding-left: 15px;
     clear: left;
     float: left;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  color: #595959;
  padding-bottom:10px;
  color: #ff5a00;
}



 #menuLeft ul li .actif{
  background-image: url(../images/charte/bull1.gif);
  background-repeat: no-repeat;
  background-position: top left;
   padding-left: 15px;
     clear: left;
     float: left;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  color: #595959;
  padding-bottom:10px;
  color: #ff5a00;
  cursor: default;
}


#menuRight{
float:right;
width:217px;
}

 #marque-right
 {
 background-image: url(../images/charte/marque.png);
background-repeat: no-repeat;
background-position: top left;
width:217px;
float: left;
 }


 #newsletter{
  width:217px;
  height: 160px;
  float: left;
}


#pub{
  width:217px;
  height: 357px;
  float: left;
  background-image: url(../images/charte/pub.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: 5px;

}

/***************** PUBS *****************/

.publeft{
  width:178px;
  height: 348px;
  float: left;
  /*background-image: url(../images/charte/pubs.jpg);*/
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: 5px;
  padding-right:18px;
}

.pubright{
  width:178px;
  height: 348px;
  float: left;
  /*background-image: url(../images/charte/pubs.jpg);*/
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: 5px;
  padding-left:18px;
}





/***************** CONTENU *****************/
#contenu{
float:left;
width:505px;
border: 1px solid #b8b8b8;
background-color: #dddddd;
margin-left: 5px;
padding: 5px;
}


#menuTop{
  width:525px;
  height: 71px;
  float: left;
  background-color: #f3f3f3;
}


#menuTop span{
  display: none;

}

#menuTop li{
  float: left;
}



  #menuTop ul li.bt1 a{
  background-image: url(../images/charte/bt1.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 71px;
  width: 109px;
  float: left;
    cursor: pointer;
}


    #menuTop ul li.bt1 a:hover{
  background-image: url(../images/charte/bt1_over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 71px;
  width: 109px;
  float: left;
  cursor: pointer;
}





  #menuTop ul li.bt2 a{
  background-image: url(../images/charte/bt2.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 71px;
  width: 237px;
  float: left;
  cursor: pointer;
}


  #menuTop ul li.bt2 a:hover{
  background-image: url(../images/charte/bt2_over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 71px;
  width: 237px;
  float: left;
  cursor: pointer;
}



  #menuTop .bt3 a{
  background-image: url(../images/charte/bt3.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 71px;
  width: 175px;
  float: left;
    cursor: pointer;
}

    #menuTop ul li.bt3 a:hover{
  background-image: url(../images/charte/bt3_over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 71px;
  width: 175px;
  float: left;
  cursor: pointer;
}






/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:92px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:976px;
height:92px;
margin:-92px auto 0;
background: url(../images/charte/footer.png) no-repeat;
background-position: top left;

}

#footer .elevateur
{
  background-image:url(../images/charte/elevateur.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 234px;
  height: 171px;
  position: absolute;
  margin-top: -171px;

}


#footer .left_links {
	float:right;
	width:700px;


}
#footer .left_links ul li {
	float:right;
	padding:25px 0 0 0;
	margin-left:50px;
	font-size:11px;
    color: #733e3e
}


#footer .left_links ul li a {
     color: #733e3e
}
#footer .left_links ul li a:hover {
     color: #000000;
     text-decoration: underline;
}

#footer .left_links ul li.contact {
	background:url(../images/contact.png) no-repeat center top;
}
#footer  .left_links ul li.rss {
	background:url(../images/rss.png) no-repeat center top;
}
#footer .left_links ul li.print {
	background:url(../images/print.png) no-repeat center top;
}
#footer  .left_links ul li.phone {
	background:url(../images/phone.png) no-repeat center top;
}

.copyright
{
  margin-top: 15px;
  margin-left: 230px;
  font-size: 11px;
  width: 200px;
 text-align: left;
 position: absolute;
}


#footer .right_links {
	float:right;
	width:720px;
    padding: 5px 15px 0px 0px;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
    height: 38px;
    color: #733e3e
}

#footer .right_links a {
     color: #733e3e
}
#footer .right_links a:hover {
     color: #000000;
     text-decoration: underline;
}