/* Styles für Animation auf der Startseite */
img{
	border: 0;
}

.annonceVedette{   
	color:White;
	background-color:Black;
	font-weight:bold;
	width:560px;
	margin:0px auto 1px auto;
	padding:0px 0px 3px 0px;
}

/*Carousel*/
.carouselVedetteContainer{
	background-color: #000;
	width: 560px;
	margin: 0 auto 0 auto;
	clear: left;
}

.stepcarouselVedette{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 500px; /*Width of Carousel Viewer itself*/
    height: 72px; /*Height should enough to fit largest content's height*/
    margin:0 auto 0 auto;
}

.stepcarouselVedette .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarouselVedette .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:1px 4px 0 4px; /*margin around each panel*/
    width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    padding-top:6px;
}

.stepcarouselVedette .panel:hover, .stepcarouselVedette .panel.hover, .selectedCarouselVedettePanel{
    background-image:url(../images/site/pfeil01.gif);
    background-repeat:no-repeat;
    background-position:center top; 
}

img.carouselVedetteImg{  
}

img.carouselVedetteImg:hover, .carouselVedetteContainer img.hover, .selectedCarouselVedetteImg{   
	border:1px solid #fff;
}

.carouselVedetteLegend{
    text-align:center;
}

.carouselVedetteLegendTitle{
    text-transform:uppercase;
    font-weight:bold;
}

#zoneEnVedette{
	background-color:#000; 
    width:560px;
    margin:0 auto 0 auto;
}

#ficheEnVedette{
	background-color:#000;
	color:#fff;
    width:560px;
    height:197px;
}

.enVedetteImage{
    width:350px;
    height:197px;
    float:left;
}

#enVedetteInfos{
    width:190px;
    padding:10px;
    float:left;     
}

#enVedetteTitre{
    font-size:14px;
    font-weight:bold;
}

#enVedetteLien{
margin-top:5px;
   width:140px;
   text-align:center; 
   font-size:10px;
   font-weight:bold;
   
}

#enVedetteLien a{
   text-decoration:none;
   margin:1px;
   padding:2px; 
   display:block;   
}
