.accordion
{
  width:640px;
  padding:2px;
  list-style:none;
  text-align: justify;
  overflow:hidden;
  border:solid 1px black;
  background:white url("/images/group_bg.gif") repeat-y right;
}

em {
	font-style: normal;
	color: white;
}

p.decal {
	margin-left: 230px;	
}

.accordion p {
	text-indent: 20px;
	font-size: 1.1em;
}
.accordion .accordionPanel { overflow:hidden; }

.accordion .accordionPanel .label {
  height:24px;
  border:solid 1px #666666;
  font:bold 110%/24px sans-serif;
}

.accordion .accordionPanel .label a
{
  display:block;
  background:url("/images/item_bg.gif") repeat-x;
  color:white;
  text-decoration:none;
  cursor:default;
}
/* make only labels of collapsed panels behave active */
/* and only if inside spiffy */
.spiffy .accordion .collapsed-panel .label a:hover,
.spiffy.accordion .collapsed-panel .label a:active,
.spiffy.accordion .collapsed-panel .label a:focus  { text-decoration: none; background-image:url("/images/item_bg_hover.gif"); }

.accordion .accordionPanel .label .icon
{
  float:left;
  display:block;
  margin-top: 3px;
  margin-left: 3px;
  width:27px; height:24px;
  background:no-repeat 0 1px;
}
.accordion #droitPanel     .label .icon { width:90px; background-image:url(/images/cc.png); }
.accordion #infoPanel    .label .icon { margin-top: 1px; width:37px; background-image:url(/images/w3c.png); }
.accordion #quiPanel    .label .icon { background-image:url(/images/usero.png); }
.accordion #matosPanel    .label .icon { background-image:url(/images/camera.png); }

.accordion .accordionPanel .content { padding:5px 3px 5px 3px; }

/* only hide content of collapsed panel if spiffy is on */
.spiffy .accordion .collapsed-panel .content { display:none; }