#slider_home_cat{ position: relative; z-index: 1; }
#slider_home_cat:after{ content:''; height: 10px; display: block; }

.JDSslider{ position: relative; box-shadow: 1px 1px 6px rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.3); border-radius: 2px; overflow: hidden;}

.JDSslider:after{ content:''; display: block; clear: both;}
.JDSslider #slides{ position: absolute; overflow: hidden; width: 100%; height: 100%; top:0; left: 0;}
.JDSslider #slides>a{ /*position:absolute; top:0; left:0; */ position: relative; float: left;
	display: block; /*width: 100%;*/height: 100%; text-decoration: none; overflow: hidden;}
.JDSslider #slides>a>iframe{ width:100%; height: 100%; border:0;  }
.JDSslider img{ width: 100%; float: left;}
.JDSslider #slides>a h2{ position:absolute; bottom:0; left:0; background: rgba(0,0,0,.6); color: #FFF; width: 100%; 
	font-size: 2.2em;  font-weight: normal; line-height: 1em; padding: 1% 0;     font-family: 'Luckiest Guy', cursive;
	transform-origin: center left;}
.JDSslider #slides>a:hover h2{ transform: scale(1.03);  }

.JDSslider #slides>a h2 em{ font-style: normal; padding: 0 2%;}
.JDSslider #slides>a h2 span{ display: block; color: #FC0;  font-size: 0.6em; padding: 0 2%;}
.w320 .JDSslider #slides>a h2{ font-size: 1.5em; }

.JDSslider #slides .cadre_blanc{ margin:0;}
 
.mobile #slider_home_cat:after{ display: none; }
.w320 .JDSslider, .w480 .JDSslider{ border: none; border-radius: 0;}

.JDSslider .pn{
	display: block; background: url(/_scripts/modules/heros/carousel.png) no-repeat; background-size: cover;	
	width: 10%; 
	position: absolute; top: 30%;
	z-index:10;
	opacity: 0.2;
}
.JDSslider .pn img{width: 100%; }
.JDSslider .pn.next{right:-3%; background-position: top left;} 
.JDSslider .pn.prev{left:-3%; background-position: bottom left;} 
.JDSslider .pn.next:hover{right:0; opacity: 1;} 
.JDSslider .pn.prev:hover{left:0; opacity:1;}