.galleria{
list-style:none;
width:200px
}

.galleria li{
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0 10px 10px 0
}

.galleria li a{
display:none
}

.galleria li div{
position:absolute;
display:none;top:0;
left:180px
}

.galleria li div img{
cursor:pointer
}

.galleria li.active div img,.galleria li.active div{
display:block
}

.galleria li img.thumb{
cursor:pointer;
top:auto;
left:auto;
display:block;
width:auto;
height:auto
}

.galleria li .caption{
display:block;
padding-top:.5em
}

* html .galleria li div span{width:400px} /* MSIE bug */

/* BEGIN DEMO STYLE */
*{
margin:0;
padding:0
}

body{
padding:20px;
background:white;
text-align:center;
background:#fffff5;
color:#bba;
font:80%/140% georgia,serif;
}

h1,h2{
font:bold 80% 'helvetica neue',sans-serif;
letter-spacing:3px;
text-transform:uppercase;
}

h3 {
font:bold 130% 'helvetica neue',sans-serif;
letter-spacing:3px;
text-transform:uppercase;
color:#505e35;
}

a{
color:black;
text-decoration:none;
outline:none;
}

a:hover{
color:#74251f;
}

.caption{
font-style:italic;
color:#887;
}

.demo{
position:relative;
margin-top:2em;
}

.gallery_demo{
	width:2500px;
	margin:0 auto;
}

.gallery_demo li{
	width:100px;
	height:58px;
	border:3px double #111;
	margin: 0 2px;
	background:#000;
}

.gallery_demo li div{
left:240px
}

.gallery_demo li div .caption{
font:italic 0.7em/1.4 georgia,serif;
}

#main_image{
	width:800px;
	background:white;
}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/* Main layout style */
.content
{
	margin:15px 0 0 15px;
}

.albums
{
	width:300px;
}

#thumbnails
{
    position:relative;
	margin-left:125px;
    width:550px;
    height:64px;
    padding:0;
    overflow:hidden;
}

#thumbnails ul
{
    position:relative;
    left:0;  
    top:0;  
}

.hr-thumbs
{
	margin-top:25px;
	width:550px;
	margin-left:125px;
}

#photo-prev,
#photo-next,
#photo-prev:hover,
#photo-next:hover
{
    background:url(../images/fleches.png) no-repeat 0 0;
}

#photo-prev,
#photo-next
{
    cursor:pointer;
    height:30px;
    position:absolute;
    width:16px;
    top:16px;
}

#photo-prev
{
    background-position:-40px 0;
    left:405px;
}

#photo-prev:hover
{
    background-position:0 0;
}

#photo-next
{
    background-position:-60px 0;
    left:980px;
}

#photo-next:hover
{
    background-position:-20px 0;
    left:980px;
}

a.album-link
{
	font-family:Times New roman, Verdana;
	letter-spacing:3px;
	font-size:14px;
	line-height:10px;
	color:#535353;
}

a.album-link2
{
	font-family:Times New roman, Verdana;
	letter-spacing:3px;
	font-size:10px;
	line-height:10px;
	color:#535353;
}