/* needed for IE to make :active state work first time */
a, a:visited { color: #000; } 

/* common styling for all galleries */
a.gallery, a.gallery:visited { display: block; display: inline-block; color: #000; text-decoration: none; border: 1px solid #000; width: 75px; height: 55px; float: left; margin: 4px; z-index: 50; }
a.slidea { background: url('/diaporama/photos/bel1-mini.jpg'); }
a.slideb { background: url('/diaporama/photos/bel2-mini.jpg'); }
a.slidec { background: url('/diaporama/photos/bel3-mini.jpg'); }
a.slided { background: url('/diaporama/photos/bel4-mini.jpg'); }
a.slidee { background: url('/diaporama/photos/bel5-mini.jpg'); }
a.slidef { background: url('/diaporama/photos/bel6-mini.jpg'); }
a.slideg { background: url('/diaporama/photos/bel7-mini.jpg'); }
a.slideh { background: url('/diaporama/photos/bel8-mini.jpg'); }
a.slidej { background: url('/diaporama/photos/bel9-mini.jpg'); }
a.slidek { background: url('/diaporama/photos/bel10-mini.jpg'); }

a.gallery em, a.gallery span { display: none; }
a.gallery:hover { border: 1px solid #fff; }

/* styling for TOP gallery */

#galerie { position: relative; width: 515px; height: 555px; background: #d1c8c3; border: 1px solid #a49188; margin: 1em auto; }
#galerie img { border: 0; }
#galerie .thumbs { position: absolute; left: 0; top: 0; }
#galerie a.gallery:hover span { display: block; position: absolute; width: 500px; height: 50px; top: 110px; left: 5px; padding: 5px; font-style: italic; color: #fff;  z-index: 100; }
#galerie a.gallery:hover span:first-line { font-style: normal; font-weight: bold; font-size: 1.1em; color: #000; }
#galerie a.gallery:active, #galerie a.gallery:focus { border: 1px solid #000; }
#galerie a.gallery:active em, #galerie a.gallery:focus em { display: block; position: absolute; width: 495px; height: 355px; top: 185px; left: 5px; padding: 5px; color: #000; border: 0; z-index: 50; text-align: center; background: #d1c8c3; }
#galerie h1 { clear: both; margin : 0; padding-top: 200px; text-align: center; font-family: georgia, "times new roman", serif; font-size: 3em; font-weight: normal; color: #fff; }
#galerie h1 em { font-size: 0.6em; color: #000; }