/* 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 url(../images/bg.jpg) top left repeat-x; }

#container { position: relative; width: 961px; margin: 0 auto; padding: 0 0 30px 0; }
#container a span { position: absolute; left: -9000px; }

#container #header { position: relative; width: inherit; height: 391px; background: url(../images/header.jpg) top left no-repeat; }
#container #header a { display: block; width: 100%; height: 100%; }

#container #link1 { position: relative; width: inherit; height: 80px; background: url(../images/link1.jpg) top left no-repeat; }
#container #link1 a { display: block; width: 100%; height: 100%; }

#container #bloc1 { position: relative; width: inherit; height: 394px; background: url(../images/bloc1.jpg) top left no-repeat; }
#container #bloc1 #img1 { position: absolute; top: 25px; left: 78px; }
#container #bloc1 #play1 { position: absolute; display: block; width: 185px; height: 50px; top: 323px; left: 70px; }
#container #bloc1 #download1 { position: absolute; display: block; width: 185px; height: 50px; top: 323px; left: 270px; }
#container #bloc1 #img2 { position: absolute; top: 24px; left: 522px; }
#container #bloc1 #play2 { position: absolute; display: block; width: 185px; height: 50px; top: 323px; left: 510px; }
#container #bloc1 #download2 { position: absolute; display: block; width: 185px; height: 50px; top: 323px; left: 710px; }

#container #link2 { position: relative; width: inherit; height: 129px; background: url(../images/link2.jpg) top left no-repeat; }
#container #link2 a { display: block; width: 100%; height: 100%; }

#container #bloc2 { position: relative; width: inherit; height: 435px; background: url(../images/bloc2.jpg) top left no-repeat; }
#container #bloc2 #img3 { position: absolute; top: 69px; left: 79px; }
#container #bloc2 #play3 { position: absolute; display: block; width: 185px; height: 50px; top: 368px; left: 70px; }
#container #bloc2 #download3 { position: absolute; display: block; width: 185px; height: 50px; top: 368px; left: 270px; }
#container #bloc2 #img4 { position: absolute; top: 68px; left: 523px; }
#container #bloc2 #play4 { position: absolute; display: block; width: 185px; height: 50px; top: 368px; left: 510px; }
#container #bloc2 #download4 { position: absolute; display: block; width: 185px; height: 50px; top: 368px; left: 710px; }

#container #link3 { position: relative; width: inherit; height: 91px; background: url(../images/link3.jpg) top left no-repeat; }
#container #link3 a { display: block; width: 100%; height: 100%; }

#container .reciprocal { text-align: center; color: #ccc; padding: 20px 0; }