.jDiaporama{
	position:relative;
	height: 440px;/* Edit Crea7 */
	overflow:hidden;/* Edit Crea7 */
}
.jDiaporama ul{
	overflow:hidden;
	list-style-type:none;
	margin: 0;
	margin-left:-40px;
}
.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	/*position:absolute;*/
}
.imgBackGrnd{ /*Edit Crea7 */
  width:100%;
  height:440px;
  /* Si l'image est trop petite, 
  on l'affiche taille réelle
  donc désactivation des 1000px de large :  background-size: 1000px; */
  background-position:50% 50%;
  background-repeat: no-repeat;
}
.jDiaporama li img{
	height: auto;
	position:absolute;
	display: block;
}
.jDiaporama li .titre{/*Edit Crea7 */
  position:absolute;
  bottom: 0; left: 0;
  color:#fff;
  padding:7px 2%;
  background-color: white;
  opacity: 0.7;
  width:96%;
  min-height:60px;
}
.jDiaporama li .titreCont{/*Edit Crea7 */
  min-height: 55px;
  line-height: 55px;
}
.jDiaporama li .titreCont span{/*Edit Crea7 */
  font-size:1.8em;
  line-height: 1em;
  font-family: Arial;
  font-weight: bolder;
  color: black;
  vertical-align: middle;
  display: inline-block;
}
.jDiaporama li .desc{
	position:absolute;
	bottom: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
	background:url(img/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_desc.png',sizingMethod='scale');  _background-image:none;
	width:100%;
	height:30px
}
.jDiaporama li .title{
	position:absolute;
	top: 0; 
	left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}
.jDiaporama li .count{
	position:absolute;
	top: 0; right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}
.jDiaporama_controls{
	display:none;
}
.jDiaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
}
.jDiaporama_controls .prev{
	background:url(img/controls2.png) no-repeat bottom;
	_background:url(img/controls.gif) no-repeat bottom;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	left: 0px
}
.jDiaporama_controls .next{
	background:url(img/controls2.png) no-repeat top;
	_background:url(img/controls.gif) no-repeat top;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	right: 0px
}
.jDiaporama_controls .pause{
	background:url(img/playpause.png) no-repeat top;
	_background:url(img/playpause.gif) no-repeat top;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}
.jDiaporama_controls .play{
	background:url(img/playpause.png) no-repeat bottom;
	_background:url(img/playpause.gif) no-repeat bottom;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}
/**** Status ****/
.jDiaporama_status{
	text-align:center;
	margin-top:10px;
	position:absolute;
	left:50%;
	display:none
}
.jDiaporama_status a{
	background:url(img/bullets.png) no-repeat left;
	_background:url(img/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}
.jDiaporama_status a.active, .jDiaporama_status a:hover{
	background:url(img/bullets.png) no-repeat right;
	_background:url(img/bullets.gif) no-repeat right;
}