/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/
#photos
{
    float: left;
    width: 340px;
    height: 101px;
    background:  url(../themes/default/images/bg-photos.jpg) no-repeat top left;
    padding: 0px 0px 0px 9px;

}
.haccordion{
padding: 0;
}

.haccordion ul{
height:101px;
width:350px;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/

}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 136px; /*For users with JS disabled: Width of each content*/
height: 101px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
background-color: #ffffff;
}

.haccordion li .hpanel{
 /*For users with JS disabled: Width of each content*/
height: 101px;  /*For users with JS disabled: Height of each content*/
}

.haccordion li .hpanel a {

  overflow: hidden;
  display: block;
  height: 74px;
  width: 136px;
  background-position:center center;
  background-repeat:no-repeat;
  text-decoration: none;
 }

 .haccordion li .hpanel a img{
   float:left;
  height: 72px;
  width: 133px;
border: solid 1px #ffffff;
 }

 .haccordion li .hpanel span {
  font: bold 12px/15px Arial, Helvetica, sans-serif;
  color: black;
  }
.haccordion li .hpanel .descriptif  {
  height:28px;
  margin-top: 71px;
  background: red;

}

.haccordion li .hpanel  p.descriptif {
   font: bold 10px/14px Arial, Helvetica, sans-serif;
   color: black;
 }