#Mainaccordion {
display:block;
	background:#FFFFFF url(../img-mep/accordeon/background-accordeon-708x97.gif) no-repeat;  
	height:80px; /* 80 +17 padding */
	padding:17px 0px 0px 2px;
	width:706px; /* 706 + 2px padding */
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	
	/* background-color:red;   */
	height:80px; /* 80 */
	padding:0px 0px 0px 0px;
	width:706px; /* 560 708 a 716 ok */
	border:0px solid #ddd;
}

/* get rid of those system borders being generated for A tags */
#accordion a {
  outline:none;
text-decoration:none;
}
#accordion a:hover {
  outline:none;
text-decoration:none;
}
#accordion a:active {
  outline:none;
text-decoration:none;
}

ul{
	list-style: none;
	font-family: Arial, sans-serif;
  	font-size: 11px;
	margin: 0;
	padding: 0;
}

ul li{
	float: left;
	padding: 0px;	/* 10px */
	display: block;
	/* margin-right: 16px; */  /* 10px */
	color: #f0cdcd;
	background: transparent url(img-mep/accordeon/bg2-368x80.gif) repeat-x;	
}

.li-margRight {	
margin-right: 16px;
}
.li-nomargRight {	
margin-right: 0px;
}



ul li a{	
	display: block;	
	overflow: hidden;
	height: 79px; /* 64 img 80 - 1 tiret bottom */
	width: 96px; /* 75 */
	cursor: pointer;	
}
/*
ul li a:hover{	
	opacity:0.5;
	filter: alpha(opacity=50);
}
*/

#a1{
	width: 368px; /* 210 */
}

ul li img{	
	z-index: 100;
	position: absolute;
	/* border: 3px solid #881212; */
	border: 0px; 
}

ul li p{	
	margin: 0;
	padding: 0;
	width: 258px; /* 120 */
	display: block;
	margin-left: 110px; /* 96 img + 14  old 85px */	
	/* background-color:#CCCCCC; */
font-family: Arial, Helvetica, verdana, sans-serif ;
	font-size:11px;
line-height:13px;
	color:#626262;
}

ul li p strong{
	font-size:11px;
	color:#3e3d40;
}
.accordeon-voirlavideo {
font-style:italic;
text-decoration:underline;
color:#ff0000;
}