body { background-color: #fff; color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 14px; text-align: center; margin: 0; padding: 0; }
#container { position: relative; width: 743px; height: 510px; z-index: 1; margin-top: 40px; margin-left: 40px; }

a, a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; border: 0; }
a { color: #000; }
a:hover { color: #d07; }

p { text-align: left; margin: 0; padding: 0; }
p#libelle { background-color: transparent; position: absolute; top: 0; left: 0; width: 220px; height: auto; }
a.lbpstudio, a.lbpstudio:hover { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; border: 0; }
a.lbpstudio strong, a.lbpstudio:hover strong { font-weight: bold; }
a.lbpstudio { color: #000; }
a.lbpstudio:hover { color: #d07; }
span.names { color:#fff; }

ul { margin: 0; padding: 0; list-style-type: none; }
ul#menu { background-color: transparent; text-align: left; position: absolute; bottom: 0; left: 0; width: 220px; height: auto; margin: 0; padding-bottom: 52px; border: 0; }
#menu li { }
.small { font-size: 10px; }

#content { background-color: transparent; text-align: left; background-position: 0 0; background-repeat: no-repeat; position: absolute; margin: 0; padding: 0; }
#content { top: 0; left: 220px; width: 525px; height: 504px; float: right; }

#wd { margin: 0; padding: 0; }
#wd a img, #wd a:hover img { text-decoration: none; width: 521px; height: 504px; border: 0; }
#wd a span#next { background-color: transparent; background-repeat: no-repeat; position: absolute; top: 318px; left: 402px; width: 119px; height: 158px; margin: 0; padding: 0; border: 0; }
#wd a span#next, #wd a:hover span#next { text-decoration: none; border: 0; }
#wd a span#next { background-image: url(../img/fleched.gif); } 
#wd a:hover span#next { background-image: url(../img/fleched-n.gif); }

ul { margin: 0; padding: 0; list-style-type: none; }
ul.select { text-align: left; }
.select li a, .select li a:hover { background-color: transparent; background-repeat: no-repeat; text-decoration: none; position: absolute; width: 119px; height: 144px; border: 0; }
li#l12 a { background-image: url(../img/select/kg.jpg); top: 0; left: 0; }
li#l11 a { background-image: url(../img/select/kz.jpg); top: 0; left: 134px; }
li#l10 a { background-image: url(../img/select/pb-.jpg); top: 0; left: 268px; }
li#l09 a { background-image: url(../img/select/dpu-.jpg); top: 0; left: 402px; }
li#l08 a { background-image: url(../img/select/ka2-.jpg); top: 159px; left: 0; }
li#l07 a { background-image: url(../img/select/jd-.jpg); top: 159px; left: 134px; }

li#l06 a { background-image: url(../img/select/dpo-.jpg); top: 159px; left: 268px; }
li#l05 a { background-image: url(../img/select/rs-.jpg); top: 159px; left: 402px; }
li#l04 a { background-image: url(../img/select/mc-.jpg); top: 318px; left: 0; }
li#l03 a { background-image: url(../img/select/ab-.jpg); top: 318px; left: 134px; }
li#l02 a { background-image: url(../img/select/p-.jpg); top: 318px; left: 268px; }
li#l01 a { background-image: url(../img/select/luc-.jpg); top: 318px; left: 402px; }

#s13, #s12, #s11, 
#s10, #s09, #s08, #s07, #s06, #s05, 
#s04, #s03, #s02, #s01 { background-color: #fff; filter : alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; font-size: 10px; line-height: 12px; text-decoration: none; position: absolute; width: 89px; height: 114px; margin: 0; padding: 5px; border: 0; visibility: hidden; }
#s13 { top: 10px; left: 10px; }
#s12 { top: 10px; left: 10px; }
#s11 { top: 10px; left: 144px; }
#s10 { top: 10px; left: 278px; }
#s09 { top: 10px; left: 412px; }
#s08 { top: 169px; left: 10px; }
#s07 { top: 169px; left: 144px; }
#s06 { top: 169px; left: 278px; }
#s05 { top: 169px; left: 412px; }
#s04 { top: 328px; left: 10px; }
#s03 { top: 328px; left: 144px; }
#s02 { top: 328px; left: 278px; }
#s01 { top: 328px; left: 412px; }