/******** PRINCIPALES COULEURS UTILISEES ********/ /* FONDS Fond body #e3d6bf Fond header 1 #2b2c20 Fond header 2 #4d392c Fond page #fff TYPOS Brun moyen #825f49 Textes... Brun ++ #4d392c Titres carrousel, listes produits... Marron #7b3c2b Header Marron ++ #430b18 Titres (h3) Beige #e3cca2 Boutons menu Vert foncé #647652 Marque, index... Vert foncé ++ #484e37 Contenu input Rouge #c40c02 Titres (h1 et h2) Rouge ++ #960b0f Lien (deconnexion) Orange #d55a00 Liens */ /**************************************************************************************************************************/ /* 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.4em; color: black; background: white; } /**** 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: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /**************************************************************************************************************************/ /* XHTML GENERAL **********************************************************************************************************/ html { font-size: 13px;} body { background: #e3d6bf url(/_boutiques/BELLEBENE//site_image/fond-1.jpg) left top repeat-x; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #825f49; } .fond { width: 100%; /*text-align: center;*/ background: transparent url(/_boutiques/BELLEBENE//site_image/fond-2.jpg) center top no-repeat; } h1, h2, h3, h4, h5, h6 { margin: 0; } h1 { font-size: 24px; font-weight: normal; color: #c40c02; text-transform: none; line-height: 40px; margin-bottom: 12px; border-bottom: 1px solid #e3b86b; } h2 { font-size: 18px; font-weight: normal; color: #c40c02; text-transform: none; line-height: 36px; } .rs_mescommandes_identification #contenu-principal h2, .rs_mescommandes #contenu-principal h2, .rs_panier #contenu-principal h2, .rs_commande #contenu-principal h2, .rs_recap-commande #contenu-principal h2, .rs_choix-paiement #contenu-principal h2 { font-size: 14px; font-weight: bold; color: #430b18; text-transform: none; line-height: 28px; margin-top: 30px; text-transform: uppercase; } h3 { font-size: 14px; font-weight: bold; color: #430b18; text-transform: none; line-height: 28px; } h4 { font-size: 13px; font-weight: bold; color: #825f49; text-transform: uppercase; line-height: 26px; } p { font-size: 13px; font-weight: normal; color: #825f49; text-transform: none; line-height: 19px; } strong { } a { color: #d55a00; text-decoration: none;} a:hover { color: #d55a00; text-decoration: underline; } th { color: #FFFFFF; background-color: #4d392c; line-height: 20px; padding: 5px;} td { padding: 5px; line-height: 1.4em;} form img {vertical-align: middle;} input { color:#484e37; font-size: 12px; margin: 0; padding: 5px; vertical-align: middle; } select { color:#484e37; font-size: 12px; padding: 2px; border: 1px solid #ccc; } option { color:#484e37; font-size: 12px; } textarea { color:#484e37; font-size: 12px; margin: 0; padding: 5px; } /**************************************************************************************************************************/ /* 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;} .gras { font-weight: bold; } .txt-italique { font-style: italic; } .nobr { white-space: nowrap; } .overflow-hide { overflow: hidden; height: 1%;} .nodisplay { display: none;} /**************************************************************************************************************************/ /* STRUCTURE / ARMATURE ***************************************************************************************************/ #enveloppe-page { width: 980px; margin: auto; background: #fff url(/_boutiques/BELLEBENE//site_image/fond-3.jpg) left top repeat-y; } .fond-2 { background: transparent url(/_boutiques/BELLEBENE//site_image/fond-4.jpg) left top no-repeat; } #bandeau { height: 40px; background: transparent url(/_boutiques/BELLEBENE//site_image/bandeau.jpg) left top no-repeat; position: relative; } #bandeau ul { padding: 0; margin: 0; list-style: none; position: absolute; top: 8px; right: 46px; } #bandeau li { float: left; width: 122px; height: 32px; margin-left: 10px; } #bandeau a { width: 122px; height: 32px; display: block; } #bandeau .onglet-boutique { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_boutique.png) left top no-repeat; } #bandeau .onglet-blog { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_blog.png) left top no-repeat; } #bandeau .onglet-coaching { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_coaching.png) left top no-repeat; } #bandeau a:hover { background-position: left bottom; } #bandeau .onglet-actif { background-position: left bottom; } /**** ENTETE ****/ #en-tete { width:960px; height: 272px; position: relative; z-index: 5000; display: block; margin: 0 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/header.gif) left top repeat-x; } /* Images */ .logo { position: absolute; width: 268px; height: 214px; top: -38px; left: 5px; margin: 0; padding: 0; } .hotline { position: absolute; width: 226px; height: 65px; top: 32px; left: 288px; margin: 0; padding: 0; } #chat { position: absolute; width: 228px; height: 44px; top: 112px; left: 288px; margin: 0; padding: 0; overflow: hidden; } #chat img { position: absolute; left: 0; top: -44px; } #chat.chat_on img { position: absolute; left: 0; top: 0; } /* Espace Bellebene */ .espace-b { position: absolute; width: 402px; height: 147px; top: 22px; left: 550px; margin: 0; padding: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/fr/bloc-espace-b.png); overflow: hidden; font-size: 13px; } .espace-b .haut { width: 375px; height: 34px; margin: 5px 1px 5px 11px; padding: 2px 3px 0 0; border-bottom: 1px solid #a89778; text-align: right;} .espace-b .haut a { color: #960b0f; text-decoration: none; font-size: 11px; line-height: 15px; } .espace-b .haut a:hover { color: #960b0f; text-decoration: underline; } .espace-b .haut p { margin: 7px 0 0 0; padding: 0; color: #d55a00; font-weight: bold; } .espace-b .haut a.bonjour, .espace-b .haut a.bonjour:hover { color: #d55a00; font-weight: bold; } .espace-b .gauche, .espace-b .droite { width: 177px; float: left; margin: 0 12px 0 11px; padding: 0; } .espace-b a.panier, .espace-b a.panier:hover, .espace-b a.compte, .espace-b a.compte:hover, .espace-b a.parrainage, .espace-b a.parrainage:hover, .espace-b a.bilan, .espace-b a.bilan:hover { width: 177px; height: 28px; margin: 0; display: block; border-bottom: 1px solid #cdb892; line-height: 28px; text-indent: 28px; text-decoration: none; color: #7b3c2b; font-weight: normal; text-align: left; } .espace-b a.panier { background: #fbf7f0 url(/_boutiques/BELLEBENE//site_image/ico-panier-2.gif) 4px 7px no-repeat; color: #d55a00; } .espace-b a.panier:hover { background: #fbf7f0 url(/_boutiques/BELLEBENE//site_image/ico-panier-2.gif) 4px 7px no-repeat; color: #d55a00; } .articles { font-size: 11px; } .espace-b a.compte { background: transparent url(/_boutiques/BELLEBENE//site_image/ico-compte-1.gif) 4px 7px no-repeat; } .espace-b a.compte:hover { background: #fbf7f0 url(/_boutiques/BELLEBENE//site_image/ico-compte-2.gif) 4px 7px no-repeat; } .espace-b a.parrainage { background: transparent url(/_boutiques/BELLEBENE//site_image/ico-parrainage-1.gif) 4px 7px no-repeat; } .espace-b a.parrainage:hover { background: #fbf7f0 url(/_boutiques/BELLEBENE//site_image/ico-parrainage-2.gif) 4px 7px no-repeat; } .espace-b a.bilan { margin: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/ico-bilan-1.gif) 4px 7px no-repeat; } .espace-b a.bilan:hover { margin: 0; background: #fbf7f0 url(/_boutiques/BELLEBENE//site_image/ico-bilan-2.gif) 4px 7px no-repeat; } .espace-b div.newsletter { width: 177px; height: 56px; margin: 0; padding: 0; display: block; border-bottom: none; line-height: 28px; text-decoration: none; color: #7b3c2b; font-weight: normal; text-align: left; font-size: 13px; position: relative; } .espace-b div.newsletter form { margin: 0; padding: 0; border: none; } .espace-b div.newsletter p { margin: 0; padding: 0; color: #7b3c2b; line-height: 28px; font-weight: bold; } .espace-b div.newsletter input { width: 164px; height: 13px; margin: 0; padding: 5px; border: 1px solid #9f8004; background: #fbf7f0; font-size: 11px; } .espace-b div.newsletter .bouton { width: auto; height: auto; margin: 0; padding: 0; display: block; position: absolute; bottom: 8px; right: 6px; border: none;} /* Menu */ .menu { margin: 0; padding: 0; position: absolute; left: 0; bottom: 64px; width: 960px; height: 25px; z-index: 5000; text-align: left; } .menu ul { margin: 0; padding: 0; list-style: none; } .menu li.niv1 { margin: 0; padding: 0; display: block; float: left; line-height: 17px; position: relative; } .menu li.niv1 a.niv1, .menu li.niv1 a.rspm_active_ssmenu, .menu li.active a.niv1 { height: 25px; display: block; margin: 0 5px; padding: 0 0 0 8px; background: transparent url(/_boutiques/BELLEBENE//site_image/menu1.gif) left top no-repeat; text-decoration: none; } .menu li.niv1 a.niv1 span, .menu li.niv1 a.rspm_active_ssmenu span, .menu li.active a.niv1 span { cursor: pointer; z-index: 4900; height: 25px; display: block; margin: 0; padding: 0 8px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/menu1.gif) right top no-repeat; line-height: 25px; font-size: 15px; font-weight: normal; text-transform: uppercase; } .menu li.niv1 a.niv1 { background-position: left 0; color: #e3cca2; } .menu li.niv1 a.niv1 span { background-position: right 0; color: #e3cca2; white-space: nowrap; } .menu li.active a.niv1 { background-position: left -25px; color: #fff; } .menu li.active a.niv1 span { background-position: right -25px; color: #fff; } .menu li.niv1 a.rspm_active_ssmenu, .menu li.niv1 a.niv1:hover { background-position: left -50px; color: #e3d6be; text-decoration: none; } .menu li.niv1 a.rspm_active_ssmenu span, .menu li.niv1 a.niv1:hover span { background-position: right -50px; color: #e3d6be; text-decoration: none; } ul.rspm_ssmenu { position: absolute; z-index: 5001; left: 8px; top: 22px; margin: 0; padding: 0; background: #f5e9d5; border: 1px solid #e3cca2; border-bottom: none; white-space: nowrap; display: block; } ul.rspm_ssmenu li { margin: 0; padding: 0; border-bottom: 1px solid #e3cca2; font-size: 13px; font-weight: normal; } ul.rspm_ssmenu li a { margin: 0; padding: 0 30px 0 10px; line-height: 34px; display: block; background: transparent url(/_boutiques/BELLEBENE//site_image/ss-menu-off.png) left top repeat-x; color: #4d392c; } ul.rspm_ssmenu li a:hover { background-image: url(/_boutiques/BELLEBENE//site_image/ss-menu-on.png); color: #ed6400; text-decoration: none; } /* Recherche, marques et zone dyn */ .recherche { position: absolute; width: 314px; height: 42px; bottom: 12px; left: 14px; margin: 0; padding: 0; text-align: left; } .recherche p { margin: 0 0 4px 0; padding: 0; color: #fff; font-size: 14px; line-height: 17px; } .recherche input { width: 160px; height: 14px; margin: 0; padding: 4px 5px 4px 25px; border: 1px solid #430b18; background: #fff url(/_boutiques/BELLEBENE//site_image/icone_search.gif) 3px 3px no-repeat; font-size: 11px; } .recherche .bouton { width: auto; height: auto; margin: 0; padding: 0; border: none; } .marques { position: absolute; width: 228px; height: 42px; bottom: 12px; left: 398px; margin: 0; padding: 0; text-align: left; } .marques p { margin: 0 0 4px 0; padding: 0; color: #fff; font-size: 14px; line-height: 17px; } .marques select { height: 24px; margin: 0; padding: 4px 5px 2px 5px; background: #fff; border: 1px solid #430b18; line-height: 20px; font-size: 11px; } .marques option { margin: 0; padding: 3px 8px; font-size: 11px; } .bilan-cap { position: absolute; width: 304px; height: 58px; bottom: 1px; right: 0; margin: 0; padding: 0; } /**** CONTENU ****/ #conteneur { position: relative; display: block; } #conteneur-interne { display: block; overflow: hidden; margin: 0 11px; padding: 9px; background: #fff url(/_boutiques/BELLEBENE//site_image/degrade.gif) left top repeat-x; } /* Chemin / Fil d'ariane / Breadcrumb */ .breadcrumb { width: 899px; height: 25px; margin: 0 0 12px 11px; padding: 0 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/fond-breadcrumb.png) left top no-repeat; overflow: hidden; font-size: 13px; color: #22251a; font-weight: normal; text-decoration: none; text-align: left; line-height: 24px; } .breadcrumb a { color: #22251a; text-decoration: none; } .breadcrumb a:hover { color: #22251a; text-decoration: underline; } .breadcrumb span { color: #fff; } /* Colonnes */ #col-g, #col-g-cmd{ float: left; position: relative; display: block; width: 230px; left: 0; margin: 0; padding: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/col-menu-2.png) left top repeat-y;} /* Resolution bug des 3px ss IE6 */ * html #col-g, * html #col-g-cmd { margin: 0 -3px 0 auto;} #col-d { float: right; position: relative; display: inline; width: 160px; right: 0; margin: 0; padding: 0; } /* Resolution bug des 3px ss IE6 */ * html #col-d { margin: 0 auto 0 -3px;} #col-menu { height: auto; width: 202px; margin: 0; padding: 14px; background: transparent url(/_boutiques/BELLEBENE//site_image/col-menu-1.png) left top no-repeat; text-align: left; } #col-menu-bas { height: 22px; width: 230px; margin: 0; padding: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/col-menu-3.png) left bottom no-repeat; } #col-g h3 { font-size: 14px; font-weight: bold; color: #430b18; text-transform: none; line-height: 22px; margin: 0; } #col-g .encart-dynamique, #col-g-cmd .encart-dynamique { margin: 0 0 30px 0; padding: 0; } #col-g ul { margin: -25px 0 0 0; padding: 0; list-style: none; } #col-g ul li { margin: 0; padding: 0; } #col-g ul li.niv1 { clear: left; } #col-g ul li a.niv1 { float: left; height: 25px; display: block; background: transparent url(/_boutiques/BELLEBENE//site_image/bg_menu.png) left top no-repeat; margin: 30px 0 10px 0; padding: 0 0 0 7px; line-height: 24px; font-size: 14px; color: #825f49; text-transform: uppercase; text-decoration: none; } #col-g ul li a.niv1:hover, #col-g ul li a.active { color: #fff; text-decoration: none; } #col-g ul li a.niv1 span { cursor: pointer; display: block; height: 25px; line-height: 24px; padding: 0 7px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bg_menu.png) right top no-repeat; } #col-g ul li a.niv1:hover { background-position: left -25px; } #col-g ul li a.niv1:hover span { background-position: right -25px; } #col-g ul li a.active { background-position: left -50px; } #col-g ul li a.active span { background-position: right -50px; } #col-g ul li a.rayon-12271 { width: 137px; height: 48px; background-image: url(/_boutiques/BELLEBENE//site_image/bg_menu_x2.png); } #col-g ul li a.rayon-12271 span { height: 48px; background-image: url(/_boutiques/BELLEBENE//site_image/bg_menu_x2.png); } #col-g ul li a.rayon-12271:hover { background-position: left -48px; } #col-g ul li a.rayon-12271:hover span { background-position: right -48px; } #col-g ul li a.rayon-12271.active { background-position: left -96px; } #col-g ul li a.rayon-12271.active span { background-position: right -96px; } #col-g ul ul { margin: 0; padding: 0 0 0 2px; list-style: none; clear: left; } #col-g ul ul li { margin: 0; padding: 0; list-style: none; } #col-g ul ul li a { margin: 0; padding: 0; font-size: 14px; color: #606849; text-transform: none; text-decoration: none; line-height: 22px; background: none; border: none; text-indent: 0; } #col-g ul ul li a:hover { margin: 0; padding: 0; color: #ed6400; text-decoration: none; } #col-g ul ul li a.active2 { margin: 0; padding: 0; color: #ed6400; text-decoration: none; } #col-commande { height: auto; width: 202px; margin: 0; padding: 14px; text-align: left; } #col-news { float: right; margin: 0 10px; width: 180px; } #col-blog { float: right; margin: 0 10px 0 0; width: 180px; } /* Pages */ #contenu-principal { position: relative; display: block; height: 1%; margin: 0 2px; padding: 0 10px 0 18px; overflow: hidden; text-align: left; } .rs_index #contenu-principal { padding: 0; } /**** FOOTER ****/ /* Footer 1 (dans la page) */ #bg_footer { padding: 20px 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/footer.jpg) left bottom no-repeat; } #footer-1 { width: 980px; margin: 0 auto; background: transparent url(/_boutiques/BELLEBENE//site_image/px_footer.jpg) 0 0 repeat-y; } #footer-1 .colonne { width: 290px; margin: 0 20px 0 15px; padding: 0; float: left; text-align: left; overflow: hidden; } #footer-1 .colonne h2 { margin: 0 0 10px 0; padding: 0; } #footer-1 .colonne h3, #footer-1 .colonne .lien-titre { margin: 0; padding: 3px 0; font-size: 16px; color: #fff; text-decoration: none; line-height: 22px; font-weight: normal; } #footer-1 .colonne p { margin: 0; padding: 0; font-size: 16px; color: #fff; } #footer-1 .colonne p.blog { margin: 0 0 10px 0; padding: 0; font-size: 13px; color: #fff; line-height: 19px; height: 95px; overflow: hidden; } #footer-1 .colonne p.details { margin: 0 0 8px 0; padding: 0; font-size: 11px; color: #22251a; line-height: 13px; height: 26px; overflow: hidden; border: none; text-align: left; } #footer-1 .colonne p.details .noir { font-size: 11px; color: #22251a; font-weight: bold; } #footer-1 .colonne p.details .vert { font-size: 11px; color: #bee09c; } #footer-1 .colonne p a { font-size: 16px; color: #fff; text-decoration: none; } #footer-1 .colonne p a:hover { font-size: 16px; color: #fff; text-decoration: underline; } #footer-1 .colonne span { font-size: 12px; } #footer-1 .colonne a { text-decoration: underline; } #footer-1 .colonne a:hover { text-decoration: none; } #footer-1 .colonne a.lire { display: block; text-align: right; margin: 0 0 10px; padding: 0; } #footer-1 .colonne ul { margin: 0; padding: 0; list-style: none; } #footer-1 .colonne li { margin: 0 0 12px; padding: 0; font-size: 16px; color: #fff; clear: left; } #footer-1 .colonne li a { color: #fff; text-decoration:none; } #footer-1 .colonne li a:hover { color: #fff; text-decoration:underline; } #footer-1 .colonne li a img { float: left; margin: 0 15px 0 0; } #footer-1 .colonne li a span.texte_f { display: block; padding: 10px 0 0; font-size: 16px; } #footer-1 .colonne li a:hover span.texte_f { text-decoration: underline; } #footer-1 .colonne table { margin: 0; padding: 0; } #footer-1 .colonne td { margin: 0; padding: 4px 12px 4px 0; } #footer-1 .colonne img { margin: 0; padding: 0; } /* Footer 2 (en dehors de la page) */ #footer-2 { width: 980px; margin: 0 auto; padding: 0; background: #e3d6bf; text-align: center; } #footer-2 ul { list-style: none; margin: 0; padding: 8px 0 12px 0; } #footer-2 li { display: inline; font-size: 12px; color: #4d392c; font-weight: normal; } #footer-2 a { font-size: 12px; color: #4d392c; font-weight: normal; text-decoration: none; } #footer-2 a:hover { text-decoration: underline; } #pub_rs { text-align: right; margin: 8px 10px 0 0; padding: 0; color: #414d36; } #pub_rs a { color: #414d36; text-decoration: none; } #pub_rs a:hover { color: #414d36; text-decoration: underline; } /**************************************************************************************************************************/ /* PAGES ******************************************************************************************************************/ /**** HOME ****/ .rs_index {} #carrousel { position: relative; width: 934px; height: 307px; overflow: hidden; margin: 3px 0 0 3px; padding: 17px 0 0 15px; background: transparent url(/_boutiques/BELLEBENE//site_image/fond-carrousel.png) left top no-repeat; } #content_carrousel { overflow: hidden; position: relative; height: 290px; } #content_carrousel dl, #content_carrousel dt, #content_carrousel dd { margin: 0; padding: 0; } #content_carrousel dd { width: 605px; } #content_carrousel dd.big_img { width: 598px; height: 288px; padding: 1px; background: #e3cca3; display: block; overflow: hidden; } #content_carrousel dd.big_img img { width: 598px; height: 288px; display: block; overflow: hidden; } #content_carrousel dd a.grande-image { width: 288px; height: 288px; padding: 1px; background: #e3cca3; display: block; float: left; margin-right: 17px; overflow: hidden; text-decoration: none; } #content_carrousel dd a.grande-image:hover { text-decoration: none; } #content_carrousel dd .details-produit { overflow: hidden; } #content_carrousel dd .details-produit h2, #content_carrousel dd .details-produit h2 a { font-size: 24px; line-height: 30px; height: 60px; color: #4d392c; font-weight: normal; text-transform: none; overflow: hidden; margin-top: 5px; text-decoration: none; } #content_carrousel dd .details-produit h2 a:hover { color: #D55A00; text-decoration: none; } #content_carrousel dd .details-produit h3 { font-size: 16px; line-height: 30px; height: 30px; color: #647652; font-weight: bold; text-transform: none; font-style: italic; overflow: hidden; margin-top: 5px; text-transform: uppercase; } #content_carrousel dd .details-produit .desc { font-size: 13px; line-height: 20px; height: 60px; color: #825f49; font-weight: normal; overflow: hidden; margin-top: 2px; } #content_carrousel dd .details-produit .index { font-size: 12px; line-height: 15px; height: 30px; color: #647652; font-weight: normal; overflow: hidden; margin-top: 20px; background: transparent url(/_boutiques/BELLEBENE//site_image/fr/be_info-cheveux.png) left top no-repeat; padding: 3px 0 0 22px; } #content_carrousel dd .details-produit .prix { position: absolute; bottom: 43px; right: 0; font-size: 24px; line-height: 30px; height: 30px; color: #c40c02; font-weight: bold; text-align: right; overflow: hidden; padding-right: 8px; } #content_carrousel dd .details-produit .prix del { font-size: 18px; color: #647652; } #content_carrousel dd .details-produit .bouton { position: absolute; bottom: 5px; right: 0; } #liens_carrousel { float: left; width: 300px; margin-right: 10px; } #liens_carrousel a { text-decoration: none; float: left; display: block; margin: 0 10px 10px 0; padding: 1px; width: 88px; height: 88px; overflow: hidden; background: #e3cca3; } #liens_carrousel a:hover, #liens_carrousel a.actif { background-color: #825F49; } #liens_carrousel img { width: 88px; height: 88px; } .rs_index .colonnes { margin: 0 -10px 0 -6px; padding: 0; overflow: hidden; } .rs_index .colonnes .colonne { width: 289px; margin: 18px 10px 18px 20px; padding: 0; float: left; text-align: left; overflow: hidden; } .colonne p { margin: 10px 0; padding: 0; } .colonne h2 img { margin: 0; padding: 0; } .colonne .fleche { width: 183px; height: 27px; display: block; float: right; margin: 6px 0 15px 0; padding: 8px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton1.png) left top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } .colonne .bellebene, .colonne .blog { } .colonne .avis-site { margin-top: -10px; } .colonne .avis-pdts { } .colonne .avis-pdts p { margin-top: 0; } .colonne .avis-pdts img { border: 1px solid #e3cca2; margin: 16px 0 6px 38px; padding: 4px; } .colonne .details { position: relative; border-top: 1px solid #647652; text-align: right; margin: 18px 0 10px 0; padding: 6px 24px 0 0; font-size: 12px; color: #4d392c; } .colonne .details a { text-decoration: underline; } .colonne .details-image { position: absolute; width: 21px; height: 18px; top: -1px; right: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/style-ligne.gif) left top no-repeat; } .colonne .banniere { margin: 16px 0 22px 0; padding: 0; } /**** CATX6 ****/ .rs_categorie_x6 {} /* CatX6 niveau 1 */ .rs_categorie_x6 .texte { padding: 0; margin: 0 0 40px 0; font-size: 13px; line-height: 19px; color: #825f49; font-weight: bold; } .liste-rayon { margin: 0; padding: 0; width: 700px; } .liste-rayon ul { margin: 0; padding: 0;} .bloc-rayon { margin: 0; padding: 0; list-style: none; } .bloc-rayon h2 { font-size: 15px; color: #fff; line-height: 25px; font-weight: normal; height: 25px; margin: 0 0 12px 0; padding: 0 7px; text-transform: none; background: transparent url(/_boutiques/BELLEBENE//site_image/fond-h2.png) left top no-repeat; overflow: hidden; } .bloc-rayon .details { margin: 0; padding: 0 16px; } .bloc-rayon img { border: none; float: left; margin: 0 20px 60px 0; } .bloc-rayon .txt { line-height: 19px; height: 57px; overflow: hidden; } .bloc-rayon .fleche { width: 183px; height: 27px; display: block; float: right; margin: 19px 18px 24px 0; padding: 8px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton1.png) left top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } /* CatX6 niveau 2 */ .rs_categorie_x6 .image-rayon { float: left; margin: 0 20px 20px 0; } .rs_categorie_x6 .texte-rayon { /*height: 133px;*/ overflow: hidden; padding: 3px 0 2px 0; margin: 0 0 20px 0; font-size: 13px; line-height: 19px; color: #825f49; } .rs_categorie_x6 .texte { padding: 0; margin: 0 0 40px 0; font-size: 13px; line-height: 19px; color: #825f49; font-weight: bold; } .liste-rayon-2 { margin: 0; padding: 0; width: 700px; } .liste-rayon-2 ul { margin: 0; padding: 0;} .bloc-rayon-2 { margin: 0; padding: 0; list-style: none; } .bloc-rayon-2 h2 { font-size: 15px; color: #fff; line-height: 25px; font-weight: normal; height: 25px; margin: 0 0 12px -2px; padding: 0 7px; text-transform: none; background: transparent url(/_boutiques/BELLEBENE//site_image/fond-h2.png) left top no-repeat; overflow: hidden; } .bloc-rayon-2 .txt { line-height: 19px; margin: 0 0 26px 0; padding: 0 16px; } .include { margin: 0; padding: 0 16px; overflow: hidden; } .rs_blog_billet .liste-produits, .rs_pagesweb .liste-produits, .include .liste-produits { margin: 0; padding: 0; list-style: none; } .rs_blog_billet .liste-produits li, .rs_pagesweb .liste-produits li, .include .liste-produits li { margin: 0 42px 10px 0; width: 279px; height: 128px; padding: 10px; float: left; background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-off.png) left top no-repeat; overflow: hidden; } .rs_blog_billet .liste-produits li, .rs_pagesweb .liste-produits li { margin-right: 10px; } .rs_blog_billet .liste-produits li:hover, .rs_pagesweb .liste-produits li:hover, .include .liste-produits li:hover { background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-hover.png) left top no-repeat; } .rs_blog_billet .liste-produits li.first, .rs_pagesweb .liste-produits li.first, .include .liste-produits li.first { margin-right: 0; } .rs_blog_billet .liste-produits li img, .rs_pagesweb .liste-produits li img, .include .liste-produits li img { float: left; margin: 0 10px 0 0; border: 1px solid #fff; background: #fff; } .rs_blog_billet .liste-produits li:hover img, .rs_pagesweb .liste-produits li:hover img, .include .liste-produits li:hover img { float: left; margin: 0 10px 0 0; border: 1px solid #e3cca2; background: #fff; } .rs_blog_billet .liste-produits h3, .rs_pagesweb .liste-produits h3, .include .liste-produits h3 { height: 38px; overflow: hidden; } .rs_blog_billet .liste-produits h3 a, .rs_pagesweb .liste-produits h3 a, .include .liste-produits h3 a { font-size: 13px; font-weight: bold; color: #4d392c; line-height: 19px; text-decoration: none; } .rs_blog_billet .liste-produits .marque, .rs_pagesweb .liste-produits .marque, .include .liste-produits .marque { font-size: 12px; font-weight: normal; font-style: italic; color: #647652; line-height: 28px; height: 28px; overflow: hidden; text-decoration: none; text-transform: uppercase; } .rs_blog_billet .liste-produits .prix, .rs_pagesweb .liste-produits .prix, .include .liste-produits .prix { font-size: 13px; font-weight: bold; color: #c40c02; line-height: 28px; height: 28px; overflow: hidden; text-decoration: none; text-align: left; } .rs_blog_billet .liste-produits .prix del, .rs_pagesweb .liste-produits .prix del, .include .liste-produits .prix del { font-size: 12px; font-weight: bold; color: #647652; } .rs_blog_billet .liste-produits .index, .rs_pagesweb .liste-produits .index, .include .liste-produits .index { display: block; font-size: 12px; color: #647652; line-height: 16px; height: 32px; overflow: hidden; background: transparent url(/_boutiques/BELLEBENE//site_image/fr/be_info-cheveux.png) left top no-repeat; padding: 2px 0 0 22px; margin: 4px 0 0 1px; } .bloc-rayon-2 .fleche { width: 183px; height: 27px; display: block; float: right; margin: 2px 18px 24px 0; padding: 8px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton1.png) left top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } .include-fleche { min-height: 30px; } /**** CATEGORIE ****/ .rs_categorie { } .rs_categorie .image-rayon, .rs_test_categorie .image-rayon { float: left; margin: 0 20px 20px 0; } .rs_categorie .texte-rayon, .rs_test_categorie .texte-rayon { /*height: 133px;*/ overflow: hidden; padding: 3px 0 2px 0; margin: 0 0 20px 0; font-size: 13px; line-height: 19px; color: #825f49; } .rs_categorie .texte, .rs_test_categorie .texte { padding: 0; margin: 0 0 40px 0; font-size: 13px; line-height: 19px; color: #825f49; font-weight: bold; } .rs_categorie .texte-marque, .rs_test_categorie .texte-marque{ padding: 0; margin: 0 0 40px 0; font-size: 13px; line-height: 19px; color: #825f49; font-weight: normal; } .syspage { line-height: 24px; width: 684px; height: 25px; margin: 10px 0 10px -2px; padding: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/fond-h2.png) left top no-repeat; overflow: hidden; color: #fff; } .rs_blog_liste .syspage, .rs_blog_billet .syspage { padding: 0 0 0 10px; width: 574px; } .rs_blog_liste .syspage .syspage_content, .rs_blog_billet .syspage .syspage_content { background: transparent url(/_boutiques/BELLEBENE//site_image/fond-h2.png) right top no-repeat; padding: 0 10px 0 0; } .syspage .syspage_prev, .syspage .syspage_next { display: none;} .syspage strong, .syspage_num { display: inline-block; font-weight: bold; height: 19px; line-height: 19px; text-align: center; width: 19px; } .syspage strong { background: #fff; color: #6a7b58;} .syspage_num { color: #fff;} .syspage em { color: #fff; font-size: 12px; font-style: normal; padding: 0; margin: 0 4px; line-height: 24px; } .syspage img, .syspage .pages { float: left; margin: 0 3px; } .syspage img { display: none;} .syspage a { color: #fff; } .syspage a:hover { } .syspage select { height: 19px; margin: 0 3px 0 0; padding: 0; border: 1px solid #e9e1d2; } .syspage option { line-height: 19px; margin: 3px 0 0 0; } .liste-produit { margin: 0 -1px; padding: 0; list-style: none; width: 680px; text-align: center; } .liste-produit li { float: left; position: relative; width: 220px; height: 392px; margin: 0 0 16px 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-2-off.png) left top no-repeat; } .liste-produit li:hover { background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-2-hover.png) left top no-repeat; } .liste-produit li.first { margin: 0; } .liste-produit li img { border: 1px solid #fff; margin: 11px 0 0 0; } .liste-produit li:hover img { border: 1px solid #e3cca2; } .liste-produit .info-produit { overflow: hidden; text-align: left; padding: 0 14px; } .liste-produit li h2 { text-align: left; height: 38px; overflow: hidden; } .liste-produit li h2 a { font-size: 14px; font-weight: bold; color: #4d392c; line-height: 19px; text-decoration: none; } .liste-produit li .marque { font-size: 13px; font-weight: normal; font-style: italic; color: #647652; line-height: 26px; height: 26px; overflow: hidden; text-decoration: none; text-transform: uppercase; } .liste-produit li:hover .marque { display: none; } .liste-produit li .prix { font-size: 13px; font-weight: bold; color: #c40c02; line-height: 26px; height: 26px; overflow: hidden; text-decoration: none; text-align: left; float: none; width: 100%; } .liste-produit li .prix del { font-size: 12px; font-weight: bold; color: #647652; } .liste-produit li:hover .prix { display: none; } .liste-produit li .index { font-size: 12px; color: #647652; line-height: 18px; height: 36px; overflow: hidden; background: transparent url(/_boutiques/BELLEBENE//site_image/fr/be_info-cheveux.png) left top no-repeat; padding: 2px 0 0 22px; margin: 2px 0 3px 0; } .liste-produit li:hover .index { display: none; } .liste-produit li .desc { display: none; } .liste-produit li:hover .desc { display: block; line-height: 19px; height: 95px; overflow: hidden; } .liste-produit li .fleche { width: 183px; height: 28px; display: block; float: right; margin: 0; padding: 7px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton1.png) left top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } .liste-produit li:hover .fleche { width: 183px; height: 28px; display: block; float: right; margin: 0; padding: 7px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton2.png) left top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } .liste-produit li .icon_exclu { display: none; left: 0; position: absolute; text-align: center; top: -3px; width: 100%; } .liste-produit li .icon_info { display: none; left: 0; position: absolute; top: 28px; } .liste-produit li .icon_exclu img, .liste-produit li .icon_info img { border: none; margin: 0; } /**** FICHE PRODUIT ****/ .rs_ficheproduit { } .rs_ficheproduit #contenu-principal { padding-left: 9px; } .rs_ficheproduit .produit-col { width: 302px; margin: 0 16px 0 0; padding: 0; float: left; overflow: hidden; } .produit-col .images { margin: 0 0 28px 0; padding: 0; } .produit-col .images img { margin: 0; padding: 0; border: 1px solid #f1e5cd; } #vignettes img { float: left; margin: 12px 0 12px 16px; } #vignettes img.first { float: left; margin: 12px 0 12px 0; } /* Meme include que catx6 pour les produits associes, sauf styles suivants : */ .associes { margin: 0 0 28px 0; padding: 0; } .associes .include { margin: 0; padding: 0; } .associes .include h2 { margin: 0 0 4px 0; padding: 0; } .associes .include .liste-produits li { margin: 10px 0 0 0; width: 279px; height: 128px; padding: 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-off.png) left top no-repeat; overflow: hidden; } .produit-col .banniere { margin: 0 0 28px 5px; padding: 0; } .rs_ficheproduit .produit-desc { overflow: hidden; } .produit-desc h1 { } .produit-desc .details { margin: 4px 0 0 0; padding: 0; } .details .description { float: left; display: block; width: 352px; margin: 0 10px 0 0; padding: 0; overflow: hidden; } .description .marque { font-size: 16px; font-weight: normal; font-style: normal; color: #647652; line-height: 20px; text-decoration: none; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; } .description .desc { margin: 0 0 20px 0; padding: 0;} .description .desc p { margin: 10px 0; padding: 0;} .description .index { font-size: 14px; color: #647652; line-height: 19px; background: transparent url(/_boutiques/BELLEBENE//site_image/fr/be_info-cheveux.png) left top no-repeat; padding: 0 0 0 24px; margin: 0 0 20px 0; } .description .liens { position: relative; height: 32px; border-top: 1px solid #e3b86b; margin: 0 0 20px 0; padding: 6px 0 0 0; } .description .liens .partage { background: transparent url(/_boutiques/BELLEBENE//site_image/ico-partage-1.gif) -2px top no-repeat; padding: 3px 0 0 24px; font-size: 12px; color: #ed6400; text-decoration: none; } .description .liens .partage:hover { color: #ed6400; text-decoration: underline; } .description .liens .addthis { display: block; position: absolute; right: 0; bottom: 12px; font-size: 12px; color: #ed6400; text-decoration: none; } .details .bloc-achat { display: block; margin: 0; padding: 0; text-align: center; overflow: hidden; float: right; } .bloc-achat .note { text-align: right; padding-right: 8px; } .bloc-achat .achat { width: 228px; height: 141px; margin: 0; padding: 24px 0 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-achat.png) left top no-repeat; } .bloc-achat .achat form { margin: 0; padding: 0 4px 0 0; } .bloc-achat .achat select { height: 24px; line-height: 24px; margin: 0; padding: 4px 2px 2px 4px; border: 1px solid #dda47e; text-align: left; } .bloc-achat .achat option { padding: 2px 2px 2px 6px; } .bloc-achat .achat .qte { line-height: 22px; } .bloc-achat .achat .input-qte { width: 20px; height: 18px; margin: -5px 0 2px 0; padding: 2px 5px; border: 1px solid #dda47e; text-align: right; } .bloc-achat .achat .prix { font-size: 24px; font-weight: bold; color: #c40c02; line-height: 30px; height: 30px; overflow: hidden; text-decoration: none; margin: 0 0 10px 0; padding: 0; } .bloc-achat .achat .prix del { font-size: 18px; font-weight: bold; color: #647652; } .bloc-achat .dispo { width: 221px; line-height:20px; text-align: center; margin: 6px 0 6px 5px; padding: 3px 0; overflow: hidden; color: #C40C02; background: #f6f6f6; } .bloc-achat .rassurance { text-align: left; margin: 4px 0 0 0; padding: 0; } .bloc-achat .rassurance .port { display: block; margin: 4px 0; padding: 3px 0 0 36px; font-size: 12px; color: #ed6400; text-decoration: none; background: transparent url(/_boutiques/BELLEBENE//site_image/ico-port-1.gif) left top no-repeat; } .bloc-achat .rassurance .port:hover { color: #ed6400; text-decoration: underline; } .bloc-achat .rassurance .paiement { display: block; margin: 4px 0; padding: 3px 0 0 36px; font-size: 12px; color: #ed6400; text-decoration: none; background: transparent url(/_boutiques/BELLEBENE//site_image/ico-paiement-1.gif) left top no-repeat; } .bloc-achat .rassurance .paiement:hover { color: #ed6400; text-decoration: underline; } .produit-desc .onglets { margin: 0; padding: 0; } #prd-onglets { margin: 15px 0 28px 0; } #prd-onglets #onglets-box { height: 37px; } #onglets-box .onglet { font-size: 13px; font-weight: normal; color: #bc8a69; text-decoration: none; display: block; padding: 0 0 0 10px; float: left; margin: 0 4px 1px 0; height: 36px; border: 1px solid #e3d8c3; border-bottom: none; } #onglets-box .onglet span { padding: 6px 0 9px 0; margin: 0 10px 0 0; display: block; height: 17px; line-height: 20px; } #onglets-box .onglet:hover { color: #c40c02; text-decoration: none; height: 36px; margin-bottom: 0; border: 1px solid #e3b86b; border-bottom: 1px solid #e3b86b; } #onglets-box .onglet.active { color: #c40c02; text-decoration: none; height: 36px; margin-bottom: 0; border: 1px solid #e3b86b; border-bottom: 1px solid #fff; } #onglets-box .onglet:hover span { padding-bottom: 6px; border-bottom: none; } #onglets-box .onglet.active span { padding-bottom: 6px; border-bottom: 4px solid #e3b86b; } #prd-onglets .onglet-contenu { border: 1px solid #e3b86b; margin: 0; padding: 18px; } #prd-onglets .contenu-sans-onglet { border: 1px solid #e3b86b; height: 50px; } .produit-desc .avis { } .produit-desc .avis { background: none; margin: 0; padding: 0; } .produit-desc .avis .avis-box { background: none; margin: 0; padding: 0; } .avis h2 { border-bottom: 1px solid #e3b86b; margin-bottom: 14px; } .avis p { font-size: 12px; line-height: 18px; color: #4d392c; } .avis .bloc_info { } .avis .liste-avis { width: auto; margin: 0; padding: 0; list-style-position: inside;} .avis .liste-avis li { margin: 0 0 36px 0; padding: 0; } .avis .liste-avis li span { margin: 0; padding: 0; font-size: 12px; color: #4d392c; } .liste-avis li span a { color: #22251a; font-weight: bold; text-decoration: none;} .liste-avis li span a:hover { color: #22251a; text-decoration: underline;} .liste-avis li span strong { color: #22251a; font-weight: bold; font-size: 14px; } .avis .meta-avis { } .avis .message { background: #d7e0ce; margin: 8px 0 0 0; padding: 10px; } .avis .reponse { background: #e6efdd; border-top: 1px solid #ffffff; padding: 8px 10px; margin-left: 30px; } .avis img { margin-right: 5px;} .avis .fleche { /*width: 183px;*/ height: 28px; display: block; float: right; margin: -20px 0 0 0; padding: 7px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton1.png) right top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } /**** PAGES WEB ****/ #pagesWeb { margin: 0 30px 0 20px; } #pagesWeb h1, #pagesWeb h1 a { color: #c40c02; text-decoration: none; margin: 0 0 12px -20px; } #pagesWeb h2, #pagesWeb h2 a { color: #c40c02; text-decoration: none; margin: 22px 0 6px 0; } #pagesWeb h3, #pagesWeb h3 a { color: #430b18; text-decoration: none; margin: 6px 0 4px 0; } #pagesWeb h4, #pagesWeb h4 a { color: #825f49; text-decoration: none; margin: 6px 0 4px 0; } #pagesWeb p { margin: 0 0 20px 0; } #pagesWeb strong { color: #000000;} #pagesWeb a {color: #d55a00; text-decoration: none;} #pagesWeb a:hover { color: #d55a00; text-decoration: underline; } ul.avecPuces, #pagesWeb ul { margin: 0 0 12px 21px; padding: 0; list-style: none; } ul.avecPuces li, #pagesWeb li { font-size: 13px; color: #825f49; line-height: 19px; margin: 0; padding: 3px 0 3px 12px;background: transparent url(/_boutiques/BELLEBENE//site_image/puce_pagesweb.gif) left 8px no-repeat; } #pagesWeb li h3 { position: relative; top: -10px; } /**** AVIS ****/ .pages-avis { } .pages-avis h1 { } .pages-avis .image { float: left; margin: 20px 20px 0 0 !important; width: 210px; overflow: hidden; } .pages-avis .image h2, .pages-avis .image h2 a, .pages-avis .image h2 a:hover { font-weight: bold; color: #4d392c; font-size: 16px; border: none; line-height: 22px; text-decoration: none; } .pages-avis .image img { margin: 20px 0 40px 0; } .pages-avis .image p { font-weight: bold; color: #4d392c; font-size: 16px; border: none; line-height: 22px; margin: 0 0 6px 0; } .form-avis { margin: 0 auto 3em; } .form-avis fieldset { border: 1px solid #e3cca2; padding: 1em 0 1em 4%; margin: 20px 0 0 0; background: #faf7f2; width: 32em; } .form-avis h3 { margin-bottom: 0.5em; color: #474d36; text-transform: uppercase; } .form-avis h4 { float: left; margin: 1em 0 0.5em; width: 100%; } .form-avis select { padding: 2px 3px; } .form-avis option { line-height: 15px; padding: 2px 3px; } .form-avis label { display: block; margin: 0 0 0.3em; } .form-avis p { float: left; margin: 0 0 1em; width: 49.94%; } .form-avis p input { border: 1px solid #ccc; padding: 0.3em 0; margin: 0 0 1.5em; text-indent: 4px; width: 90%; } .form-avis textarea { border: 1px solid #ccc; display: block; margin: 0; padding: 0; width: 95%; } p.form-note { float: none; margin: 0.5em 0; width: 95%; } .form-avis .bouton { margin: 0.75em 5% 0.75em 0; } .pages-avis .avis { background: none; margin: 0; padding: 0; } .pages-avis .avis .avis-box { background: none; margin: 0; padding: 0; } .avis h2 { border-bottom: 1px solid #e3b86b; margin-bottom: 14px; } .avis p { font-size: 12px; line-height: 18px; color: #4d392c; } .avis .bloc_info { } .avis .liste-avis { width: auto; margin: 0; padding: 0; list-style-position: inside;} .avis li { margin: 0 0 36px 0; padding: 0; } .avis li span { margin: 0; padding: 0; font-size: 12px; color: #4d392c; } .avis li span a { color: #22251a; font-weight: bold; text-decoration: none;} .avis li span a:hover { color: #22251a; text-decoration: underline;} .avis li span strong { color: #22251a; font-weight: bold; font-size: 14px; } .avis .meta-avis { } .avis .message { background: #d7e0ce; margin: 8px 0 0 0; padding: 10px; } .avis .fleche { /*width: 183px;*/ height: 28px; display: block; float: right; margin: -20px 0 0 0; padding: 7px 16px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/bouton1.png) right top no-repeat; text-align: right; font-size: 13px; color: #606849; text-decoration: none; } .avis .liste-avis-der { width: auto; margin: 0; padding: 0; list-style: none;} .avis .meta-avis-2 { margin-left: -98px; } .avis .message-2 { background: #d7e0ce; margin: 8px 0 0 0; padding: 10px; overflow: hidden; min-height: 70px; } .avis img.image-2 { float: left; margin-top: 27px; border: 1px solid #D7E0CE; } /**** PROCESSUS DE COMMANDE ****/ .separateur { color: #888;} #pdc_box { font-size: 15px; color: #CCCCCC; margin: 0 0 30px 0; text-align: left; } #pdc_box ul { margin: 0; padding: 0; list-style: none;} #pdc_box ul li { background: none; border: 1px solid #ccc; float: left; margin: 0 7px; padding: 0 7px; /*height: 26px;line-height: 26px;*/ text-indent: 0; } #pdc_box ul li p { font-size: 19px; font-weight: normal; color: #CCCCCC; text-transform: none; line-height: 40px; margin: 0; border-bottom: none; } #pdc_box ul li.currentstep { border-color: #c40c02; color: #c40c02; background: #ebcccc; } #pdc_box ul li.currentstep p { font-size: 19px; font-weight: normal; color: #c40c02; text-transform: none; line-height: 40px; margin: 0; border-bottom: none; } /* Mescommandes_identification.htm */ .form-login { } .form-login label { display: inline-table; width: 120px; text-align: right; } .form-login input { width: 170px;} /* panier.htm */ p.sous-total { font-size: 1.2em; font-weight: bold; line-height: 2em; margin: 1em 0; text-align: right;color: #2d2b2b; } p.sous-total strong { background: #dadada; display: inline-block; margin: 0 0 0 1em; padding: 0 2em; color: #2d2b2b; } p.total-ttc { font-size: 1.2em; font-weight: bold; line-height: 2em; margin: 1em 0; text-align: right; color: #2d2b2b; } p.total-ttc strong { background: #dadada; display: inline-block; margin: 0 0 0 1em; padding: 0 1em; color: #2d2b2b; } .info-livraison { color: red; font-weight: bold; text-align: right; } /**** Commande.htm ****/ #form_newAccount { margin: 0 auto; width: 80%; } #form_newAccount .form-inline { width: 100%;} #forms_selector a { background: #dadada url(/_boutiques/BELLEBENE/theme/cartouches-btn.png) 0 -50px no-repeat; color: #fff; display: block; height: 31px; line-height: 31px; width: 160px; } #forms_selector a:hover { background: #f2f2f2 url(/_boutiques/BELLEBENE/theme/cartouches-btn.png) 0 -100px no-repeat; text-decoration: none; } #forms_selector a.selected { background: #7b7faf url(/_boutiques/BELLEBENE/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;} /**** choix-paiement.htm ****/ ul#paiement { margin: 0; padding: 0; width: 100%; list-style: none; } ul#paiement li { margin: 0; padding: 1em 0; background: none; } ul#paiement li li { margin: 0; padding: 0; background: none; } ul#paiement li a { background: #fff url(/_boutiques/BELLEBENE//site_image/rs_fleche.gif) 10px 50% no-repeat; border: 1px solid #eee; display: block; height: 3em; line-height: 3em; padding-left: 24px; position: relative; } ul#paiement li a:hover { background-color: #eee; } ul#paiement li.click a { background-color: #D7E0CE; } .icones { bottom: 50%; margin: 0 0 -12px 10px; position: absolute; } ul#paiement form a { background: none; border: none; display: inline; padding: 0; } ul#paiement ul { border: 1px solid #eee; border-width: 0 1px 1px; display: none; margin: 0 0 2em; padding: 16px; list-style: none; } ul#paiement li.click ul { display: block; } /**** AUTRES PAGES ****/ /* Contact.htm */ .form-contact { } .form-contact label { display: block; float: left; clear: left; line-height: 20px; width: 120px; text-align: right; margin-right: 4px; } .form-contact input { width: 212px; margin: 0; } .form-contact select, .form-contact textarea { margin: 0; } /* News.htm */ .news { } .date { border-top: 1px solid #85aba7; color: #85aba7; margin: 2em 0 0 0; text-align: right; } .date span { background: #fff; padding: 0 0 0 0.5em; position: relative; top: -0.7em; } .rs_news #contenu-principal h2 { font-weight: bold; margin-top: 0; text-transform: none; } /* Parrainage */ .form-parrainplus p { margin: 0;} /* bilan capillaire */ #questionnaires h2 { font-size: 14px; font-weight: bold; color: #430b18; line-height: 28px; margin-top: 20px; text-transform: none; } /**************************************************************************************************************************/ /* AUTRES STYLES **********************************************************************************************************/ /* Fleches */ .fleche-gauche, .fleche-droite { margin-top: 40px; overflow: hidden; text-align: center; } .fleche-gauche a, .fleche-droite a { } .fleche-gauche img, .fleche-droite img { position: relative; top: 50%; } .fleche-gauche { float: left;} .fleche-droite { float: right;} /* Produits consultes */ #bloc-historique { position: relative;} #historique { height: 100px; margin: 0 auto; overflow: hidden; position: relative; width: 100px; } #historique .bloc-produit { background: #fff; border: none; height: 100px; margin: 0 10px 0 0; width: 100px; } #historique .bloc-produit .bp-image { height: 100px; width: 100px; } #histo-slide { position: absolute; width: 2190px; } /* Bloc recurents */ .bloc_xs { width: 160px; margin: 3px auto;} .bloc_s { width: 400px; margin: 3px auto;} .bloc_m { width: 480px; margin: 3px auto;} .bloc_l { width: 620px; margin: 3px auto;} .bloc_100 { width: 100%;} .i-frame { background: #FFF; padding: 4px 8px;} .i-frame form input { margin: 3px 0 10px 0;} .i-frame p { margin: 0;} .box-img { } /* Alertes */ .bloc_info-brute, .bloc_info-importante, .bloc_info{ color: #4d392c; line-height: 1.5em; min-height: 50px; padding: 8px 8px 8px 68px; margin: 12px 0; } .bloc_alerte { color: #2d2b2b; line-height: 1.5em; min-height: 50px; padding: 8px 8px 8px 68px; margin: 12px 0; } .bloc_info-brute { background: #d7e0ce; padding: 8px; } .bloc_info { background: #d7e0ce url(/_boutiques/BELLEBENE//site_image/rs_info-vert.png) no-repeat 8px 8px; } .bloc_info-importante { background: #ebcccc url(/_boutiques/BELLEBENE//site_image/rs_info-rouge.png) no-repeat 8px 8px; } .bloc_alerte { background: #ebcccc url(/_boutiques/BELLEBENE//site_image/rs_info-alerte.png) no-repeat 8px 8px; } .alerte_erreur { color: #FF0000; font-weight: bold;} .alerte_info { color: #009933; font-weight: bold; } /* formulaire general avec label et input sur 1 ligne */ .form-inline { margin: 0 auto 3em; width: 35em; } .form-inline h3 { margin-bottom: 0.3em;} .form-inline fieldset { background: none; border: none; margin: 0; padding: 0; } .form-inline label { display: block; float: left; margin: 0; padding: 0 1% 0 0; text-align: right; width: 40%; } .form-inline fieldset p { background: #f0f5ea; border-bottom: 1px solid #fff; clear: both; height: 1%; line-height: 2em; margin: 0 -4px 0 0; overflow: hidden; padding: 5px 0; } .form-inline p.optionnel { background: #fff; border-bottom: 1px solid #eee; } .form-inline p input, .form-inline textarea { border: 1px solid #ccc; float: left; width: 40%; } .form-inline p.form-checkbox input { border: none; height: 1.8em; margin: 0 1% 0 41%; vertical-align: bottom; width: auto; } label.nostyle { float: none; margin: 0; text-align: left; width: auto; } .form-inline textarea { text-indent: 0; } .form-inline .bouton { border: none; margin: 10px -4px 0 0; width: auto; } /* formulaire newsletter */ #form-newsletter { margin: 0 auto 3em; width: 30em; } #form-newsletter fieldset { border: 1px solid #e3cca2; padding: 1em 0 0 4%; margin: 20px 0 0 0; background: #faf7f2; } /*#form-newsletter fieldset { background: #ddedec; border: none; padding: 1em 0 1em 4%; }*/ #form-newsletter label { display: block; margin: 0 0 0.3em; } #form-newsletter p { margin: 0 0 0.5em; width: 95%; background: none; } #form-newsletter p.separateur { border-top: 1px solid #fff; padding-top: 0.5em; } #form-newsletter p input.champ { border: 1px solid #ccc; padding: 0.3em 0; margin: 0 0 0.5em; text-indent: 4px; width: 100%; } #form-newsletter span { display: inline-block; width: 48%; } #form-newsletter .bouton { margin: 0.75em 5% 0.75em 0; } /* formulaires identification */ #form-id { margin: 0 auto 3em; width: 30em; } #form-id fieldset { border: 1px solid #e3cca2; padding: 1em 0 0; margin: 20px 0 0 0; background: #faf7f2; } #form-id label { display: block; margin: 0 0 0.3em; } #form-id p { margin: 0 auto 0.5em; width: 95%; background: none; } #form-id p.separateur { border-top: 1px solid #fff; padding-top: 0.5em; } #form-id p input.champ { border: 1px solid #ccc; padding: 0.3em 0; margin: 0 0 0.5em; text-indent: 4px; width: 100%; } #form-id span { display: inline-block; width: 48%; } #form-id .bouton { margin: 0.75em 5% 0.75em 0; } /* 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%; } input.search, input.go { margin: 4px 0 14px; } p.bouton input { width: auto; } /* Tableaux a couleurs alternees */ .first-col { padding-left: 1em;} .col1, .col2 { float: left;} .col1 { width: 64.96%; } .col2 { padding: 0 1% 0 0; width: 34%; } .col1 p, .col2 p { margin: 0;} .cellule_s { display: block; height: 2.2em; line-height: 2.2em; vertical-align: middle;} .cellule_s select { margin-top: 0.35em;} .cellule_sbis, .cellule_sbis2 { display: block; height: 2.2em; line-height: 2.2em; padding-bottom: 2.2em; vertical-align: middle;} .cellule_sbis2 { padding-bottom: 4.4em; } .styleCell1 { background-color: #F0F5EA; } tr.styleCell1 strong { line-height: 23px; margin: 3px; font-weight: normal;} .styleCell2 { background-color: #F6F6F6; } 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;} /* Modification header */ #bandeau_ts { height: 40px; background: transparent url(/_boutiques/BELLEBENE//site_image/bandeau.png) left top no-repeat; position: relative; } #bandeau_ts ul { padding: 0; margin: 0; list-style: none; position: absolute; top: 8px; right: 46px; } #bandeau_ts li { float: left; width: 122px; height: 32px; margin-left: 10px; } #bandeau_ts a { width: 122px; height: 32px; display: block; } #bandeau_ts .onglet-boutique { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_bq.png) left top no-repeat; } #bandeau_ts .onglet-blog { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_bg.png) left top no-repeat; } #bandeau_ts .onglet-coaching { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_cg.png) left top no-repeat; } #bandeau_ts .onglet-atelier { background: transparent url(/_boutiques/BELLEBENE//site_image/fr/onglet_atelier.png) left top no-repeat; } #bandeau_ts a:hover { background-position: left bottom; } #bandeau_ts .onglet-actif { background-position: left bottom; } #en-tete_ts { width:960px; height: 261px; position: relative; z-index: 5000; display: block; margin: 0 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/header.png) left top repeat-x; } #en-tete_ts .logo { position: absolute; width: 268px; height: 214px; top: -41px; left: 0px; margin: 0; padding: 0; } #en-tete_ts .hotline { position: absolute; height: 32px; line-height: 32px; top: -32px; left: 320px; width: auto; margin: 0; padding: 0; } #en-tete_ts .hotline a { color: #825f49; } #en-tete_ts .espace-b { position: absolute; width: 402px; height: 147px; top: 8px; left: 550px; margin: 0; padding: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/fr/bloc-espace-client.png); overflow: hidden; font-size: 13px; } #en-tete_ts .espace-b .haut { width: 375px; height: 34px; margin: 5px 1px 5px 11px; padding: 2px 3px 0 0; border-bottom: 1px solid #a89778; text-align: right;} #en-tete_ts .espace-b .haut a { color: #960b0f; text-decoration: none; font-size: 11px; line-height: 15px; } #en-tete_ts .espace-b .haut a:hover { color: #960b0f; text-decoration: underline; } #en-tete_ts .espace-b .haut p { margin: 7px 0 0 0; padding: 0; color: #d55a00; font-weight: bold; } #en-tete_ts .espace-b .haut a.bonjour, #en-tete_ts .espace-b .haut a.bonjour:hover { color: #d55a00; font-weight: bold; } #en-tete_ts .espace-b .gauche, .espace-b .droite { width: 177px; float: left; margin: 0 12px 0 11px; padding: 0; } #en-tete_ts .espace-b a.panier, #en-tete_ts .espace-b a.panier:hover, #en-tete_ts .espace-b a.compte, #en-tete_ts .espace-b a.compte:hover, #en-tete_ts .espace-b a.parrainage, #en-tete_ts .espace-b a.parrainage:hover, #en-tete_ts .espace-b a.bilan, #en-tete_ts .espace-b a.bilan:hover { width: 177px; height: 28px; margin: 0; display: block; border-bottom: 1px solid #cdb892; line-height: 28px; text-indent: 28px; text-decoration: none; color: #7b3c2b; font-weight: normal; text-align: left; } #en-tete_ts .espace-b a.panier { background: #fbf7f0 url(/_boutiques/BELLEBENE//site_image/ico-panier.png) 4px 7px no-repeat; color: #d55a00; } .articles { font-size: 11px; } #en-tete_ts .espace-b a.compte { background: transparent url(/_boutiques/BELLEBENE//site_image/ico-compte.png) 4px 7px no-repeat; } #en-tete_ts .espace-b a.parrainage { background: transparent url(/_boutiques/BELLEBENE//site_image/ico-parrainage.png) 4px 7px no-repeat; } #en-tete_ts .espace-b a.bilan { margin: 0; background: transparent url(/_boutiques/BELLEBENE//site_image/ico-bilan.png) 4px 7px no-repeat; } #en-tete_ts .espace-b a:hover.panier, #en-tete_ts .espace-b a:hover.compte, #en-tete_ts .espace-b a:hover.parrainage, #en-tete_ts .espace-b a:hover.bilan {color: #d55a00;} #en-tete_ts .espace-b div.newsletter { width: 177px; height: 56px; margin: 0; padding: 0; display: block; border-bottom: none; line-height: 28px; text-decoration: none; color: #7b3c2b; font-weight: normal; text-align: left; font-size: 13px; position: relative; } #en-tete_ts .espace-b div.newsletter form { margin: 0; padding: 0; border: none; } #en-tete_ts .espace-b div.newsletter p { margin: 0; padding: 0; color: #7b3c2b; line-height: 28px; font-weight: bold; } #en-tete_ts .espace-b div.newsletter input { width: 164px; height: 13px; margin: 0; padding: 5px; border: 1px solid #9f8004; background: #fbf7f0; font-size: 11px; } #en-tete_ts .espace-b div.newsletter .bouton { width: auto; height: auto; margin: 0; padding: 0; display: block; position: absolute; bottom: 8px; right: 6px; border: none;} #en-tete_ts .menu { margin: 0; padding: 0; position: absolute; left: 0; bottom: 66px; width: 960px; height: 25px; z-index: 5000; text-align: left; } #en-tete_ts .menu ul { margin: 0; padding: 0; list-style: none; } #en-tete_ts .menu li.niv1 { margin: 0; padding: 0; display: block; float: left; line-height: 17px; position: relative; } #en-tete_ts .menu li.niv1 a.niv1, #en-tete_ts .menu li.niv1 a.rspm_active_ssmenu, #en-tete_ts .menu li.active a.niv1 { height: 25px; display: block; margin: 0 5px; padding: 0 0 0 8px; background: transparent url(/_boutiques/BELLEBENE//site_image/menu1.png) left top no-repeat; text-decoration: none; } #en-tete_ts .menu li.niv1 a.niv1 span, #en-tete_ts .menu li.niv1 a.rspm_active_ssmenu span, #en-tete_ts .menu li.active a.niv1 span { cursor: pointer; z-index: 4900; height: 25px; display: block; margin: 0; padding: 0 8px 0 0; background: transparent url(/_boutiques/BELLEBENE//site_image/menu1.png) right top no-repeat; line-height: 25px; font-size: 15px; font-weight: normal; text-transform: uppercase; } #en-tete_ts .menu li.niv1 a.niv1 { background-position: left 0; color: #e3cca2; } #en-tete_ts .menu li.niv1 a.niv1 span { background-position: right 0; color: #e3cca2; white-space: nowrap; } #en-tete_ts .menu li.active a.niv1 { background-position: left -25px; color: #fff; } #en-tete_ts .menu li.active a.niv1 span { background-position: right -25px; color: #fff; } #en-tete_ts .menu li.niv1 a.rspm_active_ssmenu, #en-tete_ts .menu li.niv1 a.niv1:hover { background-position: left -50px; color: #e3d6be; text-decoration: none; } #en-tete_ts .menu li.niv1 a.rspm_active_ssmenu span, #en-tete_ts .menu li.niv1 a.niv1:hover span { background-position: right -50px; color: #e3d6be; text-decoration: none; } #en-tete_ts ul.rspm_ssmenu { position: absolute; z-index: 5001; left: 5px; top: 23px; margin: 0; padding: 0; background: #f5e9d5; border: 1px solid #e3cca2; border-bottom: none; white-space: nowrap; display: block; } #en-tete_ts ul.rspm_ssmenu li { margin: 0; padding: 0; border-bottom: 1px solid #e3cca2; font-size: 13px; font-weight: normal; } #en-tete_ts ul.rspm_ssmenu li a { margin: 0; padding: 0 30px 0 10px; line-height: 34px; display: block; background: transparent url(/_boutiques/BELLEBENE//site_image/ss-menu-off.png) left top repeat-x; color: #4d392c; } #en-tete_ts ul.rspm_ssmenu li a:hover { background-image: url(/_boutiques/BELLEBENE//site_image/ss-menu-on.png); color: #ed6400; text-decoration: none; } #en-tete_ts .recherche { position: absolute; width: 314px; height: 42px; bottom: 10px; left: 14px; margin: 0; padding: 0; text-align: left; } #en-tete_ts .recherche p { margin: 0 0 4px 0; padding: 0; color: #fff; font-size: 14px; line-height: 17px; } #en-tete_ts .recherche input { width: 160px; height: 14px; margin: 0; padding: 4px 5px 4px 25px; border: 1px solid #430b18; background: #fff url(/_boutiques/BELLEBENE//site_image/icone_search.gif) 3px 3px no-repeat; font-size: 11px; } #en-tete_ts .recherche .bouton { width: auto; height: auto; margin: 0; padding: 0; border: none; } #en-tete_ts .marques { position: absolute; width: 228px; height: 42px; bottom: 10px; left: 398px; margin: 0; padding: 0; text-align: left; } #en-tete_ts .marques p { margin: 0 0 4px 0; padding: 0; color: #fff; font-size: 14px; line-height: 17px; } #en-tete_ts .marques select { height: 24px; margin: 0; padding: 4px 5px 2px 5px; background: #fff; border: 1px solid #430b18; line-height: 20px; font-size: 11px; } #en-tete_ts .marques option { margin: 0; padding: 3px 8px; font-size: 11px; } #en-tete_ts .bilan-cap { position: absolute; width: 304px; height: 58px; bottom: 2px; right: 0; margin: 0; padding: 0; } #liens_header2 { text-transform: uppercase; position: absolute; right: 10px; top: 7px; line-height: 24px; color: #647652; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: right; } #liens_header2 a { color: #9a593b; text-decoration: none; } #liens_header2 a:hover { color: #9a593b; text-decoration: underline; } /* Espace Presse */ .article-presse .fl-gauche { height: 150px; overflow: hidden; width: 100px; margin-right: 15px; } #onglets-box-presse { margin: 20px 0; height: 20px; } #onglets-box-presse a { width: 25%; display: block; float: left; text-align: center; } .article-presse { float: left; height: 200px; margin: 20px 20px 0 0; overflow: hidden; width: 300px; } .article-presse h2 { font-size: 15px; line-height: 17px; margin-top: 5px; } .article-presse .date-presse { color: #666666; font-size: 80%; font-style: italic; margin: 0; padding: 0 0 5px; } .article-presse .lien-dl-presse { margin-top: 10px; } /* Colonne gauche structure rayon */ #bloc_prd_col { background: #FFF; padding: 15px 3px 0; font-size: 12px; line-height: 16px; overflow:hidden; min-height:330px; } .titre_col { text-transform: uppercase; font-size: 11px; line-height: 22px; color: #c40c02; border-bottom: 1px solid #e3b86b; margin: 0 0 8px; } #col-g ul#liste-produit_col { margin: 12px 0 0; } #col-g ul li.zon-dyn-col {padding:2px; width: 219px; height: 288px;} #liste-produit_col { margin: 0; padding: 0; list-style: none; width: 230px; overflow: hidden; text-align: center; } #liste-produit_col li { float: left; width: 223px; height: 290px; margin: 0 0 16px 10px; background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-3-off.png) left top no-repeat; overflow: hidden; } #liste-produit_col li:hover { background: transparent url(/_boutiques/BELLEBENE//site_image/bloc-produit-3-off.png) left top no-repeat; } #liste-produit_col li.first { margin: 0; } #liste-produit_col .bp-image { position: relative; } #liste-produit_col .bp-image img { border: 1px solid #f7f4ed; } #liste-produit_col li h2 { text-align: left; } #liste-produit_col li h2 a { font-weight: bold; font-size: 15px; text-align: left; color: #4d392c; } #liste-produit_col .info-produit { overflow: hidden; text-align: left; padding: 15px 12px 10px; position: relative; } #liste-produit_col li h2 { text-align: left; height: 38px; overflow: hidden; } #liste-produit_col li h2 a { font-size: 15px; font-weight: bold; color: #4d392c; line-height: 18px; text-decoration: none; } #liste-produit_col li .marque { font-size: 11px; font-weight: normal; font-style: italic; color: #647652; line-height: 14px; height: 14px; overflow: hidden; text-decoration: none; text-transform: none; } #liste-produit_col li .prix { background: transparent url(/_boutiques/BELLEBENE//site_image/px_degrade.png) 0 0 no-repeat; font-size: 16px; font-weight: bold; color: #c40c02; line-height: 19px; width: 98px; height: 34px; padding: 5px 9px 0 0; position: absolute; top: -6px; right: 1px; overflow: hidden; text-decoration: none; text-align: right; float: none; } #liste-produit_col li .prix del, #liste-produit_col li .prix em { font-size: 11px; line-height: 12px; font-style: italic; color: #4d392c; } #liste-produit_col li .prix em { text-decoration: none; } #bloc_marques_slider { bottom: 10px; height: 42px; left: 235px; margin: 0; padding: 0; position: absolute; text-align: left; width: 415px; } #en-tete_ts .recherche2 { position: absolute; width: 215px; height: 42px; bottom: 10px; left: 14px; margin: 0; padding: 0; text-align: left; } #en-tete_ts .recherche2 p { margin: 0 0 4px 0; padding: 0; color: #fff; font-size: 14px; line-height: 17px; } #en-tete_ts .recherche2 input { width: 160px; height: 14px; margin: 0; padding: 4px 5px 4px 25px; border: 1px solid #430b18; background: #fff url(/_boutiques/BELLEBENE//site_image/icone_search.gif) 3px 3px no-repeat; font-size: 11px; } #en-tete_ts .recherche2 input.form_rech { width: 110px; } #en-tete_ts .recherche2 .bouton { width: auto; height: auto; margin: 0; padding: 0; border: none; } .fleche-gauche_slider, .fleche-droite_slider { margin-top: 5px; overflow: hidden; width: 18px;} .fleche-gauche_slider a, .fleche-droite_slider a { } .fleche-gauche_slider img, .fleche-droite_slider img { position: relative; top: 0%; } .fleche-gauche_slider { float: left;} .fleche-droite_slider { float: right;} #lesBulles { } .bulle_hover { } .bg_bulle { padding: 8px 2px 2px; height:96px; width: 117px; overflow: hidden; background: transparent url(/_boutiques/BELLEBENE//site_image/bulle_marques.gif) 0 0 no-repeat; z-index: 100000; position: absolute; top: 286px; left: 65px; } .bg_bulle .info-produit { display: table; width: 117px; height:96px; overflow: hidden; vertical-align: middle; text-align: center; margin: auto 0; } .bg_bulle .info-produit a { text-align: center; width: 117px; vertical-align: middle; height:96px; display: table-cell; } .bg_bulle .info-produit img { max-width:117px; max-height: 96px; } .bloc_fixe {} #marques_slider { position: absolute; text-align: left; width: 370px; overflow: hidden; margin-left: 23px; } ul#liste-fournisseur { margin: 5px 0 0; padding: 0; width: 16322px; } #liste-fournisseur li { padding: 0; margin: 0 3px 0 0; list-style-type: none; display: inline; float: left; font-size: 12px; color: #ffffff; height:20px; border: 1px solid #775845; width: 119px; text-align: center; position: relative; } #liste-fournisseur li a { color: #FFF; display: block; } #liste-fournisseur li a:hover { color: #FFF; text-decoration: none; } #liste-fournisseur li:hover { background: #634a39; text-decoration:none; } /**** Liste fournisseurs ****/ #bloc_liste_fournisseur {margin: 20px 0 0 0;} #bloc_liste_fournisseur ul { margin: 0 ; padding: 0; left: -10px; } #bloc_liste_fournisseur .liste-fournisseur {margin: 0; overflow: hidden; padding: 0; width: 700px; left: -10px; } #bloc_liste_fournisseur .liste-fournisseur li {list-style-type: none; margin: 0 0 35px 18px; width: 202px; position:relative; overflow: hidden; } #bloc_liste_fournisseur .liste-fournisseur li a { text-decoration: none; color: #D55A00; text-align: center; } #bloc_liste_fournisseur .liste-fournisseur li a:hover { text-decoration: underline; color: #D55A00; } #bloc_liste_fournisseur .liste-fournisseur img { vertical-align: middle; } #bloc_liste_fournisseur .bloc-nom_fournisseur { display: inline; float: left; margin: 0 0 0 19px; width: 200px; } #bloc_liste_fournisseur .bloc_visuel_fournisseur { display: table; width: 200px; height: 164px; overflow: hidden; margin: 0 0 10px 0; border: #e8e1d1 solid 1px;} #bloc_liste_fournisseur .bloc_visuel_fournisseur a { display: table-cell; width: 200px; height: 164px; vertical-align: middle; } #bloc_liste_fournisseur .bloc_visuel_fournisseur a { display: table-cell; width: 200px; height: 164px; vertical-align: middle; } #bloc_liste_fournisseur .bloc_visuel_fournisseur img { max-width: 200px; max-height: 164px; } #bloc_liste_fournisseur .bloc_visuel_fournisseur img a { display: block;} /*#bloc_liste_fournisseur .bloc_conteneur_hover {padding:6px;width:179px;border:1px solid #FFF;} #bloc_liste_fournisseur .hover .bloc_conteneur_hover{background:#e8e1d1; border:1px solid #a19689;}*/ .titre_marques { } .titre_marques a span { background: url(/_boutiques/BELLEBENE//site_image/bg_menu.png) no-repeat scroll right -50px transparent; cursor: pointer; display: block; height: 25px; line-height: 24px; padding: 0 7px 0 0;} .titre_marques a { margin-bottom: 10px; background: url(/_boutiques/BELLEBENE//site_image/bg_menu.png) no-repeat scroll left -50px transparent; text-transform: uppercase; color: #FFFFFF; text-decoration: none; display: block; float: left; font-size: 14px; padding: 0 0 0 7px; } .titre_marques a:hover span { background: url(/_boutiques/BELLEBENE//site_image/bg_menu.png) no-repeat scroll right -25px transparent; } .titre_marques a:hover { background: url(/_boutiques/BELLEBENE//site_image/bg_menu.png) no-repeat scroll left -25px transparent; } ul#liste_marques_colonne { margin: 0; padding: 0; } #liste_marques_colonne a { color: #606849; font-size: 14px; line-height: 22px; } #liste_marques_colonne a:hover { color: #D55A00; text-decoration: none; } /* Version anglaise */ #footer_en {} #footer_en p { margin-left: 20px; } #footer-1 #footer_en ul { margin: 0; padding: 0; list-style: none; } #footer-1 #footer_en li { margin: 0 0 12px 2%; padding: 0; font-size: 16px; color: #fff; width: 18%; float: left; display: inline; } #footer-1 #footer_en li a { color: #fff; text-decoration:none; } #footer-1 #footer_en li a:hover { color: #fff; text-decoration:underline; } #footer-1 #footer_en li a img { float: left; margin: 0 15px 0 0; } #footer-1 #footer_en li a span.texte_f { display: block; padding: 10px 0 0; font-size: 16px; } #footer-1 #footer_en li a:hover span.texte_f { text-decoration: underline; } #footer-1 #footer_en li a span{ padding: 10px 0 0; font-size: 12px; } #footer-1 #footer_en li a:hover span { text-decoration: underline; }