/** * Feuille de styles CSS initialisant tous les styles des pages ZicMeUp */ /*-- Remise à zéro des valeurs adoptées par défaut par les navigateurs --------------------------------------------------------------------------------------------------*/ * { margin:0; padding:0 } ul, ul li { list-style-type:none } img { border:none } a { color:#FFF; text-decoration:none } a:hover { color:#F8D03B; text-decoration:underline } a img { border:none } input, select, textarea { font-size:.9em } /*-- Définition des couleurs redondantes utilisées sur les pages ZicMeUp --------------------------------------------------------------------------------------------------*/ .zmu_artiste_color { color:#E95E03; } .zmu_membre_color { color:#0FAB30; } .zmu_metier_color { color:#046BA6; } .zmu_boutique_color { color:#02ADF1; } .zmu_gray_color { color:#262628; } .zmu_yellow_color { color:#F8D03B; } /*-- Style de structuration générale des pages ZicMeUp --------------------------------------------------------------------------------------------------*/ html { width:100%; background:url(../images/background.png) center top repeat-y; } body { width:980px; margin:0 auto; font-family:arial,verdana,helvetica,sans-serif; font-size:12px; color:#FFF } /* Liens d'ancrages sur le contenu des pages */ #a_contenu { font-size:1em; text-decoration:none; color:#FFF; } #a_contenu:hover { text-decoration:none; color:#FFF; } /* ------------------------------------------------------------------------------------------------- */ /* -------------------------------- HEADER & FOOTER ------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------- */ /*-- Style du MINI HEADER de ZicMeUp --------------------------------------------------------------------------------------------------*/ #zmu_header_mini { height:67px; width:980px; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; background:#2D2F30 url(../images/zmu_header/mini/bg-header-mini-3.gif) left top no-repeat; } #zmu_header_mini #hdr_logo_zmu { float:left; width:269px; padding:1px 0 0 0 ; text-align:center; } #zmu_header_mini #hdr_accessibility_links { float:left; font-size:0.9em; width:70px; padding:5px 0 0 5px; } #zmu_header_mini #hdr_accessibility_links li { padding-top:5px } #zmu_header_mini #hdr_navigation_links { float:left; font-size:0.9em; width:72px; padding-top:5px; } #zmu_header_mini #hdr_navigation_links li { padding-top:5px } #zmu_header_mini #hdr_search_form { float:left; width:183px; padding:15px 0 0 14px } #zmu_header_mini #hdr_search_form fieldset { border:none; } #zmu_header_mini #hdr_search_form fieldset label { display:none; } #zmu_header_mini #hdr_search_form fieldset div { float:left; padding:4px 0 0 5px; width:123px; height:19px; background:transparent url(../images/zmu_header/mini/bg-rechercher.gif) no-repeat; } #zmu_header_mini #hdr_search_form fieldset input#hdr_search_field { display:block; width:120px; height:16px; border:1px solid #FFF; font-size:0.9em; font-family:verdana,arial,helvetica,sans-serif; } #zmu_header_mini #hdr_search_form fieldset input#hdr_search { display:block; height:23px; float:left; padding-right:5px; } #zmu_header_mini #hdr_media_links { float:left; padding:9px 0 0 8px; width:103px; } #zmu_header_mini #hdr_login_form { float:left; width:245px; padding:0 0 0 10px; } #zmu_header_mini #hdr_login_form fieldset { float:left; border:none; padding:7px 0 0 14px; background:transparent url(../images/zmu_header/mini/bg-login.gif) left 10px no-repeat; } #zmu_header_mini #hdr_login_form fieldset input { display:block; font-family:verdana,arial,helvetica,sans-serif; font-size:0.8em; } #zmu_header_mini #hdr_login_form fieldset #div_login { width:68px; height:16px; padding:4px 0 0 5px; margin-bottom:3px; background:transparent url(../images/zmu_header/mini/bg-input-login.gif) left top no-repeat; } #zmu_header_mini #hdr_login_form fieldset #div_login input { width:62px; border:1px solid #FFF; } #zmu_header_mini #hdr_login_form fieldset #div_mdp { float:left; width:42px; height:16px; padding:4px 0 0 5px; background:transparent url(../images/zmu_header/mini/bg-input-password.gif) left top no-repeat; } #zmu_header_mini #hdr_login_form fieldset #div_mdp input { width:39px; border:1px solid #FFF; } #zmu_header_mini #hdr_login_form fieldset #input_up { float:left; margin:5px 0 0 5px; } #zmu_header_mini #hdr_login_form ul { height:50px; padding:6px 0 0 0; width:145px; float:right; } #zmu_header_mini #hdr_login_form ul li { font-size:0.8em; height:15px; padding:0 0 0 10px; background:transparent url(../images/zmu_header/mini/white-arrow.gif) left center no-repeat;} #zmu_header_mini #hdr_login_form ul li input { vertical-align:middle; width:12px; height:12px; border:1px solid #000; } #zmu_header_mini #hdr_user_panel { float:left; width:245px; padding:0 0 0 10px; font-size:0.8em; } #zmu_header_mini #hdr_user_panel img { display:block; float:left; margin:8px 10px 5px 5px; width:40px; height:40px; } #zmu_header_mini #hdr_user_panel ul { float:left; width:180px; } #zmu_header_mini #hdr_user_panel ul li { float:left; margin-bottom:2px; } #zmu_header_mini #hdr_user_panel ul li.login_user { width:150px; padding:3px 0; text-align:center; clear:both; } #zmu_header_mini #hdr_user_panel ul li.login_user a { display:block; width:150px; overflow:hidden } #zmu_header_mini #hdr_user_panel ul li.li_left { width:60px; text-align:right; padding-right:10px; border-right:1px solid #FFF; } #zmu_header_mini #hdr_user_panel ul li.li_right { width:90px; text-align:left; padding-left:10px; } #zmu_header_mini #hdr_user_panel ul li.li_right a { display:block; width:90px; overflow:hidden; } #zmu_header_end { clear:both; font-size:0.1em; height:10px; } /*-- Style du MENU PRINCIPAL (dans le header) --------------------------------------------------------------------------------------------------*/ ul#zmu_main_menu { width:980px; height:33px; margin-top:11px; float:left; } ul#zmu_main_menu li {display:inline; list-style-type:none;} ul#zmu_main_menu a, ul#zmu_main_menu a:visited {float:left; height:33px; background-position:top} ul#zmu_main_menu a#zmu_main_menu0 { width:103px; background-image: url(../images/zmu_header/menu/myzicmeup.gif)} ul#zmu_main_menu a#zmu_main_menu1 { width:65px; background-image: url(../images/zmu_header/menu/blog.gif)} ul#zmu_main_menu a#zmu_main_menu2 { width:49px; background-image: url(../images/zmu_header/menu/hits.gif)} ul#zmu_main_menu a#zmu_main_menu3 { width:90px; background-image: url(../images/zmu_header/menu/artistes.gif)} ul#zmu_main_menu a#zmu_main_menu4 { width:84px; background-image: url(../images/zmu_header/menu/lesmetiers.gif)} ul#zmu_main_menu a#zmu_main_menu5 { width:100px; background-image: url(../images/zmu_header/menu/annonces.gif)} ul#zmu_main_menu a#zmu_main_menu6 { width:100px; background-image: url(../images/zmu_header/menu/concours.gif)} ul#zmu_main_menu a#zmu_main_menu7 { width:110px; background-image: url(../images/zmu_header/menu/evenements.gif)} ul#zmu_main_menu a#zmu_main_menu11 { width:95px; background-image: url(../images/zmu_header/menu/boutiques.gif)} ul#zmu_main_menu a#zmu_main_menu8 { width:92px; background-image: url(../images/zmu_header/menu/materiel.gif)} ul#zmu_main_menu a#zmu_main_menu9 { width:105px; background-image: url(../images/zmu_header/menu/services.gif); } ul#zmu_main_menu a#zmu_main_menu10 { width:97px; background-image: url(../images/zmu_header/menu/concerts.gif)} ul#zmu_main_menu a.active, ul#zmu_main_menu a:active, ul#zmu_main_menu a:hover, ul#zmu_main_menu a.active:link, ul#zmu_main_menu a.active:visited {background-position:bottom;} ul#zmu_main_menu a span {display:none;} /*-- Style du FOOTER de ZicMeUp --------------------------------------------------------------------------------------------------*/ #footer_clear { font-size:0.1em; clear:both; } #footer_menu { clear:both; height:106px; margin:10px 0 0 0; padding:10px 10px 0 10px; font-size:10px; font-family:verdana,arial,helvetica,sans-serif; border:1px solid #262628; border-bottom:none; } #footer_menu * { margin:0; padding:0 } #footer_menu #footer_entete { float:left; color:#F8D03B; } #footer_menu ul { list-style-type:none; height:95px; float:right; margin-right:15px; padding:5px 5px 5px 25px; } #footer_menu ul.last_ul { margin-right:0; } #footer_menu ul li { list-style-type:none; padding:2px 0; line-height:12px; } #footer_menu #footer_contacts_aide_list { width:91px; background:#000 url(../images/zmu_footer/bg-contacts-aide-list.gif) left top no-repeat; } #footer_menu #footer_general_list { width:191px; background:#000 url(../images/zmu_footer/bg-general-list.gif) left top no-repeat; } #footer_menu #footer_rubriques_list { width:60px; background:#000 url(../images/zmu_footer/bg-rubriques-list.gif) left top no-repeat; } #footer_menu #footer_communaute_list { width:152px; background:#000 url(../images/zmu_footer/bg-communaute-list.gif) left top no-repeat; } #footer_menu #footer_medias_list { width:62px; background:#000 url(../images/zmu_footer/bg-medias-list.gif) left top no-repeat; } /*-- Style des PUBS --------------------------------------------------------------------------------------------------*/ #skyscraper { display:block; float:left; margin:0 15px 0 0; width:160px; height:600px;}