/* CSS Document */

html { 
margin: 0;
padding: 0; 
}

body {
margin: 0;
padding: 0;
color: #333300;
font-size: 10pt;
font-family: Tahoma,Helvetica,Sans-Serif;
line-height: 1.1;
background-color: #ECE9E2;
}

#wrapper {
width:1024px; margin:0 auto; 
}

h2 { text-align:center; color:#B8B8B8; padding-top:5px;
}

#info {position:relative; width:1024px; padding-bottom:12px; background:#fff url(../images/galerie/automne.jpg) center no-repeat; border-bottom:1px solid #444; padding-top:0px;}


#scrollbox {width:110px; height:375px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:102px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left;}

a.slidea {background:url(../images/galerie/thumb1.jpg);}
a.slideb {background:url(../images/galerie/thumb2.jpg);}
a.slidec {background:url(../images/galerie/thumb3.jpg);}
a.slided {background:url(../images/galerie/thumb4.jpg);}
a.slidee {background:url(../images/galerie/thumb5.jpg);}
a.slidee {background:url(../images/galerie/thumb5e.jpg);}
a.slidef {background:url(../images/galerie/thumb6.jpg);}
a.slideg {background:url(../images/galerie/thumb7.jpg);}
a.slideh {background:url(../images/galerie/thumb8.jpg);}
a.slidei {background:url(../images/galerie/thumb9.jpg);}
a.slidej {background:url(../images/galerie/thumb10.jpg);}
a.slidek {background:url(../images/galerie/thumb11.jpg);}
a.slidel {background:url(../images/galerie/thumb12.jpg);}


a.gallery span {display:block; position:absolute; left:262px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {display:block; position:absolute; width:502px; height:370px; top:35px; left:255px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:502px; height:370px; top:35px; left:255px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}


#thumbs {width:80px; height:720px;}
#pad {height:33px; width: 368px; }
