/* Screen-CSS Front Le chaos ordinaire */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; font-family: verdana, verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", verdana, Geneva, sans-serif; font-size: 11px; text-align: center; background-color: #000; background: #000 url(../images/fond/bg_menu.jpg) center top no-repeat; } h1 { padding: 0 } h1 a { color: #ffffff; position: absolute;top: 0px; left: 0px; text-indent: -5000px; display: block; width: 320px; height: 120px; } h2 { margin: 20px 0 7px 0px; padding: 0px 0 0px 15px; font: bold 1.1em verdana; color: #7b7b7b ; text-align : left } h3 { min-height: 75px; margin: 27px 0 0 19px; padding:16px 0 0 35px; color: #8f8383; font: normal 18px verdana; background:transparent url(../images/fond/bg_h3244.png) no-repeat scroll left top; } h4 { margin:15px 0 10px 21px; font: bold 15px "Trebuchet MS"; color: #3E3D3D; } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #7D7A7A } p { font: normal 11px/18px verdana; margin: 0 0 5px 0; text-align: left; color: #747373} input { padding: 0 0 0 3px; font: normal 11px verdana } textarea { padding: 4px; font: normal 11px verdana } select { font: normal 11px verdana; color: #686566 } ul { margin: 15px 0 10px 20px; padding: 0 0 0 0; } ul li { margin: 0 0 6px 14px; padding: 0 0 0 0; color: #686566; list-style: none; font: normal 11px verdana; } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 14px; background: url(../images/puce/p2.gif) left 2px no-repeat } ul.radio li { float: left } a img { border: none; text-decoration: none } a { color: #9b9a9a; text-decoration: none; font: normal 11px verdana } a:hover { color: #e5e4e4; text-decoration: underline } abbr { cursor: help; border: 1px solid #f68409; } .format { padding: 0 20px } #colonne_two .format p { color: #747373; text-align: left; } #colonne_two .format p.center { text-align: center; } #colonne_two .format h3 { margin-top:27px; } #colonne_two .introTxt ul.puced { margin: 12px 9px 9px 21px } /* /////////////////////////////// M E N U */ /* */ /* */ ul#menuP { margin: 65px 0 51px} ul#menuP li { margin: 0 0 10px; padding:0 0 3px 0; text-align:center;} ul#menuP .morceaux { position:relative; top: -8px; left: 0px; } ul#menuP li a { font: normal 17px verdana; letter-spacing: 1px; color: #900606 ; display:block; padding:3px 0 0 10px; letter-spacing: 1px } ul#menuP li.a_home a { position:relative; top: 0px; left: -35px; } ul#menuP li.a_home2 a { position:relative; top: 0px; left: 32px; } ul#menuP li.a_home3 a { position:relative; top: 0px; left: -35px;} ul#menuP li.a_home4 a { position:relative; top: 0px; left: 35px; } ul#menuP li.a_home5 a { position:relative; top: 0px; left: -49px; } ul#menuP li.a_home6 a { position:relative; top: 0px; left: 46px; } ul#menuP li.a_home6 a span.connex { display: none; } ul#menuP li.a_home6 a:hover span.connex { display:block; width:159px; height:55px; position:absolute; left:-67px; top:-10px; background: url(../images/bt/connex.png) left top no-repeat; } ul#menuP li.a_home7 a { position:relative; top: 0px; left: -66px; } ul#menuP li.a_home7 a span.connex { display: none; } ul#menuP li.a_home7 a:hover span.connex { display:block; height:45px; left:65px; position:absolute; top:25px; width:179px; background: url(../images/illustr/gain.gif) left top no-repeat; } ul#menuP li a:hover { color: #fa0404; letter-spacing: 2px; text-decoration: none } ul#menuP li a:hover:first-letter { font: bold 17px verdana; color: #a00909 } .biggerLetter { } /*.grammoPhone { width: 100px; height: 100px; background: url(../images/fond/) left top no-repeat; } */ /* /////////////////////////////// Global conteneurs */ /* */ /* */ #intro { display: none } /* */ #main { width: 1180px; margin: 0px auto; padding: 0px 0px 10px 0; position: relative; text-align: left; z-index: 500 } #content { position:relative; top: -15px; left: 0px; } #colonne_one, #colonne_two { min-height: 562px } #colonne_one { width: 300px; float: left; margin: 0 0 ; padding: 0 0 10px 0; position:relative; } #colonne_two { width: 861px; float: left ; margin: 0 0 0 18px; background: url(../images/fond/f-cont2-mid.png) left top repeat-y; position:relative; } #colonne_two_bot { background: url(../images/fond/f-cont2.png) left bottom no-repeat; padding: 0 0 12px 0; } #colonne_two p { padding: 0 10px; margin: 22px 0 31px 15px } /* /////////////////////////////// V I D E O Page */ /* */ .theVideo { width: 547px; height: 310px; margin: 28px auto 17px ; padding: 25px 0px 10px 0px; text-align: center; background: url(../images/fond/f-video.png) left top no-repeat; } .theVideo object { display: inline; } .bl-vid-1 { float: left; margin:0 18px 0 3px; width:358px; } .bl-vid-2 { float: left; margin:0 18px 0 3px; width:358px; } #colonne_two p.linkToStream { text-align: center; text-indent: -5000px; } #colonne_two p.linkToStream img { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } #colonne_two p.linkToStream a { display: block; text-indent: -5000px; width: 600px; height: 440px; font: normal 17px verdana; color: #900606; margin: 0 auto; position: static; background: url(../images/illustr/no-tek12.gif) right top no-repeat; } #colonne_two p.linkToStream a span { text-indent: -5000px; position: absolute;top: -5000px; left: -5000px; } /*#colonne_two p.linkToStream a span { position: static; } #colonne_two p.linkToStream a:hover { text-decoration: none; } #colonne_two p.linkToStream a span { position:relative; top: 40px; left: 15px; display: block; text-align :right; line-height: 57px } */ /* /////////////////////////////// Contact Artiste Liste */ /* */ /*#colonne_two1 #h2ArtistContact { position:absolute; text-align: left; top: 18px; left: 18px } */ .contactListe { } #colonne_two ul.contactListe { width: 690px; margin: 44px auto 35px } #colonne_two ul.contactListe li { overflow: auto; margin: 0 0 0px 0px; padding: 0 0 14px 0; background: url(../images/fond/sep.png) right bottom no-repeat; } .contactListe li a { display: block; float: left; width: 40%; height: 21px; font: normal 16px verdana; } .contactListe li a.mail { padding: 0 0 0 27px; background: url(../images/bt/aMail.gif) left top no-repeat; font: normal 16px verdana; } /* */ #colonne_two ul.logoListe { padding: 0; text-align: center; margin: 7px 30px 34px } ul.logoListe li { margin: 0 13px; padding: 0; display: inline; } ul.logoListe li a img { margin: 0; padding: 0; opacity:.30;filter: alpha(opacity=30); -moz-opacity: 0.3; } ul.logoListe li a:hover img { margin: 0; padding: 0; opacity:100; filter: alpha(opacity=100); -moz-opacity: 100; } .chain { width: 141px; height: 21px; padding:0 0 0 55px; background: url(../images/fond/chainrouge.png) left top no-repeat; } span.cordial { font: italic normal 11px verdana; position:relative; top: 0px; left: 642px; } /* /////////////////////////////// Galleries photos */ /* */ .formatGalIntro { overflow: auto; } .contAccess { float: left; margin: 37px 0px 0 0 } #colonne_two .introTxt { margin:0 20px; padding:11px 0 6px; } #colonne_two .introTxt p { font: normal 12px verdana; margin:0 0 5px; padding: 0 20px; text-align: justify } #colonne_two .formatGalIntro h3.introGalH3 { clear: none; min-height: 49px; margin: 0 0 2px 31px; padding: 0 0 3px; color:#8F8383; font : bold 16px/23px verdana; } #colonne_two .formatGalIntro ul.listeLien { margin: 12px 9px 9px 21px; } #colonne_two .formatGalIntro ul.listeLien li { text-align: left; line-height: 30px } .introTxt_bot { width: 555px; float: left; margin: 22px 0 0 25px; background: url(../images/fond/bg-txt-intro-bot.gif) left bottom no-repeat; } .introTxt_top { padding: 16px 6px 10px; background: url(../images/fond/bg-txt-intro-top.gif) left top no-repeat; } .introTxt_bot2 { width: 555px; float: left; margin: 22px 0 0 25px; background: url(../images/fond/bg-txt-intro-bot2.gif) left bottom no-repeat; } .introTxt_top2 { padding: 16px 6px 10px; background: url(../images/fond/bg-txt-intro-top2.gif) left top no-repeat; } #colonne_two .introTxt_top p { color: #9E9D9D; font: normal 13px/21px verdana ; margin: 0 0 8px; padding: 0 20px; text-align: justify } #colonne_two .formatGalIntro p.michel { color:#464646; float:right; font: normal 11px verdana; top: -6px; left:-7px; padding:1px 7px;position:relative;text-align:right; } #colonne_two p.letter:first-letter { font: bold 16px "trebuchet MS" ; padding: 0 1px 0 0; } .bg_gal1 { margin:0 auto; width:855px; background:transparent url(../images/fond/bg_gal1.jpg) no-repeat scroll left -5px; } .conteneur2GAL { width: 855px; min-height: 758px; overflow: auto; background: url(../images/fond/bg_gal333.jpg) left bottom no-repeat; } .bg_gal2 { width: 429px; float: left; margin: 0 0 0 0px } .bg_gal3 { width: 369px; float: left; margin:0 0 0 42px; } #colonne_two ul.antoinePhotos { margin: 0 0 0 42px; overflow: auto; } #colonne_two ul.baubePhotos { width: 774px; margin: 0 auto; overflow: auto; } #colonne_two ul.groinPhotos { margin: 0 0 0 40px; overflow: auto; } #colonne_two ul.baubePhotos li img, #colonne_two ul.antoinePhotos li img , #colonne_two ul.groinPhotos li img { padding: 4px; border-top: 1px solid #4a4949; border-left: 1px solid #4a4949; border-right: 1px solid #212121; border-bottom: 1px solid #212121 ; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7;} #colonne_two ul.baubePhotos li a:hover img, #colonne_two ul.antoinePhotos li a:hover img , #colonne_two ul.groinPhotos li a:hover img { opacity:100; filter: alpha(opacity=100); -moz-opacity: 100;} #colonne_two p { color:#000000; font: normal 12px/21px verdana; margin:0 0 5px; padding: 0 20px ; text-align: justify } #colonne_two .introTxt { overflow: auto; } #colonne_two .introTxt p.big { margin:-12px 0 0; padding:0 0 0 183px; font: bold 16px trebuchet MS ; color:#000000; } #colonne_two p.big:first-letter { font: bold 16px "trebuchet MS" } #colonne_two ul.listeLien { margin: 0 0 21px; padding:0; text-align:right; } #colonne_two ul.listeLien li { margin-top:0; padding:0 0 0 12px; text-align:right; } #colonne_two ul.listeLien li a { font-weight: bold; font: bold 14px verdana; } #colonne_two ul.listeLien li a span { font-weight: bold; } #colonne_two ul.listeLien2 { margin: 0 ; padding:0; text-align:right; } #colonne_two ul.listeLien2 li { display: inline; padding: 0 0 0 12px; text-align: left; margin-top: 0 } #colonne_two ul.listeLien2 li a { font-weight: bold; font: bold 13px verdana; } #colonne_two ul.listeLien2 li a span { font-weight: bold; } #colonne_two .format2 ul.listeLien2 { margin: 0 0 17px; padding:0; text-align:right; } #colonne_two .format2 ul.listeLien2 li { display: inline; padding: 0 0 0 12px; text-align: left; margin-top: 0 } #colonne_two .format2 ul.listeLien2 li a { font-weight: bold; font: bold 13px verdana; } #colonne_two .format2 ul.listeLien2 li a span { font-weight: bold; } #colonne_two h3#baube { height:58px; margin:27px 0 0 19px; padding:16px 0 0 35px; background:transparent url(../images/fond/bg_h3244.png) no-repeat scroll left top;} #colonne_two h3#antoine, #colonne_two h3#groin { height:58px;margin: 0px 0 0 19px;padding:16px 0 0 35px;background:transparent url(../images/fond/bg_h3244.png) no-repeat scroll left top; } /* */ #colonne_two ul.baubePhotos li , #colonne_two ul.antoinePhotos li , #colonne_two ul.yomPhotos li , #colonne_two ul.groinPhotos li { float: left; margin: 4px 10px 14px 10px; padding: 0 0 0 0; min-height: 77px; text-align: center; } /* */ ul.pucedvynil li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 14px; background: none } ul.pucedvynil li strong { display: block; float: left; width: 250px; text-align :right; padding: 0 14px 0 136px } #colonne_two p.retour { width: 212px; height: 25px; text-align: left; padding: 7px 0 0 15px; margin: 17px 0 15px 0px; clear: both; background: url(../images/fond/retour.gif) left top no-repeat; position:relative; top: 0px; left: 3px; } #colonne_two #posrMe { position:relative; top: 51px; left: 3px; font-weight: bold; } /* */ .bl1 { float: left; width: 346px; margin: 0 0 0 17px } .bl1 h4 { line-height:27px; margin:9px 0 0 37px; padding:0; } #colonne_two .bl1 p { margin: 3px 0 5px 0px; padding: 0 } .bl2 { float: left; width: 476px; } ul.pucedCredit { position:relative; top: 0px; left: 0px; } ul.pucedCredit li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 14px; clear: both; background: none; } ul.pucedCredit li strong { display:block; float:left; padding:0 9px 0 0; text-align:left; width:171px;} #colonne_two ul li.last { padding: 13px 14px 16px 95px; color: gray } #colonne_two h3#cred { color: #000000; display: block; height:55px; margin: 40px 0 24px; padding: 24px 0 0 225px; width:487px; background: url(../images/illustr/nt20.gif) left top no-repeat; } h3#vynil { margin-left: 0 ; color: #797373 } h3#creANcre { color: #797373 } #colonne_two ul#vynilPuced { margin-left: 17px; margin-top: 0px } /* /////////////// A R T W O R K */ p.switchLang { margin: 0 0 0 0px; padding: 0 0 0 0; float: right; position:relative; top: -15px; left: 0px; } p.switchLang a { font-weight: bold; font: bold 12px verdana;} .last-encart-bot { width: 334px; margin: 9px 12px 0 17px; float: left; background: url(../images/fond/last-encart-bot.png) left bottom no-repeat; } .last-encart-top { padding: 19px 0 10px; background: url(../images/fond/last-encart-top.png) left top no-repeat; } .last-encart-top h4 { margin-bottom: 21px; margin-top:15px; font-size: 18px; font-weight : normal; } .last-encart-top p.dedicace strong { font: normal 11px verdana; } .aloneBloc { width: 772px; height: 163px; background: url(../images/fond/aloneBloc.gif) left top no-repeat; } .thumbIn { float: right; } .thumbIn a { display: block; padding: 0px 5px 7px 0; } .thumbIn img { padding: 4px; border-top: 1px solid #4a4949; border-left: 1px solid #4a4949; border-right: 1px solid #212121; border-bottom: 1px solid #212121; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7 } .thumbIn a:hover img { opacity:100; filter: alpha(opacity=100); -moz-opacity: 100; } #colonne_two .last-encart-top p { color: #bfbebe; font: normal 13px/21px verdana; margin: 0 0 8px; padding: 0 20px; text-align: left; } #colonne_two .last-encart-top p { color: #BBB1B1; padding: 0 26px; text-align: center;} #colonne_two .last-encart-top blockquote { padding: 10px 0px 20px 0px ; font: italic normal 17px georgia; color: #9d9c9c ; text-align: center; position:relative; top: 3px; left: 0px; } #colonne_two .last-encart-top blockquote span { font: normal 10px verdana; color: #BBB1B1 } #colonne_two .last-encart-top .authorNico { display:block; padding:10px 36px 0 10px; text-align:right; color: #BBB1B1 } #colonne_two ul.artworkGal { margin:0 3px; overflow:auto; width: 483px ; } #colonne_two ul.artworkGal li { float: right; margin: 4px 6px 1px; padding: 0 0 0 0; min-height: 79px; text-align: center; } #colonne_two ul.artworkGal li img { padding: 4px; border-top: 1px solid #4a4949; border-left: 1px solid #4a4949; border-right: 1px solid #212121; border-bottom: 1px solid #212121 ; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; } #colonne_two ul.artworkGal li a:hover img { opacity:100; filter: alpha(opacity=100); -moz-opacity: 100; } .introTxt_bot5 { width: 811px; margin: 22px auto 20px auto; background: url(../images/fond/bg-txt-intro-bot2.gif) left bottom no-repeat; } .introTxt_top5 { padding: 16px 6px 10px; background: url(../images/fond/bg-txt-intro-top2.gif) left top no-repeat; } .introTxt_top6 { padding: 16px 0px 10px; background: url(../images/fond/bg-txt-intro-top2.gif) left top no-repeat; } #colonne_two .introTxt_top5 h3 { margin:2px 0 10px 38px; min-height:39px; padding: 0 0 0 0; background: none; } #colonne_two .introTxt_top5 p { color: #9e9d9d; font: normal 12px/18px verdana ; margin: 0 0 8px; padding: 0 20px; text-align: justify } #Cont3BlocsFloatListe { position:relative; overflow: auto; } #Cont3BlocsFloatListe ul.puced { margin: 0 0 0 13px } #Cont3BlocsFloatListe ul.puced li { padding: 0 23px 0 16px } #Cont3BlocsFloatListe .independant { position: absolute; bottom:0; position:absolute; right:24px;width:534px; } #colonne_two .independant p { font: normal 11px verdana; margin: 0 0 5px 0px; padding: 0 0 0 0; text-align :right; color: #686566 } .listBloc1, .listBloc2, .listBloc3 { float: left; width: 255px; margin: 15px 0 10px 10px; } .listBloc1 h4, .listBloc2 h4 , .listBloc3 h4 { margin: 4px 0 7px 2px; padding: 0 0 0 12px; height: auto; font: bold 15px/19px verdana; min-height: 60px; } .listBloc1 h4 { line-height: 21px} .listBloc2 h4 { line-height: 45px } .listBloc3 h4 { line-height: 17px } /* /////////////// R S S ///// Actus */ div.rss-bot { width: 285px; padding: 0 0 15px 0; background: url(../images/fond/rss_bot.png) left bottom no-repeat; } div.rss-top { padding: 21px 0 15px; /* background: url(../images/fond/rss-top.png) left top no-repeat;*/ } #colonne_one .firstH2 { margin: 0; padding: 10px 0 30px 18px; text-align: left; } #rss-bot h3 { min-height: 4px; margin: 5px 0 13px 6px; padding:0px; font: bold 11px verdana; color: #747474 ; width: auto; background: none; } #colonne_one p { margin: 0 0 0 0px; padding: 0 5px 0 12px ; line-height: normal; } p.imgActuFloat { float: right; margin: 0 10px 10px 15px; } .news { width: 261px; margin: 5px auto 6px; padding: 0 0 9px 0; background: url(../images/fond/bg_news.png) left bottom repeat-x; } #colonne_one p.lire { text-align :right; padding: 8px 12px 0 12px } #colonne_one p.lire a { font: normal 10px verdana; } .fromThe { font: normal 12px verdana; color: #414040 ; position:relative; top: -13px; left: 10px; } .f-actu { width: 762px; min-height: 380px; margin: 0 auto; padding: 30px 17px 0; background: url(../images/fond/f-actu.jpg) left top no-repeat; } #colonne_two .f-actu p { color: #9E9D9D; text-align: left } #colonne_two .f-actu h5.last { padding: 30px 0 0 0; } #colonne_two .f-actu h4 { color: #949393; margin-top: 0 } #colonne_two .f-actu ul li { color: #9E9D9D } #f-actu2 h5 span { font:italic normal 21px verdana; padding: 0 0 0 4px; } #f-actu2 p.last { padding: 20px 0 0 0; text-align: center; } #firstActu p.imgg { padding: 20px 0 0 0; text-align: center; } /* Colonne 1 */ #colonne_one #player img { height:199px; width:289px; } .firstH2 strong.vingt { color:#C8C6C6; font-family:"Trebuchet MS"; font-size:30px; font-style:italic; font-variant:normal; left:-9px; letter-spacing:3px; position:relative;top:-23px; } /* Colonne 2 */ #colonne_two ul { margin: 7px 0 0px 0px; padding: 0 0 0 0; } /*#colonne_two ul li { margin: 0 0 2px 0; padding: 0 23px 0 25px; list-style: none; font: normal 11px/17px verdana; } */ #colonne_two ul.pucedLeft li { margin: 0 0 5px 0px; padding: 0 0 0 20px; text-align: left; list-style: none; font: bold 11px verdana; } #colonne_two ul.pucedLeft li a { font: bold 11px verdana; } #colonne_two ul li a { } #colonne_two h2#firstH2 { /*margin: 11px 54px 27px 0 */ margin: 0px 54px 37px 0 } #colonne_two h2 { clear: both; } h2.chopezH2 { margin: 16px 0 0 0 ; padding:0; } h2.chopezH2 a { height: 83px; display:block; font : normal 1.1em/1.4em verdana; color: #4d0101 ; padding: 14px 0 1px 26px; text-decoration: none; text-align: left; position:relative; background: url(../images/fond/outro.jpg) no-repeat scroll right top; } h2.chopezH2 a:hover { color: #5e0302} h2.chopezH2 a span { font: bold 1.2em verdana; color: #440201} h2.chopezH2 a span.paySpan { font: normal 0.8em verdana; color: #440201 } h2.chopezH2 a:hover span { font: normal bold 1.2em verdana; color: #5e0302} h2.chopezH2 a:hover span.paySpan { font: normal 0.8em verdana; position:relative; top: 0px; left: 30px; } h2.chopezH2 a span.ntSmile { display: none; } h2.chopezH2 a:hover span.ntSmile { position:absolute; left:178px; top:-28px; width: 148px; display: block; height: 165px; background: url(../images/illustr/nt.gif) left top no-repeat; } /* PAYPAL */ #colonne_two form.formatform { width: 297px; margin: 36px auto 12px 18px } #colonne_two form.formatform label.lbleft { color: #9B9B9B; display: block; font: bold 16px trebuchet MS; letter-spacing: 2px; line-height:normal;padding:0 12px 4px 0;text-align:left; } #colonne_two form.formatform p { padding: 0 0 0 0; margin:0 0 0 68px } #colonne_two form.formatform label span { font: normal 9px verdana; color: #7d7a7a;position:relative; left: 133px; top: 5px; } #colonne_two form.formatform input.ch { margin: 0 2px 0 0; width:121px; border: 1px solid #2c2b2b; color: #838383; background: url(../images/fond/f-input.gif) left top no-repeat; } #colonne_two form.formatform select { width:160px; border: 1px solid #444444; color:#A6A6A6; font: bold 12px verdana; padding:5px; text-align:left; background: url(../images/fond/f-input.gif) left top no-repeat; position:relative; top: 0px; left: 4px; margin: 4px 0 3px } #bg_paypal { width: 858px; height: 793px; background: url(../images/fond/bg_paypal22.jpg) 4px top no-repeat; position:relative; } #bg_paypal .firstH2 { position: absolute;top: 0px; left: 0px; z-index: 5000; } #bg_paypal #posaMe { position: absolute; bottom: 0px; left: 0px; } .bloc_CD { float: left; width: 330px; margin: 13px 143px 0 -25px } .bloc_LP { float: left; width: 322px; margin: 13px 0 0 51px } .bloc_LP h5 { padding: 10px 0 0 20px; margin: 10px 64px 37px 84px ; font: italic bold 24px "Trebuchet MS"; text-align :right; } #colonne_two .bloc_LP p { padding: 0 0 0 84px; } #colonne_two .bloc_LP p a { display: block; width: 176px; height: 80px; background: url(../images/bt/cc.png) left top no-repeat; text-indent: -5000px; } #colonne_two .bloc_LP p a:hover { background: url(../images/bt/cc2.png) left top no-repeat; } #bg_paypal h3.first { float: left; color: #5e5d5d ; background: none ;color:#5E5D5D; font: normal 19px "Trebuchet MS"; margin: 15px 0 10px 24px;height:auto;width:auto;} #bg_paypal h3.first:first-letter { font: italic bold 30px Georigia; padding: 0 2px 0 0; } #bg_paypal h3.first span.intermediaire strong { font: italic normal 21px Georigia; color: #a9a8a8; padding: 0 4px } #bg_paypal h3.first span.presale2 { color: #625252; display: block; font-size: 13px; letter-spacing: 0.65em; padding: 4px 0 6px 4px; text-align:justify; } #bg_paypal h3.first span.intermediaire { clear:both;display:block;line-height:31px;padding:7px 0 3px; } .getMe { font: normal 24px "Trebuchet MS"; display: block; float: left; } .via { color:#7D7C7C; display:block; float:left; font: normal 11px verdana; left:11px; position:relative; text-align:left; top:0 } .the { font: normal 17px "Trebuchet MS"; } .da { color: #7e7e7e } #colonne_two h4.firstH4 {color:#C5C3C3; font:normal 16px "Trebuchet MS";letter-spacing:8px; margin-top:10px;padding:0;text-align:center; } #colonne_two h4.firstH4 span { color:#F3F3F3; font-family:Trebuchet MS;font-size:32px;font-weight:normal;line-height:normal;padding:0 0 0 7px; } #bg_paypal ul li { font: normal 15px verdana; line-height:20px;margin:0 0 3px;padding:0 3px 3px 14px; background: transparent url(../images/puce/p2.gif) no-repeat scroll left 7px} #bg_paypal ul li { color: #a09f9f } #bg_paypal ul li span.until { padding: 4px 0 0 0; font: normal 10px verdana; } #bg_paypal .introPaypal h4 { font: bold 14px verdana; color: #5e5d5d; margin: 0 0 5px 11px; text-transform:uppercase; text-align: center; } #bg_paypal .introPaypal h4:first-letter { font: italic bold 26px Georigia; color: #5e5d5d;} #bg_paypal .introPaypal p.presale2 { letter-spacing: 4px} #bg_paypal ul.puced li { margin: 0 0 0 84px} #colonne_two .introPaypal { float: left; margin: 28px 0 0 189px } #colonne_two .introPaypal p { color: #625252; margin: 0 0 3px } #colonne_two .introPaypal p strong { font: normal 13px verdana; color: #625252; position:relative; top: 2px; left: 0px; } #colonne_two .introPaypal p span.b22 {width: 243px; color: #625252; display: block; float:left; text-align:justify; padding: 0 6px 0 0; } #colonne_two h3.firstH3 { color: #c5c3c3; font: normal 16px Trebuchet MS; padding:0; margin-top:10px;padding:0; letter-spacing:8px; text-align: center; } #colonne_two h3.firstH3 span { color: #f3f3f3; font: normal 32px Trebuchet MS; padding: 0 0 0 7px } .letterspace span { letter-spacing: 12px } #colonne_two h3.firstH3ClickOnme { margin-top: 0px; padding: 4px 10px 0 0; font: normal 11px verdana; cursor: pointer; text-align :right; color: #7e7e7e } #colonne_two h3.firstH3ClickOnme span.frame { font: normal 11px verdana; } #colonne_two h3.firstH3ClickOnme:hover { text-decoration: underline; } span.limited { font: normal 10px verdana } /* */ a.cd1Visu { display: block; width: 117px; height: 102px; position: absolute; top:-97px; left: 278px; text-indent:-5000px; overflow: hidden; z-index: 5000; background: url(../images/bt/cddA.jpg) left top no-repeat; } a.cd1Visu:hover { background: url(../images/bt/cddB.jpg) left top no-repeat; } a.cd1Visu2 { display:block; width:117px; height:102px; position:absolute; left: 435px; bottom: -5px; overflow: hidden; background:transparent url(../images/bt/cdd.jpg) no-repeat scroll left top; text-indent:-5000px; } a.cd1Visu2:hover { background:transparent url(../images/bt/cdd2.jpg) no-repeat scroll left top; text-indent:-5000px; } /* */ .centerbutSpan-bot input { color:#3E3D3D;display:block; background: none; padding: 1px 3px;text-align:left;width:161px;font: bold 14px Georigia; text-align:left; } #bg_paypal .transport { color: gray; font: normal 9px verdana; display: block; position:relative; top: 0px; left: 4px; margin: 0 0 26px 0 } /* /////////////////////////////////// HomePage */ #colonne_two .formatIntroHome { margin: 41px 0 10px 0 } #colonne_two .formatIntroHome p { color: #BBB1B1; padding: 0 0 0 0px ; text-align: center;} #colonne_two .formatIntroHome blockquote { padding: 10px 0px 10px 0px ; font: italic normal 17px georgia; color: #9d9c9c ; text-align: center; position:relative; top: 3px; left: 0px; } #colonne_two .formatIntroHome blockquote span { font: normal 10px verdana; color: #BBB1B1 } #colonne_two .formatIntroHome .authorNico { padding: 0 0 0 10px; color: #BBB1B1 } /* */ #colonne_two p.plus { margin: 12px 0 12px; padding: 10px 35px 0 20px; clear: both; text-align :right; } #colonne_two p.plus a { font: normal 13px verdana; letter-spacing: 3px; color: #c3c3c3; } #colonne_two .format2 h4.firstH3TitleChaos2 { color: #8F8383; font bold 16px verdana; margin: 42px 0 4px 17px; padding:0 0 3px; text-align :right; } #colonne_two .format2 h4.firstH3TitleChaos2 a { color: #c3c3c3; font: normal 13px verdana; letter-spacing: 3px; } /* */ #homePageUlStyle ul li { color: #9a9292; margin: 0 0 2px 0; padding: 0 0px 0 17px; list-style: none; font: normal 12px/18px verdana; } .format2 { padding: 0 20px } #contBGBAN p.getreal2 { margin: 0px 0 0px 15px; color: #77110f; float :right; clear: both; position:relative; top: -74px; left: 0px; } #contBGBAN p.getreal2 a { color: #a81313; font: normal 12px verdana; letter-spacing: 1px } #contBGBAN p.getreal2 a:hover { color: #e92424 } #contBGBAN { min-height: 661px ; position:relative; background: url(../images/fond/home4.jpg) right top no-repeat; } #colonne_two h2#firstH2 { height: 128px; margin: 0px 4px 0 0; } #colonne_two1 h2#firstH2 span.titleChaos { display:block; left:95px; margin:0; padding:0; position:absolute; top:-5000px; left:-5000px; color:#2D2929; text-align:left; font-weight: bold; text-indent: -5000px; } #colonne_two1 h2#firstH2 span span { font: bold 17px verdana; color: #424242 } #colonne_two h2#firstH22 { height: 128px; margin: 0px 4px 0 0; } #colonne_two1 h2#firstH22 span.titleChaos { display: block; left:95px; margin:0; padding:0; position:absolute; top:-5000px; left:-5000px; color:#2D2929; text-align:left; font-weight: bold; text-indent: -5000px; } #colonne_two1 h2#firstH22 span span { font: bold 17px verdana; color: #424242 } #colonne_two1 h2.firstH2 { margin: 0 0 22px 0; padding: 0 0 0px 0; line-height: 20px; font: bold 17px verdana; color: #8f8d8d; text-align: left; position:absolute;text-align: left; top: 46px; left: 29px } #colonne_two ul.pucedLeftHome { left: 44px; margin:0; padding: 0 0 4px; position:absolute; top: 81px; width:421px } #colonne_two ul.pucedLeftHome li { margin:0 0 7px; padding: 0; text-align: left; font: normal 13px/13px verdana; color: #ece7e7 } #colonne_two ul.pucedLeftHome li a { font: normal 13px/13px verdana; color: #ece7e7 } #colonne_two1 .firstH3Title { position: absolute; top: -11px; left: 36px; width: 350px; font: bold 17px verdana; color: #ebebeb; padding: 0px 0 0 0px; } #colonne_two .colonne1_bl1 { clear: both; } #colonne_two .colonne1_bl1 p, #colonne_two .colonne1_bl2 p { margin: 0 0 0 0px; padding: 0 0 0 9px; line-height: 16px } #colonne_two .colonne1_bl1 { float: left; width: 245px; min-height: 390px; margin: 0 5px 0 19px; padding: 7px 9px; border-right: 1px solid #171717; } #colonne_two .colonne1_bl1 h4 { color: #747373 } #colonne_two .colonne1_bl1 h3, #colonne_two .colonne1_bl2 h3, #colonne_two .colonne1_bl22 h3 { margin-bottom: 0; margin-left:15px; margin-top: 10px; min-height: 38px; background:transparent url(../images/fond/bg_h324.png) no-repeat scroll left top; } #colonne_two .colonne1_bl2 { float: left; width: 245px; min-height: 390px; margin: 0 10px 0 5px; padding: 7px 9px; border-left: 1px solid #171717; border-right: 1px solid #171717; } #colonne_two .colonne1_bl22 { float: left; width: 245px; min-height: 390px; margin: 0 0px 0 0px; padding: 7px 9px; border-left: 1px solid #171717; } #colonne_two .colonne1_bl22 .centerMe { text-align: center; font: normal 17px/21px verdana; padding: 16px 0 15px 0 ; background: none; color: #252424; position:relative; top: 179px; left: 0px; } #colonne_two .colonne1_bl22 .centerMe span { font: italic normal 15px verdana; } #colonne_two .colonne1_bl1 .centerMe { text-align: center; font: normal 17px/21px verdana; padding: 16px 0 15px 0 ; background: none; position:relative; top: 125px; left: 0px; color: #333232; } #colonne_two .colonne1_bl1 .centerMe span { font: italic normal 24px tahoma; padding: 0 4px 0 0; } #colonne_two .colonne1_bl1 ul li:first-letter, #colonne_two .colonne1_bl2 ul li:first-letter, #colonne_two .colonne1_bl22 ul li:first-letter { font-size: 12px; } #colonne_two .colonne1_bl1 .centerMe:first-letter, #colonne_two .colonne1_bl22 .centerMe:first-letter { font: normal 17px/21px verdana; } #colonne_two ul.puced { margin: 0 0 0 0px; padding: 0 0 0 0; } #colonne_two ul.puced li { } #colonne_two ul.puced2 li, #colonne_two ul.puced2 li { margin: 1px 0 3px 10px; padding: 0 10px 0 10px; text-align: left; font: normal 10px verdana; } #colonne_two ul.puced2 li:first-letter { margin:0 ; padding:0; text-align: left; font: normal 12px verdana; text-transform: uppercase } #colonne_two ul.pucedLeft { margin: 16px 0 4px; padding:0 0 4px; } #colonne_two ul.pucedLeft li { margin: 0 0 7px 0; padding: 0 0 0 13px; text-align: left; } /* */ #colonne_two colonne1_bl3 { border: 1px solid #f68409; } #colonne_two ul.puced3 { width: auto; margin: 13px 10px 0; padding: 9px 0; border: 1px solid #0a0a0a } #colonne_two ul.puced3 li { font: normal 11px verdana; margin: 0 0 2px 0; padding: 0 0 0 6px; color: #747373 } #colonne_two p.lastPara { padding: 34px 0 0 38px } /* Colonne 3 */ /* Colonne 3 */ #colonne_three1 { margin: 0 0 15px 0; } #colonne_three1 object { margin: 0 auto ; position:relative; top: 0px; left: 0px; z-index: 50; border: 1px solid #f68409; } #colonne_three1 object * { position : relative; z-index: 10 } #colonne_three2 { padding: 0 0 10px 0; } #colonne_three ul.miniatures1 { text-align: center; margin: 0 0 0 0px; padding: 0 0 0 4px; min-height: 170px; } #colonne_three ul.miniatures { text-align: center; margin: 0 0 0 0px; padding: 0 0 0 4px; } #colonne_three ul.miniatures li { float: left; margin: 0 0 7px 0; padding: 0 5px; } .introChaos { font: bold 13px verdana; color: #fe0000; text-align: center } .introChaos:first-letter { font: bold 18px verdana; color: #000 } /* */ /* Page detail CHAOS */ /* */ #colonne_two .introTxtChaos-bot { width: 491px; float: left; margin: 0px auto 25px auto; background: url(../images/fond/introTxtChaos-bot.png) left bottom no-repeat; } #colonne_two .introTxtChaos-top { padding: 20px 6px 22px; background: url(../images/fond/introTxtChaos-top.png) left top no-repeat; } #colonne_two .introTxtChaos-top h3 { margin: 8px 0 13px 28px;background: none;color:white;height:auto; font: normal 17px verdana; padding:0; color: #9f9d9d;width:auto; } #colonne_two .introTxtChaos-top p { color: #9e9d9d; font: normal 12px/18px verdana ; margin: 0 0 8px; padding: 0 20px; text-align: justify } #colonne_two .introTxtChaos-top p:first-letter { } #colonne_two .introTxtChaos-top p.equation { font: normal 11px verdana; margin: 0 0 0 0px; padding: 0 0 0 0; } .equation strong { color:#FFFFFF; display:block; font:normal 24px verdana; height:25px; left: 181px; line-height:normal; position:relative; text-align:center; top:-10px; width:108px;} H3#cd1 strong { font: bold 21px verdana; padding: 0 10px 0 0; color: #3e3d3d;color: #891515 ; letter-spacing: 1px} H3#cd2 strong { font: bold 21px verdana; padding: 0 10px 0 0; color: #3e3d3d; color: #891515 ; letter-spacing: 1px } H3#vynil strong { font: bold 21px verdana; padding: 0 10px 0 0; color: #3e3d3d; color: #891515 ; letter-spacing: 1px } H3#cd2 span { font: bold 14px verdana; position:relative; top: 0px; left: 75px; } table.full { margin: 0 15px; } table.full caption { text-align: left; font: bold 17px "Trebuchet MS"; color: #922f2f ; margin: 0 0 0 22px; } table.full thead { height: 22px; background: url(../images/fond/f-thead.gif) left top repeat-x; } table.full thead th { text-align: left; padding: 0 15px 0 15px; color: #868585; font: bold 12px verdana } table.full td { padding: 3px 5px 3px 7px; color: #686566; font: normal 12px verdana; } table.full th.center, table.full td.center { padding: 6px 5px 6px 6px; } table.full td .playa { float: right; padding: 0 20px 0 0; } table.full tr.gray td { background-color: #f7f7f7 } table.full tr.white td { background-color: #fff } div.cd2Left { width: 90%; margin: 0 auto; background: url(../images/fond/cd1Left.jpg) left center no-repeat; } .playaCD1 { float:left; margin: 0px 47px 0 35px; padding: 4px 0 0; width: 250px; text-align: center; } .playaCD1 { } .playaCD1 object { margin: 0 } h3#cd1, h3#cd2 { height: auto; color: #717070; min-height: 30px; margin: 0px 0 0px 0px; padding: 0 0 8px; color: #797373; font: bold 15px verdana; background:transparent url(../images/fond/bg_h324.png) no-repeat scroll left top; text-align: left; } h3#cd2 { margin: 17px 0 0 0px; } h3#cd1 { margin: 0 } .playaCD1 H3#cd1 strong , .playaCD1 H3#cd2 strong { font: bold 19px verdana; padding: 0 ; color: #3e3d3d;color: #891515 ; } .playaCD1 H3#vynil strong { font: bold 21px verdana; padding: 0 10px 0 0; color: #3e3d3d; color: #891515 ; letter-spacing: 1px } .playaCD1 H3#cd2 span { font: bold 14px verdana; position:relative; top: 0px; left: 75px; } .contCD1 { background: url(../images/fond/cd1playa2.png) right bottom no-repeat; } table.presentTableCD { margin: 0 31px } table.presentTableCD td.oneTD { width: 316px; vertical-align: top ; padding: 0 15px 0 0; } table.presentTableCD td.twoTD { width: 472px; vertical-align: top ; padding: 0 0 0 5px; } table.presentTableCD td table.full td { padding: 6px 5px 6px 7px; color: #686566; font: normal 11px verdana; vertical-align: middle } h4#cd11, h4#cd22 { font: bold 15px verdana; text-align: left; min-height: 21px; margin: 27px 0 42px 0; padding: 16px 0 0 35px; color: #797373; background:transparent url(../images/fond/bg_h324.png) no-repeat scroll left top; } h4#cd22 span { font: normal 11px verdana; padding: 0 0 0 7px; } h4#cd11 strong , h4#cd22 strong { font: bold 19px verdana; padding: 0 10px 0 0; color: #3e3d3d; color: #891515 ; letter-spacing: 1px } #contBGBAN p.hautdepage { clear: both; text-align: right; } .contCD2 .posrMe2 span { display: block; position:relative; } .contCD2 .posrMe2 span span { position: absolute; right:22px; top:16px; color: gray; font: normal 10px verdana; } /* ////// */ div#menu-logged { } div#menu-logged ul { margin: 0 0 0 15px; } div#menu-logged ul li { margin: 0 0 4px 0; list-style: none; padding: 0 0 0 16px; background: url(../images/puce/p.gif) left 6px no-repeat } /* //////////////////// Footer */ #outro { height: 140px; clear: both; position:relative; z-index: 50 ; top: -13px } #outro p.outroLinkx { color: #353535; font: normal 10px verdana; margin: 0 0 12px 0; padding: 10px 0 0 5px; position:absolute; right: 0px; top: 75px; text-align:center; z-index: 5000; } #outro p.outroLinkx span { color: #353535; padding: 0 17px } #outro p.outroLinkx a { color: #353535; font: normal 10px verdana; text-decoration: none; padding:0 } #outro p.outroLinkx a:hover { text-decoration: underline ; color: #6f6e6e} /* //////////////////// General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 35px auto 10px auto; text-align: center; font: bold 12px verdana; color: #969696 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px verdana; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .cb5 { clear: both; } .oa { clear: both; } .dn { position: absolute;top: -5000px; left:-5000px; text-indent: -5000px; } .ti { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } .overflowMe { overflow: auto; margin-bottom: 50px } /* //////////////////// Messages d erreurs */ .denied { margin: 10px 20px 20px 20px; padding: 0 0 10px 0; color: red; font: normal 12px verdana; border-bottom: 1px dotted #6e6d6d } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/puce_boule.gif) left 2px no-repeat; color: #706f6f } /* ------------------------------- */ div.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; } div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; } div.element-top { padding: 37px 0 10px 0; background: url(../images/fond/element-top.gif) left top no-repeat; } /* */ #colonne_two .hautdepage2 { clear: both; padding: 19px 12px 0 0; text-align :right; } .hautdepage span , .hautdepage2 span { } .hautdepage span span , .hautdepage2 span span { background: url(../images/puce/up.gif) right 1px no-repeat; padding: 3px 23px 0 0; } .hautdepage a , .hautdepage2 a { text-decoration: none; } .hautdepage a:hover , .hautdepage2 a:hover { text-decoration: none; }