/*
	AnythingSlider v1.5.10 CPE Theme
*/

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider-cpe .anythingWindow {
	border: 0;
}
div.anythingSlider-cpe .thumbNav a {
	border: 1px solid black;
	background: #777;
}
div.anythingSlider-cpe .thumbNav a:hover, div.anythingSlider-cpe .thumbNav a.cur {
	background: #009DE8;
}
div.anythingSlider-cpe .start-stop {
	border: 1px solid #000;
}
div.anythingSlider-cpe .start-stop.playing {
	background-color: #300;
}
div.anythingSlider-cpe .start-stop:hover, div.anythingSlider-cpe .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider-cpe.activeSlider .anythingWindow {
	border-color: #fff;
}
div.anythingSlider-cpe.activeSlider .thumbNav a {
	background-color: #545454;
}
div.anythingSlider-cpe.activeSlider .thumbNav a:hover, div.anythingSlider-cpe.activeSlider .thumbNav a.cur {
	background: #800081;
}
div.anythingSlider-cpe.activeSlider .start-stop.playing {
	background-color: #f00;
}
div.anythingSlider-cpe .start-stop:hover, div.anythingSlider-cpe .start-stop.hover {
	color: #740073;
}

/* Navigation Arrows */
div.anythingSlider-cpe .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider-cpe .arrow a {
	display: block;
	height: 40px;
	margin-top: -20px; /* half height of image */
	width: 30px;
	text-align: center;
	outline: 0;
	background: url(gfx/arrows-minimalist.png) no-repeat;
}
div.anythingSlider-cpe .forward { right: 0; }
div.anythingSlider-cpe .back { left: 0; }
div.anythingSlider-cpe .forward a { background-position: right bottom; }
div.anythingSlider-cpe .back a { background-position: left bottom; }
div.anythingSlider-cpe .forward a:hover, div.anythingSlider-cpe .forward a.hover { background-position: right top; }
div.anythingSlider-cpe .back a:hover, div.anythingSlider-cpe .back a.hover { background-position: left top; }

/* Navigation Links */
div.anythingSlider-cpe .anythingControls {
	position: absolute;
	width: 100%;
	bottom: 4px;
	margin-right: 4px;
	right: 0px;
	z-index: 99;
	opacity: 0.90;
	filter: alpha(opacity=90);
}
div.anythingSlider-cpe .thumbNav {
	float: right;
	height: 23px;
    margin: 0;
    padding: 5px;
	z-index: 100;
	border-radius: 4px 0 0 4px;
	background: url(./gfx/overlay.png) repeat scroll center top transparent;
}
div.anythingSlider-cpe .thumbNav li {
	display: block;
	float: left;
}
div.anythingSlider-cpe .thumbNav a {
	border-radius: 8px 8px 8px 8px;
    display: block;
    height: 16px;
    margin: 3px;
    outline: 0 none;
    padding: 0;
    width: 16px;
	background-color: #545454;
}

div.anythingSlider-cpe .thumbNav a.cur{
	background-color: #800081;
}

div.anythingSlider-cpe .thumbNav a.cur span{
	color: white;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider-cpe.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider-cpe.rtl .thumbNav { float: left; }    /* move nav link group to left */


/* Autoplay Start/Stop button */
div.anythingSlider-cpe .start-stop {
	display: none;
}

/* Extra - replace defaults */
div.anythingSlider-cpe {
	padding: 0;
}

/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
div.anythingSlider-cpe .arrow a span, div.anythingSlider-cpe .thumbNav a span, div.anythingSlider-cpe .start-stop span {
	display: block;
	color: white;
	line-height: 16px; /* needed for IE7 */
	/*text-indent: -9999px; pour cacher le texte */
}


/* CAPTIONS */
.slider .caption {
	margin: 0;
	padding: 10px;
	background: transparent url(gfx/caption.png) repeat top left;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	width: 200px;
	height: 233px;
	margin-left: 480px;
}

.slider .caption a.block {
	bottom: 30px;
	display: block;
	position: absolute;
	color: #FFF;
	font-size: 14px;
}

.slider .caption.top {
	width: 946px; /* diminué de 2px à cause des border*/
	height: 24px;
	margin-left: 0px;
}
.slider .caption.bottom {
	width: 946px;
	height: 24px;
	bottom: 0;
	margin-left: 0px;
}
.slider .caption.left {
    width: 160px;
    height: 181px;
	margin-left: 0px;
}
.slider .caption.right {
    height: 181px;
    margin-left: 786px;
    width: 160px;
}