.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/blank.jpg);
}

a { color:#2193BD; font-weight:bold; font-size:1.0em; }
a:hover { color:#333; }

div#galerie{
	width: 698px;	 
	height:103px;
	background:url(../images/fond_galerie.jpg) repeat-x;
}

/* element parent */
div.scrollable {  
	padding-top:10px;
	position:relative;
	overflow:hidden;
	width: 688px;	 
	height:103px;
	float:left;
}
.legende{
	display: none;
}
/* 
	element parent pour les element a defiler, il faut absolument un grande largeur
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* un element seul */
#thumbs div {
	float:left;
	width:82px;
	height:90px;
	color:#fff;
	cursor:pointer;
	padding-left:8px;
	padding-right:9px;
}
#thumbs div img{
	padding-left:7px;
	padding-top:8px;
}
/* style au survol */
#thumbs div.hover {
	background-color:#eee;	
}

/* style au survol */
#thumbs div.hover h3 {
	background:#797979 url(photosExemples/fond-h3-hover.png) no-repeat;
}

/* style quand un element est cliqué */
#thumbs div.active {
	background-color:#BEB9A3;
	cursor:default;
}

/* styles à personnaliser selon votre contenu */
#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;
}

#thumbs h3 {
	background:#353535 url(photosExemples/fond-h3.png) no-repeat;
	width:100%;
	padding:8px;
	padding-left:35px;
	margin-left:0px;
	margin-top:0px;
}

#thumbs h3 em {
	font-style:normal;
	color:#ffa800;
}

div.prev {
	color:#ffa800;
	font-size:1.6em;
	font-weight:bold;
	cursor:pointer;
	margin-top:40px;
	float:left;
}
div.next {
	color:#ffa800;
	font-size:1.6em;
	font-weight:bold;
	cursor:pointer;
	margin-top:40px;
	float:left;
}