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

.galeriephoto { width: 500px; text-align: center; padding: 10px 0; }

/* 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.slide1a { background: url('/galerie/briques/1-thumb.jpg'); }
a.slide1b { background: url('/galerie/briques/2-thumb.jpg'); }
a.slide1c { background: url('/galerie/briques/3-thumb.jpg'); }
a.slide1d { background: url('/galerie/briques/4-thumb.jpg'); }
a.slide1e { background: url('/galerie/briques/5-thumb.jpg'); }
a.slide1f { background: url('/galerie/briques/6-thumb.jpg'); }
a.slide1g { background: url('/galerie/briques/7-thumb.jpg'); }
a.slide1h { background: url('/galerie/briques/8-thumb.jpg'); }
a.slide1j { background: url('/galerie/briques/9-thumb.jpg'); }
a.slide1k { background: url('/galerie/briques/10-thumb.jpg'); }

a.slide2a { background: url('/galerie/details/1-thumb.jpg'); }
a.slide2b { background: url('/galerie/details/2-thumb.jpg'); }
a.slide2c { background: url('/galerie/details/3-thumb.jpg'); }
a.slide2d { background: url('/galerie/details/4-thumb.jpg'); }
a.slide2e { background: url('/galerie/details/5-thumb.jpg'); }
a.slide2f { background: url('/galerie/details/6-thumb.jpg'); }
a.slide2g { background: url('/galerie/details/7-thumb.jpg'); }
a.slide2h { background: url('/galerie/details/8-thumb.jpg'); }
a.slide2j { background: url('/galerie/details/9-thumb.jpg'); }
a.slide2k { background: url('/galerie/details/10-thumb.jpg'); }

a.slide3a { background: url('/galerie/maisons/1-thumb.jpg'); }
a.slide3b { background: url('/galerie/maisons/2-thumb.jpg'); }
a.slide3c { background: url('/galerie/maisons/3-thumb.jpg'); }
a.slide3d { background: url('/galerie/maisons/4-thumb.jpg'); }
a.slide3e { background: url('/galerie/maisons/5-thumb.jpg'); }
a.slide3f { background: url('/galerie/maisons/6-thumb.jpg'); }
a.slide3g { background: url('/galerie/maisons/7-thumb.jpg'); }
a.slide3h { background: url('/galerie/maisons/8-thumb.jpg'); }
a.slide3j { background: url('/galerie/maisons/9-thumb.jpg'); }
a.slide3k { background: url('/galerie/maisons/10-thumb.jpg'); }

a.slide4a { background: url('/galerie/divers/1-thumb.jpg'); }
a.slide4b { background: url('/galerie/divers/2-thumb.jpg'); }
a.slide4c { background: url('/galerie/divers/3-thumb.jpg'); }
a.slide4d { background: url('/galerie/divers/4-thumb.jpg'); }
a.slide4e { background: url('/galerie/divers/5-thumb.jpg'); }
a.slide4f { background: url('/galerie/divers/6-thumb.jpg'); }
a.slide4g { background: url('/galerie/divers/7-thumb.jpg'); }
a.slide4h { background: url('/galerie/divers/8-thumb.jpg'); }
a.slide4j { background: url('/galerie/divers/9-thumb.jpg'); }
a.slide4k { background: url('/galerie/divers/10-thumb.jpg'); }

a.slide5a { background: url('/galerie/autres/1-thumb.jpg'); }
a.slide5b { background: url('/galerie/autres/2-thumb.jpg'); }
a.slide5c { background: url('/galerie/autres/3-thumb.jpg'); }
a.slide5d { background: url('/galerie/autres/4-thumb.jpg'); }
a.slide5e { background: url('/galerie/autres/5-thumb.jpg'); }
a.slide5f { background: url('/galerie/autres/6-thumb.jpg'); }
a.slide5g { background: url('/galerie/autres/7-thumb.jpg'); }
a.slide5h { background: url('/galerie/autres/8-thumb.jpg'); }
a.slide5j { background: url('/galerie/autres/9-thumb.jpg'); }
a.slide5k { background: url('/galerie/autres/10-thumb.jpg'); }

a.slide6a { background: url('/galerie/briques2/1-thumb.jpg'); }
a.slide6b { background: url('/galerie/briques2/2-thumb.jpg'); }
a.slide6c { background: url('/galerie/briques2/3-thumb.jpg'); }
a.slide6d { background: url('/galerie/briques2/4-thumb.jpg'); }
a.slide6e { background: url('/galerie/briques2/5-thumb.jpg'); }
a.slide6f { background: url('/galerie/briques2/6-thumb.jpg'); }
a.slide6g { background: url('/galerie/briques2/7-thumb.jpg'); }
a.slide6h { background: url('/galerie/briques2/8-thumb.jpg'); }
a.slide6j { background: url('/galerie/briques2/9-thumb.jpg'); }
a.slide6k { background: url('/galerie/briques2/10-thumb.jpg'); }

a.slide7a { background: url('/galerie/extensions/1-thumb.jpg'); }
a.slide7b { background: url('/galerie/extensions/2-thumb.jpg'); }
a.slide7c { background: url('/galerie/extensions/3-thumb.jpg'); }
a.slide7d { background: url('/galerie/extensions/4-thumb.jpg'); }
a.slide7e { background: url('/galerie/extensions/5-thumb.jpg'); }
a.slide7f { background: url('/galerie/extensions/6-thumb.jpg'); }
a.slide7g { background: url('/galerie/extensions/7-thumb.jpg'); }
a.slide7h { background: url('/galerie/extensions/8-thumb.jpg'); }
a.slide7j { background: url('/galerie/extensions/9-thumb.jpg'); }
a.slide7k { background: url('/galerie/extensions/10-thumb.jpg'); }

a.slide8a { background: url('/galerie/renov/1-thumb.jpg'); }
a.slide8b { background: url('/galerie/renov/2-thumb.jpg'); }
a.slide8c { background: url('/galerie/renov/3-thumb.jpg'); }
a.slide8d { background: url('/galerie/renov/4-thumb.jpg'); }
a.slide8e { background: url('/galerie/renov/5-thumb.jpg'); }
a.slide8f { background: url('/galerie/renov/6-thumb.jpg'); }
a.slide8g { background: url('/galerie/renov/7-thumb.jpg'); }
a.slide8h { background: url('/galerie/renov/8-thumb.jpg'); }
a.slide8j { background: url('/galerie/renov/9-thumb.jpg'); }
a.slide8k { background: url('/galerie/renov/10-thumb.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: 600px; 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: 105px; 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: 435px; top: 145px; 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; }

a.liengalerie:link { color: #d1c8c3; text-decoration: none; border: 0; }
a.liengalerie:active { color: #d1c8c3; text-decoration: none; border: 0; }
a.liengalerie:visited { color: #d1c8c3; text-decoration: none; border: 0; }
a.liengalerie:hover { color: #d1c8c3; text-decoration: none; border: 0; }
