.fltz{ 
	margin: 50px 0 50px 0;  position: relative; 
	
	line-height:0; 
	/*padding: 10px ; background: rgba(0,0,0,.5);*/
	opacity:0; height: 80px;
}
.fltz:before{
	content:attr(rel); display: block; position: absolute; top: -1em;
	font-family:"Luckiest Guy", cursive; left: 10px;  font-size: 1.6em;
}
.fltz .bar a{ display: inline-block; width: 16.66666666%; float: left; display: block; position: relative; z-index:1;}
.fltz .bar a:hover{ z-index:2; box-shadow: 0 0 05px rgba(0,0,0,.3);}
.fltz .bar a img{ width:100%; }
.fltz .bar a label{ display: block; position:absolute; bottom:0; text-align: center; background: rgba(0,0,0,.6); 
	width: 100%; line-height: 1em; padding: 3px 0;
}
.fltz .bar a:hover label{ background: #000;}
.fltz .bar{ position: relative; left:0;}
.fltz .mask{ overflow: hidden; position: relative; width: 100%; border-radius: 0.5em; box-shadow: 0 0 5px rgba(0,0,0,.5); line-height: 0;}
.fltz .manual{ 
	display: block; position: absolute; font-size: 2em; top: 25px; 
	z-index: 10; background: url(/_scripts/modules/heros/carousel.png) no-repeat /*#189ED9*/; width: 25px; height: 58px;
	line-height: 1em; text-align: center;  
	background-size: 35px; 
}
.fltz .manual.left{ left:0px; background-position: bottom right;}
.fltz .manual.right{ right:0px; }
.fltz .manual.left:hover{ width:35px;}
.fltz .manual.right:hover{ width:35px;}

.fltz .manual.plus{ 
	top: inherit; bottom:-15px; left:49%; border-radius: 0 0 15px 15px; height:15px; line-height: 0.5em; 
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	background: rgba(0,0,0,.7);
}
.fltz .manual.plus:before{ display:block; content:"^"; line-height: 0.5em; transform: rotate(180deg);}
	
/* MODE OUVERT */
.fltz.opened { overflow:hidden; }
.fltz.opened .bar{ left:0 !important; width: inherit !important;}
.fltz.opened .mask{background: rgba(0,0,0,.5);}
.fltz.opened .left, .fltz.opened .right{ opacity:0; top: 30px;}
.fltz.opened .manual.plus{border-radius: 15px 15px 0 0; bottom:0;}
.fltz.opened .manual.plus:before{ transform: none; line-height:1em; }

/* RESO */
@media screen and (max-width: 767px){	
	.fltz .bar, .fltz .mask, .fltz .manual{ display: none; }
	.fltz{ margin: 50px 0 10px 0; box-shadow: none; height: inherit !important; }
	.fltz select{ display: block; width: 96%; margin: auto; padding: 5px; font-size: 1.4em; border-radius: 3px;}
}

@media screen and (min-width: 768px){	
	.fltz select{ display: none;}
}