* { margin:0; padding:0; } body { background:black no-repeat center 0; color:red; font:10px verdana; } .clear { display:none; } a:hover { color:red !important; } /* TOP *** *************************************************************************************************************************************** */ #top { position:absolute; z-index:10; width:915px; left:50%; margin-left:-457px; } #top h1 { background:url(../img/groupe_de_rock.png) no-repeat bottom right; float:left; height:90px; width:291px; color:black; font-size:1px; text-align:left; margin-bottom:-15px; } #top ul.mepetrois { clear:left; background:url(../img/mepetrois.png) no-repeat 48px 0px; width:200px; margin:0 0 0 85px; padding:0 0 20px 0; } #top ul.mepetrois li { clear:both; text-align:left; list-style:none; margin:0 0 2px 10px; } #top ul.mepetrois li small { font-size:9px; display:block; text-align:right; color:#646464; width:160px; } #top ul.mepetrois li small b{ font:11px verdana; color:#b1b1b1; font-weight:normal; } #top ul.mepetrois li div { float:left; position:absolute; margin:1px 0 0 0; overflow:hidden; } #top ul.mepetrois li img { position:absolute; z-index:3; margin:5px 0 0 4px; } #top ul.link { color:#646464; text-align:right; padding:15px 20px 0 0; } #top ul.link li { list-style:none; display:inline; padding-left:10px; } #top ul.link li a { color:#646464; } /* CONTENT *************************************************************************************************************************************** */ #content { color:white; text-align:justify; margin:0 auto; } #content .txt { color:#b1b1b1; padding-top:150px; width:870px; margin:0 auto; } #content h3 { color:red; font:bold 10px verdana; } #content a.pdf { display:block; float:left; background:url(../img/pdf.gif) no-repeat 0 -24px; height:25px; width:24px; text-indent:100px; overflow:hidden; } #content a.pdf:hover { background:url(../img/pdf.gif) no-repeat 0 0; } #content span.pdf { float:left; margin:0 10px 0 10px; } #content span.pdf a { color:#646464; margin:0 10px 0 0; } .scrolling-content { position:absolute; height:600px; width:100%; } #demo-container { height:600px; margin:0 auto; overflow:hidden; width:100%; } #demo-wrapper { position:relative; height:600px; overflow:hidden; width:100%; } #whocry_rock { left:4000px; top:0px; background:url(../img/whocry_rock.jpg) no-repeat top center; } #whocry_rock .txt { padding-top:180px; } #whocry_rock #concertproch { width:400px; float:right; } #whocry_rock #concertproch img { float:right; height:70px; margin:0 0 0 10px; border:0; } #whocry_rock #concertproch p a { color:white; text-decoration:none; } #whocry_rock p.concerts img { float:right; height:70px; margin:0 0 0 10px; border:0; } #whocry_rock #concertproch small, #whocry_rock #concertencours a { color:#646464; } #whocry_rock #news { padding-top:20px; width:470px; float:right; } #whocry_rock #news p { padding-right:20px; } #whocry_rock #linkks { padding-top:10px; width:400px; float:right; clear:right; } #whocry_rock #linkks a img.tof { border:0; float:right; } #whocry_rock #linkks p { background:none; } #whocry_rock p { color:#646464; background:url(../img/border-top.gif) no-repeat top left; margin:10px 0 10px 30px; padding-top:10px; } #whocry_rock p b { color:white; } #whocry_rock a.links { float:left; margin:10px 10px 0 0; display:block; width:70px; height:17px; overflow:hidden; font-size:100px; text-indent:3000px; } #whocry_rock a.facebook { background:url(../img/ico_facebook.gif) no-repeat top left; } #whocry_rock a.myspace { background:url(../img/ico_myspace.gif) no-repeat top left; } #whocry_rock a.twitter { background:url(../img/ico_twitter.gif) no-repeat top left; } #whocry_rock a.youtube { background:url(../img/ico_youtube.gif) no-repeat top left; } #whocry_rock a.facebook:hover { background:url(../img/ico_facebook.gif) no-repeat 0 -17px; } #whocry_rock a.myspace:hover { background:url(../img/ico_myspace.gif) no-repeat 0 -17px; } #whocry_rock a.twitter:hover { background:url(../img/ico_twitter.gif) no-repeat 0 -17px; } #whocry_rock a.youtube:hover { background:url(../img/ico_youtube.gif) no-repeat 0 -17px; } #whocry_en_concert { left:500px; top:2000px; background:url(../img/whocry_en_concert.jpg) no-repeat top center; } #whocry_en_concert .txt { padding-top:30px; } #whocry_en_concert p.fly { float:right; font-size:9px; text-align:center; padding-top:20px; } #whocry_en_concert p.fly a { color:#646464; text-decoration:none; } #whocry_en_concert p.fly a img { border:none; } #whocry_en_concert h3 { padding:180px 0 0 250px; } #whocry_en_concert ul { margin-left:350px; background:url(../img/border-top.gif) no-repeat bottom left; padding-top:10px; padding-bottom:10px } #whocry_en_concert ul li { color:#646464; list-style:none; margin:10px 0 0 0; padding-top:10px; background:url(../img/border-top.gif) no-repeat top left; } #whocry_en_concert ul li h3 { padding:0 0 0 0; } #whocry_en_concert ul li a { color:#646464; } #whocry_en_concert ul li b { color:white; } #whocry_en_concert ul li i { color:#b1b1b1; } #whocry_concerts_past { left:0px; top:2000px; display:none; } #whocry_concerts_past .txt { padding-top:180px; } #whocry_concerts_past p { text-align:right; padding-top:50px; width:650px; } #whocry_concerts_past p a { color:#646464; } #whocry_concerts_past h3 { padding:0 0 0 0; } #whocry_concerts_past ul { margin-left:150px; background:url(../img/border-top.gif) no-repeat bottom left; padding-top:10px; padding-bottom:10px } #whocry_concerts_past ul li { color:#646464; list-style:none; margin:10px 0 0 0; padding-top:10px; background:url(../img/border-top.gif) no-repeat top left; } #whocry_concerts_past ul li a { clear:left; color:#646464; } #whocry_concerts_past ul li b { color:white; } #whocry_concerts_past ul li span.a { float:left; width:75px; text-indent:15px; } #whocry_concerts_past ul li span.b { float:left; width:130px; color:#b1b1b1; overflow:hidden; } #whocry_the_band { left:4000px; top:3000px; background:url(../img/whocry_the_band.jpg) no-repeat top center; } #whocry_the_band .txt { padding-top:230px; } #whocry_the_band p { width:380px; } #whocry_the_band p span { color:white; } #whocry_the_band p.band { color:white; margin:50px 0 0 480px; } #whocry_the_band p.band a { color:#646464; text-decoration:none; } #whocry_contact { left:6500px; top:600px; } #whocry_photos { left:6500px; top:1400px; background:red !important; } #photooos { text-align:center; padding-top:130px; margin:0 auto; width:700px; } #photooos p a { color:#646464; text-decoration:none; font-weight:bold; display:block; border:1px solid #646464; float:left; width:200px; margin:10px; padding:10px 0; } /* #content .concerts { height:210px; overflow:hidden; } #content .concerts p { color:white; text-align:right; margin:0 auto; width:738px; } #content .concerts p span { color:#b1b1b1; } #content .concerts p small, #content .concerts p small a { color:#646464; } #content h3 { margin:0 0 20px 0; text-align:center; } #content p.icon { text-align:right; margin:30px auto 0 auto; width:782px; } #content p.icon img { border:0; } #content div.txt { margin:0px auto; width:738px; padding:10px 0 0 0; } #content div.txt p { text-align:justify; width:311px; } #content div.txt ul { float:right; height:400px; margin:10px 0 0 0; padding:0; text-align:justify; width:200px; } #content div.txt ul li { list-style:none; margin:16px 0 -8px 10px; } #content div.txt ul li b { display:block; float:left; margin-bottom:2px; } #content div.txt ul li div { clear:both; font-size:9px; color:#151515; } #content div.links { float:right; width:200px; text-align:right; } #content div.links a img.li { border:0; margin:16px 0 0 0; } #content #twitter { height:167px; text-align:right; overflow:hidden; } #content #twitter p { color:#646464; text-align:right; margin:0 0 5px 19px; width:181px; } #content #twitter p span { color:#363636; } #content #twitter p small { font-size:9px; color:#646464; } #content #twitter p small a { color:#646464; } #content #twitter p a { color:#646464; text-decoration:none; } #content #twitter p a img { border:0; } */