/* Reset CSS and general stuff */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html { overflow:-moz-scrollbars-vertical; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
a { outline: none; }

body { background: #000; }
h1 { position: absolute; left: -9000px; }

#container { position: relative; width: 1156px; margin: 0 auto; }
#container p em { position: absolute; left: -9000px; }

#bloc1 { position: relative; width: inherit; height: 559px; background: url(../images/bg-bloc1.jpg) top left no-repeat; }
#bloc1 #mnu-wallpaper { float: left; width: 200px; margin-left: 60px; }
#bloc1 #mnu-wallpaper a { font: 14px Arial, Helvetica, sans-serif; color: #c9c7ce; text-decoration: none; }
#bloc1 ul { float: right; width: 500px; padding: 3px; margin: 0 140px; text-align: right; }
#bloc1 ul li { display: inline; padding: 0 10px; border-right: 1px solid #c9c7ce; height: 12px;}
#bloc1 ul li a { color: #c9c7ce; text-decoration: none; font: 14px Arial, Helvetica, sans-serif;  }
#bloc1 ul .last { border: none; }
#bloc1 ul .last a { text-transform: uppercase; font-weight: bold; }
#bloc1 #flash1 { position: absolute; width: 415px; height: 277px; top: 113px; left: 118.5px;  }

#bloc2 { position: relative; width: inherit; height: 435px; background: url(../images/bg-bloc2.jpg) top left no-repeat; }
#bloc2 .model1 { position: absolute; display: block; width: 260px; height: 297px; bottom: 0; left: 50px; }
#bloc2 .model2 { position: absolute; display: block; width: 185px; height: 252px; bottom: 0; left: 311px; }
#bloc2 .model3 { position: absolute; display: block; width: 185px; height: 172px; bottom: 0; left: 565px; }
#bloc2 .model4 { position: absolute; display: block; width: 218px; height: 175px; bottom: 0; left: 751px; }

#bloc3 { position: relative; width: inherit; height: 459px; background: url(../images/bg-bloc3.jpg) top left no-repeat; }
#bloc3 #light1 { position: absolute; width: 35px; height: 35px; top: 46px; left: 215px; }
#bloc3 #light2 { position: absolute; width: 35px; height: 35px; top: 26px; left: 255px; }
#bloc3 #light3 { position: absolute; width: 35px; height: 35px; top: 86px; left: 463px; }
#bloc3 .model1 { position: absolute; display: block; width: 205px; height: 92px; top: 0; left: 105px; }
#bloc3 .model2 { position: absolute; display: block; width: 185px; height: 42px; top: 0; left: 311px; }
#bloc3 .model3 { position: absolute; display: block; width: 136px; height: 122px; top: 0; left: 580px; }
#bloc3 .model4 { position: absolute; display: block; width: 235px; height: 166px; top: 0; left: 717px; }
#bloc3 .model5 { position: absolute; display: block; width: 133px; height: 240px; top: 92px; left: 35px; }
#bloc3 .model6 { position: absolute; display: block; width: 186px; height: 262px; top: 92px; left: 170px; }
#bloc3 .model7 { position: absolute; display: block; width: 250px; height: 85px; bottom: 0; left: 75px; }
#bloc3 .model8 { position: absolute; display: block; width: 209px; height: 120px; bottom: 0; left: 357px; }
#bloc3 .model9 { position: absolute; display: block; width: 205px; height: 120px; bottom: 0; left: 582px; }
#bloc3 .model10 { position: absolute; display: block; width: 261px; height: 167px; bottom: 0; left: 788px; }

#bloc4 { position: relative; width: inherit; height: 429px; background: url(../images/bg-bloc4.jpg) top left no-repeat; }
#bloc4 #light4 { position: absolute; width: 35px; height: 45px; top: 116px; left: 76px; }
#bloc4 .model7 { position: absolute; display: block; width: 273px; height: 292px; top: 0; left: 84px; }
#bloc4 .model8 { position: absolute; display: block; width: 209px; height: 200px; top: 0; left: 357px; }
#bloc4 .model9 { position: absolute; display: block; width: 185px; height: 190px; top: 0; left: 582px; }
#bloc4 .model10 { position: absolute; display: block; width: 270px; height: 216px; top: 0; left: 770px; }


#bloc5 { position: relative; width: inherit; height: 250px; background: url(../images/bg-bloc5.jpg) top left no-repeat; }

#bloc6 { position: relative; width: inherit; height: 502px; background: url(../images/bg-bloc6.jpg) top left no-repeat; }
#bloc6 #light5 { position: absolute; width: 35px; height: 35px; top: 186px; left: 116px; }
#bloc6 #light6 { position: absolute; width: 35px; height: 35px; top: 44px; left: 480px; }
#bloc6 #bulbs { position: absolute; width: 734px; height: 78px; top: 24px; left: 78px; background: url(../images/lights-jerkcam.gif) top left no-repeat; }
#bloc6 #jerkcam { position: absolute; width: 146px; height: 81px; top: 420px; left: 56px; background: url(../images/jerkcam-action.gif) top left no-repeat; }
#bloc6 #flash2 { position: absolute; width: 464px; height: 261px; top: 106.5px; left: 133px; }

#bloc7 { position: relative; width: inherit; height: 188px; }
#bloc7 a { display: block; width: inherit; height: 188px; background: url(../images/bg-bloc7.gif) top left no-repeat; }
#bloc7 a strong { position: absolute; left: -9000px; }

#footer { position: relative; width: inherit; padding: 60px 0; background: url(../images/footer.gif) top left no-repeat; }
#footer p { margin: 5px 0; text-align: center; font: 12px Arial, Helvetica, sans-serif; color: #b80001; }
#footer p a { margin: 0 5px; color: #c9c7ce; font-size: 14px; }