/**
 * Pomona
 * definition CSS file
 * 
 * @name		ag_slider.css
 * @package		AG Slider module
 * @author		Christophe CROSAZ
 * @copyright	Abstrakt Graphics
 */
div#slider, div#slider_title {
	position: relative;
	width: 100%;
	height: 179px;
	overflow: hidden;
	zoom: 1;
}
div.slider-content {
}
div.slider-content > div {
	position: absolute;
}

/**
 * Design for common slider
 */
div#slider div.index-slider {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;
	z-index: 2;
}
div#slider div.index-slider div.index-slider-left,
div#slider div.index-slider div.index-slider-picto,
div#slider div.index-slider div.index-slider-right {
	height: 31px;
	margin: 0 4px 0 0;
	float: left;
	overflow: hidden;
}
div#slider div.index-slider div.index-slider-left {}
div#slider div.index-slider div.index-slider-right {}
div#slider div.index-slider-picto {}
div#slider div.index-slider-picto a {
	width: 12px;
	height: 12px;
	overflow:hidden;
	display: block;
	position: relative;
	float: left;
	top: 11px;
	background-color: #ffffff;
	margin: 0 5px 0 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
div#slider div.index-slider div.index-slider-picto a.selected {
	background-color: #666666 !important;
	zoom: 1;
}

/**
 * Design for homepage slider
 */
div#slider_title {
	height: 390px;
}
div#slider_title .ag_ilintro {
	display:none;
}
div#slider_title div.index-slider {
	width: 100%;
	z-index: 2;
}
div#slider_title div.index-slider-left,
div#slider_title div.index-slider-picto,
div#slider_title div.index-slider-right {
	height: 60px;
	margin: 0;
	padding-top: 15px;
	float: left;
	overflow: hidden;
	font-size:11px;
}
div#slider_title div.index-slider div.index-slider-left {}
div#slider_title div.index-slider div.index-slider-right {}
div#slider_title div.index-slider-picto {margin-left:117px;}
div#slider_title div.index-slider-picto a {
	display: block;
	position: relative;
	padding:5px 10px;
	margin: 5px 20px 0 0;
	float: left;
	background: url("../images/slider-spot.png") repeat scroll 0 0 transparent;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	width:114px;
}
div#slider_title div.index-slider-picto a.selected {
	background-image: url("../images/slider-spot-selected.png");
	background-repeat: no-repeat;
	height:44px;
	margin-top: 0;
	padding-top: 10px;
	zoom: 1;
	color:#000000;
}