@CHARSET "ISO-8859-1";

/**

/**/

div.galerie-list {
	width: 155px;
	padding: 7px;
	float: left;
	border: 1px solid #d2dfe9;
	font-size: 12px;
}

div.galerie-list ul li {
	color: #636363;
	list-style: none;
	background: url(../img/bg-list-galerie.gif) 0 bottom no-repeat;
	padding: 5px 0 5px 15px;
	margin-bottom: 5px;
}

div.galerie-list ul li.active-gal {
	background: url(../img/bg-list-galerie-active.gif) 0 bottom no-repeat;
}

div.galerie-list ul li a {
	color: #636363;
	font-weight: bold;
	text-decoration: none;
}

div.galerie-list ul li.active-gal a {
	color: #007ad8;
	text-decoration: none;
}


/**/

h2.diaporama-title {
	background: #e6e8f4;
	padding: 5px 15px;
	font-size: 14px;
	font-family: Arial, sans serif;
	margin-bottom: 5px;
	width: 396px;
	overflow: hidden;
	float: right;
}

div.diaporama {
	float: right;
	background: url(../img/bg-middle-diaporama.png) 0 0 repeat-y #FFF;
	width: 426px;
}

div.diaporama div.head {
	background: url(../img/bg-top-diaporama.png) 0 0 no-repeat #FFF;
	height: 9px;
}

div.diaporama div.text {
	background: #999;
	margin: 7px 1px 0 1px;
	padding: 6px 10px;
	width: 404px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, sans serif;
	font-size: 10px;
	text-align: center;
	float: left;
	height: 15px;
}

div.diaporama div.numbers{
	background: url(../img/bg-bottom-diaporama.png) 0 bottom no-repeat #00518F;
	height: 25px;
	overflow: hidden;
	padding: 0 25px;
	width: 376px;
	float: left;
	text-align: center;
}


.slideshow {
    position:relative;
    width: 400px;
    height: 272px;
    margin: 5px auto;
    text-align: center;
    
}

.slideshow div {
    position: absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    background: #EFEFEF;
    text-align: center;
}

.slideshow div p.img {
	display: block;
	width: 400px;
	height: 240px;
	overflow: hidden;
	}

.slideshow div p.text {
	display: block;
	width: 400px;
	text-align: center;
	color: #464545;
	margin-top: 5px;
	font-size: 14px;
	height: 25px;
	float: left;
}

.slideshow div p.text a{
	color: #464545;
	text-decoration: none;
	}
	
	
.slideshow div.active {
    z-index:10;
    opacity:1.0;
}

.numbers div {
	height: 15px;
	font-size: 10px;	
	margin-right: 10px;
	margin-top: 5px;
	padding: 0 3px 0 5px;
	float: left;
	color: #9eb7d9;
	cursor: pointer;
	opacity:0.3;
	text-align: center;
	}

.numbers div.active {
    color: #FFF;
    background: #007ad8;
    opacity:1.0;    
}

div.scroll{
	float: left;
	height: 16px;
	color: #000;
	margin-top: -18px;
	width: 426px;
	padding: 0;
	cursor: pointer;
	}
	

div.scroll div {
	width: 16px;
	padding: 0
	}

div.scroll div.left {
	float: left;
	margin-left: 7px;
	}
	
div.scroll div.right {
	float: right;
	margin-right: 7px;
	}
	
div.scroll div img {
	margin: 0;
	padding: 0
	}
	
.slideshow div.last-active {
    z-index:9;
}

.slideshow div img {   
    display: block;
    border: 0;
    margin-bottom: 0 auto 10px;
    float: left;
}

#ticker{
	width: auto;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 1px;
top: 0px;
width: 400px;
overflow: hidden;
text-align: center;
height: 15px;
}

.tickercontainer #ticker{ /* that's your list */
position: relative;
left: 426px;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
 
}

.text div {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
text-align: center;
}

#ticker span {	
	display: block;
	height: 15px;
}

#ticker span a{
	color			: 	#005DA2;
	text-decoration :	none;
	}