/* Dernière modif: avril 09 / refonte graphique */ /* Styles de base ---------------------------------------------------------------- */ body { margin: 0; padding:0; background: url(../images/bg_top_basblanc.jpg) left top repeat-x; 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: #58b051; text-decoration: none; font-weight:bold;} #c2 a:hover { text-decoration: underline;} #c2 .title { margin:23px 0 0 30px;} .content_holder { margin: 0 30px;} .bold { font-weight:bold; } .blue a { color:#115591;} .none { display:none;} .left { float:left;} .right { float:right;} #printlogo { display:none;} h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif;} h3 { font-size:20px; color:#57af51; margin-bottom: 0;/*margin-left:28px;*/} h4 { font-size:20px; color:#57af51;} h5 { font-size:16px; color:#57af51;} h6 { font-size:12px; color:#57af51;} #pat {background:url(../images/pat.gif) no-repeat; display:block; width:30px; height:19px;} #pat span {display:none;} /*////////////////////////////////////////////////////////////// */ /* INTERFACE */ /*////////////////////////////////////////////////////////////// */ /* STRUCTURE ---------------------------------------------------------------- */ div#frame { background: url(../images/bg_top_basblanc_container.jpg) center top no-repeat; height:auto !important; height:700px; min-height:700px; } /* conteneurs */ html body, div#content {height:100%; min-height:100%;} div#content { position: relative; left:-5px; width:930px; margin: 0 auto; } #f {display:block; clear:both;} /* colonnes*/ #c1, #c2, #c3 { display:block; float:left; padding:0; margin:0;} #c1 { width: 242px; background:#fff url(../images/bg_c1.jpg) right top no-repeat; padding: 0 0 0 0; height:auto !important; height:688px; min-height:688px;} .basBlancs #c1 { width: 267px; background:#fff url(../images/c1_bg_top_basblanc.jpg) right top no-repeat; padding-top:297px;} #c2 { width: 394px; background:#fff url(../images/bg_c2.jpg) no-repeat; position:relative; padding-top: 35px; height:auto !important; height:665px; min-height:665px; padding-left: 27px} .basBlancs #c2 { width: 346px; background:#fff url(../images/bg_c2_basblancs.jpg) no-repeat; padding-left: 50px;} #c3 { width: 267px; background:#fff url(../images/c3_bg_basblanc.jpg) no-repeat; overflow:hidden; height:auto !important; height:665px; min-height:665px;} /* HEADER ---------------------------------------------------------------- */ /* zones */ #h{position: relative; top:0; z-index: 10; height: 312px; background: url(../images/img_header_basblanc.jpg) right -1px no-repeat;} #h a {font-weight: bold; text-decoration: none;} #h a:hover {text-decoration: underline;} #h a#accueilLink { position: absolute; top: 15px; left: 36px; display: block; width: 200px; height: 262px; } #h a#accueilLink span { display: none;} #h #info_connected, #h a#abonne_toi { display: none;} #h h1 { margin: 0; } #btn_abonne-toi { background:url(../images/abonne_toi.jpg) no-repeat 0 0; width:143px ; height: 80px ; position: absolute; display: block; top: 0; left: 200px; text-indent: -9999px;} #btn_abonne-toi:hover { background-position: 0 bottom;} /* MENUS ---------------------------------------------------------------- */ /* Menu principal */ #h #menu{ position:absolute; display:block; width:915px; left: 0; bottom: 0; list-style:none; padding:0 0 0 15px; margin:0; height:37px; background:#f8f8f8 url(../images/bg_menu.jpg) no-repeat 0 0;} #h #menu li{ display:block; float:left; margin: 14px 25px; } /* Mini Menu */ #mini_menu { position: absolute; top: 3px; right: 0; padding:0 0 0 4px; margin:0; list-style:none; color:#000;} #mini_menu li { display: block; float: left; margin-right: 5px;} #mini_menu li a { font-weight: bold; color:#000; 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:59px;} #h #menu #btn_spectacles {background-image:url(../images/btn/btn_spectacles.jpg); width:89px;} #h #menu #btn_multimedia {background-image:url(../images/btn/btn_multimedia.jpg); width:98px;} #h #menu #btn_boutique {background-image:url(../images/btn/btn_boutique.jpg); width:77px;} #h #menu #btn_faq {background-image:url(../images/btn/btn_faq.jpg); width:39px;} #h #menu #btn_bio {background-image:url(../images/btn/btn_basblancs.jpg); width:124px;} #h #menu #btn_extras {background-image:url(../images/btn/btn_extras.jpg); width:61px;} #h #menu a {display:block; height:17px; background-repeat:no-repeat; background-position:0 0; } #h #menu li a:hover, #h #menu li a.selected {background-position:0 bottom;} #h #menu a span {display:none;} /* COLONNE 1 DES SECTIONS /////////////////////////////*/ #c1 .menu_section{ position: relative; z-index: 50; } #c1 .menu_section div.cont a{display: block; height: 43px; width: 264px;} #c1 .menu_section span{display: none;} #c1 .menu_section div.cont{padding-bottom: 1px;background: url(../images/menu_section_separator.jpg) 90px bottom no-repeat;} /*#c1 #lienHomeBB {position:absolute; top:-297px; z-index:10; display:block; width:264px; height:297px; }*/ #c1 #menu_basblanc #bb1{background-image: url(../images/bas_blancs_max.jpg);} #c1 #menu_basblanc #bb2{background-image: url(../images/bas_blancs_fc.jpg);} #c1 #menu_basblanc #bb3{background-image: url(../images/bas_blancs_greg.jpg);} #c1 #menu_basblanc #bb4{background-image: url(../images/bas_blancs_seb.jpg);} #c1 #menu_basblanc #bb5{background-image: url(../images/bas_blancs_kav.jpg);} #c1 #menu_basblanc a {background-position: 0 0; background-repeat:no-repeat; } #c1 #menu_basblanc a:hover {background-position: 0 -43px;} #c1 #menu_basblanc a.selected {background-position: 0 -86px;} /* PHOTO */ #c1 div#photo{float: left;position: relative;margin-top: 10px;height: 130px;width: 264px;background: url(../images/bg_photo_c3.jpg) top left no-repeat;padding-bottom: 20px;} #c1 div#photo a.gonext{position: absolute;top:20px;right: 24px;height: 109px;width: 25px;} #c1 div#photo a.goprev{position: absolute;top:20px;left: 38px;height: 109px;width: 25px;} #c1 div#photo a.img_act{float:left;display: inline;height: 107px;width: 160px;margin-left: 67px;margin-top: 24px;} #c1 div#photo span.compteur{position: absolute;bottom: 7px;left: 128px;font-weight: bold;font-size: 10px;} /* CALENDRIER */ .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;} #calMusique { background:url(../images/c3_cal_h2.gif) no-repeat; padding-top:30px; margin-top: 36px; } #calMusique li.autre { background:url(../images/btn/btn_noir_w85.gif) no-repeat; } /* COLONNE 2 ///////////////////////////////////////////////////////////////////////////*/ #c2 h2 { text-indent: -9999px; margin-top: 0; } #c2 #section_basblanc h2 { background: url(../images/title_pat-groulx-bas-blancs.gif) 0 0 no-repeat; margin: 0 0 15px 0; height: 62px; width: 326px; } #c2 #blogue h2 { background:url(../images/c2_bg_top.gif) 0 0 no-repeat; height: 35px; } #c2 #section_spectacle h2 { background: url(../images/spectacle_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 #section_gogosse h2 { background: url(../images/gogosse_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 #section_boutique h2 { background: url(../images/boutique_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 #section_faq h2 { background: url(../images/faq_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 #section_identification_fan_club h2, #c2 #section_inscription_fan_club h2 { background: url(../images/fanclub_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 #section_contact h2 { background: url(../images/ecrire_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 #section_contact2 h2 { background: url(../images/contact_title.gif) no-repeat 0 0; width: 363px; height: 35px; } #c2 div.section{ float :left; /*width: 323px;*/ width: 390px; position: relative; padding:0 20px 0 0; /*padding:0 20px 0 50px;*/ } .basBlancs #c2 div.section { width: 323px; } #c2 div#desc_gen{color: #383737;padding-bottom: 10px;} #c2 div#desc_gen p, #c2 div.band p{margin: 0 0 10px 0;padding: 0;} #c2 div.band p{float: left;width: 100%;clear: left;} #c2 div.band img{border: 0px;margin-left: 10px;margin-bottom: 0px;float: right;} #c2 div.band span {font-weight:bold; } #c2 h6.subtitre{padding: 0px;margin: 0px;font-size: 10px;padding-bottom: 5px;} #c2 h6.instruement{font-size: 12px;padding: 0px;margin: 0px;font-weight: normal;padding-bottom: 15px;} /* COLONNE 3 ///////////////////////////////////////////////////////////////////////////*/ #c3 a{color:#383737; text-decoration:none; font-weight: bold;} #c3 a:hover{color: #58b051;cursor: pointer; text-decoration:none} #c3 .cd_top{position: relative; display:block; width: 267px;height: 181px; background: url(../images/cd_pat_groulx_itune.jpg) top left no-repeat;} #c3 ul#song{ width: 267px; list-style: none;padding: 10px 0;margin: 0;font-weight: bold; } #c3 ul#song li{display:block;width: 237px;height: 19px;padding-left: 30px; background: url(../images/bg_songs.gif) 25px 0 no-repeat;} #c3 ul#song li span.num{float:left;display: block;color:#58b051; width: 15px;padding-top: 4px;text-align: center;} #c3 ul#song li span.nom{float:left;display: block;width: 170px;padding-top: 4px;padding-left: 25px;} #c3 ul#song li span.phone{background: url(../images/phone.gif) 3px 3px no-repeat;} #c3 .infos {margin:10px 35px; font-size:9px} #c3 ul.logos { list-style-type:none; margin: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 a { display: block; } #c3 ul.logos li.first { padding-top:0; } #c3 ul.logos li.last { background:none; } #c3 #vieil_album { background:url(../images/bg_vieil_album.jpg) bottom no-repeat;margin:15px 25px; width:221px; height:auto !important; height:86px; min-height:86px; position:relative;} #c3 #vieil_album #cover { display:block; background:url(../images/bas_blancs_cover.jpg) bottom no-repeat;width:73px; height:73px; position:absolute; top:6px; left:6px;} #c3 #vieil_album #cover span {display:none;} #c3 #vieil_album .extrait span.phone{display:block; background: url(../images/phone.gif) 8px 12px no-repeat; padding: 3px 0 0 30px;} #c3 #vieil_album .extrait {display:block; position:absolute; top:25px; left:86px; font-size:10px} #c3 div#extrait{display:block; margin:25px 0 0 0; height: 52px; width: 201px; background: url(../images/extraits_title.gif) 35px top no-repeat; padding-top: 24px; position:relative; } #c3 div#extrait div.video {display:block; width: 230px;height: 19px;padding:3px 0 0 35px; background: url(../images/bg_songs.gif) 25px 0 no-repeat;} #c3 div#extrait div.video a{display: block;height: 13px;padding-left: 20px;background: url(../images/video_icon.jpg) no-repeat;} /* 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.gif) left top no-repeat;} #section_faq div.qr span.none{display:none;} /* 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.gif) 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} /* BLOGUE ---------------------------------------------------------------- */ /* Styles génériques à travers le site :: partagés avec l'accueil! */ #blogue ul {list-style-type:none; padding:0 30px 0 0; 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 0; padding: 5px 0; border-top: 1px solid #ddd;} #blogue ul.commentaires { margin:0;} #blogue .bottom_blogue_links { margin:-10px 0 20px 0;} #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:34px; right:15px } div.rss a { background: url(../images/feed-icon-16x16.gif) top left no-repeat;display: block; width:16px;height: 16px;padding:0;} #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:35px;} #c2 a.fanclub {background: url(../images/blogue_fanclub_btn.gif) 0 0 no-repeat; right: 121px;} #c2 a.fanclub:hover, #c2 a.mecrire:hover {background-position: 0 -20px;} #c2 a.mecrire {background: url(../images/blogue_mecrire_btn.gif) 0 0 no-repeat; right: 23px;} /* SPECTACLES ---------------------------------------------------------------- */ #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;} /* 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;} /* 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);} /* BOUTIQUE ---------------------------------------------------------------- */ #section_boutique #elements { /*padding-top:22px;*/} #section_boutique #elements ul{padding:0 20px 0 0; /*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;} /* 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;} /* 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_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;} /* FOOTER ---------------------------------------------------------------- */ #f {display:block; clear:both; background: #f9f9f9; position: relative; margin-top: 40px; padding:20px 0; height:38px; text-align: center;} #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 0;} #logo_footer a {margin-right:8px;}