/******** Modification : 04/2009 par KV ********/ /******** Modification : 12/2009 par AG ********/ /******** PRINCIPALES COULEURS UTILISEES ********/ /* */ /**************************************************************************************************************************/ /* RESET ******************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,del, dfn, font, img, ins, kbd, samp, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /**** Remember to define focus styles! ****/ :focus {outline: 0;} body { line-height: 1; color: black; background: white; } ul { list-style: none; } /**** tables still need 'cellspacing="0"' in the markup ****/ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align:top; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /**************************************************************************************************************************/ /* XHTML GENERAL **********************************************************************************************************/ html { font-size: 13px; } body { background: #fff; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #635454; line-height: 20px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 6px 0; font-family: Georgia, serif; } h1 { font-size: 30px; margin: 13px 0 19px 0; font-weight: normal; color: #d63e70; line-height: 28px; } h1 a { color: #d63e70; text-decoration: none; } h1 a:hover { color: #d63e70; text-decoration: underline; } h2 { font-size: 20px; margin: 30px 0 11px 0; font-weight: normal; color: #007361; line-height: 22px; } h2 a { color: #007361; text-decoration: none; } h2 a:hover { color: #007361; text-decoration: underline; } h3 { font-size: 14px; margin: 20px 0 15px 10px; font-weight: bold; color: #a35a50; text-transform: uppercase; line-height: 16px; } h3 a { color: #a35a50; text-decoration: none; } h3 a:hover { text-decoration: underline; } h4 { font-size: 14px; font-weight: bold; color: #007361; line-height: 14px; margin: 5px 0 15px 10px; padding: 0; } h4 a { color: #007361; text-decoration: none; } h4 a:hover { color: #007361; text-decoration: underline; } p { margin: 0 0 20px 10px; } a { color: #c50a48; text-decoration: none;} a:hover { color: #c50a48; text-decoration: underline; } th { color: #FFFFFF; background-color: #999999; padding: 5px; text-transform: uppercase; font-size: 12px; } th span { text-transform: none; } th a { color:#FFFFFF; } td { padding: 5px;} form img {vertical-align: middle;} input { color:#000000; font-size: 10px; margin: 4px 0; vertical-align: middle; } select, option { color:#000000; font-size: 10px; padding-left: 4px;} textarea { color:#000000; font-size: 10px; margin: 6px 0;} img { border: none; } /**************************************************************************************************************************/ /* CLASSES GENERALES*******************************************************************************************************/ .clearfloat { clear: both;} .fl-droite { float: right; } .fl-gauche { float: left; } .droite { text-align: right;} .gauche { text-align: left;} .centre { text-align: center;} .txt-italique { font-style: italic; } .txt-raye { text-decoration:line-through; } .txt-gras { font-weight: bold; } .nobr { white-space: nowrap; } .overflow-hide { overflow: hidden;} .nodisplay { display: none;} .gris { color: #635454; } .ligne1 { width: 100%; height: 5px; border: none; border-top: #cccccc dashed 1px; } .espace { margin: 0; padding: 0; width: 100%; height: 30px; } .alignnone { float: left; margin: 0 20px 10px 0; } /**************************************************************************************************************************/ /* STRUCTURE / ARMATURE ***************************************************************************************************/ #enveloppe-page { width: 960px; margin: auto; background: #fff; } /**** Entete ****/ #en-tete { position: relative; display: block; height: 208px; margin-bottom: 12px; } #en-tete #sur-en-tete { border-bottom: 1px solid #abb5ac; height: 22px; padding: 10px; margin: 0 0 11px; line-height: 22px; } #en-tete #sur-en-tete #elem_newsletter { display: block; position: relative; float: left; font-size: 13px; color: #382f38; } #en-tete #sur-en-tete #elem_newsletter .form_text { font-size: 12px; color: #7d7779; border: 0; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_newsletter.gif) left 1px no-repeat; width: 156px; height: 22px; margin: 0 0 0 8px ; padding: 3px 36px 0 5px; } #en-tete #sur-en-tete #elem_newsletter .bouton { display: block; position: absolute; width: 24px; height: 16px; top: 5px; right: 4px; margin: 0; padding: 0; } #en-tete #sur-en-tete #assistance_telephonique { color: #382f38; text-align: right; font-size: 12px; } #en-tete #sur-en-tete #assistance_telephonique strong { font-size: 16px; font-weight: normal; } #en-tete #savoir_bio { position: absolute; top: 180px; right: 10px; } /*#en-tete #savoir_bio { position: absolute; top: 180px; right: 208px; } #en-tete #ordonnance_beaute { position: absolute; top: 180px; right: 10px; }*/ #en-tete #bann_head { position: absolute; top: 50px; right: 180px; } #en-tete #liens_ss_logo,#en-tete #liens_ss_logo_it { position: absolute; top: 180px; left: 0px; font-size: 12px; font-family: Georgia, serif; } #en-tete #liens_ss_logo ul,#en-tete #liens_ss_logo_it ul { margin: 0; padding: 0; } #en-tete #liens_ss_logo li, #en-tete #liens_ss_logo_it li { display: inline; float: left; } #en-tete #liens_ss_logo a { color: #c50a48; margin: 0 0 0 3px; display: block; text-indent: -5000px; overflow: hidden; height: 30px; background: transparent url(/_boutiques/MYSWEETBIO//site_image/msb_sprite-menu.png) left top no-repeat; } #en-tete #liens_ss_logo_it a { color: #c50a48; margin: 0 0 0 3px; display: block; text-indent: -5000px; overflow: hidden; height: 30px; background: transparent url(/_boutiques/MYSWEETBIO//site_image/msb_sprite-menu-it.png) left top no-repeat; } /* sous-menu francais */ #en-tete #liens_ss_logo #liens_ss_logo_1 a { width: 84px; background-position: -3px top; } #en-tete #liens_ss_logo #liens_ss_logo_2 a { width: 83px; background-position: -90px top; } #en-tete #liens_ss_logo #liens_ss_logo_3 a { width: 71px; background-position: -176px top; } #en-tete #liens_ss_logo #liens_ss_logo_4 a { width: 104px; background-position: -250px top; } #en-tete #liens_ss_logo #liens_ss_logo_5 a { width: 169px; background-position: -357px top; } #en-tete #liens_ss_logo #liens_ss_logo_1 a:hover { background-position: -3px -30px; } #en-tete #liens_ss_logo #liens_ss_logo_2 a:hover { background-position: -90px -30px; } #en-tete #liens_ss_logo #liens_ss_logo_3 a:hover { background-position: -176px -30px; } #en-tete #liens_ss_logo #liens_ss_logo_4 a:hover { background-position: -250px -30px; } #en-tete #liens_ss_logo #liens_ss_logo_5 a:hover { background-position: -357px -30px; } /* fin sous-menu francais */ /* sous-menu italien */ #en-tete #liens_ss_logo_it #liens_ss_logo_1_it a { width: 57px; background-position: -3px top; } #en-tete #liens_ss_logo_it #liens_ss_logo_2_it a { width: 83px; background-position: -64px top; } #en-tete #liens_ss_logo_it #liens_ss_logo_3_it a { width: 91px; background-position: -152px top; } #en-tete #liens_ss_logo_it #liens_ss_logo_4_it a { width: 141px; background-position: -247px top; } #en-tete #liens_ss_logo_it #liens_ss_logo_5_it a { width: 128px; background-position: -394px top; } #en-tete #liens_ss_logo_it #liens_ss_logo_1_it a:hover { background-position: -3px -30px; } #en-tete #liens_ss_logo_it #liens_ss_logo_2_it a:hover { background-position: -64px -30px; } #en-tete #liens_ss_logo_it #liens_ss_logo_3_it a:hover { background-position: -152px -30px; } #en-tete #liens_ss_logo_it #liens_ss_logo_4_it a:hover { background-position: -247px -30px; } #en-tete #liens_ss_logo_it #liens_ss_logo_5_it a:hover { background-position: -394px -30px; } /* fin sous-menu italien */ #nos_marques { margin: 2px 0 0 10px; } #nos_marques select { padding: 3px 3px 3px 20px; border: 1px solid #697573; background: #fff url("/_boutiques/MYSWEETBIO//site_image/mini-logo.gif") 2px 1px no-repeat;} #nos_marques .select { } #nos_marques .lien { width: 180px; margin: 4px 0 0 0; padding: 4px 5px 3px 24px; font-size: 11px; color: #635454; border: 1px solid #697573; background-color: white; line-height: 14px; background: #fff url("/_boutiques/MYSWEETBIO//site_image/mini-logo.gif") 2px 1px no-repeat; display: none;} #nos_marques .lien:hover { text-decoration: none; } /**** Page et colonnes ****/ /* Conteneur */ #conteneur { position: relative; display: block; background: transparent;} #conteneur-interne { display: block;} #conteneur-interne #ss-en-tete { position: relative; bottom: 0; width: 100%; height: 69px; padding: 9px 0 0; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_ss_entete.png) left bottom no-repeat; } /* Colonnes */ #col-g { float: left; position: relative; display: block; width: 240px; left: 0; margin: 0; padding: 0; margin-top: 24px; } /* Resolution bug des 3px ss IE6 */ * html #col-g { margin: 0 -3px 0 auto;} .rs_index #col-g { display: none; } #col-g p { margin-left: 0; } #col-g h2 { margin-left: 10px; } .col-interne { margin: 30px 10px 10px; } .colg { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_colg_middle.gif) left top repeat-y; } .colg .colg-top { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_colg_top.gif) left top no-repeat; padding: 10px 0 0 0; } .colg .colg-bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_colg_bottom.gif) left bottom no-repeat; padding: 0 10px 10px 10px; } /* *** Sliders *** */ #col-g ul#liste-pro-consult-struct, #col-g ul#liste-pro-consult-struct2 { margin: 0; padding: 0; list-style: none; } /* Slider des produits consultes = STRUCTURE > COLONNE */ #pro-consult-box-struct { height: 144px; width: 144px; margin: 0 auto; overflow: hidden; position: relative; } /* Slider des best-sellers = STRUCTURE > COLONNE (INCLUDE) */ #pro-consult-box-struct2 { height: 144px; width: 144px; margin: 0 auto; overflow: hidden; position: relative; } /* Slider des produits preferes = INDEX (INCLUDE) */ #pro-consult-box-struct3 { height: 272px; width: 440px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; list-style: none; } /* Slider des coups de coeurs = INDEX (INCLUDE) */ #pro-consult-box-struct4 { height: 144px; width: 295px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; list-style: none; } #pro-consult-box-struct4 a:hover { text-decoration: none; } #liste-pro-consult-struct, #liste-pro-consult-struct2 { height: 144px; width: 2600px; position: absolute; top: 0; left: 0; } #liste-pro-consult-struct3 { height: 272px; width: 2600px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } #liste-pro-consult-struct4 { height: 144px; width: 2600px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } #liste-pro-consult-struct .bloc-produit { height: 144px; width: 144px; border: none; float: left; margin: 0; text-indent: 0; text-align: center; } #liste-pro-consult-struct2 .bloc-produit { height: 144px; width: 144px; border: none; float: left; margin: 0; text-indent: 0; text-align: center; } #liste-pro-consult-struct3 .bloc-produit { height: 272px; width: 144px; border: none; float: left; margin: 0 4px 0 0; padding: 0; text-indent: 0; text-align: left; } #liste-pro-consult-struct4 .bloc-produit { height: 144px; width: 295px; border: none; float: left; margin: 0; padding: 0; text-indent: 0; text-align: left; } #liste-pro-consult-struct .bloc-produit a { color: #999; text-decoration: none; } #liste-pro-consult-struct2 .bloc-produit a { color: #999; text-decoration: none; } #liste-pro-consult-struct3 .bloc-produit a { } #liste-pro-consult-struct4 .bloc-produit a { } #liste-pro-consult-struct .bloc-produit a:hover { color: #ADCC29; text-decoration: none; } #liste-pro-consult-struct2 .bloc-produit a:hover { color: #ADCC29; text-decoration: none; } #liste-pro-consult-struct3 .bloc-produit a:hover { text-decoration: none; } #liste-pro-consult-struct4 .bloc-produit a:hover { } #liste-pro-consult-struct3 p { font-size: 11px; font-weight: normal; margin: 0; padding: 0; line-height: 15px; } #liste-pro-consult-struct4 span { font-size: 11px; font-weight: normal; margin: 0; padding: 0; line-height: 15px; } #liste-pro-consult-struct4 .liens { display: block; } #liste-pro-consult-struct3 .bloc-produit .marque { width: 140px; color: #a35a50; margin-top: 5px; height: 16px; } #liste-pro-consult-struct4 .bloc-produit .marque { float: left; width: 150px; margin-top: 4px; color: #a35a50; } #liste-pro-consult-struct3 .bloc-produit .pdt { float: left; position: relative; width: 140px; height: 45px; color: #635454; } #liste-pro-consult-struct4 .bloc-produit .pdt { float: left; width: 150px; height: 45px; margin-top: 4px; color: #635454; } #liste-pro-consult-struct3 .bloc-produit .note { width: 150px; height: 40px; margin: 0; padding: 0; overflow: hidden; } #liste-pro-consult-struct3 .bloc-produit .note img { margin: 10px 0 0 0; padding: 0; } #liste-pro-consult-struct4 .bloc-produit .note {float: left; width: 150px; height: 15px; margin: 4px 0 0 0; padding: 0; overflow: hidden; text-align: center; } #liste-pro-consult-struct4 .bloc-produit .note img { margin: -15px 0 0 0; padding: 0; } #liste-pro-consult-struct3 .bloc-produit .prix { color: #140516; width: 140px; height: 16px; } #liste-pro-consult-struct4 .bloc-produit .prix { float: left; width: 150px; height: 20px; color: #140516; text-align: center; margin: 4px 0 0 -4px; padding: 0; } #liste-pro-consult-struct4 .bloc-produit .infos { display: block; float: left; width: 150px; height: 25px; margin: 4px 0 0 0; padding: 0; text-align: center; } #liste-pro-consult-struct4 .bloc-produit .infos img { margin: 0; padding: 0; } #liste-pro-consult-struct .bloc-produit .imglink { display: block; height: 70px; width: 70px; overflow: hidden; float: left; } #liste-pro-consult-struct2 .bloc-produit .imglink { display: block; height: 144px; width: 144px; overflow: hidden; float: left; } #liste-pro-consult-struct3 .bloc-produit .imglink { display: block; height: 144px; width: 144px; overflow: hidden; margin: 0; padding: 0; } #liste-pro-consult-struct4 .bloc-produit .imglink { display: block; height: 144px; width: 144px; overflow: hidden; float: left; margin: 0; padding: 0; } #liste-pro-consult-struct .bloc-produit img { margin: 4px 0 0 4px;} #liste-pro-consult-struct2 .bloc-produit img { margin: 0; } #liste-pro-consult-struct3 .bloc-produit img { margin: 0; } #liste-pro-consult-struct4 .bloc-produit img { margin: 0; padding: 0; } #liste-pro-consult-struct .bloc-produit .first img, #liste-pro-consult-struct2 .bloc-produit .first img { margin-left: 0; } #liste-pro-consult-struct3 .bloc-produit .first img { margin-left: 0; } #liste-pro-consult-struct4 .bloc-produit .first img { margin-left: 0; } #liste-pro-consult-struct .bloc-produit .firstline img, #liste-pro-consult-struct2 .bloc-produit .firstline img { margin-top: 0; } #liste-pro-consult-struct3 .bloc-produit .firstline img { margin-top: 0; } #liste-pro-consult-struct4 .bloc-produit .firstline img { margin-top: 0; } #liste-pro-consult-struct li, #liste-pro-consult-struct2 li { float: left; width: 144px; } #liste-pro-consult-struct3 li { float: left; width: 144px; } #liste-pro-consult-struct4 li { float: left; width: 295px; margin: 0; padding: 0; } .fleche-gauche, .fleche-droite { height: 144px; overflow: hidden; text-align: center; width: 18px; } #pdts-preferes .fleche-gauche, #pdts-preferes .fleche-droite { height: 100px; overflow: hidden; text-align: center; width: 18px; margin: 0; padding: 20px 5px; } .fleche-gauche { float: left; } .fleche-droite { float: right; } .fleche-gauche img, .fleche-droite img { margin: 54px 0 0 !important; } /* Pages */ #contenu-principal { position: relative; display: block; height: 1%; padding: 0 10px; overflow: hidden; margin-top: 20px; } /**** Pied de page ****/ #pied-page { display: block; border-top: 1px solid #abb5ac; margin-top: 34px; margin-bottom: 30px; } #pied-page .footer_col { float: left; width: 195px; margin: 0 35px 0 10px; } #pied-page h2 { color: #007361; font-size: 16px; margin: 15px 0 7px; } #pied-page h2 a { color: #007361; text-decoration: none; } #pied-page h2 a:hover { color: #007361; text-decoration: underline; } #pied-page ul { margin: 0 0 0 10px; padding: 0; } #pied-page p { margin: 0 0 10px; padding: 0; } #pied-page li { color: #635454; font-size: 11px; line-height: 18px; } #pied-page li a { color: #635454; text-decoration: none; } #pied-page li a:hover { color: #635454; text-decoration: underline; } /**** Autres elements et blocs ****/ #elem_panier, #elem_compte { position: absolute; width: 158px; right: 10px; padding: 0; color: #fff; font-size: 16px; font-family: Georgia, serif; } #elem_panier { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_panier.png) left top no-repeat; top: 60px; height: 50px; padding: 10px 0 0 64px; width: 94px; line-height: 22px; } #elem_panier div { font-size: 14px; } #elem_compte { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_compte.png) left top no-repeat; top: 130px; height: 30px; line-height: 30px; text-align: center; } #elem_panier a, #elem_compte a { color: #fff; text-decoration: none; } #elem_panier a:hover, #elem_compte a:hover { color: #fff; text-decoration: none; } #elem_rechercher { position: absolute; bottom: 8px; right: 11px; width: 247px; text-align: right; } #elem_rechercher .form_text { border: 0; margin: 0; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_recherche.gif) left top no-repeat; width: 155px; float: left; height: 17px; line-height: 17px; font-size: 13px; padding: 3px 6px; } #elem_rechercher .form_image { float: right; margin: 0; padding: 0; } /*#elem_rechercher #link_rech_avancee { position: relative; top: 1px; margin: 0; padding: 0 0 0 13px; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_link_rech_avancee.gif) left center no-repeat; font-size: 11px; }*/ #elem_menu { margin: 8px 0; } #elem_menu ul { margin: 0; padding: 0; list-style: none; } #elem_menu li { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #635454; line-height: 22px; } #elem_menu li.liste { margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #635454; line-height: 22px; } #elem_menu a { color: #635454; text-decoration: none; } #elem_menu a.active { color: #d63e70; } #elem_menu a:hover { color: #d63e70; text-decoration: underline; } #elem_menu h3 { font-size: 16px; font-weight: normal; color: #a35a50; line-height: 22px; margin: 20px 0 0 0; padding: 0; } #elem_menu h3.first { margin: 0; } #fil_ariane { color: #635454; font-size: 12px; line-height: 14px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; } #fil_ariane a { color: #635454; text-decoration: none; } #fil_ariane a:hover { color: #d63e70; text-decoration: underline; } /**** Classes recurentes - Blocs ****/ .bloc_xs { width: 160px; margin: 3px auto;} .bloc_s { width: 400px; margin: 3px auto;} .bloc_m { width: 480px; margin: 3px auto;} .bloc_l { width: 600px; margin: 3px auto;} .encart-dynamique { margin: 25px 0 0 0;} .encart-dynamique li { } .i-frame { background: #FFF; padding: 4px 8px;} .i-frame form input { margin: 3px 0 10px 0;} .i-frame p { margin: 0;} .box-img { } /**** Alertes ****/ .alerte_erreur { color: #a35a50; font-weight: normal; font-size: 12px; font-weight: bold; } .alerte_info { color: #a35a50; font-weight: normal; font-size: 12px; font-weight: normal; } /**************************************************************************************************************************/ /* PAGES ******************************************************************************************************************/ /**** Home ****/ #home { margin: 0; padding: 0; } #home h1 { font-size: 26px; margin: 14px 0 20px 10px; font-weight: normal; color: #d63e70; } #home h1 a { color: #d63e70; text-decoration: none; } #home h1 a:hover { color: #d63e70; text-decoration: underline; } #home h2 { font-size: 20px; margin: 26px 0 12px 10px; font-weight: normal; color: #007361; } #home h3 { font-size: 20px; margin: 20px 0 11px 10px; font-weight: normal; color: #d63e70; text-transform: none; } #carrousel { position: relative; width: 538px; height: 230px; overflow: hidden; float: left; margin: 0 20px 0 0; padding: 1px; background: #7d7779; } #carrousel p { margin: 0; padding: 0; } #content_carrousel { } #liens_carrousel { position: absolute; right: 15px; bottom: 10px; } #liens_carrousel a { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #7d7779; background: #fff; text-decoration: none; color: #7d7779; width: 19px; height: 19px; line-height: 19px; text-align: center; } #liens_carrousel a.actif, #liens_carrousel a:hover { background: #7d7779; color: #fff; text-decoration: none; } #img_carrousel { display: none; } #txt-home { overflow: hidden; color: #635454; font-size: 14px; line-height: 20px; font-family: Georgia, serif; } #txt-home a { color: #c50a48; text-decoration: none; } #txt-home a:hover { color: #c50a48; text-decoration: underline; } #home-gauche {position: relative; width: 540px; float: left; margin: 0 20px 0 0; padding: 0;} #home-gauche .top { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_top.gif) left top no-repeat; width: 540px; height: 5px; overflow: hidden; } #home-gauche .middle { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_middle.gif) left top repeat-y; width: 540px; } #home-gauche .bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_bottom.gif) left top no-repeat; width: 540px; height: 5px; line-height: 5px; overflow: hidden; } #news-home { width: 520px; height: 146px; margin: 0; padding: 10px; overflow: hidden; } #news-home h3 { margin: 0 0 8px 0; padding: 0; font-size: 15px; font-weight: bold; color: #635454; line-height: 16px; text-transform: } #news-home img { float: left; margin: -4px 8px 0 0; padding: 0; } #news-home p { margin: 0 0 8px 0; padding: 0; font-size: 12px; line-height: 17px; } #news-home .date { margin: 0 0 8px 0; padding: 0; } #news-home .accroche { margin: 0 0 4px 0; padding: 0; height: 68px; overflow: hidden; } #news-home .infos { margin: 0; padding: 0; float: right; width: 92px; height: 25px; border: none; } #pdts-preferes { width: 520px; height: 272px; margin: 0; padding: 12px 10px; } #pdts-preferes ul { } #pdts-preferes li { } #pdts-preferes img { } #pdts-preferes a { } #home-gauche-ss1 { position: relative; width: 220px; float: left; margin: 0 20px 0 0; padding: 0;} #home-gauche-ss1 .top { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss1_top.gif) left top no-repeat; width: 220px; height: 5px; overflow: hidden; margin: 0; padding: 0; } #home-gauche-ss1 .middle { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss1_middle.gif) left top repeat-y; width: 220px; } #home-gauche-ss1 .bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss1_bottom.gif) left top no-repeat; width: 220px; height: 5px; overflow: hidden; margin: 0; padding: 0; } #blog-camille { width: 200px; height: 156px; margin: 0; padding: 5px 10px; } #blog-camille .txt { height: 122px; overflow: hidden; margin: 0; padding: 0; } #blog-camille h3 { position: relative; float: left; width: 196px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #635454; line-height: 16px; overflow: hidden; } #blog-camille p { position: relative; float: left; width: 196px; margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #635454; line-height: 16px; overflow: hidden; } #blog-camille .infos { margin: 8px 0 0 0; padding: 0; float: right; width: 92px; height: 25px; border: none; } #home-gauche-ss2 { position: relative; width: 300px; float: left; margin: 0 20px 0 0; padding: 0; float: left; } #home-gauche-ss2 .top { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss2_top.gif) left top no-repeat; width: 300px; height: 5px; overflow: hidden; margin: 0; padding: 0; } #home-gauche-ss2 .top2 { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss3_top.gif) left top no-repeat; width: 300px; height: 5px; overflow: hidden; margin: 0; padding: 0; } #home-gauche-ss2 .middle { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss2_middle.gif) left top repeat-y; width: 300px; } #home-gauche-ss2 .middle2 { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss3_middle.gif) left top repeat-y; width: 300px; } #home-gauche-ss2 .bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss2_bottom.gif) left top no-repeat; width: 300px; height: 5px; margin: 0; padding: 0; } #home-gauche-ss2 .bottom2 { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homeg_ss3_bottom.gif) left top no-repeat; width: 300px; height: 5px; margin: 0; padding: 0; } #my-sweet { width: 280px; height: 44px; margin: 0; padding: 5px 10px; } #star-mois { width: 280px; height: 44px; margin: 0; padding: 5px 10px; } #my-sweet p, #star-mois p { height: 32px; width: 280px; margin: -2px 0 0 0; padding: 0; font-size: 12px; font-weight: normal; color: #635454; line-height: 16px; overflow: hidden; } #my-sweet span, #star-mois span { font-weight: bold; } #my-sweet a, #star-mois a { position: relative; float: right; margin: 0; padding: 0; font-size: 12px; } #home-droite { position: relative; width: 380px; float: left; margin: 0; padding: 0; } #home-droite .top { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homed_top.gif) left top no-repeat; width: 380px; height: 5px; overflow: hidden; margin: 0; padding: 0; } #home-droite .middle { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homed_middle.gif) left top repeat-y; width: 380px; } #home-droite .bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_homed_bottom.gif) left top no-repeat; width: 380px; height: 5px; overflow: hidden; margin: 0; padding: 0; } #coups-coeur { width: 360px; height: 146px; margin: 0; padding: 10px; } #comment-pdts { width: 360px; height: 148px; margin: 0; padding: 10px; } #comment-pdts h3 { position: relative; float: left; height: 34px; width: 144px; margin: -4px 0 0 0; padding: 0; font-size: 12px; font-weight: bold; color: #635454; line-height: 16px; overflow: hidden; } #comment-pdts a img { position: relative; float: left; width: 144px; height: 144px; margin: 0; padding: 0; } #comment-pdts a.liens, #comment-pdts a:hover.liens { text-decoration: none; } #comment-pdts p { position: relative; float: left; width: 212px; height: 71px; margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #635454; line-height: 16px; overflow: hidden; text-decoration: none; } #comment-pdts .note { position: relative; float: right; width: 110px; height: 15px; margin: 8px 0 0 0; padding: 0; overflow: hidden; text-decoration: none; } #comment-pdts .note img { position: relative; float: right; top: -15px; right: -4px; } #comment-pdts .infos { position: relative; float: right; margin: 4px 0 0 0; padding: 0; width: 172px; height: 25px; border: none; text-decoration: none; } #site-avis { width: 350px; /*height: 208px;*/ margin: 0; padding: 4px 6px 4px 10px; } #site-avis h3 { position: relative; float: left; height: 16px; width: 350px; margin: 0 0 2px 0; padding: 0; font-size: 12px; font-weight: bold; color: #635454; line-height: 16px; overflow: hidden; } #site-avis p { position: relative; float: left; height: 48px; width: 350px; margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #635454; line-height: 16px; overflow: hidden; } #site-avis .titre { position: relative; float: left; height: 16px; width: 350px; margin: 4px 0; padding: 0; font-size: 12px; font-weight: normal; color: #635454; line-height: 16px; overflow: hidden; text-transform: uppercase;} #site-avis .msg { position: relative; float: left; height: 34px; width: 350px; margin: 0 0 2px 0; padding: 0; font-size: 12px; font-weight: normal; color: #635454; line-height: 16px; overflow: hidden; } #site-avis .note { position: relative; width: 350px; height: 15px; margin: 4px 20px 0 0; overflow: hidden; } #site-avis .note img { position: relative; float: right; top: -15px; right: -4px; } #site-avis .infos { position: relative; float: right; margin: 4px 0 0 0; padding: 0; width: 172px; height: 25px; border: none; } /**** Categories x6 ****/ .bloc-rayon { display: block; font-size: 14px; width: 220px; margin-left: 20px; margin-bottom: 20px; text-align: right; font-family: Georgia, serif; color: #d63e70; } .bloc-rayon.first { margin-left: 0; } .bloc-rayon .img-rayon { overflow: hidden; height: 130px; width: 220px; } .bloc-rayon .nom-rayon { overflow: hidden; height: 20px; width: 220px; font-weight: bold; margin: 0; padding: 0; text-transform: none; } .bloc-rayon a { color: #d63e70; text-decoration: none; } .bloc-rayon a:hover { color: #d63e70; text-decoration: underline; } #selection { margin: 0; padding: 0; } #selection .produits { float: left; margin: 0 0 20px 0; padding: 0; width: 340px; height: 216px; } #selection .produits-first { float: left; margin: 0 20px 20px 0; padding: 0; width: 340px; height: 216px; } #selection .produits .top { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_selection_top.gif) left top no-repeat; width: 340px; height: 5px; line-height: 4px; margin: 0; padding: 0; overflow: hidden; } #selection .produits .middle { display: block; position: relative; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_selection_middle.gif) left top repeat-y; width: 310px; height: 184px; margin: 0; padding: 15px; } .produits .middle .fl-g { display: block; position: relative; float: left; width: 144px; height: 184px; margin: 0 10px 0 0; padding: 0; } .middle .fl-g img { width: 144px; height: 144px; margin: 0; padding: 0; } .middle .fl-g .note { width: 110px; height: 30px; margin: 10px 15px 0 15px; padding: 0; } .middle .fl-g .index { display: block; position: absolute; margin: 0; padding: 0; top: 4px; left: 5px;} .middle .fl-g .index .new { width: 61px; height: 15px; margin: 0 2px 0 3px; padding: 0; float: left; } .middle .fl-g .index .promo { width: 58px; height: 15px; margin: 0 2px 0 3px; padding: 0; float: left; } .produits .middle .fl-d { display: block; position: relative; float: right; width: 156px; height: 184px; margin: 0; padding: 0; } .middle .fl-d .marque { font-size: 11px; color: #a35a50; line-height: 15px; margin: 0; padding: 0; height: 15px; overflow: hidden; } .middle .fl-d .pdt { font-size: 11px; color: #635454; line-height: 15px; margin: 0; padding: 0; height: 45px; overflow: hidden; } .middle .fl-d .prix { font-size: 10px; color: #6f6f6f; line-height: 15px; margin: 8px 0 0 0; padding: 0; text-align: right;} .middle .fl-d .prix span, .middle .fl-d .prix .prix-reel { color: #140516; font-size: 12px; text-decoration: none;} .middle .fl-d .prix .txt-raye { text-decoration: line-through;} .middle .fl-d .index { margin: 0; padding: 0; display: block; position: absolute; bottom: 40px; left: 0;} .middle .fl-d .index img { width: 42px; height: 42px; margin: 0 5px; padding: 0; float: left;} .middle .fl-d .infos img { display: block; position: absolute; width: 92px; height: 25px; margin: 0; padding: 0; bottom: 0; right: 30px; } #selection .produits .bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_selection_bottom.gif) left top no-repeat; width: 340px; height: 5px; line-height: 4px; margin: 0; padding: 0; overflow: hidden; } /**** Categories ****/ .bloc-produit { width: 33%; height: 260px; margin: 5px 0; padding: 0; } .bp-image { margin: 5px; height: 150px;} .texte-rayon { margin: 0 0 40px 0; padding: 0; min-height: 212px; } .texte-rayon p { color: #2b2525; font-family: Georgia, Times New Roman, serif; margin: 0; padding: 0; } .texte-rayon .img { width: 460px; height: 232px; float: right; overflow: hidden; margin: 0 0 10px 20px; } /**** Fiches produits ****/ .colonne_g_fp { float: left; width: 220px; padding: 0 10px 0 0; margin: 20px 0 0; } .colonne_g_fp .liens { margin: 0; padding: 16px; font-size: 12px; color: #635454; } .colonne_g_fp .liens a { margin: 0; padding: 16px; font-size: 12px; color: #635454; text-decoration: none; margin: 0; padding: 0; } .colonne_g_fp .liens a:hover { color: #635454; text-decoration: underline; margin: 0; padding: 0; } .colonne_g_fp .liens .zoom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/ico-zoom.gif) left top no-repeat; margin: 0; padding: 0 0 15px 28px; line-height: 18px; width: 200px; } .colonne_g_fp .liens .avis-rediger { background: transparent url(/_boutiques/MYSWEETBIO//site_image/ico-rediger.gif) left top no-repeat; margin: 0 0 5px 0; padding: 0 0 0 28px; line-height: 24px; width: 200px; } .colonne_g_fp .liens .avis-lire { background: transparent url(/_boutiques/MYSWEETBIO//site_image/ico-lire.gif) left top no-repeat; margin: 0 0 5px 0; padding: 0 0 0 28px; line-height: 24px; width: 200px; } .colonne_g_fp .liens .envoi-ami { background: transparent url(/_boutiques/MYSWEETBIO//site_image/ico-parler.gif) left top no-repeat; margin: 0 0 5px 0; padding: 0 0 0 28px; line-height: 24px; width: 200px; } .colonne_g_fp h2.en_savoir_plus { font-size: 16px; padding: 0; margin: 18px 0 7px 0; line-height: 18px; } .colonne_g_fp div.en_savoir_plus { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_savoir_plus.gif) left top no-repeat; padding: 10px 0 0; color: #635454; font-size: 12px; line-height: 16px; } .colonne_g_fp div.en_savoir_plus .bottom { background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_savoir_plus.gif) left bottom no-repeat; position: relative; padding: 0 10px 10px 10px; } .colonne_g_fp div.en_savoir_plus p { margin-left: 0; } #prd-onglets { margin: 21px 0 0 0; } #prd-onglets #onglets-box { height: 25px; } #onglets-box .onglet { font-size: 14px; font-family: Georgia, serif; font-weight: normal; color: #635454; text-decoration: none; display: block; padding: 0 0 0 10px; float: left; margin: 0 3px 0 0; height: 25px; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_onglet.gif) left top no-repeat; } #onglets-box .onglet span { padding: 4px 10px 4px 0; display: block; height: 17px; line-height: 17px; background: transparent url(/_boutiques/MYSWEETBIO//site_image/bg_onglet.gif) right top no-repeat; } #onglets-box .onglet:hover, #onglets-box .onglet.active { color: #fff; background-position: left bottom; text-decoration: none; height: 25px; margin-bottom: 0; } #onglets-box .onglet:hover span, #onglets-box .onglet.active span { padding-bottom: 4px; background-position: right bottom; } #prd-onglets .onglet-contenu, #prd-onglets .contenu-sans-onglet { border: 1px solid #8ea19e; padding: 10px; font-size: 12px; line-height: 16px; color: #635454; } #prd-onglets .onglet-contenu p, #prd-onglets .contenu-sans-onglet p { margin: 0 0 10px 0; padding: 0; } #prd-onglets .onglet-contenu h3, #prd-onglets .contenu-sans-onglet h3 { font-weight: normal; margin: 15px 0 10px 0; padding: 0; font-size: 13px; } .fournisseur_prd { font-weight: normal; font-size: 14px; margin: 0; padding: 0; line-height: 16px; } .nom_prd { font-size: 22px; margin: 10px 0; } .prix_prd { font-size: 16px; color: #635454; font-weight: bold; text-align: right; float: right; font-family: Helvetica, Arial, sans-serif; margin: 0; } .description_courte { margin-left: 0; line-height: 16px; font-size: 12px; color: #635454; } .ssp_prd { margin: 0 0 10px; line-height: 16px; } .ssp_prd select { padding: 2px; border: 1px solid #7d7779; max-width: 125px; } .quantite_prd { margin: 10px 0 15px; } .quantite_prd label { font-size: 12px; } .quantite_prd input { border: 1px solid #7d7779; padding: 2px; } .dispo_prd { text-align: center; color: #635454; font-size: 12px; } #bloc_infos { background: #ececec; border: 1px solid #ced3b7; padding: 10px; width: 200px; position: relative; float: left; z-index: 4000; } #bloc_index { position: relative; float: right; margin: 0 0 0 20px; padding: 0; width: 200px; } #bloc_index .div1 { margin: 0 3px 10px 0; padding: 0; } #bloc_index .div2 { margin: 0 5px 0; padding: 0; } #bloc_index div img { height: 42px; } #info-produit { margin: 20px 0 0; padding: 0 10px; overflow: hidden; } #info-produit table { margin: 0;} .vignettes a { margin: 5px 0 0 5px; display: block; float: left; } .vignettes .first a { margin-left: 0; } #produits-associes { height: 228px; width: 440px; margin: 0 auto; padding: 0; overflow: hidden; position: relative; list-style: none; } #produits-associes .bloc-produit { height: 228px; width: 144px; border: none; float: left; margin: 0 4px 0 0; padding: 0; text-indent: 0; text-align: left; } #produits-associes .bloc-produit a, #produits-associes .bloc-produit a:hover { text-decoration: none; } #produits-associes .bloc-produit p { font-size: 11px; font-weight: normal; margin: 0; padding: 0; line-height: 15px; margin: 0; padding: 0; } #produits-associes .bloc-produit .marque { width: 140px; color: #a35a50; margin-top: 5px; } #produits-associes .bloc-produit .pdt { float: left; position: relative; width: 140px; height: 45px; color: #635454; } #produits-associes .bloc-produit .prix { color: #140516; width: 140px; } #produits-associes .bloc-produit .imglink { display: block; height: 144px; width: 144px; overflow: hidden; margin: 0; padding: 0; } #produits-associes .bloc-produit img { margin: 0; } /* largeur a specifier pour centrer le bloc */ #bloc-pro-asso { width: 60px; margin: 0 auto; } .avis-box { margin: 20px auto 12px auto; clear: both;} #maxiZoom { width: 448px; height: 448px; border: 1px solid #8EA19E; position: absolute; left: 250px; top: 30px; background: #fff; z-index: 5000; } #RSPlug_Zoom_surLayer { border: 1px solid #ccc; } /**** Pages web ****/ #pagesWeb { } #pagesWeb p { margin: 5px 0 10px 10px; } #pagesWeb h4 { margin: 20px 0 10px 0; } #pagesWeb table, #pagesWeb tr, #pagesWeb td { margin: 0; padding: 0; } #pagesWeb ul { list-style: circle; } /**** Page presse ****/ #pages-presse { } #pages-presse .vignette { float: left; margin: 0 10px 25px 5px; padding: 0; border: #dadada 1px solid; width: 100px; height: 136px; overflow: hidden; } #pages-presse img { float: left; margin: 0 10px 10px 5px; padding: 0; } #pages-presse p.petit-txt { font-size: 11px; font-style: italic; margin: 0; padding: 0; } #pages-presse div.colonne { display: block; float: left; width: 50%; margin: 0; padding: 0; } /**** Processus de commande ****/ .separateur { color: #888;} #pdc_box { font-size: 16px; color: #CCC; font-weight: normal;} #pdc_box p { margin: 0;} #pdc_box ul { margin: 24px 0 16px 0; } #pdc_box ul li { background: none; border: 1px solid #ccc; float: left; margin: 0 12px; padding: 0 12px; height: 30px; line-height: 30px; text-indent: 0; } #pdc_box ul li.currentstep { border-color: #D63E70; color: #D63E70; } /**** Mescommandes_identification.htm ****/ .form-login { } .form-login label { display: inline-table; width: 120px; text-align: right; } .form-login input { width: 170px;} /**** Commande.htm ****/ #forms_selector a { background: #dadada url(/_boutiques/MYSWEETBIO/theme/cartouches-btn.png) 0 -50px no-repeat; color: #ffffff; display: block; height: 31px; line-height: 31px; width: 160px; } #forms_selector a:hover { background: #f2f2f2 url(/_boutiques/MYSWEETBIO/theme/cartouches-btn.png) 0 -100px no-repeat; text-decoration: none; } #forms_selector a.selected { background: #7b7faf url(/_boutiques/MYSWEETBIO/theme/cartouches-btn.png) 0 0 no-repeat; color: #fff; } #forms_selector li { margin: 1em 1em 2em; text-align: center;} form.com_id label { float: left; width: 45%; text-align: right; line-height: 22px; margin: 0 0 0 4px; } form.com_id textarea { margin: 0 0 0 4px; } form.com_id input { margin: 0 0 0 4px; /*height: 16px;*/ } form.com_id select { margin: 0 0 0 4px; padding: 1px;} .gdemarge { margin-left: 45%;} /**** Recap-commande.htm ****/ td.exergue { background: #efefef; font-size: 1.3em;} /**** Ami.htm ****/ .form-ami { } .form-ami p { width: 50%; float: left;} .form-ami p.bouton { width: 100%;} .form-ami label { display: block; width: 120px; } .form-ami input { width: 80%;} /**** Avis.htm ****/ .form-avis { float: right; margin: 4px 0 12px 12px;} .form-avis p { width: 50%; float: left;} .form-avis label { display: block; width: 160px; } .form-avis input { width: 80%;} .form-avis p.bouton, .form-avis p.alerte_info, .form-avis p.alerte_erreur { width: 100%;} .avis { font-size: 12px;} .meta-avis { margin: 14px 0 6px 0;} /**** Contact.htm ****/ .form-contact { } .form-contact label { display: inline-table; width: 120px; text-align: right; } .form-contact input { width: 212px;} .form-contact textarea { margin: 0 4px;} /**** News.htm ****/ .news { } #news-date-titre { font-size: 11px; font-weight: normal; } .news p { margin: 5px 0 10px 10px; } .news h3 { font-size: 14px; margin: 20px 0 15px 0;} .news h4 { margin: 20px 0 10px 10px; font-size: 15px; } .liste-titres { margin: 0; padding: 0; } .liste-titres ul { margin: 0 0 0 16px; padding: 0; list-style: square; } .liste-titres li { margin: 4px 0; padding: 0; } .liste-titres a { margin: 0; padding: 0; color: #635454; text-decoration: none; } .liste-titres a:hover { margin: 0; padding: 0; color: #c50a48; text-decoration: underline; } /**** Parrainage ****/ .form-parrainplus p { margin: 0;} /**************************************************************************************************************************/ /* STYLES SPECIFIQUES *****************************************************************************************************/ /**** Centrage ****/ .centrage { overflow:hidden; width:100%; } .centrage ul { float:left; left:50%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; } .centrage li { display:inline; float:left; margin:0; padding:0; position:relative; right:50%; } .col1, .col2 { float: left;} .col1 { width: 64.96%; } .col2 { width: 35%;} .col1 p, .col2 p { margin: 0;} .cellule_s { display: block; height: 24px; line-height: 24px; vertical-align: middle;} /**** Formulaires ****/ .form_text { color: #666666; margin: 0 5px;} .form_image { margin: 0; } .form_col { width: 120px;} input.search, input.go { margin: 4px 0 14px; } p.bouton input, .form-avis p.bouton input { border: none; width: auto; } /**** Tableau a couleurs alternees ****/ .styleCell1 { background-color: #E1E1E1; } .styleCell1 img { margin: 3px;} tr.styleCell1 strong { line-height: 23px; margin: 3px;} .styleCell2 { background-color: #F6F6F6; } .styleCell2 img { margin: 3px;} tr.styleCell2 strong { line-height: 23px; margin: 3px;} #form-panier { } #form-panier td { vertical-align: middle; } /**** Styles personnalises ****/ .erreur { color: red !important; font-weight:bold;} .noerreur { } .marginGuides { margin: 20px;} /**** Syspages ****/ .syspage { background: transparent url(/_boutiques/MYSWEETBIO//site_image/syspage.gif) left top no-repeat; width: 678px; height: 31px; margin: 0 0 10px 0; padding: 7px 16px 0 6px; } .syspage img, .syspage a img { display: block; float: left; margin: 0 5px; padding: 0; } .syspage .pages { display: block; float: left; margin: 0; padding: 0; } .syspage .pages strong { font-family: Georgia, Helvetica, Arial; font-size: 18px; font-weight: normal; color: #7e7e7e; margin: 0 5px; padding: 0;} .syspage .syspage_prev { display: none; } .syspage .syspage_next { display: none; } .syspage .syspage_num { font-family: Georgia, Helvetica, Arial; font-size: 18px; margin: 0 5px; padding: 0; } .syspage a.syspage_num { font-family: Georgia, Helvetica, Arial; font-size: 18px; margin: 0 5px; padding: 0; } .syspage .tri { display: block; position: absolute; right: 30px; font-size: 12px; color: #2d2a2a; margin: 0; padding: 2px 0 0 0; } .syspage form SELECT { font-size: 12px; color: #635454; border: #635454 1px solid; width: 120px; height: 20px; margin: 0 0 0 5px; padding: 0;} .syspage2 { background: transparent url(/_boutiques/MYSWEETBIO//site_image/syspage.gif) left top no-repeat; width: 678px; height: 31px; margin: 0 0 10px 0; padding: 7px 16px 0 6px; } .syspage2 .titre { float: left; font-size: 20px; margin: 0; font-weight: normal; color: #007361; line-height: 22px; } .syspage2 .liens {float: right; } .syspage2 img, .syspage2 a img { display: block; float: left; margin: 0 5px; padding: 0; } .syspage2 .pages { display: block; float: left; margin: 0; padding: 0; } .syspage2 .pages strong { font-family: Georgia, Helvetica, Arial; font-size: 15px; font-weight: normal; color: #7e7e7e; margin: 0 5px; padding: 0;} .syspage2 .syspage_prev { display: none; } .syspage2 .syspage_next { display: none; } .syspage2 .syspage_num { font-family: Georgia, Helvetica, Arial; font-size: 15px; margin: 0 5px; padding: 0; } .syspage2 a.syspage_num { font-family: Georgia, Helvetica, Arial; font-size: 15px; margin: 0 5px; padding: 0; }