/* 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: #000 url(../images/fond/bg_menu.jpg) center top no-repeat; } h1 { padding: 0 } h1 a { color: #ffffff; position: absolute; top: 0; left: 0; text-indent: -5000px; display: block; width: 320px; height: 120px } h2 { margin: 20px 0 7px 0px; padding: 0 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: #9f9e9e; 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 16px "Trebuchet MS"; color: #3E3D3D; } h5 { margin: 24px 0 10px 19px; 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 } ul li { margin: 0 0 6px 14px; padding: 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.inline li { float: left; margin-bottom: 0 } ul.pucedF { margin: 15px 0 10px 20px; padding: 0; overflow: auto; } ul.pucedF li { float: left; width: 213px; list-style-image:none; margin:4px 1px 1px 22px; 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: #8B8A8A; text-decoration: none; font: normal 12px verdana } a:hover { color: #e5e4e4; text-decoration: underline } .letter a { 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: 54px 0 32px} 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; width:179px; height:45px; position: absolute; left: 65px; top: 25px; background: url(../images/illustr/gain.gif) left top no-repeat} ul#menuP li a:hover { color: #fa0404; letter-spacing: 2px; text-decoration: none } /* /////////////////////////////// Global conteneurs */ #intro { display: none } #main { width: 1180px; margin: 0 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; 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 */ #colonne_two .f-video-bot { width: 547px; margin: 28px auto 17px; padding: 0px; position:relative; text-align: center; background: url(../images/fond/f-video-bot.png) left bottom no-repeat } #colonne_two .f-video-top { width: 547px; padding: 25px 0 25px; background: url(../images/fond/f-video-top.png) left top no-repeat } #colonne_two .f-video-top 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; } #colonne_two p.linkToStream a { font: normal 17px verdana; color: #900606; margin: 0 auto; } #colonne_two p.linkToStream a span { text-indent: -5000px; position: absolute;top: -5000px; left: -5000px; } #colonne_two p.linkToStream a:hover img { padding: 0 9px ; } h3.mh60 { min-height: 60px; } /* /////////////////////////////// Contact Artiste Liste */ #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; } .contactListe li a { display: block; float: left; width: 40%; height: 21px; font: normal 15px verdana; } .contactListe li a.mail { padding: 0 0 0 27px; background: url(../images/bt/aMail.gif) left top no-repeat; font: normal 15px 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:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; padding: 4px; border-top: 1px solid #393939; border-left: 1px solid #393939; border-right: 1px solid #212121; border-bottom: 1px solid #212121;} ul.logoListe li a:hover img { margin: 0; padding: 0; opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; padding: 4px; border-top: 1px solid #a21919; border-left: 1px solid #a21919; border-right: 1px solid #680101; border-bottom: 1px solid #680101;} .chain { width: 141px; height: 21px; padding: 0 0 0 36px } span.cordial { font: italic normal 11px verdana; position:relative; top: 0px; left: 642px; } /* /////////////////////////////// Galleries photos */ .formatGalIntro { overflow: auto; margin-top: 16px } .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; /* Intégrateur : Salim Leconte */ } .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: #8B8A8A; 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 : 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 #393939; border-left: 1px solid #393939; border-right: 1px solid #212121; border-bottom: 1px solid #212121; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8 } #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:1;filter: alpha(opacity=100); -moz-opacity: 1; border-top: 1px solid #a21919; border-left: 1px solid #a21919; border-right: 1px solid #680101; border-bottom: 1px solid #680101; } #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:#000 } #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: 0 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; 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; position:relative; top: 0px; left: 3px } #colonne_two #posrMe { position:relative; top: 7px; left: 0px; } #colonne_two #posrMe a { color: #fff } /* */ .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 } #colonne_two .colonne1_bl22 ul#vynilPuced { margin-left: 10px; margin-top: 0px } #colonne_two .colonne1_bl22 h3 span { font: normal 12px verdana } /* /////////////// A R T W O R K */ #colonne_two ul.introGalArtwork { width: 774px; margin: 0 auto; overflow: auto; } #colonne_two ul.introGalArtwork li { float: left; } #colonne_two ul.introGalArtwork li img { padding: 4px; border-top: 1px solid #393939; border-left: 1px solid #393939; border-right: 1px solid #212121; border-bottom: 1px solid #212121; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8 } #colonne_two ul.introGalArtwork li a:hover img { opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; border-top: 1px solid #a21919; border-left: 1px solid #a21919; border-right: 1px solid #680101; border-bottom: 1px solid #680101; } .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; } .thumbIn a:hover img { border-top: 1px solid #a21919; border-left: 1px solid #a21919; border-right: 1px solid #680101; border-bottom: 1px solid #680101; } #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; min-height: 79px; text-align: center; } #colonne_two ul.artworkGal li img { padding: 4px; border-top: 1px solid #393939; border-left: 1px solid #393939; border-right: 1px solid #212121; border-bottom: 1px solid #212121; } #colonne_two ul.artworkGal li a:hover img { border-top: 1px solid #a21919; border-left: 1px solid #a21919; border-right: 1px solid #680101; border-bottom: 1px solid #680101; } /* */ .last-encart-top3 { float:left; margin: 35px 0px 0 2px; width:330px; border: 1px solid #434242 } #colonne_two .last-encart-top3 p { margin: 0; padding: 0; } .last-encart-top3 h4 { margin-bottom: 21px; margin-top:15px; font-size: 18px; font-weight : normal; } .last-encart-top3 p.dedicace strong { font: normal 11px verdana; } #colonne_two ul.artworkGalX { margin: 0 15px 0 17px; overflow:auto; width: 476px ; float: left } #colonne_two ul.artworkGalX li { float: left; margin: 4px 6px 1px; padding: 0; min-height: 79px; text-align: center; } #colonne_two ul.artworkGalX li img { padding: 4px; border-top: 1px solid #4a4949; border-left: 1px solid #4a4949; border-right: 1px solid #212121; border-bottom: 1px solid #212121 ; } #colonne_two ul.artworkGalX li a:hover img { padding: 4px; opacity:1;filter: alpha(opacity=100); -moz-opacity: 1; border-top: 1px solid #a21919; border-left: 1px solid #a21919; border-right: 1px solid #680101; border-bottom: 1px solid #680101; } #colonne_two .citeLarYoulle { width: 775px; margin: 0 auto; padding: 0; } #colonne_two .citeLarYoulle p { width: 775px; font: normal 13px/21px verdana; color: #bfbebe; margin: 0 ; padding: 0 ; display: block; white-space: nowrap } #colonne_two .citeLarYoulle p span { display: block; padding: 14px 0 1px; font: normal 16px verdana; text-align: center; } #colonne_two .citeLarYoulle p span strong { font-weight: normal } #colonne_two .citeLarYoulle blockquote { color:#8b8b8b; font: italic normal 15px verdana; padding: 3px 0 1px; text-align:center} span.authorNico { color:#BBB1B1; padding:0 0 0 10px; font: normal 10px verdana; } #colonne_two p.switchLang { margin: 3px 72px 10px 0; padding: 0; text-align :right; } p.switchLang a { font-weight: bold; font: bold 12px verdana } #colonne_two .introTxt_top5 p.firstArtworkPara { font: normal 13px/21px verdana; } p.spanPlus span { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } /* */ .introTxt_bot5 { width: 811px; margin: 22px auto 20px auto; background: url(../images/fond/bg-txt-intro-bot2.gif) left bottom no-repeat } .introTxt_bot6 { width: 811px; margin: 22px auto 20px auto; background: url(../images/fond/bg-txt-intro-bot6.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: 31px 0 10px 38px; min-height:39px; padding: 0; background: none; } #colonne_two .introTxt_top5 p { color: #8B8A8A; font: normal 12px/20px 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 { width: 534px; position: absolute; bottom: 0; position:absolute; right: 24px } #colonne_two .independant p { font: normal 11px verdana; margin: 0 0 5px 0px; padding: 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 */ #colonne_two h3.mh50 { min-height: 60px } #colonne_two p.direct { float: right; margin: 3px 72px 0px 0; padding: 0; text-align :right; position:relative; top: 19px; left: 0px; color: #8B8A8A } #colonne_two p.direct a { font-weight: bold; font: bold 12px/20px verdana; color: #8B8A8A; } div.rss-bot { width: 285px; padding: 0 0 6px; background: url(../images/fond/rss_bot.png) left bottom no-repeat } div.rss-top { padding: 15px 0 0px 0 } #colonne_one .firstH2 { margin: 0; padding: 6px 0 30px 18px; text-align: left; } #rss-bot h3 { min-height: 4px; margin: 5px 0 0px 3px; padding: 0; font: normal 11px verdana; color: #747474; width: auto; background: none; text-align: right; } #colonne_one p { margin : 0px; padding: 0 5px 0 12px; line-height: normal; text-align :right } p.imgActuFloat { float: right } a.pad { padding: 15px 0; display: block } .news { margin: 5px 0 6px; padding: 0 2px 14px; width: 250px; background: url(../images/fond/bg_news.png) left bottom repeat-x } .news span { font: normal 10px verdana; color: #828181 } .news p.desc { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } #colonne_one p.lire { text-align :right; padding: 3px 1px 0 } #colonne_one p.lire a { font: italic normal 10px verdana } #colonne_one p.lire a span { color: #262525 } .fromThe { font: normal 12px verdana; color: #414040; position:relative; top: -13px; left: 10px } h4#lpnt20 { margin: 15px 0 25px 21px; padding: 0 0 20px 0; } /* */ h2.firstH2News { height: 89px; margin: 0 0 22px 0; padding: 32px 0 23px 21px; line-height: 20px; font: bold 17px verdana; color: #8f8d8d; text-align: left } .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 } .f-actu h5 { margin-top: 15px} #colonne_two .f-actu h3 { min-height: 10px; margin: 0 0 26px; padding: 0 0 0 4px; background: none } #colonne_two .f-actu p { color: #9E9D9D; text-align: left } #colonne_two .f-actu a { color: #a4a4a4 } #colonne_two .f-actu h5.last { padding: 30px 0 0 0 } #colonne_two .f-actu h4 { color: #a8a8a8; margin-top: 0; margin-bottom: 1px} #colonne_two .f-actu ul li { color: #9E9D9D } #colonne_two .f-actu p.last { padding: 40px 0 0 0; text-align: center } #colonne_two .f-actu p.center { text-align: center } #colonne_two .f-actu p.right { text-align: right } .enlarge, .enlarge2 { display: block; text-align: center; font: normal 10px verdana } .enlarge2 { position: absolute; right:1px; top:-12px; } a.enlarge , a.enlarge2 { color: #888787 } a.enlarge:hover , a.enlarge2:hover { color: #e5e4e4 } .margBottom { height: 55px; } /* nt12 */ .listLP12_1, .listLP12_2 { float: left } .listLP12_2chx , .listLP12_2chy { float: left; width: 359px } .listLP12_2chx { padding: 0 0 0 20px } .listLP12_2chy { padding: 0 0 0 16px; position:relative; top: 0px; left: 51px } #colonne_two #miaturesMaxi { margin: 0; padding: 20px 0 0 0 } #colonne_two #miaturesMaxi a { margin: 0px; padding: 0 2px } /* nt14 */ .floatRightAct2 { position:relative; top: 17px; left: 0px; width: 434px; float: right } .floatRightAct2 object { margin: 21px 0 0 0 } #extraits_nt_14 { position: absolute; left: 356px; top:555px } /* Forms Paypals */ #colonne_two form.formatform_nt14 { width: 438px; height: 100px; padding: 10px 0 0 0; background: url(../images/fond/f-formNT14.png) left top no-repeat; margin: 24px auto 0 auto; position:relative; } #colonne_two form.formatform_nt12 { width: 523px; height: 82px; padding: 10px 0 0 20px; background: url(../images/fond/f-formNT12DVD.png) left top no-repeat; margin: 24px 0 0 35px; position:relative; } #colonne_two form.formatform_nt12LPX { width: 329px; height: 84px; padding: 10px 0 0 20px; background: url(../images/fond/f-formNT12LP.png) left top no-repeat; margin: 24px 0 0 0px; position:relative; } #colonne_two form.formatform_nt14 select, #colonne_two form.formatform_nt12 select, #colonne_two formatform_nt12LPX select { width: 139px; border: 1px solid #444444; color:/*#A6A6A6*/ #bababa; font: normal 10px 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 } #colonne_two form.formatform_nt12 p span.contryChoose, #colonne_two form.formatform_nt12 p span.contryChoose, #colonne_two formatform_nt12LPX p span.contryChoose { font-size: 10px; color: #908e8e } #colonne_two form.formatform_nt12 p.select, #colonne_two form.form.formatform_nt12 p.select, #colonne_two form.formatform_nt12LPX p.select { left: -20px; position:relative } #colonne_two form.formatform_nt12 p.validMe, #colonne_two form.formatform_nt12 p.validMe { left:152px; position:absolute; top:33px; } #colonne_two form.formatform_nt12LPX p.validMe { left: 152px; position: absolute; top: 25px; } #colonne_two form.formatform_nt14 p.validMe { left: 152px; position: absolute; top: 25px; } /* nt13 */ .posrNT13 { position:relative; top: -2px; left: 36px; width: 434px; float: right } #nt13Playa { position:relative; top: 0px; left: 10px; margin: 15px 0 10px 0 } h4#padMeDown { padding: 0 0 15px 0 } form.posrPlus { position:relative; top: 0px; left: 10px; } /* nt20 LP */ #extractLP_nt_20 { margin:0 7px 10px; position:relative; top:0; left:20px; } #colonne_two p#posrVisunt20LP { height: 1068px; left: 54px; margin:0; padding:0; position:relative; top: -54px; width:486px; background: url(../images/illustr/nt20/coverBig3.jpg) left top no-repeat; } #colonne_two p#posrVisunt20LP a { display: block; float: left; text-indent: -5000px; overflow: hidden; } #colonne_two p#posrVisunt20LP a.one { width: 234px; height: 242px } #colonne_two p#posrVisunt20LP a.two { width: 234px; height: 242px } #colonne_two p#posrVisunt20LP a.three { width: 234px; height: 241px } #colonne_two p#posrVisunt20LP a.four { width: 234px; height: 241px } #colonne_two p#choiceCover { font: normal 15px/18px arial; text-align: center; padding: 14px 0 } #colonne_two p#choiceCover a { font: normal 15px/18px arial; text-decoration: underline; } h5#choiceCoverH5 { font: italic bold 17px arial; margin: 0; padding: 0; text-align: center; letter-spacing: 4px } #colonne_two p.imgActuFloatntDVD { float: right; left:-18px; position:relative; top: 44px; } #colonne_two h5#see { margin: 0 18px 10px 0 } /* */ .f-actunt20 { width: 796px; min-height: 380px; margin: 0 auto; padding: 30px 0px 0; background: url(../images/fond/f-actu.jpg) left top no-repeat } #colonne_two .f-actunt20 p { font-size: 11px; line-height: 17px; margin-bottom: 16px; margin-top: 9px; position:relative; top: 0px; left: 0px; } #colonne_two .f-actunt20 ul li { line-height: 17px } #colonne_two .f-actunt20 ul li a { font-weight: bold; } .f-actunt20 .bl-1 { float: left; margin: 0 0 0 7px; } .f-actunt20 .bl-1 ul.puced { position:relative; top: 0px; left: -7px; } .f-actunt20 .bl-2 { float: left; width: 275px; background: url(../images/bt/bt_nt20.png) left bottom no-repeat; } .f-actunt20 .bl-3 { float: left; } .f-actunt20 .bl-3 ul { position: relative; top: 0px; left: -5px; } .f-actunt20 .bl-1 { width: 243px; } .f-actunt20 .bl-3 { width: 263px; } .f-actunt20 .bl-3 h4 { text-align: right ; padding: 0 23px 0 0 } .f-actunt20 .bl-3 h4 span { font: normal 12px "Trebuchet MS"; color: #767676 } ul.nt20_posh { margin: 0 auto; padding: 0; overflow: auto; text-align: center; } ul.nt20_posh li { margin: 0; padding: 0; display: inline } #colonne_two form.formatform_nt20 { width: 261px; min-height: 195px; margin: 11px 0 0; padding: 0px 0 0 0; position:relative; background: none; position:relative; top: 0px; left: 0px; } #colonne_two form.formatform_nt20 p.validMe { position: static; margin: 0; padding: 0; text-align :right; } #colonne_two form.formatform_nt20 p.validMe input { position: relative; top: 8px; left: 0px; } #colonne_two form.formatform_nt20 p.select { position: relative; top: 0px; left: 0px; margin: 0 0 2px; padding: 0 ; } #colonne_two form.formatform_nt20 p.select select { display: block; float: left; width: 120px; padding: 4px 2px } #colonne_two form.formatform_nt20 p.select span.contryChoose { display: block; float: left; clear: both; padding: 0 0 0 15px; font: normal 10px/15px arial; text-align :left; letter-spacing: 1px } #colonne_two form.formatform_nt20 p.select span.contryChoose:first-letter { color: #a4a3a3 ; font: normal 11px/15px arial; } #colonne_two form.formatform_nt20 p.select span.contryChoose span { font: normal 9px arial; padding: 0 ; clear: both; letter-spacing: 1px; color: #656565 } #colonne_two form.formatform_nt20 p.select2 { clear:both; display: block; height:61px; margin:0; padding:0; position:relative; top: 20px; left: 0px; } #colonne_two form.formatform_nt20 p.select select { width:120px; display: block; float:right; left:-10px; position:relative } #colonne_two form.formatform_nt20 p.select2 span.contryChoose { float: right; text-align :right; position:relative; top: 0; left: -13px; } #colonne_two form.formatform_nt20 p.validMe input { position:relative; top: 0; left: 0px; margin: 23px 0 0 0; } .stshift { position:relative; top: 1px; left: 0px; } .secshift { position:relative; top: 9px; left: 0px; } /* nt20 DVD */ #colonne_two p.introTxtDvdNt12 { width: 400px; text-align: justify } /* Zombie */ .spanPuceed span { font: normal 11px arial; color: #bdbcbc; display: block; float: left; width: 95px; } .spanPuceed strong { letter-spacing: 2px; font-size: 12px; position:relative; top: -1px; left: 0px; } img.borderMe { padding: 2px; border: 1px solid #454545 } .spanPuceed2 span { font: normal 12px arial; color: #bdbcbc; display: block; float: left; width: 171px; height: 17px; } .spanPuceed2 strong { letter-spacing: 2px; font-size: 12px; position:relative; top: -1px; left: 0px; } /* Full vibes Ouie fine */ #colonne_two .f-actu .radio { text-align: center; padding-top: 17px } #colonne_two .f-actu .radio a { font: normal 19px arial; letter-spacing: 19px; text-decoration: underline; } #colonne_two .f-actu .radio a:hover { font: normal 19px arial; color: #ffffff; letter-spacing: 19px; text-decoration: underline; } #colonne_two .f-actu p.jeudi { font: italic normal 17px arial; padding: 0 0 0 24px ; letter-spacing: 1px; } #oui5Oct { } #oui5Oct a { text-decoration: underline; } #oui5Oct h4 { text-align: center; } #oui5Oct a strong { font-size: 17px } #oui5Oct h4 span { font-size: 13px } #oui5Oct .imgActuFloat { float: left; } #oui5Oct table { clear: both; margin: 30px 0 0 0px; } #oui5Oct table table { margin: 0px 0 14px 0px; } #oui5Oct table td { vertical-align: top; width: 33%; } #oui5Oct table.logo { } #oui5Oct table.logo td { vertical-align: middle; text-align: center; height: 193px; } .headdd h5 { text-align: center; margin: 0 0 0px 0px ; margin-top: 0px; padding: 0 0 0 0; } .imgActuFloat22 { float: right; position:relative; top: 11px; left: 0px; } .smally { font: normal 10px arial; display: block; text-align: center; } .fullIMG { height: 178px; background: url(../images/illustr/full.jpg) right center no-repeat; } /* Colonne 1 */ #colonne_one #player img { height:199px; width:289px; } .firstH2 strong.vingt { color:#C8C6C6; font: italic normal 30px Trebuchet MS; left:-9px; letter-spacing:3px; position:relative; top:-23px; } /* Colonne 2 */ #colonne_two ul { margin: 7px 0 0px 0px; padding: 0} #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 h2#firstH2 { margin: 0 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 strong { font: bold 1.2em verdana; color: #440201} h2.chopezH2 a:hover span, h2.chopezH2 a:hover strong { font: normal bold 1.2em verdana; color: #5e0302} 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: 30px auto 12px 18px } #colonne_two form.formatformCD { margin: 18px 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; margin: 0 0 0 75px} p span.contryChoose { display: block; text-align: left; color: #A09F9F; padding: 0 0 0 4px; font-weight: bold} #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_paypal223.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: -5000px; left: -5000px; text-indent: -5000px } .bloc_CD { float: left; width: 330px; margin: -17px 143px 0 -25px} .bloc_CD h5 { margin: 0 64px 0 95px; padding:0 0 0 20px;} .bloc_CD h5 img { position: relative; top: 0px; left: -28px; } .bloc_CD h5 a, .bloc_LP h5 a { position: relative; display: block; } .bloc_CD h5 a span, .bloc_LP h5 a span { display: none; } .bloc_CD h5 a:hover span { display: block; width: 65px; height: 81px; background: url(../images/illustr/ping.png) left top no-repeat; position: absolute; bottom: 0px; left: -57px; } .bloc_LP { float: left; width: 322px; margin: -17px 0 0 72px } .bloc_LP h5 { margin: 12px 64px 0 62px; padding:2px 0 0 20px; position:relative; top: 0px; left: 14px; } .bloc_LP h5 img { position:relative; top: 11px; left: 0px; } .bloc_LP h5 a:hover span { display: block; width: 66px; height: 85px; background: url(../images/illustr/ping2.png) left top no-repeat; position: absolute; bottom: 62px; left: 182px; } #colonne_two .bloc_LP p { left:97px; position:relative; top:25px; padding: 0; } #colonne_two .bloc_LP p a { font: bold 17px/29px arial; width: 176px; height: 80px; text-decoration: underline; } #colonne_two .bloc_LP p a:hover { } #bg_paypal h3.first { float: left; color: #979696; background: none ; font: normal 19px "Trebuchet MS"; margin: 15px 0 10px 24px; height:auto; width:auto; position:relative; top: 5px; left: 0 } #bg_paypal h3.first:first-letter { font: italic bold 30px Georigia; padding: 0 2px 0 0 } #bg_paypal h3.first .getMe { font: normal 24px "Trebuchet MS"; display: block; float: none } #bg_paypal h3.first .getMe span { font: normal 16px "Trebuchet MS"} #bg_paypal h3.first .via { color: #7D7C7C; font: normal 11px verdana; text-align: left; padding: 6px 0 0 1px } #bg_paypal ul.intermediaire { display: block; float:left; left: 40px; position:relative; top: 32px; } #bg_paypal ul.intermediaire li { font: normal 19px "Trebuchet MS"; color: #979696 ; padding:0; width: 250px; padding:0 0 0 8px; background: none; float: left; } #bg_paypal ul.intermediaire strong { font: italic normal 22px Georgia; color: #979696; padding: 0 4px } #bg_paypal ul.intermediaire .the { float: left; display: block; width: 2em; font: normal 20px "Trebuchet MS"; color: #979696 } #bg_paypal ul.intermediaire .da { float: left; display: block; width: 6em; color: #979696 } #colonne_two h4.firstH4 { color:#C5C3C3; font:normal 16px "Trebuchet MS";letter-spacing:8px; margin-top:10px;padding:0 0 6px 0 ;text-align:center; color: #696767 } #colonne_two h4.firstH4 span { color:#F3F3F3; font: normal 32px "Trebuchet MS"; 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 3px 84px; line-height: 16px} #bg_paypal ul.puced li .transpLittle { font: normal 10px verdana; } #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 9px verdana } /* */ .centerbutSpan-bot { position:relative; top: 3px; left: 0px; } .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: 0px; text-align: center;} #colonne_two .formatIntroHome blockquote { padding: 10px 0px 10px 0px; font: italic normal 13px verdana; 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: 0 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 } /* Header homepage image */ #contBGBAN { min-height: 661px; position:relative; background: url(../images/fond/home4.jpg) right top no-repeat } #colonne_two h2#firstH2 { height: 128px; margin: 0 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: 0 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_two .colonne1_bl1 ul.puced, #colonne_two .colonne1_bl2 ul.puced, #colonne_two .ccolonne1_bl22 ul.puced { margin: 0 0 0 10px } #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; 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; _background: none } #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 h4 { margin: 0; padding: 0 0 0 15px; color: #a49e9e } #colonne_two .colonne1_bl22 h4 span { font: normal 11px verdana; } #colonne_two .colonne1_bl22 p#colorME { font: normal 12px/18px verdana; color: #9A9292; text-align: left; padding: 0 0 15px 15px } #colonne_two .colonne1_bl1 p.centerMe { text-align: center; font: normal 17px/21px verdana; padding: 16px 0 15px 0; background: none; position:relative; top: 42px; left: -3px; color: #333232} #colonne_two .colonne1_bl1 p.centerMe span { font: italic normal 24px tahoma; padding: 0 4px 0 0 } #colonne_two .colonne1_bl1 p.centerMe2 { text-align: center; font:normal 12px/21px verdana; padding: 16px 0 15px 0; background: none; position:relative; top: 46px; left: 0px; color: #333232} #colonne_two .colonne1_bl1 p.centerMe2 span { font: italic normal 19px tahoma; padding: 0 4px 0 0; text-transform: uppercase } #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; padding: 0 } #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_two h3#artworkHomeH3 { margin-top: 38px } #colonne_two .lastListeHome { height: 87px; margin: 0 0 0 10px; position:relative; top: 0px; left: 10px } /* 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 : 0px; padding: 0 0 0 4px; min-height: 170px } #colonne_three ul.miniatures { text-align: center; margin : 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: 0 auto 25px auto; background: url(../images/fond/introTxtChaos-bot5.png) left bottom no-repeat } #colonne_two .introTxtChaos-top { padding: 35px 6px 27px; 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: #8b8a8a; font: normal 12px/24px verdana ; margin: 0 0 8px; padding: 0 20px; text-align: justify } #colonne_two .introTxtChaos-top p.first2 { font: normal 14px/34px verdana } #colonne_two .introTxtChaos-top p span.centerFou { display: block; text-align: center; font: normal 16px/39px verdana ; letter-spacing:4px;text-align:justify;word-spacing: 14px} #colonne_two .introTxtChaos-top p.equation { font: normal 11px verdana; margin : 0px; padding: 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, H3#cd2 strong { font: bold 21px verdana; padding: 0 10px 0 0; color: #3e3d3d; color: #891515; letter-spacing: 1px } H3#vynil strong, h3#creANcre 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; width: 310px; margin: 0 16px 0 24px; padding: 4px 0 0; text-align: center } .playaCD1 object { margin: 0; position:relative; top: 0px; left: -4px } h3#cd1, h3#cd2 { height: auto; color: #717070; min-height: 30px; margin: 0; 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 } 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} table.presentTableCD { margin: 0 17px } table.presentTableCD td.oneTD { width: 345px; vertical-align: top; padding: 0 4px 0 0; background: url(../images/fond/f-tableSignal.png) -2px 53px no-repeat; } table.presentTableCD td.oneTD table { width: 311px} table.presentTableCD td.oneTD table th, table.presentTableCD td.twoTD table th{ text-align: center; } table.presentTableCD td.twoTD { width: 472px; vertical-align: top; padding: 0; background: url(../images/fond/f-tableSignal.png) -2px 53px no-repeat; } table.presentTableCD td.twoTD table{ width: 460px } table.presentTableCD td table.full tr td { padding: 4px 5px 8px 7px; height: 51px; color: #686566; font: normal 10px verdana; vertical-align: middle; border: 1px solid #191919; border-top: none } table.presentTableCD td table.full tr.one td { background-color: #131313 } table.presentTableCD td table.full tr.two td { background-color: #181818 } 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_h3244.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 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 9px } #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 } #colonne_two p.right { text-align: right } .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 } .little { font: normal 10px verdana; } .little2 { font: normal 9px verdana; } .little sup { font: italic normal 9px arial; color: #cf1010; position:relative; top: 0px; left: 2px; } /* */ #colonne_two .hautdepage2 { clear: both; padding: 19px 12px 0 0; text-align :right } .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 }