/***************** STYLE GLOBAUX *****************/
.invisible {
  display:none;
  }
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 17px Arial, Helvetica, sans-serif;
color:#304653;
letter-spacing:0px;
margin:0px 0 12px 0px;
}
#contenu h2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#D55605;
letter-spacing:1px;
margin:0 0 7px 0px;
}

#contenu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#304653;
letter-spacing:1px;
margin:0 0 12px 20px;
}
#contenu h1 span{
display:none;
}
#contenu #titre-encart{
width:223px;
height:28px;
margin:0 0 15px 20px;
background:url(../images/charte/titre-arrivages.gif) no-repeat;
}
#contenu p, #contenu h2 span {
font:11px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}

#contenu .couleur{
font-weight:bold;
color:#304653;
}
#contenu .couleur1{
font:bold 12px Arial;
color:#D95C0A;
}
#contenu a:link, #contenu a:visited{
font-weight:normal;
text-decoration:underline;
color:#CC0000;
font:11px  Arial, Helvetica, sans-serif;
}
#contenu a:hover, #contenu a:active{
color:#FF6600;
}
#contenu a.ami:link, #contenu a.ami:visited{
  background:url(../images/charte/ami-link.jpg) no-repeat left 4px;
  height:20px;
  padding:5px 20px;
  }
#contenu a.ami:hover, #contenu a.ami:active{
  background:url(../images/charte/ami-link-over.jpg) no-repeat left 4px;

  }

/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:220px;
margin:0 0 0 20px;
background:#fff;
}
.uneactu{
padding:0 0 0 20px;
margin:0 0 30px;
}
#actu .uneactu p{
font-size:10px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#c9d787;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#contenu #actu .uneactu a{
position:relative;
top:5px;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 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;
}


.line{
  height:20px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }
  .top{
    background-position: left top;
    }
  .bottom{
    background-position: left bottom;
    }

.line1{
  height:20px;
  background: url(../images/charte/line1.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }
#contenu .lead{margin-bottom:0px; padding-bottom:0}
#contenu .clear{clear:both;}
#contenu .indent{margin-left:15px;}
#contenu .centered{
  text-align:center;
  margin:0 auto;
  clear:both;}
.left{float:left}
.right{float:right}
.image-left{
  float:left;
  margin-right:7px;
  margin-bottom:5px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
ul.list{
  list-style:none;
  margin-left:30px;
  margin-top:0px;
  }
  ul.list li{
    background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
    padding-left:13px;
    margin-top:7px;
    font:11px/1.4em Arial, Helvetica, sans-serif;
    color:#666;
    }
.acces{
  background: url(../images/charte/bg-acces.jpg) no-repeat left top;
  width:234px;
  height:105px;
  padding-top:7px;
  float:left;
  }
  #contenu .acces p{
    margin-left:16px;
    text-align: center;
    line-height:17px;
    }
.adresse{
  background: url(../images/charte/bg-adresse.jpg) no-repeat left top;
  width:234px;
  height:65px;
  padding-top:45px;
  float:left;
  margin-left:25px;
  display:inline;
  margin-right:55px;
  }
  #contenu .adresse p{
    margin-left:6px;
    text-align: center;
    }
  #contenu p.subtitle{
    background: url(../images/charte/bg-subtitle.jpg) no-repeat left 5px;
    clear:both;
    font-weight:bold;
    color:#D55605;
    padding-left:12px;
    margin-left:34px;
    margin-top:20px;
    }

.produits{
  padding:10px 0;
  }
.produits .thumb{
  width:75px;
  height:75px;
  float:left;
  margin-right:7px;
  border:1px solid #D6D3D3;
  margin-top:3px;
  text-align: center;
  }

.partenaires{
  padding:10px 0;
  }


.partenaires img{
  border:1px solid #D6D3D3;
  margin-top:3px;
  }
#contenu p.prix{
  background:url(../images/charte/bg-prix.jpg) no-repeat right top;
  width:50px;
  float:right;
  margin-bottom:0;
  color:#ffffff;
  text-align:right;
  padding-right:15px;
  font:bold 12px Arial;
  padding-top:2px;
  padding-bottom:2px;
  }