.uppercase { text-transform: uppercase; } A.hoverBlack:hover { color: #000 !important; } .bgBlack { background-color: #000 !important; } .white { color: #fff !important; } .black { color: #000 !important; } .nomargin { margin: 0px !important; } .size10 { font-size: 10px !important; } .size12 { font-size: 12px !important; } STRONG, B { font-weight: bold !important; } INPUT.error { background: #ffd5d5; } LABEL.error, P.error { color: #c00; } P.error, P.success { margin: 0px !important; } P.success { color: #0c0; } * { margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; border: none; font-weight: normal; } BODY { background-position: center 50px; background-repeat: no-repeat;} A { text-decoration: none; } input, select, textarea {border:1px solid #333;} #container { width: 933px; margin: auto; } #header { position: relative; width: 100%; height: 138px; } #header .radio { position: absolute; top: 0px; left: 826px; width: 107px; height: 67px; } #header .logo { margin: 26px 0 0 25px; } .noevent { float: left; width: 100%; margin: 0 0 20px 0; } /*------------------------- POPIN VIDEO -------------------------*/ #video_display_bg { position:absolute; background:#000; display:none; z-index:5000; top:0; left:0; } #video_display { position:absolute; display:none; z-index:5001; color:#fff; top:50%; left:50%; margin-left:-50px; margin-top:-50px; } #video_display_content { position:absolute; padding: 25px 10px 10px 10px; z-index:9002; } #video_display_close { position: absolute; width: 98%; z-index: 9200; background:#000; text-align:right; } #video_display_close A, #video_display_content A { color:#fff !important; } #video_display_content A { text-decoration: underline; } #video_display_content A:hover { text-decoration: none; } /*------------------------- MENU -------------------------*/ #header .menu .le_lieu, #header .menu .en_concerts, #header .menu .jeune_public, #header .menu .avec_les_artistes, #header .menu .hors_concerts, #header .menu .au_dehors, #header .menu .bars_et_restaurants, #header .menu .billeterie, #header .menu .contact, #header .menu .infos_pratiques, #header .menu .avec_les_pros, #header .menu .le_lieuHover, #header .menu .en_concertsHover, #header .menu .jeune_publicHover, #header .menu .avec_les_artistesHover, #header .menu .hors_concertsHover, #header .menu .au_dehorsHover, #header .menu .bars_et_restaurantsHover, #header .menu .billeterieHover, #header .menu .contactHover, #header .menu .infos_pratiquesHover, #header .menu .avec_les_prosHover { position: absolute; } #header .menu .le_lieu, #header .menu .le_lieuHover { top: 33px; left: 265px; } #header .menu .le_lieu { background: url(/media/interface/menu/le_lieu.gif) top left no-repeat; } #header .menu .le_lieuHover { background: url(/media/interface/menu/le_lieuHover.gif) top left no-repeat; } #header .menu .le_lieu IMG, #header .menu .le_lieuHover IMG { width: 59px; height: 18px;} #header .menu .en_concerts, #header .menu .en_concertsHover { top: 32px; left: 355px; } #header .menu .en_concerts { background: url(/media/interface/menu/en_concerts.gif) top left no-repeat; } #header .menu .en_concertsHover { background: url(/media/interface/menu/en_concertsHover.gif) top left no-repeat; } #header .menu .en_concerts IMG, #header .menu .en_concertsHover IMG { width: 97px; height: 18px;} #header .menu .jeune_public, #header .menu .jeune_publicHover { top: 53px; left: 282px; } #header .menu .jeune_public { background: url(/media/interface/menu/jeune_public.gif) top left no-repeat; } #header .menu .jeune_publicHover { background: url(/media/interface/menu/jeune_publicHover.gif) top left no-repeat; } #header .menu .jeune_public IMG, #header .menu .jeune_publicHover IMG { width: 100px; height: 18px;} #header .menu .avec_les_artistes, #header .menu .avec_les_artistesHover { top: 53px; left: 410px; } #header .menu .avec_les_artistes { background: url(/media/interface/menu/avec_les_artistes.gif) top left no-repeat; } #header .menu .avec_les_artistesHover { background: url(/media/interface/menu/avec_les_artistesHover.gif) top left no-repeat; } #header .menu .avec_les_artistes IMG, #header .menu .avec_les_artistesHover IMG { width: 135px; height: 18px;} #header .menu .hors_concerts, #header .menu .hors_concertsHover { top: 72px; left: 331px; } #header .menu .hors_concerts { background: url(/media/interface/menu/hors_concerts.gif) top left no-repeat; } #header .menu .hors_concertsHover { background: url(/media/interface/menu/hors_concertsHover.gif) top left no-repeat; } #header .menu .hors_concerts IMG, #header .menu .hors_concertsHover IMG { width: 115px; height: 18px;} #header .menu .au_dehors, #header .menu .au_dehorsHover { top: 91px; left: 439px; } #header .menu .au_dehors { background: url(/media/interface/menu/au_dehors.gif) top left no-repeat; } #header .menu .au_dehorsHover { background: url(/media/interface/menu/au_dehorsHover.gif) top left no-repeat; } #header .menu .au_dehors IMG, #header .menu .au_dehorsHover IMG { width: 81px; height: 18px;} #header .menu .bars_et_restaurants, #header .menu .bars_et_restaurantsHover { top: 78px; left: 538px; } #header .menu .bars_et_restaurants { background: url(/media/interface/menu/bars_et_restaurants.gif) top left no-repeat; } #header .menu .bars_et_restaurantsHover { background: url(/media/interface/menu/bars_et_restaurantsHover.gif) top left no-repeat; } #header .menu .bars_et_restaurants IMG, #header .menu .bars_et_restaurantsHover IMG { width: 138px; height: 18px;} #header .menu .billeterie, #header .menu .billeterieHover { top: 23px; left: 602px; } #header .menu .billeterie { background: url(/media/interface/menu/billeterie.gif) top left no-repeat; } #header .menu .billeterieHover { background: url(/media/interface/menu/billeterieHover.gif) top left no-repeat; } #header .menu .billeterie IMG, #header .menu .billeterieHover IMG { width: 88px; height: 18px;} #header .menu .contact, #header .menu .contactHover { top: 32px; left: 757px; } #header .menu .contact { background: url(/media/interface/menu/contact.gif) top left no-repeat; } #header .menu .contactHover { background: url(/media/interface/menu/contactHover.gif) top left no-repeat; } #header .menu .contact IMG, #header .menu .contactHover IMG { width: 66px; height: 18px;} #header .menu .infos_pratiques, #header .menu .infos_pratiquesHover { top: 52px; left: 709px; } #header .menu .infos_pratiques { background: url(/media/interface/menu/infos_pratiques.gif) top left no-repeat; } #header .menu .infos_pratiquesHover { background: url(/media/interface/menu/infos_pratiquesHover.gif) top left no-repeat; } #header .menu .infos_pratiques IMG, #header .menu .infos_pratiquesHover IMG { width: 122px; height: 18px;} #header .menu .avec_les_pros, #header .menu .avec_les_prosHover { top: 70px; left: 781px; } #header .menu .avec_les_pros { background: url(/media/interface/menu/avec_les_pros.gif) top left no-repeat; } #header .menu .avec_les_prosHover { background: url(/media/interface/menu/avec_les_prosHover.gif) top left no-repeat; } #header .menu .avec_les_pros IMG, #header .menu .avec_les_prosHover IMG { width: 107px; height: 18px;} /*------------------------- HOME -------------------------*/ #containerHome { position: relative; width: 100%; height: 564px; background-position:top left; background-repeat:no-repeat; } #containerHome .blocToday { position: absolute; top: 23px; left: 28px; width: 368px; height: 279px; } #containerHome .blocToday .prog { float: left; width: 368px; background: url(/media/interface/bg_blocToday_01.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_blocToday_01.png'); } #containerHome .blocToday .blocLink { float: left; width: 368px; height: 74px; background: url(/media/interface/bg_blocToday_02.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_blocToday_02.png'); } #containerHome .blocToday H1 { font-size: 14px; font-weight: bold; margin: 14px 0 10px 14px; } #containerHome .blocToday .nb { font-size: 20px; font-weight: bold; } #containerHome .blocToday .item, #containerHome .blocToday .itemHover { float: left; clear: left; width: 350px; margin: 0 0 8px 3px; cursor: pointer !important; } #containerHome .blocToday .item { background: url(/media/interface/traitGris.gif) 88px top no-repeat; color: #666; } #containerHome .blocToday .itemHover { background: url(/media/interface/trait.gif) 88px top no-repeat; color: #000; } #containerHome .blocToday .item .left, #containerHome .blocToday .itemHover .left { float: left; width: 85px; padding: 2px 3px 2px 0; text-align: right; } #containerHome .blocToday .item .left STRONG, #containerHome .blocToday .itemHover .left STRONG { font-size: 11px; font-weight: bold; } #containerHome .blocToday .item .left P, #containerHome .blocToday .itemHover .left P { font-size: 10px; line-height: 10px; } #containerHome .blocToday .item .right, #containerHome .blocToday .itemHover .right { float: left; width: 259px; padding: 2px 0 2px 3px; line-height: 14px; } #containerHome .blocToday .item .right STRONG, #containerHome .blocToday .itemHover .right STRONG { font-weight: bold; font-size: 14px !important; } #containerHome .blocToday .item .right STRONG.guest, #containerHome .blocToday .itemHover .right STRONG.guest { font-size: 12px !important; } #containerHome .blocToday .item .right .prix { color: #666; font-weight: bold; } #containerHome .blocToday .itemHover .right .prix { color: #000; font-weight: bold; } #containerHome .blocToday .item .right A, #containerHome .blocToday .itemHover .right A { font-size: 10px; } #containerHome .blocToday .item .right .prod, #containerHome .blocToday .itemHover .right .prod { text-transform: lowercase !important; } #containerHome .blocToday .item .right A:hover, #containerHome .blocToday .itemHover .right A:hover { color: #000 !important; } #containerHome .blocToday .link { float: left; padding: 2px 16px 2px 3px; margin: 14px 0 0 74px; background-image: url(/media/interface/puce_03.gif); background-position: right 5px; background-repeat: no-repeat; } #containerHome .blocToday .link A { color: #fff; font-size: 10px; } .item .periode { background: #666; color: #fff; padding: 0 2px 0 2px; } .itemHover .periode { background: #000; color: #fff; padding: 0 2px 0 2px; } #containerHome .bgBlocToday { background: url(/media/interface/bg_blocToday.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_blocToday.png'); height:49px; } #container .bgBlocTodayBody { width: 368px; overflow: hidden; background: url(/media/interface/bg_blocTodayBody.png) bottom left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_blocTodayBody.png'); } #container .bgBlocTodayFooter { background: url(/media/interface/bg_blocTodayBottom.png) bottom left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_blocTodayBottom.png'); height:76px; } #containerHome .blocTodayie6, #containerHome .bgBlocToday { position: absolute; top: 23px; left: 28px; width: 368px; } #containerHome .blocTodayie6 H1 { font-size: 14px; font-weight: bold; margin: 14px 0 10px 14px; } #containerHome .blocTodayie6 .nb { font-size: 20px; font-weight: bold; } #containerHome .blocTodayie6 .item, #containerHome .blocTodayie6 .itemHover { float: left; clear: left; width: 350px; margin: 0 0 8px 0px; } #containerHome .blocTodayie6 .item { background: url(/media/interface/traitGris.gif) 88px top no-repeat; color: #666; } #containerHome .blocTodayie6 .itemHover { background: url(/media/interface/trait.gif) 88px top no-repeat; color: #000; } #containerHome .blocTodayie6 .item .left, #containerHome .blocTodayie6 .itemHover .left { float: left; width: 85px; padding: 2px 3px 2px 0; text-align: right; } #containerHome .blocTodayie6 .item .left STRONG, #containerHome .blocTodayie6 .itemHover .left STRONG { font-size: 11px; font-weight: bold; } #containerHome .blocTodayie6 .item .left P, #containerHome .blocTodayie6 .itemHover .left P { font-size: 10px; line-height: 10px; } #containerHome .blocTodayie6 .item .right, #containerHome .blocTodayie6 .itemHover .right { float: left; width: 259px; padding: 2px 0 2px 3px; line-height: 14px; } #containerHome .blocTodayie6 .item .right STRONG, #containerHome .blocTodayie6 .itemHover .right STRONG { font-weight: bold; font-size: 14px !important; } #containerHome .blocTodayie6 .item .right STRONG.guest, #containerHome .blocTodayie6 .itemHover .right STRONG.guest { font-size: 12px !important; } #containerHome .blocTodayie6 .item .right .prix { color: #666; font-weight: bold; } #containerHome .blocTodayie6 .itemHover .right .prix { color: #000; font-weight: bold; } #containerHome .blocTodayie6 .item .right A, #containerHome .blocTodayie6 .itemHover .right A { font-size: 10px; } #containerHome .blocTodayie6 .item .right .prod, #containerHome .blocTodayie6 .itemHover .right .prod { text-transform: lowercase !important; } #containerHome .blocTodayie6 .item .right A:hover, #containerHome .blocTodayie6 .itemHover .right A:hover { color: #000 !important; } #containerHome .blocTodayie6 .link { float: left; padding: 2px 16px 2px 3px; margin: 14px 0 0 74px; background-image: url(/media/interface/puce_03.gif); background-position: right 5px; background-repeat: no-repeat; } #containerHome .blocTodayie6 .link A { color: #fff; font-size: 10px; } #containerHome .blocCal { position: absolute; top: 25px; left: 396px; } #containerHome .blocCal #calendrier_top, #contents #calendrier_top { width: 64px; padding-top: 25px; background: #000 url(/media/interface/bg_agenda.gif) top left no-repeat; height: 15px; } #containerHome .blocCal #calendrier_top_left, #contents #calendrier_top_left { float: left; padding-left: 5px; } #containerHome .blocCal #calendrier_top_left A, #contents #calendrier_top_left A { color: #fff; } #containerHome .blocCal #calendrier_top_center, #contents #calendrier_top_center { float: left; color: #fff; letter-spacing: -1px; font-size:10px; } #containerHome .blocCal #calendrier_top_right, #contents #calendrier_top_right { float: left; } #containerHome .blocCal #calendrier_top_right A, #contents #calendrier_top_right A { color: #fff; } #containerHome .blocCal #calendrier_dates, #contents #calendrier_dates { float: left; width: 129px; line-height: 15px; } #containerHome .blocCal #calendrier_dates_left, #contents #calendrier_dates_left { float: left; width: 64px; background: #000; margin: 0 2px 0 0; text-align: right; padding: 10px 0 19px 0; } #containerHome .blocCal #calendrier_dates_right, #contents #calendrier_dates_right { float: left; width: 63px; background: #000; text-align: right; padding: 19px 0 19px 0; } #containerHome .blocCal .calendrier_dates_item A, #contents .calendrier_dates_item A { color: #fff; font-size: 10px; } #containerHome .blocCal .calendrier_dates_item A, #contents .calendrier_dates_item A { color: #fff; font-size: 10px; } #containerHome .blocCal .calendrier_dates_item SPAN , #contents .calendrier_dates_item SPAN { color: #333; font-size: 10px; } #containerHome .blocActus { position: absolute; top: 0px; left: 548px; width: 405px; height: 486px; background: #fff; overflow:auto; } #containerHome .blocActus .item { float: left; width: 385px; margin: 0 0 5px 2px; } #containerHome .blocActus .item .cont_texte { float: left; } #containerHome .blocActus .item H1 { font-size: 20px; font-weight: bold; } #containerHome .blocActus .item .cont_photo { float: left; margin: 0 10px 0 0; } #containerHome .blocActus .item IMG { float: left; width: 150px; height: 150px; } #containerHome .blocActus .item A:hover { color: #000 !important; } #containerHome .blocBars { position: absolute; top: 361px; left: 55px; width: 317px; height: 125px; background: #000 url(/media/interface/bg_bars.gif) top left no-repeat;; } #containerHome .blocBars IMG { float: left; margin: 7px 11px 0 8px; width: 112px; height: 112px; } #containerHome .blocBars H1 { font-weight: normal; margin: 32px 0 0 0; } #containerHome .blocBars P { color: #fff; padding-right: 15px; } #containerHome .blocBars A { font-size: 10px; } #containerHome .blocBars A:hover{ color: #fff !important; } #containerHome .bgPub120 { position: absolute; top: 374px; left: 393px; width: 132px; height: 108px; background: url(/media/interface/bg_pub120.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_pub120.png'); } #containerHome .pub120 { position: absolute; top: 374px; left: 393px; width: 132px; height: 108px; } #containerHome .pub120 IMG { margin: 10px 0 0 8px; } #containerHome .bgPub460 { position: absolute; top: 488px; left: 51px; width: 487px; height: 76px; background: url(/media/interface/bg_pub460.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_pub460.png'); } #containerHome .pub460 { position: absolute; top: 488px; left: 51px; width: 487px; height: 76px; } #containerHome .pub460 IMG { margin: 7px 0 0 11px; } #containerHome .blocSearch, #footer .tools .blocSearch { position: absolute; top: 507px; left: 593px; width: 283px; height: 38px; background: #000 url(/media/interface/bg_search.gif) top left no-repeat; } #containerHome .blocSearch INPUT.text, #footer .tools .blocSearch INPUT.text { float: left; width: 142px; height: 14px; margin: 12px 0 0 106px; padding-left: 2px; } #containerHome .blocSearch INPUT.submit, #footer .tools .blocSearch INPUT.submit { float: left; width: 23px; height: 15px; margin-top: 12px; border: none; background: url(/media/interface/btn_search_ok.gif) top left no-repeat; } #containerHome .blocSearch P.submit, #footer .tools .blocSearch P.submit { float: left; width: 23px; height: 15px; margin-top: 12px; border: none; background: url(/media/interface/btn_search_ok.gif) top left no-repeat; } /*------------------------- ARIANE -------------------------*/ #ariane { float: left; width: 700px; margin: 56px 0 20px 14px; font-size: 9px; text-transform:uppercase; } #ariane A { font-size: 9px; color: #666; } #ariane A.active { color: #000; } /*------------------------- CONTENTS -------------------------*/ #contents { float: left; width: 872px; padding-left: 61px; background-position:top left; background-repeat:no-repeat; } #contents #principalLeft { float: left; margin: 0 0 0 0; padding: 0 0 0 14px; width: 195px; min-height: 500px; } #contents #principalLeft .tri { float: left; width: 100%; clear: left; margin: 0px; } #contents #principalLeft .tri A, #contents #principalLeft .tri A.hover { font-size: 10px; line-height: 18px; padding-left: 13px; } #contents #principalLeft .tri A { color: #000; background: url(/media/interface/puce_05.gif) left 4px no-repeat; } #contents #principalLeft .tri A.hover { background-position: left 4px; background-repeat: no-repeat; } #contents #principalLeft IMG { margin-bottom: 22px; } #contents #principalLeft .vignetteTitre { float: left; margin-bottom: 22px; } #contents #principalRight { float: left; width: 494px; padding-bottom: 30px; } #contents #principalRight H1 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0 0 3px 0; } #contents #principalRight H1.titre_page { margin: 0px; } #contents #principalRight H1.title_page, #contents #principalRight H1.title_page A { color: #000; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 25px 0 3px 0; } #contents #principalRight P { margin: 0 0 15px 0; text-align: justify; } #contents .rightTools { float: left; width: 10px; height: 10px; position: relative; } #contents #calendrier { position: absolute; top: -63px; left: 38px; } #contents #bgBlocDl { position: absolute; top: 279px; left: 43px; width: 116px; height: 62px; background: url(/media/interface/bg_dl.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_dl.png'); } #contents #blocDl { position: absolute; top: 279px; left: 43px; width: 116px; height: 62px; } #contents #blocDl .link1, #contents #blocDl .link2 { float: left; } #contents #blocDl .link1 { padding: 2px 3px 2px 3px; margin: 13px 0 1px 9px; } #contents #blocDl .link2 { padding: 2px 16px 2px 3px; margin: 0 0 0 9px; background-image: url(/media/interface/puce_03.gif); background-position: right 5px; background-repeat: no-repeat; } #contents #blocDl .link1 A, #contents #blocDl .link2 A { color: #fff; font-size: 10px; } #contents #bgBlocPubRight { position: absolute; top: 342px; left: 40px; width: 131px; height: 108px; background: url(/media/interface/bg_pubRight.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_pubRight.png'); } #contents #blocPubRight { position: absolute; top: 342px; left: 40px; width: 131px; height: 108px; } #contents #blocPubRight IMG { margin: 12px 0 0 7px; } .not_module_body STRONG { font-weight: bold; } .not_module_body A { color: #000; text-decoration: underline; } .not_module_body A:hover{ color: #000; text-decoration: none; } /*------------------------- AGENDA -------------------------*/ .blocAgenda { float: left; margin: 0 0 16px 0; } .blocAgenda H2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; } .blocAgenda .nb { font-size: 20px; font-weight: bold; } .blocAgenda .item, .blocAgenda .itemHover { float: left; position: relative; width: 500px; margin: 0 0 8px 0px; cursor: pointer !important; } .blocAgenda .item { background: url(/media/interface/traitGris.gif) 89px top no-repeat; color: #666; } .blocAgenda .itemHover { background: url(/media/interface/trait.gif) 89px top no-repeat; color: #000; } .blocAgenda .item .left, .blocAgenda .itemHover .left { float: left; width: 85px; padding: 2px 4px 2px 0; text-align: right; } .blocAgenda .item .left STRONG, .blocAgenda .itemHover .left STRONG { font-size: 11px; font-weight: bold; } .blocAgenda .item .left P, .blocAgenda .itemHover .left P { font-size: 10px; line-height: 10px; text-align: right !important; } .blocAgenda .item .right, .blocAgenda .itemHover .right { float: left; width: 274px; padding: 2px 30px 2px 5px; line-height: 14px; } .blocAgenda .item .right P, .blocAgenda .itemHover .right P { margin: 0 0 5px 0 !important; text-align: left !important; } .blocAgenda .item .right .main, .blocAgenda .itemHover .right .main { font-weight: bold; font-size: 14px; } .blocAgenda .item .right .guest, .blocAgenda .itemHover .right .guest { font-size: 12px !important; font-weight: bold; } .blocAgenda .item .right .prix, .blocAgenda .itemHover .right .prix { font-weight: bold; text-transform: lowercase; } .blocAgenda .item .right .prod, .blocAgenda .itemHover .right .prod { text-transform: lowercase; } .blocAgenda .item .right .accroche, .blocAgenda .itemHover .right .accroche, .blocAgenda .item .right .pro_assoc, .blocAgenda .itemHover .right .pro_assoc { text-transform: lowercase; line-height: 11px; margin-bottom: 5px; } .blocAgenda .item .right .accroche B, .blocAgenda .itemHover .right .accroche B, .blocAgenda .item .right .accroche STRONG, .blocAgenda .itemHover .right .accroche STRONG { text-transform: uppercase; font-weight: bold !important; } .blocAgenda .item .right A, .blocAgenda .itemHover .right A { font-size: 10px; } .blocAgenda .item .links, .blocAgenda .itemHover .links { position: absolute; bottom: 2px; right: 0px; width: 130px; font-size: 10px; } .blocAgenda .item .links A, .blocAgenda .itemHover .links A { font-size: 10px; } .blocAgenda .item .right .famille_artiste, .blocAgenda .itemHover .right .famille_artiste { font-size: 14px; font-weight: bold !important; } #lien_week { float: right; } #lien_week .previous, #lien_week .next, #lien_week .previousHover, #lien_week .nextHover { font-size: 10px; color: #000; } #lien_week .previous { background: url(/media/interface/puce_04.gif) left 4px no-repeat; padding-left: 13px; } #lien_week .next { background: url(/media/interface/puce_05.gif) right 4px no-repeat; padding-right: 13px; } #lien_week .previousHover { background-position: left 4px; background-repeat: no-repeat; padding-left: 13px; } #lien_week .nextHover { background-position: right 4px; background-repeat: no-repeat; padding-right: 13px; } /*------------------------- ARTISTES -------------------------*/ .item_date_artiste { float: left; width: 100%; margin: 0 0 20px 0; } .item_date_artiste H2 { font-size: 14px; font-weight: bold; color: #000; } .item_date_artiste .infos, .item_date_artiste .infos_hover { float: left; width: 375px; cursor: pointer !important; } .item_date_artiste .infos { color: #666; } .item_date_artiste .infos_hover { color: #000; } .item_date_artiste .infos .date, .item_date_artiste .infos_hover .date { font-size: 12px; } .item_date_artiste .infos .heure, .item_date_artiste .infos_hover .heure { font-size: 12px; font-weight: bold; } .item_date_artiste .infos .prix, .item_date_artiste .infos_hover .prix { font-weight: bold; } .item_date_artiste .links { float: left; font-size: 10px; } .item_date_artiste .links A { font-size: 10px; } /*------------------------- FICHE EVENT -------------------------*/ .fiche_event { float: left; margin: 0 0 22px 0; } .fiche_event H2 { font-size: 14px; font-weight: bold; margin: 0 0 5px 34px; } .fiche_event .nb { font-size: 20px; font-weight: bold; } .fiche_event .item { float: left; width: 500px; margin: 0px; background: url(/media/interface/traitGris.gif) 91px top no-repeat; color: #000; } .fiche_event .item .left { float: left; width: 85px; padding: 3px 0 0 0px; text-align: right; } .fiche_event .item .left STRONG { font-size: 11px; font-weight: bold; } .fiche_event .item .left P { font-size: 10px; line-height: 10px; text-align: right !important; } .fiche_event .item .right { float: left; width: 397px; padding: 3px 0px 2px 12px; line-height: 14px; } .fiche_event .item .right P { margin: 0px !important; text-align: left !important; } .fiche_event .item .periode { background: #000 !important; } .fiche_event .item .right .main { font-weight: bold; font-size: 14px; } .fiche_event .item .right .guest { font-size: 12px !important; font-weight: bold; } .fiche_event .item .right .prix { font-weight: bold; text-transform: lowercase; } .fiche_event .item .right .prod { text-transform: lowercase; font-size: 11px; } .fiche_event .item .right .link { float: left; padding: 2px 16px 2px 3px; margin: 6px 0 0 0 !important; background: url(/media/interface/puce_03.gif) right 5px no-repeat; } .fiche_event .item .right .link A { font-size: 10px; color: #fff; } .fiche_event .item .links { float: left; width: 130px; font-size: 10px; } .fiche_event .item .links A { font-size: 10px; } .fiche_event .item .right .prod { text-transform: lowercase; } .fiche_event .item .right .accroche { text-transform: lowercase; line-height: 11px; margin-bottom: 5px; } .fiche_event .item .pro_assoc { text-transform: lowercase; line-height: 11px; margin-bottom: 5px; } .fiche_event .item .right .accroche B, .fiche_event .item .accroche STRONG { text-transform: uppercase; font-weight: bold !important; } .fiche_event .item .right .famille_artiste { font-size: 14px; font-weight: bold !important; } .details_artistes { margin: 0 0 18px 97px; } /*------------------------- FICHE ARTISTE -------------------------*/ #fiche_artiste .artiste_left { float: left; width: 110px; } #fiche_artiste .artiste_left IMG { margin-bottom: 4px; } #fiche_artiste .artiste_left A { float: right; margin-right: 10px; } #fiche_artiste .artiste_right { float: left; width: 379px; } #fiche_artiste .artiste_right H2 { margin-bottom: 20px; } #fiche_artiste .artiste_right P.details { margin: 0px !important; font-weight: bold; } #fiche_artiste .artiste_right P.details_contact { margin: 0px !important; } #fiche_artiste .artiste_right P.details SPAN, #fihe_artiste .artiste_right P.details_contact SPAN { text-transform: uppercase; font-weight: normal !important; } #fiche_artiste .artiste_right .descr { text-align: justify; } #fiche_artiste .artiste_agenda { clear: left; float: left; width: 100%; margin-top: 21px; } #fiche_artiste .artiste_agenda .item, #fiche_artiste .artiste_agenda .item_hover { clear: left; float: left; margin-bottom: 13px; width: 100%; background: url(/media/interface/traitGris.gif) 110px top no-repeat; } #fiche_artiste .artiste_agenda .item { color: #666; } #fiche_artiste .artiste_agenda .item_hover { color: #000; } #fiche_artiste .artiste_agenda .item .left, #fiche_artiste .artiste_agenda .item_hover .left { float: left; width: 105px; text-align: right !important; padding: 0 5px 0 0; cursor: pointer !important; } #fiche_artiste .artiste_agenda .item .left P, #fiche_artiste .artiste_agenda .item_hover .left P { text-align: right !important; } #fiche_artiste .artiste_agenda .item .right, #fiche_artiste .artiste_agenda .item_hover .right { float: left; width: 237px; padding: 0 0 0 9px; cursor: pointer !important; } #fiche_artiste .artiste_agenda .item .links, #fiche_artiste .artiste_agenda .item_hover .links { float: left; width: 130px; } /*------------------------- EN ACCOMPAGNEMENT -------------------------*/ #affiche_artiste .item { float: left; margin: 0 10px 15px 0; } #affiche_artiste .item .cont_image { float: left; width: 105px; } #affiche_artiste .item .cont_image IMG { width: 100px; height: 100px; } #affiche_artiste .item .cont_text { float: left; width: 135px; } #affiche_artiste .item .cont_text P { text-align: left !important; } /*------------------------- SOUS MENUS -------------------------*/ #contents #principalLeft .smenu { clear: left; margin: 0 0 20px 0; width:176px; } #contents #principalLeft .smenu P.lien { padding: 0 0 0 13px; background: url(/media/interface/trait_01.gif) left 11px no-repeat; } #contents #principalLeft .smenu P.lien A { color: #666; font-size: 10px; line-height: 17px; } #contents #principalLeft .smenu P.lien SPAN { padding: 0 4px 0 4px; font-size: 10px; } #contents #principalLeft .smenu P.lienHover, #contents #principalLeft .smenu P.active { padding: 0 0 0 13px; background: url(/media/interface/trait_02.gif) left 11px no-repeat; } #contents #principalLeft .smenu P.lienHover A { color: #000; font-size: 10px; line-height: 17px; } #contents #principalLeft .smenu P.lienHover SPAN, #contents #principalLeft .smenu P.active SPAN { background: #cdcdcd; padding: 0 4px 0 4px; font-size: 10px; line-height: 17px; } /*------------------------- FORMULAIRE NEWS -------------------------*/ #signupForm LABEL.text { float: left; width: 55px; margin: 8px 0 0 0; } #signupForm INPUT.text { border: 1px solid #cdcdcd; margin: 8px 0 0 0; } #signupForm SELECT { margin: 8px 0 0 0; border: 1px solid #cdcdcd; } #signupForm INPUT.radio, #signupForm INPUT.checkbox { border: none; } #signupForm TEXTAREA { overflow: auto; margin: 8px 0 0 0; width: 235px; height: 150px; border: 1px solid #cdcdcd; } #signupForm .btn { clear: both; float: left; padding: 1px 21px 1px 4px; margin-left: 182px !important; background: url(/media/interface/puce_03.gif) right 4px no-repeat; } #signupForm .btn A { color: #fff; font-size: 10px; } /*------------------------- LIENS -------------------------*/ P.liens_gauche, P.liens_droite { margin: 0 0 4px 0 !important; padding: 0 0 0 12px; } P.liens_gauche { background: url(/media/interface/puce_04.gif) left 4px no-repeat; } P.liens_droite { background: url(/media/interface/puce_05.gif) left 4px no-repeat; } P.liens_gauche A, P.liens_droite A { color: #000; text-decoration: none; } /*------------------------- PARTENAIRES -------------------------*/ #partners_list .partners_item { position: relative !important; float: left; } #partners_list .partners_item .logo { float: left; z-index: 2; width: 100px; height: 60px; text-align: center; margin: 15px 23px 0px 0; } #partners_list .container_details { display: none; position: absolute; margin: 0px 0px 0px 84px; width: 344px; height: 277px; background: url(/media/interface/bg_partner_popin.png) top left no-repeat; z-index: 1000; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_partner_popin.png'); } #partners_list .partners_item .cont_details { display: none; } #partners_list .details { width: 280px; height: 163px; padding: 40px 15px 40px 15px; margin: 16px 0 0 16px; border: 1px solid #cdcdcd; } #partners_list .details .link { font-size: 10px; } #partners_list .details .logo { float: left; z-index: 2; width: 100px; height: 60px; text-align: center; margin: 0 5px 5px 0; } #partners_list .details div.cont { clear: left; margin: 0px; } #partners_list .details div.cont P { margin: 0px !important; } /*------------------------- SITEMAP -------------------------*/ #sitemap .blocLeft { float: left; width: 250px; } #sitemap .blocRight { float: left; } #sitemap .item { margin-bottom: 20px; } #sitemap .item H1 A { margin: 0px; font-size: 14px; font-weight: bold; color: #000; } #sitemap .item .links { background: url(/media/interface/trait_01.gif) left 9px no-repeat; padding-left: 16px; } #sitemap .item .linksHover { background-position: left 9px; background-repeat: no-repeat; padding-left: 16px; } #sitemap .item .links A { color: #666; } /*------------------------- GALLERY -------------------------*/ #container_gallery { float: left; } #container_gallery .cont_legend { display: none; position: absolute; top: 0px; left: 0px; margin: 0 0 0 84px; color: #fff; padding: 3px; z-index:100; font-size: 10px; background: #000; } #container_gallery .item { position: relative; height: 86px; margin: 0 4px 4px 0; float: left; z-index: 10; } #container_gallery .legend { display: none; } /*------------------------- RECHERCHE -------------------------*/ .pageparpage { float: left; width: 100%; height: 18px; text-align: right; } .pageparpage A { color: #000; padding: 0 1px 0 1px; } .pageparpage SPAN { background: #cdcdcd; padding: 0 3px 0 3px; } #search .resultsSearch { font-size: 14px; font-weight: bold; } #search .listing { margin-bottom: 20px; } #search .listing H2 { font-size: 12px; font-weight: bold;} /*------------------------- FOOTER -------------------------*/ #footer { clear: left; width: 100%; height: 49px; } #footer .tools { position: relative; width: 100%; height: 85px; background-position: top left; background-repeat: no-repeat; z-index: 1; } #footer .tools .bgPub { position: absolute; top: 8px; left: 40px; width: 484px; height: 77px; background: url(/media/interface/bg_pub460_footer.png) top left no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/media/interface/bg_pub460_footer.png'); } #footer .tools .pub { position: absolute; top: 8px; left: 40px; width: 484px; height: 77px; } #footer .tools .pub IMG { margin: 7px 0 0 7px; } #footer .tools .blocSearch { top: 31px; left: 584px; } #footer .links { position: relative; width: 100%; height: 100px; } #footer .links .partenaires, #footer .links .credits, #footer .links .liens, #footer .links .map, #footer .links .mentions, #footer .links .partenairesHover, #footer .links .creditsHover, #footer .links .liensHover, #footer .links .mapHover, #footer .links .mentionsHover { position: absolute; } #footer .links .partenaires, #footer .links .partenairesHover { top: 14px; left: 260px; } #footer .links .partenaires { background: url(/media/interface/menu/partenaires.gif) top left no-repeat; } #footer .links .partenairesHover { background: url(/media/interface/menu/partenairesHover.gif) top left no-repeat; } #footer .links .partenaires IMG, #footer .links .partenairesHover IMG { width: 93px; height: 18px;} #footer .links .credits, #footer .links .creditsHover { top: 8px; left: 368px; } #footer .links .credits { background: url(/media/interface/menu/credits.gif) top left no-repeat; } #footer .links .creditsHover { background: url(/media/interface/menu/creditsHover.gif) top left no-repeat; } #footer .links .credits IMG, #footer .links .creditsHover IMG { width: 61px; height: 18px; } #footer .links .liens, #footer .links .liensHover { top: 3px; left: 402px; } #footer .links .liens { background: url(/media/interface/menu/liens.gif) top left no-repeat; } #footer .links .liensHover { background: url(/media/interface/menu/liensHover.gif) top left no-repeat; } #footer .links .liens IMG, #footer .links .liensHover IMG { width: 44px; height: 18px; } #footer .links .map, #footer .links .mapHover { top: 31px; left: 388px; } #footer .links .map { background: url(/media/interface/menu/plan_du_site.gif) top left no-repeat; } #footer .links .mapHover { background: url(/media/interface/menu/plan_du_siteHover.gif) top left no-repeat; } #footer .links .map IMG, #footer .links .mapHover IMG { width: 95px; height: 18px; } #footer .links .mentions, #footer .links .mentionsHover { top: 22px; left: 491px; } #footer .links .mentions { background: url(/media/interface/menu/mentions_legales.gif) top left no-repeat; } #footer .links .mentionsHover { background: url(/media/interface/menu/mentions_legalesHover.gif) top left no-repeat; } #footer .links .mentions IMG, #footer .links .mentionsHover IMG { width: 135px; height: 18px; } #footer .links .mdeparis { position: absolute; top: 3px; left: 809px; } #footer .links .sherfi { position: absolute; top: -59px; left: 938px; } #footer .links .sherfi A, #footer .links .mdeparis A { color: #fff; }