/* Dernière modif: avril 09 / refonte graphique */ /* SUMMARY!! - Styles de base - /// INTERFACE /// - STRUCTURE - conteneurs - colonnes - Accueil & sections: les bg changents - HEADER - zones - MENUS - Menu principal - Mini Menu - FOOTER - /// SECTIONS /// - ACCUEIL - BLOGUE - SPECTACLES - PAT GROULX - GOGOSSES - BOUTIQUE - FAQ - EXTRAS - PAGE SHADOWBOX - /// TITLES /// - /// GENERAL /// */ /* Styles de base ---------------------------------------------------------------- */ body { margin: 0; padding:0; background: #000 url(../images/bg_body.gif) center top repeat-y; font: 11px verdana, arial, sans-serif; color: #000; } img { border:0;} .imgLeft {float:left; margin-right:10px;} a { color: black; text-decoration: none; } a:hover { text-decoration: underline;} #c2 a { color: #115591; text-decoration: none; font-weight:bold;} #c2 a:hover { text-decoration: underline;} #c2 .title { margin:23px 0 0 28px;} .content_holder { margin: 0 30px;} .clear { clear:both } .bold { font-weight:bold; } .blue a { color:#115591;} .none {display:none;} #printlogo {display:none;} .show {display:block;} .small { font-size:10px; } .noBullet { list-style:none; list-style-image:none; list-style-type:none} .noPadding { padding:0} h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif;} h3 { font-size:20px; color:#403f3f; margin:10px 0 0 28px !important;} h4 { font-size:20px; color:#403f3f;} h5 { font-size:16px; color:#403f3f;} h6 { font-size:12px; color:#403f3f;} li { margin-bottom:5px} .blogue_links { margin-top:5px} .micro { background: url(../images/bg_micro.png) no-repeat; width: 91px; height: 250px; position: absolute; top: 5px; left: 0; z-index: 99998; } /*////////////////////////////////////////////////////////////// */ /* INTERFACE */ /*////////////////////////////////////////////////////////////// */ /* STRUCTURE ---------------------------------------------------------------- */ div#frame { background: url(../images/bg_top.jpg) center top no-repeat; min-width:930px; height:auto !important; height:912px; min-height:912px; } /* conteneurs */ html body, div#content {height:100%; min-height:100%;} div#content { position: relative; left:-4px; width:930px; margin: 0 auto; } #middle {float:left; position:relative;} #f {display:block; clear:both;} /* colonnes*/ #c1_accueil, #c2_accueil, #c3_accueil, #c1, #c2 { display:block; float:left; padding:0; margin:0; overflow:hidden !important; overflow:visible } #c1, #c3 { height:auto !important; height:665px; min-height:665px;} #c2 { height:auto !important; height:450px; min-height:450px; overflow-x:hidden } #c1, #c1_accueil { width: 264px; background:#fff url(../images/bg_c1.jpg) no-repeat;} #c2, #c2_accueil { width: 401px; background:#fff url(../images/bg_c2.jpg) no-repeat; position:relative} #c3 { display:block; float:left; padding:0; margin:0; width: 265px; background:#fff url(../images/bg_c3.jpg) no-repeat;} /* Accueil & sections: les bg changents */ #c1_accueil { height:auto !important; height:578px; min-height:578px; padding-top:187px;position: relative;} /* HEADER ---------------------------------------------------------------- */ /* zones */ #h { position: relative; height: 312px; z-index: 10; } #h a {font-weight: bold; text-decoration: none;} #h a:hover {text-decoration: underline;} #h a#accueilLink { position: absolute; top: 0px; left: 0px; display: block; width: 200px; height: 240px; } #h a#accueilLink span { display: none;} #h a#abonne_toi { position: absolute; top: 122px; right: 38px; width: 207px; height: 48px; background: url(../images/abonne_toi.png) top left no-repeat; display:block;} #accueil #h a#abonne_toi { /*top: 122px;*/ top:62px;} #h a#abonne_toi:hover { background-position: bottom; cursor:pointer;} #h a#abonne_toi span { display: none;} #h #info_connected { position: absolute; top: 22px; right: 10px; color: #fff; font-size:10px;} #h #info_connected a { color: #6e626c;} #h #nouvel-album a { position:absolute; top:38px; right:44px; display:block; width:189px; height:215px; background:url(../images/nouvel-album.gif);} #h #nouvel-album a span {display:none;} #h #pubHeader {position:absolute; bottom:55px; right:39px;} /* MENUS ---------------------------------------------------------------- */ /* Menu principal */ #h #menu{ position:absolute; display:block; width:930px; left: 0; bottom: 0; list-style:none; padding:0px; margin:0; height:37px; background:#f8f8f8;} #h #menu li{ display:block; float:left; } /* Mini Menu */ #mini_menu { position: absolute; top: 3px; right: 0; padding:0; margin:0; list-style:none; color:#a8a8a8;} #mini_menu li { display: block; float: left; margin-right: 5px;} #mini_menu li a { font-weight: bold; color:#a8a8a8; text-decoration: none; font-size: 10px;} #mini_menu li a:hover { text-decoration: underline;} #h #menu #btn_blogue {background-image:url(../images/btn/btn_blogue.jpg); width:139px;} #h #menu #btn_spectacles {background-image:url(../images/btn/btn_spectacles.jpg); width:161px;} #h #menu #btn_bio {background-image:url(../images/btn/btn_bio.jpg); width:82px;} #h #menu #btn_gogosses {background-image:url(../images/btn/btn_gogosses.jpg); width:176px;} #h #menu #btn_boutique {background-image:url(../images/btn/btn_boutique.jpg); width:126px;} #h #menu #btn_faq {background-image:url(../images/btn/btn_faq.jpg); width:105px;} #h #menu #btn_extras {background-image:url(../images/btn/btn_extras.jpg); width:141px;} #h #menu a {display:block; height:37px; background-repeat:no-repeat; background-position:0 0; } #h #menu li a:hover, #h #menu li a.selected {background-position:0 -37px;} #h #menu li { margin-bottom:0} #h #menu a span {display:none;} /* FOOTER ---------------------------------------------------------------- */ #f {display:block; clear:both; position: relative; margin: 0; padding-top:20px; height:90px; text-align: center; background-color:#FFFFFF; width:930px;} #f a {font-weight: normal; font-size:10px; } #f .signature a {font-weight: bold; margin-top:6px;} #footer_content ul {list-style: none; margin:3px 0;} #footer_content ul li{display:inline; margin-right: 18px;} #logo_footer {margin:15px auto 0 auto; width: 655px;} #logo_footer a {margin-right:8px;} /*////////////////////////////////////////////////////////////// */ /* SECTIONS */ /*////////////////////////////////////////////////////////////// */ /* ACCUEIL ---------------------------------------------------------------- */ /* calendriers accueil */ .calendrier { margin-left:35px; width:200px;} .calendrier ul {margin:0; padding:0; text-indent:0; list-style:none; } .calendrier li {padding:8px 0; background:url(../images/c1_cal_border.gif) center bottom no-repeat; } .calendrier li .ville {display:block; clear:both;} .calendrier a {font-weight:bold; color:#403f3f; font-size:10px;} .calendrier li.autre {padding:0; margin:8px 0px; width:85px; height:22px; text-align:center;} .calendrier li.autre a {color:#fff; line-height:20px;} /* calendrier humour */ #calHumour { background:url(../images/c1_cal_h2.gif) no-repeat; padding-top:20px; position: relative; z-index: 99999} #calHumour li.autre {background:url(../images/btn/btn_bleu_w85.gif) no-repeat; } /* calendrier musique */ #calMusique {background:url(../images/c3_cal_h2.gif) no-repeat; padding-top:233px;} #calMusique li.autre {background:url(../images/btn/btn_noir_w85.gif) no-repeat; } /* colonne du centre */ #c2 a.fanclub span, #c2 a.mecrire span{display: none;} #c2 a.fanclub, #c2 a.mecrire {display: block; width: 83px; height: 19px; position:absolute; top:23px;} #c2 a.fanclub {background: url(../images/blogue_fanclub_btn.jpg) top left no-repeat; right: 121px;} #c2 a.fanclub:hover {background: url(../images/blogue_fanclub_btnB.jpg) top left no-repeat;} #c2 a.mecrire {background: url(../images/blogue_mecrire_btn.jpg) top left no-repeat; right: 23px;} #c2 a.mecrire:hover {background: url(../images/blogue_mecrire_btnB.jpg) top left no-repeat;} /* BLOGUE ---------------------------------------------------------------- */ /* Styles génériques à travers le site :: partagés avec l'accueil! */ #blogue ul {list-style-type:none; padding:0 30px; margin:20px 0;} #blogue li {margin-bottom:30px;} #blogue li h4 {margin:0;} #blogue li p {margin:0; padding:0; line-height:16px;} #blogue li a {color:#115591; font-weight:bold;} #blogue li .dt_message, #blogue .blogue_links a {color:#6e626c; font-weight:bold;} #blogue .blogue_multimedia {background:url(../images/c2_border_w320.gif) center top no-repeat; padding:5px 0 0 0; margin:5px 0 2px -1px; height: 18px;} /* icones module multimedia */ span.blogue_video{ background: url(../images/btn_video_blogue.gif) left -21px no-repeat; width:60px;} span.blogue_audio{ background: url(../images/btn_audio_blogue.gif) left -21px no-repeat; width:65px;} span.blogue_diapo{ background: url(../images/btn_diapo_blogue.gif) left -21px no-repeat; width:94px;} span.blogue_audio_ex{ background: url(../images/audioM.jpg) left top no-repeat;} span.blogue_diapo_ex{ background: url(../images/diapoM.jpg) left top no-repeat;} span.blogue_video_ex{ background: url(../images/videoM.jpg) left top no-repeat;} div.blogue_multimedia span{ display:block; float:left; margin:0 2px 0 0; height:21px; cursor:pointer; text-indent: -9999px; } div.blogue_multimedia span.aucun{ background-position: 0 0; cursor: auto;/*opacity: 0.3;filter:alpha(opacity=30);*/} div.blogue_multimedia a:hover span { background-position: 0 -42px; } /* commentaires et cie */ #blogue h5 {margin: 0px 34px 0px 30px; padding: 5px 0; border-top: 1px solid #ddd;} #blogue ul.commentaires { margin:0;} #blogue .bottom_blogue_links { margin:-10px 0 0 40px;} #blogue ul.commentaires li {background: url(../images/c2_border_w320.gif) no-repeat center bottom; padding:10px; margin-bottom:15px;} #blogue ul.commentaires span {font-weight: bold; } #blogue ul.commentaires span.auteur {color: #115591;} #blogue ul.commentaires p{padding-bottom: 10px;} div.rss { position:absolute; top:27px; right:15px } div.rss a { background: url(../images/feed-icon-16x16.gif) top left no-repeat;display: block; width:16px;height: 16px;padding:0;} /* SPECTACLES ---------------------------------------------------------------- */ #section_spectacle ul { padding:0; margin:0;list-style: none;padding-left: 30px;} #section_spectacle ul li h4 { position: relative; padding:0; margin:0; font-size: 12px; color: #115591;border-bottom: 1px solid #ccc; margin-right: 42px;} /* details d'un spectacle */ div.spec_dt_info{position: relative;background: url(../images/spectacle_sep.jpg) bottom left no-repeat;height: 20px;padding: 8px 0 0 35px; margin-top: 10px;} div.spec_dt_info span.spec_day{position:absolute; top:0; left:0; text-align:center; width:28px; height:23px; font-size:14px; padding-top:5px; color:#fff; font-weight: bold;} div.spec_dt_info span.spec_m_y_d{color: #115591;font-weight: bold;font-size: 14px;} /* liste des spectacles - euh... fouilli */ #section_spectacle ul li span{display: block;} #section_spectacle ul li span.dt_spec {font-weight: bold; color:#6e626c;} #section_spectacle ul li a.voirplus{display: block;font-size: 10px;margin-bottom:15px;} #section_spectacle ul li.autre a{display:block;font-size: 10px;margin:10px 0;} #musique #section_spectacle ul li h4 {color:#55b247} #musique #section_spectacle ul li a.voirplus {color:#55b247} #musique div.spec_dt_info span.spec_m_y_d {color:#55b247} #musique #section_spectacle ul li.autre a {color:#000} #musique div.spec_dt_info {background: url(../images/spectacle_sep_musique.jpg) bottom left no-repeat;} #section_spectacle .title {display:block; width:126px; height:65px; background: url(../images/title_humour.gif) no-repeat; margin:0 auto 10px; position:relative; top:10px;} #section_spectacle .title span {display:none;} #musique #section_spectacle .title {background: url(../images/title_musique.gif) no-repeat} /* PAT GROULX ---------------------------------------------------------------- */ #section_patgroulx h5{padding:0; margin:20px 0 15px; border-bottom: 1px solid #ddd;} #section_patgroulx h6{padding:0 10px 2px 0; margin:0; border-bottom: 1px solid #ddd; color:#115591; zoom:1} /* IE - shake head */ #section_patgroulx p{padding:0; margin:0 0 15px;} #section_patgroulx ul{padding:8px 0 10px; margin:0 0 0 15px; } #section_patgroulx ol{padding:0 0 3px; margin-left:20px; } #section_patgroulx li{margin-bottom:10px;} /* GOGOSSES ---------------------------------------------------------------- */ #elements a.ouvrir span{display: none;} #section_gogosse p{padding:0; margin:0 0 15px;} #section_gogosse #elements ul{float:left; padding:0 0 0 20px; margin:0 0 10px 0; list-style: none;} #section_gogosse #elements ul li{position :relative;float: left;margin-bottom: 10px; padding-bottom: 20px;background: url(../images/c2_border_w320.gif) bottom center no-repeat;} #section_gogosse #elements a.ouvrir{display: block;float: left;width: 105px;height: 66px;} #section_gogosse #elements a.blur{opacity: 0.5;filter:alpha(opacity=50);} #section_gogosse #elements div.desc{float: left;width: 250px;padding-left: 10px;} #section_gogosse #elements div.desc .title{font-weight: bold;padding:0; margin:0; color: #115591;} #section_gogosse #elements div.desc p{padding:0 0 10px; margin:0;} #section_gogosse #elements div.desc .reserve{position: absolute;bottom: 0px;left: 116px;display: block;height: 18px;width: 144px;cursor: pointer;background: url(../images/gogosse_reserve_membre.jpg) top left no-repeat;} #elements ul.video a.icon{background: url(../images/gogosse_video_icon.jpg) top left no-repeat;} #elements ul.audio a.icon{background: url(../images/gogosse_audio_icon.jpg) top left no-repeat;} #elements ul.photo a.icon{background: url(../images/gogosse_photo_icon.jpg) top left no-repeat;} #elements ul.video a.icon_nouveau{background: url(../images/gogosse_video_iconN.jpg) top left no-repeat;} #elements ul.audio a.icon_nouveau{background: url(../images/gogosse_audio_iconN.jpg) top left no-repeat;} #elements ul.photo a.icon_nouveau{background: url(../images/gogosse_photo_iconN.jpg) top left no-repeat;} #c2 #section_gogosse a.gogosse_image{position: absolute;top: 9px;left: 27px;border: none;display: block;height: 36px;width: 51px;overflow:hidden;} #c2 #section_gogosse a.gogosse_image img{position: relative;top: -10px;left: -10px;border: 0px;} #section_gogosse #presse { margin-right: 0; } #section_gogosse #presse ul { list-style: none; margin: 0; padding: 0; margin-left: -11px; } #section_gogosse #presse li { overflow: hidden; padding: 18px 0 25px 0; background: url(../images/presse-line.gif) -7px bottom no-repeat; margin: 0; } #section_gogosse #presse li.first { padding-top: 0;} #section_gogosse #presse .img_holder { float: left; width: 117px; } #section_gogosse #presse .img_vert_1 { padding-left: 11px; width: 106px;} #section_gogosse #presse .img_vert_2 { padding-left: 19px; width: 98px; } #section_gogosse #presse img { border: 1px solid #b0b0b0; } #section_gogosse #presse a, #section_gogosse #presse p { color: #115591; font-size: 12px; font-weight: bold; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } #section_gogosse #presse p { font-weight: normal; } /* BOUTIQUE ---------------------------------------------------------------- */ #section_boutique #elements {padding-top:22px;} #section_boutique #elements ul{padding:0 20px 0 30px; margin:0px; list-style: none;} #section_boutique #elements li{float:left; margin-bottom: 20px; } #section_boutique #elements li a{display: block;float: left; width:80px; padding-right:20px} #section_boutique #elements li img{border: 0px solid black;} #section_boutique #elements li div.desc{ float:left; display:block; width:245px; border-bottom: 1px solid #ddd; margin-top:0; padding-bottom:10px; } #section_boutique #elements li div.desc .title{font-weight: bold; padding:0; margin:0; font-size:12px;color: #115591;} #section_boutique #elements li div.desc p{padding:0; margin:0;} #section_boutique #elements li div.desc a{ background:url(../images/btn/btn_bleu_w100.gif) no-repeat; padding:0; margin:5px 0px; width:100px; height:22px; text-align:center; color:#fff; line-height:20px;} /* FAQ ---------------------------------------------------------------- */ #section_faq div.qr{padding:0 20px 0 30px; margin-bottom: 20px;} #section_faq div.qr span{display:block; margin-top: 5px; height:auto !important; height:20px; min-height:20px;} #section_faq div.qr span.question{padding:0 0 3px 20px;background: url(../images/question.jpg) left -2px no-repeat;cursor: pointer; } #section_faq div.qr span.reponse{width: 300px; margin-left: 19px; padding:20px 10px 0; background: url(../images/reponse.jpg) left top no-repeat;} #section_faq div.qr span.none{display:none;} /* EXTRAS ---------------------------------------------------------------- */ #section_extra div.fondecran {margin: 0 34px 0 28px; overflow:hidden} #section_extra div.fondecran div {float:left; width:110px;text-align:center; } #section_extra div.fondecran a {width:100px; display: block;} #section_extra div.fondecran img {border: 1px solid black; overflow: hidden;margin: 5px;} /* SHADOWBOX PAGE ---------------------------------------------------------------- */ body #shadowbox_container { z-index:99999999;} #shadowboxPage { background: #000 url(../images/bg-shadow_box.jpg) center top no-repeat;} #shadowboxPage span {text-indent:-9999px; display:block; } #shadowboxPage div#content { position: relative; left:0px; width:850px; margin: 0 auto; } #shadowboxPage h2 {margin:18px 0 0 23px; width:180px; height:39px;} #flash_header_holder {background:#000; width:627px; height:385px;} #shadowboxPage #billets_premiere_mtrl { background: url(../images/bg_box_shadowbox.png) top left no-repeat; width:242px; height:140px; position:absolute; top:66px; right:3px; z-index:999; } #shadowboxPage #billets_premiere_qc { background: url(../images/bg_box_shadowbox.png) top left no-repeat; width:242px; height:140px; position:absolute; top:213px; right:3px; z-index:999; } #shadowboxPage #billets_premiere_mtrl h2 { background:url(../images/premiere-montreal.gif) center top no-repeat;} #shadowboxPage #billets_premiere_qc h2 { background:url(../images/premiere-quebec.gif) center top no-repeat; } #shadowboxPage ul {list-style:none; padding:0px; margin:6px 0 0 23px;} #shadowboxPage a {background-image:url(../images/btn/achatbillet.png); width:106px; display:block; height:28px; background-repeat:no-repeat; background-position:0 0; } #shadowboxPage li a:hover, #h #menu li a.selected, #shadowboxPage .btn-autres-videos:hover {background-position:0 -28px;} #shadowboxPage li {margin-bottom:0; display:block; float:left;} #shadowboxPage .btn-autres-videos { background-image:url(../images/btn/voir-autres-videos.png); text-indent: -9999px; width: 144px; height: 28px; position: absolute; bottom: 16px; right: 41px; } :focus { outline: none; } /*////////////////////////////////////////////////////////////// */ /* TITLES */ /*////////////////////////////////////////////////////////////// */ div#blogue { background: url(../images/c2_bg_top.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_spectacle { background: url(../images/spectacle_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_patgroulx { background: url(../images/patgroulx_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_gogosse { background: url(../images/gogosse_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_boutique { background: url(../images/boutique_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_faq { background: url(../images/faq_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_extra { background: url(../images/extras_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_contact { background: url(../images/ecire_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_contact2 { background: url(../images/contact_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_concours { background: url(../images/concours_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_404 { background: url(../images/404_title.jpg) 30px 23px no-repeat; padding-top:58px;} div#section_profile_fan_club, div#section_identification_fan_club, div#section_inscription_fan_club { background: url(../images/fanclub_title.jpg) 30px 23px no-repeat; padding-top:58px;} /*////////////////////////////////////////////////////////////// */ /* GENERAL */ /*////////////////////////////////////////////////////////////// */ /* bouton retour // pas skinné! */ #retour{display: block;padding-left: 40px;width: 171px;height: 40px;background: url(../images/retourA.jpg) 40px top no-repeat;} #retour:hover{background: url(../images/retourB.jpg) 40px top no-repeat;} /* pagination */ div.navigator{float: right;margin:0 0 15px 0;padding:0 92px 0 0;} div.navigator span{float: left; padding: 0 5px;} div.navigator form{float: left;} div.navigator select{float:left;padding:0; margin:0;font-size: 10px;} div.navigator a.move.extreme-left, div.navigator a.move.immediate-left, div.navigator a.move.immediate-right, div.navigator a.move.extreme-right {display: block;float: left;height: 16px;width: 16px;margin-right: 2px;margin-left: 2px;} div.navigator a.move span {display: none;} div.navigator a.move.extreme-left {background:url(/cyber/images/control_start.jpg);} div.navigator a.move.immediate-left {background:url(/cyber/images/control_rewind.jpg);} div.navigator a.move.immediate-right {background:url(/cyber/images/control_fastforward.jpg);} div.navigator a.move.extreme-right {background:url(/cyber/images/control_end.jpg);margin-right: 0;} div.navigator a.move.inactive {opacity: 0.2;filter:alpha(opacity=20);} /*////////////////////////////////////////////////////////////////////*/ #h a#gogosse{display: block; width: 136px; height: 72px; position: absolute; bottom: -14px; left: 420px; background: url(../images/gogosse_bg.jpg) top left no-repeat; } #h a#gogosse span{ display: none; } /* CENTRE ////////////////////////////////////////////////// */ /* COLONNE 1 DES SECTIONS /////////////////////////////*/ #c1 .menu_section{position: relative;z-index: 50;float: left;height: 470px;} #c1 .menu_section{position: relative;z-index: 50;float: left; height: 470px;} /* GENERAL ////////////////////////// */ #c1 .menu_section .cHolder{position: absolute;width: 180px;top: 0;left: 122px;color: black;z-index:100;} #c1 .menu_section div.cont a{display: block;height: 48px;width: 264px;} #c1 .menu_section span{display: none;} /* MENU COL 1 ////////////////////////// */ #c1 #menu_gogosse a.audio{background: url(../images/gogosse_cat_audio.jpg) top left no-repeat;} #c1 #menu_gogosse a.audio:hover{background: url(../images/gogosse_cat_audio_over2.jpg) top left no-repeat;} #c1 #menu_gogosse a.audio_selected{background: url(../images/gogosse_cat_audio_over.jpg) top left no-repeat;} #c1 #menu_gogosse a.photo{background: url(../images/gogosse_cat_photo.jpg) top left no-repeat;} #c1 #menu_gogosse a.photo:hover{background: url(../images/gogosse_cat_photo_over2.jpg) top left no-repeat;} #c1 #menu_gogosse a.photo_selected{background: url(../images/gogosse_cat_photo_over.jpg) top left no-repeat;} #c1 #menu_gogosse a.video{background: url(../images/gogosse_cat_video.jpg) top left no-repeat;} #c1 #menu_gogosse a.video:hover{background: url(../images/gogosse_cat_video_over2.jpg) top left no-repeat;} #c1 #menu_gogosse a.video_selected{background: url(../images/gogosse_cat_video_over.jpg) top left no-repeat;} #c1 #menu_patgroulx a.bio{background: url(../images/patgroulx_cat_bio.jpg) top left no-repeat;} #c1 #menu_patgroulx a.bio:hover{background: url(../images/patgroulx_cat_bio_over2.jpg) top left no-repeat;} #c1 #menu_patgroulx a.bio_selected{background: url(../images/patgroulx_cat_bio_over.jpg) top left no-repeat;} #c1 #menu_patgroulx a.timeline{background: url(../images/patgroulx_cat_timeline.jpg) top left no-repeat;} #c1 #menu_patgroulx a.timeline:hover{background: url(../images/patgroulx_cat_timeline_over2.jpg) top left no-repeat;} #c1 #menu_patgroulx a.timeline_selected{background: url(../images/patgroulx_cat_timeline_over.jpg) top left no-repeat;} #c1 #menu_patgroulx a.communique{background: url(../images/patgroulx_cat_communique.jpg) top left no-repeat;} #c1 #menu_patgroulx a.communique:hover{background: url(../images/patgroulx_cat_communique_over2.jpg) top left no-repeat;} #c1 #menu_patgroulx a.communique_selected{background: url(../images/patgroulx_cat_communique_over.jpg) top left no-repeat;} #c1 #menu_extra a.fondecran{background: url(../images/extra_cat_fondecran.jpg) top left no-repeat;} #c1 #menu_extra a.fondecran:hover{background: url(../images/extra_cat_fondecran_over2.jpg) top left no-repeat;} #c1 #menu_extra a.fondecran_selected{background: url(../images/extra_cat_fondecran_over.jpg) top left no-repeat;} #c1 #menu_extra a.citation{background: url(../images/extra_cat_citation.jpg) top left no-repeat;} #c1 #menu_extra a.citation:hover{background: url(../images/extra_cat_citation_over2.jpg) top left no-repeat;} #c1 #menu_extra a.citation_selected{background: url(../images/extra_cat_citation_over.jpg) top left no-repeat;} #c1 #menu_extra a.constance{background: url(../images/extra_cat_constance.jpg) top left no-repeat;} #c1 #menu_extra a.constance:hover{background: url(../images/extra_cat_constance_over2.jpg) top left no-repeat;} #c1 #menu_extra a.constance_selected{background: url(../images/extra_cat_constance_over.jpg) top left no-repeat;} #c1 #menu_spectacle a.humour{background: url(../images/spectacle_cat_humour.jpg) top left no-repeat;} #c1 #menu_spectacle a.humour:hover{background: url(../images/spectacle_cat_humour_over2.jpg) top left no-repeat;} #c1 #menu_spectacle a.humour_selected{background: url(../images/spectacle_cat_humour_over.jpg) top left no-repeat;} #c1 #menu_spectacle a.musique{background: url(../images/spectacle_cat_musique.jpg) top left no-repeat;} #c1 #menu_spectacle a.musique:hover{background: url(../images/spectacle_cat_musique_over2.jpg) top left no-repeat;} #c1 #menu_spectacle a.musique_selected{background: url(../images/spectacle_cat_musique_over.jpg) top left no-repeat;} #c1 #menu_gogosse a.presse { background: url(../images/gogosse_presse.jpg) top left no-repeat; } #c1 #menu_gogosse a.presse:hover { background-position: center; } #c1 #menu_gogosse a.presse_selected { background: url(../images/gogosse_presse.jpg) bottom left no-repeat; } /* CONCOURS ////////////////////////// */ #c2 #fanclubcest{padding-left: 20px;display: block;height: 36px;width: 195px;background: url(../images/fanclubcest01.jpg) top left no-repeat; } #c2 #fanclubcest span{display: none;} #c2 a#fanclubcest:hover{background: url(../images/fanclubcest01b.jpg) top left no-repeat;} #c2 #section_concours div.gagnant{padding-left: 20px;padding-right: 34px;margin-bottom: 20px;} #c2 #section_concours h5{padding-left: 20px;padding-right: 34px;font-size: 12px;font-weight: bold;} #c2 #section_concours span.nom{display: block;font-size: 12px;font-weight: bold;color: #9D0F00;border-bottom: 1px solid #ccc;} #c2 #section_concours span.ville{display: block;font-size: 10px;} #c2 #section_concours span.date{display: block;font-size: 10px;} /* CONFIRMATION ////////////////////////// */ .confirmation { margin:25px 0 0 30px; font-size:18px} /* COLONNE 3 ///////////////////////////////////////////////////////////////////////////*/ /*Billets pour la première - Boite*/ #billets_premiere { background: url(../images/bg_box_billets.png) top left no-repeat; width:288px; height:140px; position:absolute; top:0; right:-23px; z-index:999; } #billets_premiere img {margin:50px 0 0 74px;} #billets_premiere ul {list-style:none; padding:0px; margin:7px 0 0 74px;} #billets_premiere #montreal {background-image:url(../images/btn/btn_montreal.png); width:102px;} #billets_premiere #quebec {background-image:url(../images/btn/btn_quebec.png); width:89px;} #billets_premiere a {display:block; height:30px; background-repeat:no-repeat; background-position:0 0; } #billets_premiere li a:hover, #h #menu li a.selected {background-position:0 -30px;} #billets_premiere li {margin-bottom:0; display:block; float:left;} #billets_premiere a span {display:none;} #c3 ul.no_billets_premiere{ margin-top:0 !important; } #c3 ul.logos { list-style-type:none; margin:140px 0 0 0; padding:0; } #c3 ul.logos li { width:265px; text-align:center; padding:14px 0; background:url(../images/logos/division_logos.png) bottom center no-repeat; margin:0; } #c3 ul.logos li.first { padding-top:0; } #c3 ul.logos li.last { background:none; } #c3 {position:relative;} #c3_basblancs {position:absolute; display:block; width:140px; height:180px; top:0; left:50px;} #c3_basblancs span {display: none;} #c3 #basblanc_accueil{position: relative;float: left;width: 265px;height: 424px;} #c3 #basblanc_accueil span{display: none;} #c3 #basblanc_accueil a{position: absolute;left:0;top: 0px;display: block;width: 265px;height: 445px; background: url(../images/bas_blanc_accueil.jpg) top right no-repeat;} #c3 #basblanc_accueil a:hover{display: block;width: 265px;height: 445px; background: url(../images/bas_blanc_accueil_ov.jpg) top right no-repeat;} #c3 #promo_concours_accueil{position: relative;float: left;display: block;width: 243px; padding-top: 25px;} #c3 #promo_concours_accueil div.item{width: 243px;padding:0px;margin: 0px;overflow: hidden;border-bottom: 2px dotted #ccc;} #c3 #promo_concours_accueil div.last{display: block;width: 243px;padding:0px;margin: 0px;overflow: hidden;} #c3 #promo_concours_accueil div.concours_photo{float: left;width: 100px;padding: 10px;} #c3 #promo_concours_accueil div.concours_text{display: block;float: left;width: 100px; padding: 10px;margin: 0px;} #c3 #promo_concours_accueil div.concours_text a{display: block;padding-top:5px;font-weight: bold;text-align: left; color:#403f3f;} #c3 #promo_concours_accueil h5.concours_titre{position: absolute;top: 0px;left: -14px; padding:0px;margin:0px; color:#6e626c; display: block;height: 25px;width: 265px;} #c3 #promo_concours_accueil div.promotion_titre{position: absolute;top:0px;left: -14px; display: block;height: 25px;width: 265px;color:#6e626c;} body #c2 h3 a, body #c2 h4 a {color:#403f3f;}