/* container for slides */
#slideShow 
{
    display:block;
    background:url(../../images/actu2_web_home_heroPnl_tile.png) repeat-x 0 0;
    background-color:#3D3E45;
	height:255px;
	width:100%;
    position:relative;
    overflow:hidden;
}

.images
{
    height:225px; *height:226px;	  	
}

/* single slide */
.images div 
{
    position:absolute;
    top:0;
    left:0;
	display:none;
	padding:8px;
	color:White;
}

.images div .img
{
    float:left;
}

/* header */
.images a {
	color:#FFF;
}

.txtContent
{
    display:block;
    float:left;
    width: 330px;
    margin-left: 16px;
    font-size:12px
}

.txtContent .title
{
    display:block;
    font-size:15px;    
    line-height:20px;
    font-weight:bold;
    margin:8px 0 10px 0;
}

.txtContent .readmore
{
    background:url(../../images/actu2_web_home_heroPnl_moreButSprite.png) no-repeat 0 0;
    display:block;
    width:72px;
    height:8px;
    line-height: 1px;
    font-size:1px;
}

.link:visited
{
    color:white; 
}


.txtContent .readmore:hover
{
    background-position: 0 -8px;
}

.control
{
     position:absolute;  right:8px;bottom:8px;
     width:330px;
     padding-top:8px;
     background:url(../../images/actu2_web_home_heroPnl_moreButSprite.png) no-repeat 0 -16px;
}
 
.control a
{
	width:28px;
	height:20px;
	float:left;
	margin:1px;
	display:block;
    background:url(../../images/actu2_web_home_heroPnl_navSprite.png) no-repeat 0 0;
    cursor:pointer;
}

a#btnSlidePrev {background-position: 0 0;}
a#btnSlidePrev:hover { background-position: 0 -20px;} 

a#btnSlide1{ background-position: -30px 0;}
a#btnSlide1:hover { background-position: -30px  -20px;} 
a#btnSlide1.current {  background-position: -30px  -40px !important;}

a#btnSlide2{background-position: -59px 0;}
a#btnSlide2:hover { background-position: -59px  -20px;} 
a#btnSlide2.current {  background-position: -59px  -40px !important;}

a#btnSlide3{background-position: -89px 0;}
a#btnSlide3:hover { background-position: -89px  -20px;} 
a#btnSlide3.current {  background-position: -89px  -40px !important;}

a#btnSlide4{background-position: -118px 0;}
a#btnSlide4:hover { background-position: -118px  -20px;} 
a#btnSlide4.current {  background-position: -118px  -40px !important;}

a#btnSlide5{background-position: -148px 0;}
a#btnSlide5:hover { background-position: -148px  -20px;} 
a#btnSlide5.current {  background-position: -148px  -40px !important;}

a#btnSlide6{ background-position: -177px 0;}
a#btnSlide6:hover { background-position: -177px  -20px;} 
a#btnSlide6.current {  background-position: -177px  -40px !important;}

a#btnSlide7{ background-position: -206px 0;}
a#btnSlide7:hover { background-position: -206px  -20px;} 
a#btnSlide7.current {  background-position: -206px  -40px !important;}

a#btnSlideNext{ background-position: -235px 0;}
a#btnSlideNext:hover { background-position: -235px  -20px;} 

a#btnSlidePlay{ background-position: -265px 0;}
a#btnSlidePlay:hover { background-position: -265px  -20px;} 

a#btnSlideStop{ background-position: -295px 0;}
a#btnSlideStop:hover { background-position: -295px  -20px;} 


#slideShow.alt
{
    position:static;
}

#slideShow.alt .images div 
{
     position:static;  
}


#slideShow.alt .control
{
     position:relative; float:right; _margin-top:-21px;
}
