#box { background-color: transparent; position: absolute; top: 40px; left: 308px; width: 674px; height: auto; margin: 0; padding: 0; z-index: 10; }

#boxConstruction, #boxRenovation { background-color: #111; position: relative; width: 100%; border: 0; }
#boxConstruction { margin-top: 0; padding: 0; }
#boxRenovation { margin-top: 20px; padding: 0; }

a#imgConstruction, a#imgConstruction:hover { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; position: absolute; width: 406px; height: 290px; margin-top: 83px; margin-left: 20px; padding: 0; border: 0; }
a#imgConstruction, a#imgConstruction:hover { background-image: url(../img-ref/curve-s.jpg); border: 0; }

#boxConstruction span.leg, #boxRenovation span.leg { background-color: #fff; filter : alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; color: #000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; text-decoration: none; text-align: left; position: absolute; width: 85px; height: auto; margin-top: -20px; margin-left: 261px; padding: 20px; border: 0; }
#boxConstruction span.leg span, #boxRenovation span.leg span { color: #222; font-weight: normal; }

#boxConstruction ul { margin: 0; padding: 0; list-style-type: none; }
ul#menuC { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; margin: 0; padding: 33px 10px 33px 446px; border: 0; }
#menuC li { text-align: left; padding-left: 20px; text-indent: -20px; }
#menuC li a { color: #fff; text-decoration: none; border: 0; }
#menuC li a:hover { color: #00caff; text-decoration: none; border: 0; }

a#imgRenovation, a#imgRenovation:hover { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; position: absolute; width: 406px; height: 290px; margin-top: 83px; margin-left: 20px; padding: 0; border: 0; }
a#imgRenovation, a#imgRenovation:hover { background-image: url(../img-ref/square-s.jpg); border: 0; }

#boxRenovation ul { margin: 0; padding: 0; list-style-type: none; }
ul#menuR { background-color: #111; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; margin: 0; padding: 33px 10px 151px 446px; border-bottom: 1px dotted #666; }
#menuR li { text-align: left; padding-left: 20px; text-indent: -20px; }
#menuR li a { color: #fff; text-decoration: none; border: 0; }
#menuR li a:hover { color: #00caff; text-decoration: none; border: 0; }



.spacer { clear: both; padding-top: 18px; }


a.ref, a.ref:hover { text-decoration: none; border: 0; }
#kkl, #monnaie, #gaasbeek, #kvs, 
#morgan, #guthrie, #ystcm, 
#dole, #curve, #suzhou, 
#bordeaux, #archipel, #linz, 
#philharmonie, #stavanger, #marciac, 
#wuxi, #arsonic, #lillehiphop { background-color: transparent; background-repeat: no-repeat; position: absolute; width: 406px; height: 290px; margin-top: 83px; margin-left: 20px; padding: 0; border: 0; visibility: hidden; }
#kkl { background-image: url(../img-ref/kkl-s.jpg); }
#monnaie { background-image: url(../img-ref/monnaie-s.jpg); }
#gaasbeek { background-image: url(../img-ref/gaasbeek-s.jpg); }
#kvs { background-image: url(../img-ref/kvs-s.jpg); }
#morgan { background-image: url(../img-ref/morgan-s.jpg); }
#guthrie { background-image: url(../img-ref/guthrie-s.jpg); }
#ystcm { background-image: url(../img-ref/ystcm-s.jpg); }
#dole { background-image: url(../img-ref/dole-s.jpg); }
#curve { background-image: url(../img-ref/selectCurve.jpg); }
#suzhou { background-image: url(../img-ref/suzhou-s.jpg); }
#bordeaux { background-image: url(../img-ref/auditorium-s.jpg); }
#archipel { background-image: url(../img-ref/archipel-s.jpg); }
#linz { background-image: url(../img-ref/linz-s.jpg); }
#philharmonie { background-image: url(../img-ref/philharmonie-s.jpg); }
#stavanger { background-image: url(../img-ref/stavanger-s.jpg); }
#marciac { background-image: url(../img-ref/marciac-s.jpg); }
#wuxi { background-image: url(../img-ref/wuxi-s.jpg); }
#arsonic { background-image: url(../img-ref/arsonic-s.jpg); }
#lillehiphop { background-image: url(../img-ref/lillehiphop-s.jpg); }

#flagey-, #monnaie-, #kvs-, 
#winterthur-, #malibran-, #gaasbeek-, #bozar-, 
#morgan-, #victoria-, #square-, 
#bijloke-, #alhambra-, #lille-, 
#arsonic- { background-color: transparent; background-repeat: no-repeat; position: absolute; width: 406px; height: 290px; margin-top: 83px; margin-left: 20px; padding: 0; border: 0; visibility: hidden; }
#flagey- { background-image: url(../img-ref/flagey-s.jpg); }
#monnaie- { background-image: url(../img-ref/monnaie-s.jpg); }
#kvs- { background-image: url(../img-ref/kvs-s.jpg); }
#winterthur- { background-image: url(../img-ref/winterthur-s.jpg); }
#malibran- { background-image: url(../img-ref/malibran-s.jpg); }
#gaasbeek- { background-image: url(../img-ref/gaasbeek-s.jpg); }
#bozar- { background-image: url(../img-ref/bozar-s.jpg); }
#morgan- { background-image: url(../img-ref/morgan-s.jpg); }
#victoria- { background-image: url(../img-ref/victoria-s.jpg); }
#square- { background-image: url(../img-ref/square-s.jpg); }
#bijloke- { background-image: url(../img-ref/bijloke-s.jpg); }
#alhambra- { background-image: url(../img-ref/alhambra-s.jpg); }
#lille- { background-image: url(../img-ref/lille-s.jpg); }
#arsonic- { background-image: url(../img-ref/arsonic-s.jpg); }