/**** FEUILLE DE STYLE ATS ************************************************************************************/ /*****************************************************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/ * { font-family:Arial, Helvetica, sans-serif; } body { margin:0; padding:0; font-size:12px; color:#fff; text-align:center; background:#840360 url(../images/bg/bg.gif) repeat-x 50% 0; } td { font-size:12px; color:#fff; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } img { border:0; } p { margin:5px 0; text-align:justify; } form { margin:0; padding:0; } form * { vertical-align:bottom; } input[type=text], input[type=password], select, textarea { font-size:12px; color:#333; border:1px solid #b9b9b9; } input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color:#d38; border:1px solid #d38; } /* couleurs */ .rose { color:#d38; } .magenta { color:#b18; } .bleu { color:#39e; } .orange { color:#f70; } .jaune { color:#f90; } .color { color:#d38; } /* liens */ a { color:#fff; text-decoration:underline; } a:hover { color:#d38; text-decoration:underline; } /* listes */ ul { margin:10px 0; padding:0; } ul li { list-style-type:none; list-style-image:url(../images/puces/li.gif); margin:0 0 5px 40px; padding:0; } /* Alignements */ .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .left { float:left; } .right { float:right; } .clear { clear:both; height:1px; font-size:1px; } .toppage { text-align:right; margin-top:20px; } .toppage a { text-decoration:none; background-color:#27011d; font-size:10px; padding:1px 15px; color:#fff; } .toppage a:hover { text-decoration:none; background-color:#27011d; color:#d38; } /**** STRUCTURE ************************************************************************************/ #all { margin:0 auto 10px auto; width:980px; text-align:left; padding-bottom:50px; position:relative; } /**** HEADER ************************************************************************************/ #header { height:190px; background:url(../images/boule-facettes.gif) no-repeat 0 0; position:relative; } #header h1 { position:absolute; top:100px; right:0; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; text-align:right; } #header h4 { position:absolute; top:65px; right:0; font:normal 30px Arial, Helvetica, sans-serif; color:#fff; } #logo { position:absolute; top:50px; left:80px; } /* Nav */ #nav { position:absolute; top:0; right:0; } #nav ul, #nav ul li { margin:0; padding:0; list-style-type:none; } #nav ul li { display:inline; } #nav ul li a { float:left; width:160px; height:40px; margin:0 0 0 2px; padding:10px 35px 10px 5px; color:#646464; font-size:10px; text-decoration:none; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/nav.png); } #nav ul li h2 { font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; } #nav #navAnimation a { background-position:0 0; } #nav #navAnimation a:hover { background-position:0 -70px; } #nav #navAnimation h2, #nav #navAnimation a span { color:#b18; } #nav #navAnimation a span { display:block; } #nav #navBoutique a { background-position:-210px 0; } #nav #navBoutique a:hover { background-position:-210px -70px; } #nav #navBoutique h2 { color:#39e; } /* Connexion */ #connexion { position:absolute; top:120px; right:0; text-align:right; } #connexion form { width:400px; height:21px; padding:5px; text-align:center; background:url(../images/bg/bg_connexion.gif) no-repeat 0 0; } #connexion input[type=text], #connexion input[type=password] { width:120px; } #connexion label { color:#fff; margin-right:10px; } #connexion ul, #connexion ul li { margin:0; padding:0; list-style-type:none; } #connexion ul li { display:inline; color:#b482a5; } #connexion ul li a { padding:2px; color:#b482a5; font:normal 10px arial; } #connexion ul li a:hover, #connexion ul li a.actif { color:#fff; text-decoration:none; } #promotion_inscription ul li{list-style-image:none;padding-left: 45px;width: 288px;margin:0px;} #promotion_inscription ul li.liun { background:url(../images/puces/un.png) no-repeat 15px 5px; } #promotion_inscription ul li.lideux { background:url(../images/puces/deux.png) no-repeat 5px 5px; } #promotion_inscription ul li.litrois { background:url(../images/puces/trois.png) no-repeat 5px 5px; } #promotion_inscription ul li.liquatre { background:url(../images/puces/quatre.png) no-repeat 5px 5px; } /**** MENU ************************************************************************************/ #menu { background:#464646 url(../images/bg/bg_menu.png) repeat-x 0 100%; padding:3px 0; z-index:100; } #menu ul, #menu ul li { margin:0; padding:0; } #menu ul li { position:relative; display:inline; list-style-image:none; list-style-type:none; } #menu ul li a { height:20px; padding:3px 15px; margin:0 -3px 0 0; color:#0f5587; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; } #menu ul li a:hover, #menu ul li a.actif { color:#fff; text-decoration:none; } #menu ul li a:hover { background:#2e6ca2 url(../images/bg/bg_menu_hover.png) repeat-x 0 0; } #menu ul li a.actif { background:#d52e9f url(../images/bg/bg_menu_actif.png) repeat-x 0 0; } #menu ul li ul { position:absolute; top:18px; left:0; width:250px; padding:5px 0; background-image:url(../images/bg/black-90.png); z-index:100; } #menu ul li ul li { display:block; list-style-image:none; list-style-type:none; float:none; margin:0; padding:0; text-align:left; } #menu ul li ul li, #menu ul li ul li a { color:#fff; font:normal 12px Arial, Helvetica, sans-serif; padding:2px 5px; float:none; text-decoration:none; } #menu ul li ul li a:hover { color:#0af; background:none; } #menu ul li ul li a.actif { color:#d38; background:none; } /**** FOOTER ************************************************************************************/ #footer { background-image:url(../images/bg/black-70.png) !important; background-image:url(../images/bg/bg_black_ie6.png); text-align:center; padding:5px; } #footer ul, #footer ul li { margin:0; padding:0; list-style-type:none; } #footer ul li { display:inline; } #footer a { margin:0; padding:0; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer ul li, #footer ul li a { padding:2px 0; color:#fff; font-size:12px; } /*#footer ul li.virginmega a { padding-left:65px; background:url(../images/virginmega_footer.png) no-repeat 0 50% !important; background:url(../images/virginmega_footer.gif) no-repeat 0 0; }*/ #footer ul li img { vertical-align:bottom; } /* Linking */ #linking { /*display:block;*/ text-align:center; width:980px; margin:0 auto; position:absolute; bottom:5px; } #linking ul, #linking ul li { margin:0; padding:0; list-style-type:none; line-height:8px; } #linking ul li { display:inline; color:#a59; } #linking ul li a { color:#a59; font:normal 10px arial; text-decoration:none; } #linking ul li a:hover { color:#fff; text-decoration:none; } /**** CONTENT ************************************************************************************/ #content { background-image:url(../images/bg/black-30.png) !important; background-image:none; } .content { padding-top:10px; background:url(../images/bg/bg_page.png) no-repeat 0 0 !important; background-image:none; } .inc { padding:20px 0; } .page { margin:10px 270px 10px 20px; } .sidebar { width:250px; float:right; } .black { background-image:url(../images/bg/black-30.png) !important; background-image:url(../images/bg/bg_black_ie6.png); } .page h2 { font:normal 30px Arial, Helvetica, sans-serif; color:#fff; } .page h3, .page h3 span { font:normal 18px Arial, Helvetica, sans-serif; color:#d38; margin-bottom:20px; } .page h3 span { color:#cac; } .page h4 { font:normal 16px Arial, Helvetica, sans-serif; color:#d38; } .page h5 { font:normal 18px Arial, Helvetica, sans-serif; color:#fff; } .page h6 { font:bold 15px Arial, Helvetica, sans-serif; background:#d38 url(../images/bg/bg_title_rose.png) repeat-x 0 0; color:#fff; text-transform: uppercase; padding:2px 2px 2px 5px; margin:0; } /*rose*/ .incrose .intro span, .incrose .color, .incrose a:hover, .incrose h3 { color:#d38; } .incrose h3 span { color:#d38; } .incrose h4 { color:#d38; } .incrose input[type=text]:focus, .incrose select:focus, .incrose textarea:focus { color:#d38; border:1px solid #d38; } /*orange*/ .incorange .intro span, .incorange .color, .incorange a:hover, .incorange h3 { color:#f60; } .incorange h3 span { color:#f60; } .incorange h4 { color:#f60; } .incorange h6 { background:#ea5506 url(../images/bg/bg_title_orange.png) repeat-x 0 0; } .incorange input[type=text]:focus, .incorange select:focus, .incorange textarea:focus { color:#f60; border:1px solid #f60; } /*jaune*/ .incjaune .intro span, .incjaune .color, .incjaune a:hover, .incjaune h3 { color:#f90; } .incjaune h3 span { color:#f90; } .incjaune h4 { color:#f90; } .incjaune h6 { background:#f80 url(../images/bg/bg_title_jaune.png) repeat-x 0 0; } .incjaune input[type=text]:focus, .incjaune select:focus, .incjaune textarea:focus { color:#f70; border:1px solid #f90; } /*vert*/ .incvert .intro span, .incvert .color, .incvert a:hover, .incvert h3 { color:#cd1; } .incvert h3 span { color:#fff; } .incvert h4 { color:#cd1; } .incvert h6 { color:#560; background:#ac1 url(../images/bg/bg_title_vert.png) repeat-x 0 0; } .incvert input[type=text]:focus, .incvert select:focus, .incvert textarea:focus { color:#9a0; border:1px solid #cd1; } /*bleu*/ .incbleu .intro span, .incbleu .color, .incbleu a:hover, .incbleu h3 { color:#39e; } .incbleu h3 span { color:#39e; } .incbleu h4 { color:#39e; } .incbleu h6 { background:#3ca0e1 url(../images/bg/bg_title_bleu.png) repeat-x 0 0; } .incbleu input[type=text]:focus, .incbleu select:focus, .incbleu textarea:focus { color:#39e; border:1px solid #39e; } /*or*/ .incor .intro span, .incor .color, .incor a:hover, .incor h3 { color:#c93; } .incor h3 span { color:#c93; } .incor h4 { color:#c93; } .incor h6 { background:#b82 url(../images/bg/bg_title_or.png) repeat-x 0 0; } /*zone*/ .zone { background-image:url(../images/bg/black-30.png) !important; background-image:url(../images/bg_black_ie6.png); } .zone .inc, .zoneBlanche .inc { padding:10px; } .titlebleu h6 { background:#3ca0e1 url(../images/bg/bg_title_bleu.png) repeat-x 0 0; } .titleorange h6 { background:#ea5506 url(../images/bg/bg_title_orange.png) repeat-x 0 0; } .titlejaune h6 { background:#f80 url(../images/bg/bg_title_jaune.png) repeat-x 0 0; } .titlerose h6 { background:#d38 url(../images/bg/bg_title_rose.png) repeat-x 0 0; } .titlevert h6 { background:#ac1 url(../images/bg/bg_title_vert.png) repeat-x 0 0; } .zoneBlanche { position:relative; margin:10px auto; background:url(../images/bg/bg_blanc_690.png) 0 0; border:2px solid #888; color:#333; } .zoneBlanche h2 { font-size:24px; color:#333; } .zoneBlanche .intro { color:#888; } .zoneBlanche p, .zoneBlanche a { color:#333; } .zoneBlanche a { text-decoration:underline; } .zoneBlanche a:hover { color:#d38; } /*Pub lightbox*/ #bgPub { position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%; background-image:url(../images/bg/black-70.png); } #pub { position:absolute; left:50%; top:30%; width:780px; height:406px; margin-left:-390px; margin-top:-203px; z-index:2000; } div.close { height:16px; text-align:right; padding:2px 0; } div.close a { font-size:10px; color:#fff; text-decoration:underline; } div.close a:hover { color:#f90; } #casting-national { background:#f70 url(../images/bg/bg_casting-national.jpg) no-repeat 50% 0; } #casting-national-coquin { background:#d38 url(../images/bg/bg_casting-national-coquin.jpg) no-repeat 50% 0; } .pub_centrale { position:relative; padding:20px; text-align:justify; border:10px solid #fff; background-color:#000; height:350px; } .pub_centrale h2 { position:absolute; top:110px; left:0; width:100%; font-size:23px; text-align:center; font-weight:normal; } .pub_centrale .intro { position:absolute; top:140px; left:140px; width:500px; color:#000; font-size:16px; text-align:justify; } .pub_centrale ul { position:absolute; top:240px; left:140px; } .pub_centrale ul li { margin:0 10px 0 0; padding:0; list-style-image:none; display:inline; } .pub_centrale strong { position:absolute; bottom:10px; left:140px; width:350px; } .pub_centrale strong a { font-weight:normal; color:#fff; } #coquin div.close a:hover { color:#d38; } #coquin #casting-national-coquin .intro { text-align:center; } #coquin #casting-national-coquin ul { left:200px; } #coquin #casting-national-coquin strong { left:170px; width:430px; text-align:center; } /*#coquin #pub { width:650px; height:150px; margin-left:-325px; margin-top:-75px; } #coquin .pub_centrale { height:110px; padding:20px 180px 20px 20px; color:#fff; background:#d38 url(../images/warning.png) no-repeat 98% 20px; } #coquin .pub_centrale h2, #coquin .pub_centrale h2 span { font-weight:bold; font-size:24px; text-transform:uppercase; color:#fff; } #coquin .pub_centrale h2 span { display:block; font-size:14px; }*/ small, small a { font-size:10px; color:#dca5d2; } hr { border-width:0 0 1px 0; border-style:dotted; border-color:#fff; } .colLeft { width:350px; float:left; } .colRight { margin-left:360px; } .intro { font-size:14px; display:block; } .photo { float:left; position:relative; margin:0 20px 0 0; } .photo img { border:2px solid #fff; } /* FORMULAIRES */ .chps { font-size:10px; text-align:right; color:#fff; margin:0; } .tab_form { margin:0 0 10px 0; width:550px; } .tab_form td, .tab_form th { vertical-align:top; } .tab_form th { width:250px; text-align:right; font-weight:normal; } .tab_form td { font-size:10px; } .tab_form td strong { font-size:12px; } .tab_form th label { margin-right:10px; } .tab_form tfoot th { text-align:right; } .tab_form ul li { list-style-image:none; margin:0; } input[type=submit],input[type=button] { background:#464646 url(../images/bg/bg_menu.png) repeat-x 0 50%; border:0; font-weight:bold; color:#333; padding:2px 10px; } .ireset { width:190px; } .isecu { width:50px; } .notice, .error, ul.error_list li { padding:2px 5px; color:#fff; text-align:center; font-size:10px; } .notice { background-color:#39e; } .error { background-color:#d38; } ul.error_list { background-color:#d38; margin:0; padding:0; float:right; } ul.error_list li { margin:0; display:inline; } /**** SIDEBAR ************************************************************************************/ .rubriques { padding:10px 5px; margin:0 0 3px 0; background-image:url(../images/bg/black-30.png) !important; background-image:url(../images/bg_black_ie6.png); } .rubriques ul { margin:0; padding:0; } .rubriques ul li { margin:0; padding:2px 0; list-style-image:none; list-style-type:none; border-bottom:1px dotted #6e376e; } .rubriques ul li a { background:url(../images/puces/li.gif) no-repeat 0 5px; padding-left:15px; color:#fff; text-decoration:none; } .rubriques ul li a:hover, .rubriques ul li a.actif { text-decoration:none; } .rubriques ul li a:hover { color:#0af; } .rubriques ul li a.actif { color:#d38; } .breadcrumb, .breadcrumb a { font-size:10px; color:#fff; } .breadcrumb a:hover { color:#d38; } .outils { float:right; color:#333; } .outils ul li { margin:0; list-style-image:none; list-style-type:none; display:inline; } .outils ul li a { float:left; width:15px; height:15px; background-image:url(../images/icones.gif); background-repeat:no-repeat; margin:0 0 0 2px;} .outils .facebook a { background-position:0 0; } .outils .twitter a { background-position:-15px 0; } .outils .myspace a { background-position:-30px 0; } .outils .favoris a { background-position:-45px 0; } .outils .print a { background-position:-60px 0; } .outils .facebook a:hover { background-position:0 -15px; } .outils .twitter a:hover { background-position:-15px -15px; } .outils .myspace a:hover { background-position:-30px -15px; } .outils .favoris a:hover { background-position:-45px -15px; } .outils .print a:hover { background-position:-60px -15px; } .sidebar .block { margin-top:3px; position:relative; } .sidebar .block .inc { padding:10px 10px 5px 10px; } .sidebar small { display:block; } .sidebar .block p, .sidebar .block a { font-size:12px; color:#000; margin:0; } .sidebar .block a { font-size:10px; } .sidebar .block a:hover { color:#fff; } #s_dancefloor { background:url(../images/bg/bg_orange.jpg) no-repeat 0 0; } #s_dancefloor small { color:#ffc9a9; } #s_boutique { background:url(../images/bg/bg_bleu.jpg) no-repeat 0 0; } #s_boutique small { color:#b1d5ed; } #s_artiste { background:url(../images/bg/bg_jaune.jpg) no-repeat 0 0; } #s_artiste small { color:#ffd59f; } #s_sono { background:url(../images/bg/bg_vert.jpg) no-repeat 0 0; } #s_sono small { color:#edf3d4; } #s_coquin { background:url(../images/bg/bg_coquin.jpg) no-repeat 0 0; } #s_coquin .interdit { background-color:#000; color:#fff; text-align:center; font-size:10px; } #s_coquin .interdit span { color:#ff0080; } /**** ACCUEIL ************************************************************************************/ #home .black { height:175px; margin-top:3px; position:relative; } #home .block { height:180px; margin-top:3px; position:relative; } #home .block small { color:#fff; font-weight:bold; } #home .block h3 { font-size:16px; color:#000; } #home .block p { font-size:12px; text-align:left; color:#fff; margin:20px 0; width:250px; } #home .block strong { font-size:14px; } #home .block .submitBlock { position:absolute; bottom:10px; } #home .inc { padding:10px; } /*#homePack { width:980px; height:240px; }*/ #homePack { width:960px; height:220px; background:url(../images/bandeau/bg.jpg) no-repeat 0 0; position:relative; overflow:hidden; padding:10px; } #homePack h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#000; margin-bottom:5px; } #homePack .pastilles { margin-left:25px; } #homePack #clipats { width:254px; height:220px; position:absolute; top:10px; right:10px; background-color:#000; } #homePack a.bandoinfo, #homePack a.bandodecouverte { position:absolute; right:280px; background-repeat:no-repeat; background-position:0 0; } #homePack a.bandoinfo { top:85px; background-image:url(../images/bandeau/submit-infos.png); width:186px; height:30px; } #homePack a.bandoinfo:hover { background-position:0 -30px; } #homePack a.bandodecouverte { top:120px; background-image:url(../images/bandeau/submit-decouverte.png); width:203px; height:112px; } #homePack a.bandodecouverte:hover { background-position:0 -112px; } /* Les indispensables */ #homeIndisp { width:615px; float:left; } #homeIndisp .inc { height:auto !important; height:155px; min-height:155px; background:url(../images/home_expert.gif) no-repeat 100% 100%; } #homeIndisp h3 { font:normal 14px Arial, Helvetica, sans-serif; color:#f70; } .carousel_container { position:absolute; width:460px; height:115px; z-index:0; } .source { position:absolute; top:0; right:0; } /* Actu tournante */ #homeActu { margin-left:620px; } #visu_actus p { text-align:left; } .content_actu { width:340px; height:145px; overflow:hidden; position:absolute; top:10px; left:10px;} #home .content_actu .inc { padding:0; } #home .content_actu .inc img { float:left; margin:0 10px 0 0; width:110px; } #menu_actus { position:absolute; bottom:2px; right:10px; text-align:right; margin:0; padding:0; } #ul_menu_actus, #ul_menu_actus li { margin:0; padding:2px 0; } #ul_menu_actus li { list-style:none; list-style-image:none; display:inline; } #ul_menu_actus li, #ul_menu_actus li a { font:normal 10px Arial, Helvetica, sans-serif; text-decoration:none; color:#be50a0; } #ul_menu_actus li a:hover, #ul_menu_actus li a.actif { text-decoration:none; color:#fff; } /* Blocs */ #homeCoquin { width:185px; float:left; margin-right:5px; background:#de3c91 url(../images/bg/home_coquin.jpg) no-repeat 0 100%; } #home #homeCoquin .inc { padding:10px 6px; } #home #homeCoquin .submitBlock { left:10px; } #homeBoutique { width:425px; float:left; background:#1e73b4 url(../images/bg/home_boutique.jpg) no-repeat 0 0; } #home #homeBoutique .submitBlock { left:50px; } #homeArtiste { margin-left:620px; background:#ff7800 url(../images/bg/home_artistes.jpg) no-repeat 0 0; } #home #homeArtiste .submitBlock { left:20px; } /**** COMMENT CA MARCHE ************************************************************************************/ #ccm .submits { width:260px; float:right; } /*#ccm #demo { background:url(../images/bg/bg_ecouter_demo.png) no-repeat 0 0; width:198px; height:15px; padding:35px 0 0 50px; }*/ #ccm #demo { width:248px; height:44px; } #ccm a.submit_decouverte { background-image:url(../images/submit/submit_decouverte.png); background-repeat:no-repeat; background-position:0 0; width:257px; height:124px; float:right; margin:20px 0; } #ccm a.submit_decouverte:hover { background-position:0 -124px; } #ccm a.submit_acheter_large { background-image:url(../images/submit/submit_acheter_pack_large.png); background-repeat:no-repeat; background-position:0 0; width:320px; height:64px; float:left; margin:10px 10px 10px 0; } #ccm a.submit_acheter_large:hover { background-position:0 -64px; } #ccm a.submit_tarifs_large { background-image:url(../images/submit/submit_tarifs_large.png); background-repeat:no-repeat; background-position:0 0; width:320px; height:64px; float:left; position:relative; margin:10px 10px 10px 0; } #ccm a.submit_tarifs_large:hover { background-position:0 -64px; } #ccm .zone ul li { list-style-image:none; padding:0 0 0 50px; margin:0 0 20px 0; text-align:justify; } #ccm .part1, #ccm .part2 { margin:10px 0; } #ccm .part1 { margin-top:30px; height:auto !important; height:455px; min-height:455px; } #ccm .part1 ul li { background:url(../images/puces/fleche.png) no-repeat 10px 5px; } #ccm .part1 .apercus { margin:10px 0 0 0; } #ccm .part1 .apercus ul li { background:none; padding:0; margin:0 5px 0 0; display:inline; float:left; } #ccm .part1 .apercus .intro { color:#39e; } #ccm .part2, #ccm .part2 .zone { height:auto !important; height:385px; min-height:385px; } #ccm .part2 .zone p { margin:20px 0; } #ccm .part2 .zone p.intro { margin-bottom:30px; } #ccm ul li.liun { background:url(../images/puces/un.png) no-repeat 15px 5px; } #ccm ul li.lideux { background:url(../images/puces/deux.png) no-repeat 5px 5px; } #ccm ul li.litrois { background:url(../images/puces/trois.png) no-repeat 5px 5px; } #ccm ul li.liquatre { background:url(../images/puces/quatre.png) no-repeat 5px 5px; } /**** ACHETER UN PACK ************************************************************************************/ #acheterpack .part1 { margin:20px 0; height:240px; } #acheterpack .part1 .colLeft .zone, #acheterpack .part1 .colRight .zone { height:220px; } #acheterpack .part1 .colLeft .align_center { margin:15px 0 10px 0; } #acheterpack .intro { color:#f90; } /* Pack Family Party */ #familyparty { background:url(../images/bg/bg_pack_family_party.gif) no-repeat 100% 0; height:230px; margin:30px 0; } #familyparty .inc { padding:0; position:absolute; top:170px; left:235px; width:440px; } #familyparty .inc span { font-weight:bold; color:#f40; } #familyparty .inc p { margin:0; } #familyparty .essaigratuit a { position:absolute; top:10px; left:200px; float:left; width:139px; height:83px; background-image:url(../images/essai-gratuit.png); background-repeat:no-repeat; background-position:0 0; } #familyparty .essaigratuit a:hover { background-position:0 -83px; } .link a { position:absolute; left:10px; width:210px; background-repeat:no-repeat; background-position:0 0; } #submit_pack a { bottom:45px; height:83px; background-image:url(../images/submit/submit_connect_pack.png); } #submit_pack a:hover { background-position:0 -83px; } #extrait-family-party { position:absolute; left:10px; bottom:0; } .submit_extrait { height:40px; /*background-image:url(../images/submit/submit_ecouter_extrait.png);*/ } /*.submit_extrait a:hover { background-position:0 -39px; }*/ #tarifs { height:280px; position:relative; } #tarifs p { font-size:14px; } #tarifs p.intro { font-size:22px; } #tarifs .colLeft { width:380px; } #tarifs .colRight { margin-left:420px; } #tarifs ul, #tarifs ul li { margin:0; padding:0; } #tarifs ul li { list-style-image:none; margin:0 0 10px 0; } #tarifs ul li strong { color:#fff; font-size:48px; display:block; } #tarifs ul li strong em { color:#f60; font-size:30px; font-style:normal; } #tarifs ul li small { color:#f9e; float:left; margin:-5px 0 0 0;} .caddie a { background-image:url(../images/caddie.png); background-repeat:no-repeat; background-position:0 0; width:50px; height:37px; right:10px; position:absolute; margin:15px 0 0 0; } .caddie a:hover { background-position:0 -38px; } /**** ANNUAIRE ARTISTE ************************************************************************************/ #carte { width:650px; margin:20px auto; } #selectdpt { width:250px; } .etapes { margin:30px auto; } .etapes ul, .etapes ul li { margin:0; padding:0; height:50px; } .etapes ul li { display:inline; list-style-image:none; } .etapes ul li a { text-decoration:none; width:150px; height:44px; float:left; background-image:url(../images/puces/etapes.png); background-repeat:no-repeat; font-size:16px; } .etapes ul li a.actif { font-weight:bold; } .etapes ul li span { display:block; } .etapes ul li.etape1 a { background-position:0 0; padding-left:65px; } .etapes ul li.etape2 a { background-position:0 -44px; padding-left:85px; } .etapes ul li.etape3 a { background-position:0 -88px; padding-left:85px; } /* Default */ .etapes ul li span, .etapes ul li a:hover, .etapes ul li a.actif { color:#d38; } .etapes ul li.etape1 a:hover, .etapes ul li.etape1 a.actif { background-position:0 -396px; } .etapes ul li.etape2 a:hover, .etapes ul li.etape2 a.actif { background-position:0 -440px; } .etapes ul li.etape3 a:hover, .etapes ul li.etape3 a.actif { background-position:0 -484px; } /* Etape Verte */ .incvert .etapes ul li span, .incvert .etapes ul li a:hover, .incvert .etapes ul li a.actif { color:#cd1; } .incvert .etapes ul li.etape1 a:hover, .incvert .etapes ul li.etape1 a.actif { background-position:0 -132px; } .incvert .etapes ul li.etape2 a:hover, .incvert .etapes ul li.etape2 a.actif { background-position:0 -176px; } .incvert .etapes ul li.etape3 a:hover, .incvert .etapes ul li.etape3 a.actif { background-position:0 -220px; } /* Etape Jaune */ .incjaune .etapes ul li span, .incjaune .etapes ul li a:hover, .incjaune .etapes ul li a.actif { color:#f90; } .incjaune .etapes ul li.etape1 a:hover, .incjaune .etapes ul li.etape1 a.actif { background-position:0 -264px; } .incjaune .etapes ul li.etape2 a:hover, .incjaune .etapes ul li.etape2 a.actif { background-position:0 -308px; } .incjaune .etapes ul li.etape3 a:hover, .incjaune .etapes ul li.etape3 a.actif { background-position:0 -352px; } /**** LOCATION MATERIEL ******/ #fiches .zone { width:338px; float:left; margin:10px 3px 0 3px; } #fiches .zone .inc { height:200px; margin-bottom:10px; overflow:hidden; } #fiches .zone .inc p { margin:10px 0; text-align:left; } #fiches .zone .inc img.left { width:160px; border:2px solid #fff; margin:0 10px 5px 0; } #fiches .zone .inc img { display:block; margin:5px 0; } #fiches .zone .inc h4 { color:#fff; } #fiches .zone .inc em { color:#cd1; font-size:11px; font-style:normal; margin:0 0 10px 0; } /**** ARTISTES/PRESTATAIRES ******/ #annuaire .colLeft .zone, #annuaire .colRight .zone, #coquin .colLeft .zone, #coquin .colRight .zone { height:auto !important; height:230px; min-height:230px; } #annuaire .colLeft ul li a, #annuaire .colRight ul li a, #coquin .colLeft ul li a, #coquin .colRight ul li a { color:#fff; font-size:16px; text-decoration:none; } #annuaire .colLeft ul li, #annuaire .colRight ul li, #coquin .colLeft ul li, #coquin .colRight ul li { margin:0 0 5px 20px; } #annuaire .colLeft ul li, #annuaire .colRight ul li { color:#f90; } #annuaire .colLeft ul li a:hover, #annuaire .colRight ul li a:hover { color:#f90; text-decoration:underline; } #annuaire .identite li strong, #annuaire .identite li a { color:#f90; } #annuaire .description h4 { color:#f90; } #annuaire .explorer table th { color:#f90; } #annuaire .explorer table td.prev a { background:url(../images/puces/etape_prev.png) no-repeat 0 50%; } #annuaire .explorer table td.next a { background:url(../images/puces/etape_next.png) no-repeat 100% 50%; } /**** ESPACE COQUIN ******/ #coquin .colLeft ul li, #coquin .colRight ul li, #coquin .colLeft ul li a:hover, #coquin .colRight ul li a:hover, #coquin .explorer table th { color:#d38; } #coquin .explorer table td.prev a { background:url(../images/puces/etape_prev_rose.png) no-repeat 0 50%; } #coquin .explorer table td.next a { background:url(../images/puces/etape_next_rose.png) no-repeat 100% 50%; } #coquin .identite li strong, #coquin .identite li a { color:#d38; } #coquin #showfiche { background:url(../images/bg/bg_fiche_coquin.png) no-repeat 100% 100% !important; background:url(../images/bg/bg_fiche_coquin.gif) no-repeat 100% 100%; } /* Explorer de fiche */ .explorer { background-color:#000; padding:10px 5px; } .explorer table { width:100%; } .explorer table td, .explorer table th { font-size:12px; vertical-align:middle; } .explorer table td { width:170px; } .explorer table th { text-align:center; font-weight:normal; } .explorer table th select { width:150px; } .explorer table td a { text-decoration:none; } .explorer table td.prev { text-align:left; } .explorer table td.next { text-align:right; } .explorer table td.prev a { padding:5px 0 5px 25px; } .explorer table td.next a { padding:5px 25px 5px 0; } /* fiche annuaire */ #showfiche .part1 { height:auto !important; height:230px; min-height:230px; } #showfiche .part2 { height:auto !important; height:250px; min-height:250px; margin:0 0 10px 0; clear:left; } #showfiche .photo { width:260px; } #showfiche .photo img { width:260px; } .identite { margin-left:280px; } .identite li, .identite li * { font-size:11px; font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace; } .identite li a:hover { color:#fff; } .identite ul li { margin:0 0 5px 0; padding:0; list-style-image:none; list-style-type:none; } .description { margin-top:20px; } .description h4 { margin-top:15px; } #videoannuaire, #photosannuaire { width:320px; float:right; margin:5px 0 0 10px; } #photosannuaire { /*display:none;*/ } /**** COMMANDER JINGLE ************************************************************************************/ #commanderJingle { background:url(../images/bg/silhouettes.png) no-repeat 100% 88%; } #commanderJingle h6 { margin-bottom:25px; } #commanderJingle table { margin:60px 0; width:98%; } #commanderJingle th { font-weight:normal; font-size:14px; } #commanderJingle th span { color:#f70; display:block; } #commanderJingle .align_center { color:#f70; font-size: 24px; margin-bottom:30px; } .logospaiement { text-align:center; margin:20px 0 0 0; padding:10px 0 8px 0; background:#f2f2f2 url(../images/bg/bg_title_blanc.png) repeat-x 0 0; color:#777; font-size:16px; } .logospaiement img { vertical-align: middle; } .prix-jingle { float:right; margin:0 0 0 20px ; } /**** CONSEILS EXPERTS ************************************************************************************/ #conseils .zoneBlanche .inc { background:url(../images/expert.png) no-repeat 99% 100% !important; background:url(../images/expert.gif) no-repeat 99% 100%; padding-right:210px; height:auto !important; height:215px; min-height:215px; } #conseils .zoneBlanche .intro p { color:#888; font-size:14px; } /**** JEUX ET ANIMATIONS ************************************************************************************/ #jeux .zoneBlanche .inc { background:url(../images/jeux.png) no-repeat 99% 98% !important; background:url(../images/jeux.gif) no-repeat 98% 50%; padding-right:200px; height:auto !important; height:215px; min-height:215px; } #jeux .zoneBlanche ul li, .archive ul li div ul li { list-style-image:none; display:inline; color:#d38; margin:0; padding:0; } #jeux .zoneBlanche .pastille { position:absolute; top:15px; right:25px; } .alphabet li { list-style-image:none; display:inline; margin:0; padding:0; } .alphabet li a { text-decoration:none; background-color:#d38; padding:1px 3px; } .alphabet li a:hover { background-color:#fff; color:#d38; } .archive ul li div { margin:0; padding:5px 10px; background-image:url(../images/bg/black-30.png) !important; background-image:url(../images/bg_black_ie6.png); } .lettre { font-size:60px; } /*#homePack { width:980px; height:240px; }*/ #homePack_jeux { width:670px; height:220px; background:url(../images/bandeau/bg.jpg) no-repeat 0 0; position:relative; overflow:hidden; padding:10px; margin-bottom: 10px;} #homePack_jeux h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#000; margin-bottom:5px; } #homePack_jeux .pastilles { margin-left:25px; } #homePack_jeux #clipats { width:254px; height:220px; position:absolute; top:10px; right:10px; background-color:#000; } #homePack_jeux a.bandoinfo, #homePack_jeux a.bandodecouverte { position:absolute; right:280px; background-repeat:no-repeat; background-position:0 0; } #homePack_jeux a.bandoinfo { top:85px; background-image:url(../images/bandeau/submit-infos.png); width:186px; height:30px;left: 488px; } #homePack_jeux a.bandoinfo:hover { background-position:0 -30px; } #homePack_jeux a.bandodecouverte { top:120px; background-image:url(../images/bandeau/submit-decouverte.png); width:203px; height:112px;left: 470px; } #homePack_jeux a.bandodecouverte:hover { background-position:0 -112px; } /**** CONSULTING / COACHNG ************************************************************************************/ #consulting h4 { text-align:right; font-size:23px; color:#f90; margin:20px 0; } #consulting h4 span { display:block; font-size:20px; color:#f70; } .pastille { margin-bottom:-25px; } /**** AGENDA ************************************************************************************/ #agenda .colLeft, #agenda .colRight { margin-top:20px; } #agenda .colLeft { padding-top: 15px; } #agenda .dates { margin-bottom:45px; background:url(../images/memo.png) no-repeat 0 0; width:276px; height:144px; padding:90px 30px 30px 20px; } #agenda .dates ul { margin:0; padding:0; height:140px; overflow:hidden; } #agenda .dates ul li { list-style-image: none; margin:0; padding:0; color:#333; } #agenda .dates ul li em { color:#d38; font-style:normal; font-size: 14px; } #agenda .zone .inc { padding:20px 10px; } /**** ANIMETEOSCOPE ************************************************************************************/ #animeteoscope .zone { margin:10px 0; padding:10px; } #animeteoscope .zone .inc { padding:0; } #animeteoscope h4 { font-size:18px; } #animeteoscope .colLeft { width:350px; } #animeteoscope .colRight { margin-left:370px; padding-top:20px; } .humide .inc { margin-right:250px; } .humide h4 { color:#39e; } .humide strong { color:#6cf; } .variable .inc { margin-left:210px; } .variable h4 { color:#f90; } .variable strong { color:#fb5; } .soleil .inc { margin-right:150px; height:140px; } .soleil h4 { color:#f40; } .soleil strong { color:#f62; } #weather .inc { margin:20px; } /**** PHOTOS DE SOIREE ************************************************************************************/ #photosgalerie { margin:20px auto; } /**** MUSIQUE ************************************************************************************/ /* cadre blanc */ #hitdecouverte .zoneBlanche .inc, #hitincontournable .zoneBlanche .inc { padding-bottom:50px; padding-right:40px; height:auto !important; height:150px; min-height:150px; } #hitdecouverte .zoneBlanche .album, #hitincontournable .zoneBlanche .album { float:left; margin:10px; } #hitdecouverte .zoneBlanche .album img, #hitincontournable .zoneBlanche .album img { width:170px; border:1px solid #ccc; } #hitdecouverte .zoneBlanche em, #hitincontournable .zoneBlanche em { font-style:normal; font-size:14px; } /* Archive */ .oldalbum { height:auto !important; height:350px; min-height:350px; } .oldalbum ul li { list-style-image:none; display:inline; margin:0 30px 30px 0; float:left; width:300px; height:80px; min-height:80px; } .oldalbum ul li .album { float:left; } .oldalbum ul li .album img { width:65px; border:1px solid #ccc; } .oldalbum ul li .inc { margin-left:80px; padding:0; } .oldalbum ul li .inc h2 { font-size:14px; } .oldalbum ul li .inc em { font-style:normal; font-weight:bold; font-size:12px; } .oldalbum ul li .inc p { text-align:left; font-size:10px; } /* Submits */ .submitmusic { position:absolute; bottom:0; left:195px; } .submitmusic ul, .submitmusic ul li { margin:0; padding:0; } .submitmusic ul li { list-style-image:none; display:inline; } .submitmusic ul li a { float:left; margin:0 2px 0 0; height:39px; background-image:url(../images/submit/submit_music.png); background-repeat:no-repeat; } .submitmusic li.liecouter a { width:114px; background-position:0 0; } .submitmusic li.liacheter a { width:113px; background-position:-114px 0; } .submitmusic li.liclip a { width:133px; background-position:-227px 0; } .submitmusic li.liecouter a:hover { background-position:0 -39px; } .submitmusic li.liacheter a:hover { background-position:-114px -39px; } .submitmusic li.liclip a:hover { background-position:-227px -39px; } /**** LES INDISPENSABLES ************************************************************************************/ #indispensables { } #indispensables .zoneBlanche { height:auto !important; height:580px; min-height:580px; } #indispensables ul { margin:0; padding:0; } #indispensables ul li { position:relative; list-style-image:none; display:inline; margin:0 5px 20px 0; padding:5px 5px 25px 5px; float:left; width:315px; height:140px; background:url(../images/bg/bg_indispensables.png) no-repeat 100% 100%; border:1px solid #ddd; } #indispensables ul li .album { float:left; } #indispensables ul li .album img { width:110px; border:1px solid #ccc; } #indispensables ul li .inc { margin-left:120px; padding:0; } #indispensables ul li .inc h2 { font-size:18px; } #indispensables ul li .inc em { font-style:normal; font-size:10px; color:#3ca0e1; } #indispensables .detailexpert { height:80px; position:relative; overflow:hidden; } #indispensables .submitmusic { left:120px; height:21px; } #indispensables .submitmusic ul li { margin:0; padding:0; width:auto; height:inherit; height:21px; } #indispensables .submitmusic ul li a { margin:0; height:21px; background-image:url(../images/submit/submit_music_small.png); } #indispensables .submitmusic li.liecouter a { width:62px; background-position:0 0; } #indispensables .submitmusic li.liacheter a { width:61px; background-position:-61px 0; } #indispensables .submitmusic li.liclip a { width:72px; background-position:-122px 0; } #indispensables .submitmusic li.liecouter a:hover { background-position:0 -21px; } #indispensables .submitmusic li.liacheter a:hover { background-position:-61px -21px; } #indispensables .submitmusic li.liclip a:hover { background-position:-122px -21px; } /**** HIT PARTY DECOUVERTES ************************************************************************************/ #hitdecouverte .zoneBlanche .inc { margin-left:195px; background:url(../images/ecouteurs.png) no-repeat 100% 99%; } #hitdecouverte .zoneBlanche em, #hitdecouverte .oldalbum ul li .inc h2 { color:#3ca0e1; } /**** HIT INCONTOURNABLES ************************************************************************************/ #hitincontournable .zoneBlanche .inc { margin-left:275px; background:url(../images/vyniles.png) no-repeat 100% 100%; } #hitincontournable .zoneBlanche .album { padding-right:80px; background:url(../images/vynile.png) no-repeat 100% 5px; } #hitincontournable .zoneBlanche em, #hitincontournable .oldalbum ul li .inc h2 { color:#b82; } #hitincontournable .submitmusic li.liecouter a:hover { background-position:0 -78px; } #hitincontournable .submitmusic li.liacheter a:hover { background-position:-114px -78px; } #hitincontournable .submitmusic li.liclip a:hover { background-position:-227px -78px; } /**** MUSIQUE ************************************************************************************/ .double_list select { width:150px; } /**** CONTACT MEDIAS ************************************************************************************/ #contactmedias .zone { width:310px; float:left; height:60px; padding:10px 10px 80px 10px; margin:0 10px 10px 0; } #contactmedias .zone h4 { font-size:22px; } #contactmedias .zone strong, #contactmedias .zone small { display:block; } /**** CGV ************************************************************************************/ #cgv .zone h3 { margin:0; } #cgv .zone h4 { margin:0; } #cgv .zone h5 { font-size:14px; font-weight:bold; text-transform:none; } #cgv .zone p { margin:0 0 15px 0; } /**** COMMANDES ************************************************************************************/ table.tab_recap { margin:10px 0; width:100%; border-spacing:1px; } table.tab_recap td, table.tab_recap th { padding:2px 5px; border-bottom:1px dotted #fff; } table.tab_recap thead th { background:#f2f2f2 url(../images/bg/bg_title_blanc.png) repeat-x 0 50%; color:#333; text-align:center; font-weight:bold; } table.tab_recap tbody th { text-align:center; vertical-align:middle; font-weight:normal; } table.tab_recap tbody td small { display:block; color:#d38; } table.tab_pack { margin:0 0 20px 0; width:100%; border-collapse:collapse; } table.tab_pack th { font-size:24px; padding:0 0 10px 0; } table.tab_pack td { background:url(../images/bg/black-30.png); border:1px solid #fff; font-size:10px; color:#777; text-align:center; padding:5px; } table.tab_pack td.timer { width:30%; background:#f2f2f2 url(../images/bg/bg_title_blanc.png) repeat-x 0 50%; } table.tab_pack td strong { display:block; font-size:36px; color:#39e; } .selectcommande { margin:20px auto; text-align:center; } .selectcommande li { margin:0 30px; padding:0; display:inline; list-style-image:none; } #verifcommande .tab_form th { color:#d38; } #verifcommande .tab_form td { font-size:12px; } #cout_total .inc { font-size:100px; text-align:center; } /**** TABLE DE MIXAGE ************************************************************************************/ #tdm { height:auto !important; height:650px; min-height:650px; } /**** PUBLICITE ************************************************************************************/ #pub_footer { text-align:center; } #leaderboard { width:728px; margin:10px auto 0 auto; } .pub { margin:3px 0 0 0; } .note { background-color: #ff0; padding:5px; color:#000; font-weight:bold; font-size:14px; text-align:center; }