/******** Modification : 07/12/2009 par KV ********/ /******** Modification : 12/2009 par AG ********/ /******** PRINCIPALES COULEURS UTILISEES ********/ /* marron:#4f4944; marron clair:#a2978f; marron fonce :#695546; orange:#e29113; bleu:#3c6482; bleu gris:#556977; */ /**************************************************************************************************************************/ /* 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 **********************************************************************************************************/ @font-face { font-family: Texgyreadventor; src: url("/_boutiques/MYBEAUTIFUL//_sources/fontfacekit/texgyreadventor-regular-webfont.eot") /* EOT file for IE */ } @font-face { font-family: Texgyreadventor; src: url("/_boutiques/MYBEAUTIFUL//_sources/fontfacekit/texgyreadventor-regular-webfont.ttf") ,url("/_boutiques/MYBEAUTIFUL//_sources/fontfacekit/texgyreadventor-regular-webfont.svg") ,url("/_boutiques/MYBEAUTIFUL//_sources/fontfacekit/texgyreadventor-regular-webfont.woff")/* TTF file for CSS3 browsers */ } html { font-size: 14px; } body { background: #b4aaa2 url(/_boutiques/MYBEAUTIFUL//site_image/px_bg.png) 0 0 repeat-x; text-align: justify; font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #4f4944; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; line-height:38px; color: #3c6482; font-weight:normal; } h1, h2.blog_titre, h1.titre_blog{ font-size: 24px; font-family:"Texgyreadventor", Helvetica, Arial, sans-serif; border-bottom:1px solid #e1ddda; padding-bottom:5px; width:100%; line-height:29px; } h2.blog_titre, h1.titre_blog {margin-bottom:28px;} h2 { font-size: 18px; font-family:"Texgyreadventor", Helvetica, Arial, sans-serif;} h3 { font-size: 16px; font-family:"Texgyreadventor", Helvetica, Arial, sans-serif;} h4 { font-size: 14px; font-weight: bold; } p { margin: 0 0 1em; } strong { color: #726d69;} a { color: #e29113; text-decoration: none; } a:hover { text-decoration: underline; } th { color: #695546; background-color: #f0eeec; line-height: 2em; padding: 3px; } td { padding: 8px; line-height: 1.4em; } form img {vertical-align: middle;} input { color:#606360; font-size: 12px; margin: 4px 0; vertical-align: middle; font-family: Helvetica, Arial, sans-serif; padding: 4px; border:1px solid #A3B8C7; } input.bouton_input {border:none; padding:0; margin:0;} select, option { color:#606360; font-size: 12px; padding-left: 4px; } textarea { color:#606360; font-size: 12px; margin: 6px 0; font-family: Helvetica, Arial, sans-serif; padding: 3px 4px; border:1px solid #A3B8C7; } input.form_image { margin: 0; } /* Supprime la marge des 4px verticaux pour les boutons */ /**************************************************************************************************************************/ /* 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; } .pad10_gd {padding :0 10px;} .txt-italique { font-style: italic; } .souligne {text-decoration:underline;} a.souligne:hover {text-decoration:none;} .souligne12 {text-decoration:underline; font-size:12px; font-style:italic;} a.souligne12:hover {text-decoration:none;} .nobr { white-space: nowrap; } .overflow-hide { overflow: hidden; height: 1%; } .nodisplay { display: none; } .titre_font, .titre_font_filet, .titre_font_filet2 {font-family:"Texgyreadventor", Helvetica, Arial, sans-serif; font-size:16px; line-height:18px; color:#3c6482; font-weight:normal;} .titre_font_filet, .titre_font_filet2 { border-bottom:1px solid #e1ddda; padding-bottom:5px; width:100%; margin:0; } .titre_font_filet2 { margin:0 0 10px; } .bloc_zd h3 {font-size:13px; font-weight:bold; line-height:17px; font-family:"Texgyreadventor", Helvetica, Arial, sans-serif; color:#726d69; margin:20px 0;} .titre_motif, .rs_contact h2, .encart-dynamique h2, .tags h2, .billet-nom {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/motif_banniere.png) 0 0 repeat-x; padding:0 11px 3px; height:27px; font-family:"Texgyreadventor", Helvetica, Arial, sans-serif; font-size:18px; line-height:27px; color:#3c6482; font-weight:normal; margin:0 0 15px; text-align: left;} .titre_motif a, .billet-nom a {color:#3c6482;} .billet-nom {margin:0 0 5px;} .titre_long {width:598px; overflow:hidden; height:27px;} .titre_court {width:278px; overflow:hidden; height:27px;} .titre_colonne, .encart-dynamique h2 {width:174px; overflow:hidden; height:27px;} .filet_img {border:#d8e0e6 solid 1px;} .filet_img_pp{border:#d8e0e6 solid 1px; float:left; margin-right:20px;} ul.puce, .rs_pagesweb #pagesWeb ul, .rs_liste_actifs #pagesWeb ul, .rs_liste_materiaux #pagesWeb ul {margin:0; padding:0;} .puce li, .rs_pagesweb #pagesWeb ul li, .rs_liste_actifs #pagesWeb ul li, .rs_liste_materiaux #pagesWeb ul li {padding:0 0 0 12px; margin:0; background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/puce.png) 0 7px no-repeat; list-style-type:none; line-height:22px;} .liste_alpha { } .liste_alpha .col { float: left; width: 31%; margin-left: 2%; } .liste_alpha .col-num1 { margin-left: 0; } .liste_alpha h3 { margin-bottom: 10px; text-align: center; } .liste_alpha ul { margin-bottom: 15px !important; } .txt10 {font-size:10px;} .txt11 {font-size:11px;} .txt12 {font-size:12px;} .txt13 {font-size:13px;} .color1 {color: #4f4944;}/*marron*/ .color2 {color:#e29113;}/*orange*/ .color3 {color:#3c6482;}/*bleu*/ .color4 {color:#a2978f;} /*marron clair*/ .color5 {color:#556977;}/*bleu gris*/ .color6 {color:#695546;}/*marron fonce*/ /**************************************************************************************************************************/ /* HOVER ***************************************************************************************************/ .hover .bp-image, .hover .filet_img, .hover .vignette-rayon, #liste-produit_blog .hover .bp-image {border:1px solid #fcdfaf;} /**************************************************************************************************************************/ /* STRUCTURE / ARMATURE ***************************************************************************************************/ #enveloppe-page { width: 994px; margin:auto; } /**** Entete ****/ #ombre_haut { display: none; height: 7px; width:994px; background:#FFF url(/_boutiques/MYBEAUTIFUL//site_image/ombre_haut.png) 0 0 no-repeat; } #ombre_bas { background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/ombre-bas.png) 0 0 no-repeat; width:994px; height:7px; display:block;} #entete {height:130px; position:relative; margin:auto;} .rs_form_creercompte #entete {margin-bottom:5px;} #header-bandeau { background: #606360; color: #7bbdb6; height: 2.14em; line-height: 2.14em; padding: 0 1em 0 0; text-align: right; } #header-bandeau a { color: #FFF; } #header-bandeau a:hover { } #connexion_client {font-size:10px; font-family:Verdana,sans-serif; color:#392e26; text-transform:uppercase; float:right; margin-right:20px;} #connexion_client a {color:#392e26;} #navigation_header {border-top:1px solid #d3cdc8; width:537px; position:absolute; right:0px; top:22px; padding:0 0 0 30px;} #navigation_header ul {margin:0; padding:0;} #navigation_header li {list-style-type:none; padding:0; margin:0; display:inline; float:left;} #navigation_header li a {text-indent:-5000px; overflow:hidden; height:52px; display:block;} #navigation_header li.lien1 a {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) 0 top no-repeat; width:37px; height:52px;} #navigation_header li.lien1 a:hover, #navigation_header li.lien1 a.active {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) 0 bottom no-repeat;} #navigation_header li.lien2 a {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) -37px top no-repeat; width:50px; height:52px;} #navigation_header li.lien2 a:hover, #navigation_header li.lien2 a.active {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) -37px bottom no-repeat;} #navigation_header li.lien3 a {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) -87px top no-repeat; width:41px; height:52px;} #navigation_header li.lien3 a:hover, #navigation_header li.lien3 a.active{background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) -87px bottom no-repeat;} #navigation_header li.lien4 a {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) right top no-repeat; width:39px; height:52px;} #navigation_header li.lien4 a:hover, #navigation_header li.lien4 a.active {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu_secondaire.png) right bottom no-repeat;} #elem_panier {width:99px; float:right; margin:13px 60px 0 0;} #elem_panier .titre_panier {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/titre_panier.png) 0 0 no-repeat; width:99px; height:16px; display:block; text-indent:-5000px; overflow:hidden;} #elem_panier .lien_panier {padding-left:10px; color:#382d25; font-size:12px;} #elem_wishlist {width:159px; float:right; margin:13px 0 0; } #elem_wishlist .titre_selection {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/titre_selection.png) right top no-repeat; width:159px; height:16px; display:block; text-indent:-5000px; overflow:hidden;} #elem_wishlist .lien_selection {display:block; text-align:right; padding-right:7px; color:#382d25; font-size:12px;} #elem_wishlist a:hover, #elem_panier a:hover {color:#382d25; text-decoration:none;} /* Menu principal */ /*#menu_principal { background: transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu.png) 0 0 no-repeat; width: 980px; margin-top: 4px; position: relative; z-index: 6000; } ul#elem_menu { margin: 0 0 0 58px; padding: 0; list-style: none; } #elem_menu li.niv1 { padding: 0; margin: 0; float: left; } #elem_menu li.niv1 a.niv1 { display: block; height: 37px; text-indent: -5000px; overflow: hidden; } #elem_menu li.niv1 a.niv1:hover, #elem_menu li.niv1 a.active, #elem_menu li.niv1 a.rspm_active_ssmenu { background: #fff url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu.png) left top no-repeat; } #elem_menu li.niv1_18540 a.niv1 { width: 72px; } #elem_menu li.niv1_18540 a.niv1:hover, #elem_menu li.niv1_18540 a.active, #elem_menu li.niv1_18540 a.rspm_active_ssmenu { background-position: -58px -37px; } #elem_menu li.niv1_18901 a.niv1 { width: 93px; margin-left: -1px; } #elem_menu li.niv1_18901 a.niv1:hover, #elem_menu li.niv1_18901 a.active, #elem_menu li.niv1_18901 a.rspm_active_ssmenu { background-position: -129px -37px; } #elem_menu li.niv1_18902 a.niv1 { width: 60px; margin-left: -1px; } #elem_menu li.niv1_18902 a.niv1:hover, #elem_menu li.niv1_18902 a.active, #elem_menu li.niv1_18902 a.rspm_active_ssmenu { background-position: -221px -37px; } #elem_menu li.niv1_18903 a.niv1 { width: 70px; margin-left: -1px; margin-right: 49px; } #elem_menu li.niv1_18903 a.niv1:hover, #elem_menu li.niv1_18903 a.active, #elem_menu li.niv1_18903 a.rspm_active_ssmenu { background-position: -280px -37px; } #elem_menu li.niv1_18904 a.niv1 { width: 66px; } #elem_menu li.niv1_18904 a.niv1:hover, #elem_menu li.niv1_18904 a.active, #elem_menu li.niv1_18904 a.rspm_active_ssmenu { background-position: -399px -37px; } #elem_menu li.niv1_18905 a.niv1 { width: 98px; margin-left: -1px; margin-right: 29px; } #elem_menu li.niv1_18905 a.niv1:hover, #elem_menu li.niv1_18905 a.active, #elem_menu li.niv1_18905 a.rspm_active_ssmenu { background-position: -464px -37px; } #elem_menu li.niv1_18630 a.niv1 { width: 87px; } #elem_menu li.niv1_18630 a.niv1:hover, #elem_menu li.niv1_18630 a.active, #elem_menu li.niv1_18630 a.rspm_active_ssmenu { background-position: -591px -37px; } #elem_menu li.niv1_18906 { position: absolute; left: 708px; } #elem_menu li.niv1_18906 a.niv1 { width: 122px; } #elem_menu li.niv1_18906 a.niv1:hover, #elem_menu li.niv1_18906 a.active, #elem_menu li.niv1_18906 a.rspm_active_ssmenu { background-position: -708px -37px; } #elem_menu li.niv1_18907 { position: absolute; left: 830px; } #elem_menu li.niv1_18907 a.niv1 { width: 110px; margin-left: -1px; } #elem_menu li.niv1_18907 a.niv1:hover, #elem_menu li.niv1_18907 a.active, #elem_menu li.niv1_18907 a.rspm_active_ssmenu { background-position: -829px -37px; } #elem_menu li.niv1_18906 { position: absolute; left: 708px; } #elem_menu li.niv1_18906 a.niv1 { width: 122px; } #elem_menu li.niv1_18906 a.niv1:hover, #elem_menu li.niv1_18906 a.active, #elem_menu li.niv1_18906 a.rspm_active_ssmenu { background-position: -708px -37px; } #elem_menu li.niv1_18907 { position: absolute; left: 830px; } #elem_menu li.niv1_18907 a.niv1 { width: 110px; margin-left: -1px; } #elem_menu li.niv1_18907 a.niv1:hover, #elem_menu li.niv1_18907 a.active, #elem_menu li.niv1_18907 a.rspm_active_ssmenu { background-position: -829px -37px; } */ /* nouveau menu */ #menu_principal { background: transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu3.png) 0 0 no-repeat; width: 980px; margin-top: 4px; position: relative; z-index: 6000; } ul#elem_menu { margin: 0 0 0 22px; padding: 0; list-style: none; } #elem_menu li.niv1 { padding: 0; margin: 0; float: left; } #elem_menu li.niv1 a.niv1 { display: block; height: 37px; text-indent: -5000px; overflow: hidden; } #elem_menu li.niv1 a.niv1:hover, #elem_menu li.niv1 a.active, #elem_menu li.niv1 a.rspm_active_ssmenu { background: transparent url(/_boutiques/MYBEAUTIFUL//site_image/fr/menu3.png) left top no-repeat; } /* BEAUTE */ #elem_menu li.niv1_18540 a.niv1 { width: 73px; } #elem_menu li.niv1_18540 a.niv1:hover, #elem_menu li.niv1_18540 a.active, #elem_menu li.niv1_18540 a.rspm_active_ssmenu { background-position: -22px -37px; } /* BIEN-ETRE */ #elem_menu li.niv1_18901 a.niv1 { width: 93px; margin-left: -1px; } #elem_menu li.niv1_18901 a.niv1:hover, #elem_menu li.niv1_18901 a.active, #elem_menu li.niv1_18901 a.rspm_active_ssmenu { background-position: -94px -37px; } /* MODE */ #elem_menu li.niv1_18902 a.niv1 { width: 60px; margin-left: -1px; } #elem_menu li.niv1_18902 a.niv1:hover, #elem_menu li.niv1_18902 a.active, #elem_menu li.niv1_18902 a.rspm_active_ssmenu { background-position: -186px -37px; } /* DECO */ #elem_menu li.niv1_24706 a.niv1 { width: 59px; margin-left: -1px; } #elem_menu li.niv1_24706 a.niv1:hover, #elem_menu li.niv1_24706 a.active, #elem_menu li.niv1_24706 a.rspm_active_ssmenu { background-position: -245px -37px; } /* LIVRES */ #elem_menu li.niv1_18903 a.niv1 { width: 70px; margin-left: -1px; margin-right: 19px; } #elem_menu li.niv1_18903 a.niv1:hover, #elem_menu li.niv1_18903 a.active, #elem_menu li.niv1_18903 a.rspm_active_ssmenu { background-position: -303px -37px; } /* ACTIFS */ #elem_menu li.niv1_18904 a.niv1 { width: 65px; } #elem_menu li.niv1_18904 a.niv1:hover, #elem_menu li.niv1_18904 a.active, #elem_menu li.niv1_18904 a.rspm_active_ssmenu { background-position: -392px -37px; } /* MATERIAUX */ #elem_menu li.niv1_18905 a.niv1 { width: 98px; margin-left: -1px; margin-right: 21px; } #elem_menu li.niv1_18905 a.niv1:hover, #elem_menu li.niv1_18905 a.active, #elem_menu li.niv1_18905 a.rspm_active_ssmenu { background-position: -456px -37px; } /* MARQUES */ #elem_menu li.niv1_18630 a.niv1 { width: 87px; } #elem_menu li.niv1_18630 a.niv1:hover, #elem_menu li.niv1_18630 a.active, #elem_menu li.niv1_18630 a.rspm_active_ssmenu { background-position: -575px -37px; } /* SELECTIONS */ #elem_menu li.niv1_25358 { position: absolute; left: 680px; } #elem_menu li.niv1_25358 a.niv1 { width: 106px; } #elem_menu li.niv1_25358 a.niv1:hover, #elem_menu li.niv1_25358 a.active, #elem_menu li.niv1_25358 a.rspm_active_ssmenu { background-position: -680px -37px; } /* FEUILLES DE STYLE */ #elem_menu li.niv1_41876 { position: absolute; left: 805px; } #elem_menu li.niv1_41876 a.niv1 { width: 154px; margin-left: -1px; } #elem_menu li.niv1_41876 a.niv1:hover, #elem_menu li.niv1_41876 a.active, #elem_menu li.niv1_41876 a.rspm_active_ssmenu { background-position: -804px -37px; } #elem_menu .gd_ssmenu { position: absolute; z-index: 5000; left: 10px; top: 36px; padding: 7px 0 10px; width: 958px; background: #eceff3; border: 1px solid #c5d1da; } #elem_menu li.niv1_18904 .gd_ssmenu, #elem_menu li.niv1_18905 .gd_ssmenu, #elem_menu li.niv1_18630 .gd_ssmenu { left: 0; width: 180px; padding-bottom: 3px; } #elem_menu li.niv1_18906 .gd_ssmenu, #elem_menu li.niv1_25358 .gd_ssmenu, #elem_menu li.niv1_31637 .gd_ssmenu { left: 0; width: 250px; padding-bottom: 3px; } #elem_menu li.niv1_31637 .gd_ssmenu { width: 190px; } #elem_menu li.niv1_41876 .gd_ssmenu { left: -27px; width: 190px; padding-bottom: 3px; } #elem_menu li.niv1_18907 .gd_ssmenu { left: -122px; width: 250px; padding-bottom: 3px; } #elem_menu li.niv1_18904, #elem_menu li.niv1_18905, #elem_menu li.niv1_18630 { position: relative; } #elem_menu .simple_ssmenu { padding: 0 10px; font-size: 12px; } #elem_menu .simple_ssmenu ul { margin: 0; padding: 0; list-style: none; } #elem_menu .simple_ssmenu li { margin: 0; padding: 0; } #elem_menu .simple_ssmenu p { margin: 3px 0 3px; padding: 0; } #elem_menu .simple_ssmenu p a { color: #e6920e; text-decoration: underline; } #elem_menu .simple_ssmenu p a:hover { color: #e6920e; text-decoration: none; } #elem_menu .simple_ssmenu a.niv2, #elem_menu .big_ssmenu .niv2 { font-family: "Texgyreadventor", 'Century Gothic', Arial, sans-serif; font-size: 14px; line-height: 17px; margin: 13px 0 5px; padding: 0; color: #382d25; } #elem_menu .simple_ssmenu a.niv2, #elem_menu .big_ssmenu .niv2 a, #elem_menu .simple_ssmenu li a { color: #382d25; text-decoration: none; } #elem_menu .simple_ssmenu a.niv2:hover, #elem_menu .big_ssmenu .niv2 a:hover, #elem_menu .simple_ssmenu li a:hover { color: #e6920e; text-decoration: none; } #elem_menu .gd_ssmenu ul { font-size: 12px; display: block; margin: 0; padding: 0; } #elem_menu .gd_ssmenu li { margin: 0; padding: 0; list-style: none; line-height: 16px; padding-bottom: 6px; } #elem_menu .gd_ssmenu li a { margin: 0; color: #50748f; text-indent:0; } #elem_menu .gd_ssmenu li a:hover { color: #e6920e; text-decoration: none; } #elem_menu .gd_ssmenu .col { height: 100%; float: left; padding: 0 10px; width: 171px; } /**** Page et colonnes ****/ /* Conteneur */ #conteneur { position: relative; display: block; background: transparent url(/_boutiques/MYBEAUTIFUL//site_image/px_ombre.png) 0 0 repeat-y; padding:0 7px; width:980px; z-index:2; } #conteneur-interne { display: block; min-height:467px;} /* Colonnes */ #col-g { background: #DCE1E3; float: left; position: relative; display: block; width: 180px; left: 0; margin: 0; padding: 0; } /* Resolution bug des 3px ss IE6 */ * html #col-g { margin: 0 -3px 0 auto;} #col-d { float: right; margin: 33px 20px 0 0; width:196px; } /* Colonne du tunnel de commande */ #col-commande, .rs_commande #col-d, .rs_recap-commande #col-d, .rs_choix-paiement #col-d { display: none; } /* Colonne des news+pagesweb+blog */ #col-pagesweb, #col-blog, #col-commande { float: right; margin: 33px 20px 0 0; width:196px; display:block; } /* Pages */ #contenu-principal { position: relative; display: block; height: 1%; background: #fff; padding: 8px 20px 30px 30px; overflow: hidden; } /*.rs_home_identification #contenu-principal{padding:18px 30px 30px;} */ /*.rs_form_creercompte #contenu-principal {padding:18px 15px 30px 30px;} */ /*.rs_index #contenu-principal { padding:16px 20px 24px 20px;}*/ .rs_categorie_x6 #contenu-principal, .rs_categorie #contenu-principal, .rs_ficheproduit #contenu-principal { padding: 8px 20px 30px; } .colsContainer li { text-align: left; } /**** Pied de page ****/ #pied-page_ID { background: #efefef url(/_boutiques/MYBEAUTIFUL//site_image/motif_frise.png) 0 0 repeat-x; display: block; font-size: 12px; margin: 0; padding:17px 0 51px; } #pied-page_ID a{color:#4f4944;} .footer-col { text-align:center; } #pre_footer { background: #f7f7f7 url(/_boutiques/MYBEAUTIFUL//site_image/motif_prefooter.gif) 0 0 repeat-x; display: block; font-size: 12px; margin: 0; padding:0 0 15px; } .colonne {float:left; display:inline; width:303px; margin-left:20px;} .colonne h2, .colonne h3 { font-size: 16px; line-height:18px; margin: 7px 0 15px; color:#695546; } .colonne h2 {text-transform:lowercase;background:none; padding:0;} .colonne h3 {margin:0 0 8px; font-size:14px; line-height:16px; font-family: Helvetica, Arial, sans-serif;} .colonne h3 a {color:#50748f; font-weight:bold;} .bloc_blog, .bloc_news {font-size:13px; padding-right:20px;} .bloc_news {margin-top:18px;} .bloc_news h3 {margin-bottom:0;} .bloc_news .lien_savoirplus {text-decoration:underline; font-size:11px; line-height:13px;} .lien_allnews {text-decoration:underline; font-size:13px; line-height:15px;} .texte_blog {font-size:13px; line-height:17px; max-height:102px; overflow:hidden; margin-bottom:5px;} .texte_blog a {color:#4f4944;} #elem_newsletter {font-size:13px; line-height:18px;} #elem_newsletter form { margin: 0 0 7px; width: 300px;} * html #elem_newsletter form { display: inline; width: 140px; } #elem_newsletter input { display: inline; margin: 0; padding: 3px 0; border:none; } #elem_newsletter .form_champ { padding-left: 5px; width: 200px; border:#c5d1da solid 1px; font-style:italic;} #elem_newsletter .form_img { background: #fff;} #elem_newsletter a {text-decoration:underline; font-style:italic;} #footer { background: #d8e0e6 url(/_boutiques/MYBEAUTIFUL//site_image/motif_frise.png) 0 0 repeat-x; display: block; font-size: 12px; margin: 0; padding:17px 0 51px; } #footer a {color:#4f4944;} #pub_rs { clear: both; font-size: 0.79em; margin: 0; text-align: right; padding:0 7px; } #pub_rs a { color:#4f4944; } /**** Breadcrumb ****/ .breadcrumb { color: #8b8783; font-size: 11px; margin:0; } .breadcrumb a { color: #8b8783; } .breadcrumb .breadcrumb_sep { } /* Le separateur du breadcrumb */ .rs_index .breadcrumb, .rs_ficheproduit .breadcrumb {margin:0 0 10px;} .rs_form_creercompte .breadcrumb, .rs_home_identification .breadcrumb {display:none;} /**** Autres elements et blocs ****/ #logo { top:17px; left:30px; position:absolute; } #elem_compte, #elem_blog { background: #85aba7; display: inline; float: right; margin: 0 10px 0.5em; position: relative; clear: right; width: 11.43em; } #elem_compte a, #elem_blog a { color: #fff; display: block; padding: 0.5em; } #elem_compte a:hover, #elem_blog a:hover { background: #95bfbb; text-decoration: none; } #elem_compte strong, #elem_blog strong { color: #2d2b2b; text-transform: uppercase; } .encart-dynamique { margin: 0 0 20px 0; background:#fcfcfb; font-size:13px; line-height:19px; } #menu_blog .encart-dynamique { margin: 0 0 8px 0; } .encart-dynamique h2 {margin-bottom:0;} .rs_pagesweb .encart-dynamique p, .rs_news .encart-dynamique p,.rs_news2 .encart-dynamique p, .rs_contact .encart-dynamique p, .rs_newsletter .encart-dynamique p, .rs_commande .encart-dynamique p, .rs_choix_paiement .encart-dynamique p, .rs_recap-commande .encart-dynamique p, .rs_mescommandes .encart-dynamique p, .rs_panier .encart-dynamique p {padding:15px;} .banniere { padding: 0;} #elem_rechercher { height: 1%; /* pour IE6 */ margin:8px 20px 0 0; /*width:537px;*/ float:right; } #elem_rechercher #span_form {float:left; display:inline; width:207px; font-size:12px; padding:3px 10px 0 0 ; text-align:right;} #elem_rechercher .form_champ { padding-left: 25px; width: 180px; display:inline; float:left; background:transparent url(/_boutiques/MYBEAUTIFUL/theme/icone_search.gif) 4px 3px no-repeat; margin-right:4px; font-style:italic; font-size:12px; color:#695546;} #elem_rechercher .form_select { display:inline; float:left; margin-right:4px; font-size:12px; color:#695546; border: 1px solid #A3B8C7; padding: 2px; } #elem_rechercher .form_img { background: #fff;display:inline; float:left; border:none; margin:0; padding:0;} #elem_rechercher input { display: inline; margin: 0; padding: 3px 0; } #elem_rechercher .rechercher_cat { color: #3C6482; font-size: 12px; padding: 3px 0 0; clear: left; } #elem_rechercher .rechercher_cat strong { color: #3C6482; font-weight: normal; margin-right: 10px; } #elem_rechercher .rechercher_cat span { margin-right: 14px; } /* Menu de base */ .menu-base { } .menu-base ul { margin: 0; padding:0; } .menu-base li { padding:0; margin:0; list-style-type:none; line-height:16px; font-size:12px; border-bottom:1px solid #FFF; } .menu-base a { color: #2d2b2b; display: block; height: 1%; /* pour IE6 */ padding: 6px 10px 6px 23px; text-decoration: none; background:#f7f7f7 url(/_boutiques/MYBEAUTIFUL//site_image/puce2.png) 10px 10px no-repeat;} .menu-base a:hover, .menu-base li.active a { color:#e6920e;background:#f0eeec url(/_boutiques/MYBEAUTIFUL//site_image/puce2.png) 10px 10px no-repeat; } .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; } /** Articles 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 { margin: 0; padding: 0; position: absolute; width: 2190px; } /**** 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: 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, .bloc_alerte { color: #000; line-height: 1.5em; min-height: 50px; padding: 16px 16px 16px 82px; } .bloc_info-brute { background: #d8e0e6; padding: 16px; } .bloc_info { background: #d8e0e6 url(/_boutiques/MYBEAUTIFUL//site_image/rs_info-vert.png) no-repeat 16px 16px; } .bloc_info-importante { background: #ebcccc url(/_boutiques/MYBEAUTIFUL//site_image/rs_info-rouge.png) no-repeat 16px 16px; } .bloc_alerte { background: #ebcccc url(/_boutiques/MYBEAUTIFUL//site_image/rs_info-alerte.png) no-repeat 16px 16px; } .alerte_erreur { color: #FF0000; font-weight: bold; } .alerte_info { color: #009933; font-weight: bold; } /**** formulaire general d'avis (page avis.htm, ami.htm, avis_derniers.htm, avis_du_client.htm) ****/ .form-avis { margin: 25px auto 3em; /* centre le formulaire */ width: 712px; /* determiner une meduimur pour le formulaire */ } .form-avis fieldset { background:#faf8f6; border: none; padding: 1em 0 1em 4%; /* la marge droite de 4% est importante */ } .form-avis h3 { margin-bottom: 0.5em;} .form-avis h4 { float: left; margin: 1em 0 0.5em; width: 100%; } .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; text-indent: 4px; /* fonctionne partiellement sous IE mais ok */ 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;} /* la marge droite de 5% est importante */ /*** formulaire general avec label et input sur 1 ligne ***/ .form-inline {background:#faf8f6; width:712px; padding:15px 0; margin:35px 0 0;} .rs_commande .form-inline {width:642px; margin:10px 0 0;} .form-inline2 { } .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 20px 0 0; text-align: right; width: 255px; } .form-inline2 label { display: block; float: left; margin: 0; padding: 0 20px 0 0; text-align: right; width: 255px; } .form-inline fieldset p { clear: both; height: 1%; line-height: 1.8em; /* determiner une hauteur de base */ margin: 0; overflow: hidden; padding: 0.5em 0; /* espacement entre les champs */ } .form-inline p.optionnel {} .form-inline p input, .form-inline textarea { border: 1px solid #ccc; float: left; padding: 0.3em 0; margin: 0; text-indent: 4px; /* fonctionne partiellement sous IE mais ok */ width: 40%; } .form-inline p.form-checkbox input { border: none; height: 1.8em; /* hauteur de .form-inline */ margin: 0 1% 0 275px; 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: 0.5em 8% 0 0; width: auto; } /*** formulaire de la page newsletter.htm ***/ #form-newsletter { margin: 0 auto 3em; /* centre le formulaire */ width: 30em; /* determiner une meduimur pour le formulaire */ } #form-newsletter fieldset { background: #faf8f6; border: none; padding: 1em 0 1em 4%; /* la marge droite de 4% est importante */ } #form-newsletter label { display: block; margin: 0 0 0.3em; } #form-newsletter p { margin: 0 0 0.5em; width: 95%; } #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; /* fonctionne partiellement sous IE mais ok */ width: 100%; } #form-newsletter span { display: inline-block; width: 48%; } #form-newsletter .bouton { margin: 0.75em 5% 0.75em 0;} /* la marge droite de 5% est importante */ /**************************************************************************************************************************/ /* PAGES ******************************************************************************************************************/ /**** Home_identification ****/ #form_id {float:right; margin:45px 30px 0 0;} .bloc_id {padding:8px 0 0;} .form-inline2 fieldset .titre_font {line-height:18px; padding:0 0 8px;} .form-inline2 fieldset .pas_membre_titre {margin-top:61px;} .bloc_id ul, #form_id ul {margin:0; padding:0;} .bloc_id li, #form_id li {list-style-type:none; padding:0; margin:0; display:inline; float:left; margin:0 0 0 11px;} .bloc_id label, #form_id label {font-size:12px; padding:0; width:inherit; display:block;} .bloc_id input, #form_id input {width:132px; border:1px solid #c5d1da; margin:0; height:14px;} .bloc_id input.bouton, #form_id input.bouton {margin:20px 0 0; padding:0; height:23px; width:96px;} .lien_password {font-size:10px; line-height:12px; color:#a2978f;} .lien_crea_cpte {padding:8px 0 0 11px; font-size:12px;} /**** Creation compte ****/ .bloc_filet20 {border-top:1px solid #e1ddda; padding:20px 0 0;} .bloc_color {background:#faf8f6; padding:22px 20px; } #creer_compte {width:435px; float:left; margin:5px 40px 0 0;} #creer_compte h1 {border:none; margin:0;} #creer_compte input.btn_radio {width:inherit; float:left; display:inline; margin:3px 10px 0 145px; border:none;} #btn_validercreer {margin-top:46px;} #btn_validercreer input {border:none;} #txt_creercompte {margin-top:38px; overflow:hidden;} /**** Home ****/ #txt-home {font-size:16px; float:left; margin:29px 26px 0 10px; width: 465px;} #txt-home h1 { font-size:16px; font-weight:bold; margin: 0 0 24px; color:#726d69; line-height:20px; border:none;} #form_identification {margin-top:29px; width:405px; float:right; margin-right:10px;} ul#liste_fournisseur {margin:0; padding:0;display:block;} .rs_liste_marques ul#liste_fournisseur {margin:30px 0 0 -12px;} #liste_fournisseur li {list-style-type:none; padding:0; margin:0; float:left; display:inline; margin-left:12px;} .rs_liste_marques #liste_fournisseur li {margin-left:10px;} #liste_fournisseur li.bloc-nom_fournisseur {width:145px; height:170px;} #liste_fournisseur .bloc_visuel_fournisseur {border:1px solid #d8e0e6; width:144px; height:114px; overflow:hidden;} #liste_fournisseur .hover .bloc_visuel_fournisseur {border:1px solid #fcdfaf; } #liste_fournisseur .bloc_visuel_fournisseur img {width:144px; overflow:hidden;} #liste_fournisseur li.bloc-nom_fournisseur .bloc_visuel_fournisseur a{padding:0; display:block;} #liste_fournisseur li.bloc-nom_fournisseur a.nom_fournisseur {padding:5px 0 0 ;text-align:center; color:#695546; font-size:12px; line-height:14px; height:29px; overflow:hidden; display:block;} .rs_index .blocScrollNews { padding-bottom: 0; } .rs_index .blocScrollNews .titre_court { margin-bottom: 7px; } #scrollNews { height: 160px; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; } #scrollNews li { margin: 0; padding: 0 10px; } #scrollNews .news_titre { margin: 0; padding: 0; color: #E29113; line-height: 20px; text-align: left; } #scrollNews .news_date { margin: 0 0 10px; padding: 0; font-size: 11px; } #scrollNews .news_contenu { margin: 0; padding: 0; line-height: 17px; height: 85px; overflow: hidden; } #scrollNews .news_contenu p { margin: 0; padding: 0; line-height: 17px; } #news-home { float: left; font-size: 0.86em; height: 160px; line-height: 1.38em; margin: 10px 0; width: 465px; } #news-home img.news-img { float: left; height: 180px; left: -10px; position: relative; top: -10px; width: 180px; } #news-home h2 { font-size: 1.33em; font-weight: bold; margin-top: 0; } #news-home h3 { font-size: 1em; font-weight: bold; margin-top: 0; } #news-home p { max-height: 5.52em; overflow: hidden; position: relative; } * html #news-home p { height: 5.52em; } #news-home span.ellipse { bottom: 0; position: absolute; right: 0; } #bloc_index_g {width:620px; overflow:hidden; padding-top:16px;} #carrousel2 { position: relative; width: 618px; height: 298px; overflow: hidden; margin: 0 0 17px; border:1px solid #d8e0e6; } #carrousel2 p { margin: 0; padding: 0; } #carrousel2 #content_carrousel { } #carrousel2 #liens_carrousel { position: absolute; right: 15px; bottom: 10px; display:none; } #carrousel2 #liens_carrousel a { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #57cfdd; background: #fff; text-decoration: none; color: #57cfdd; height: 1.5em; width: 1.5em; line-height: 1.5em; text-align: center; } #carrousel2 #liens_carrousel a.actif, #carrousel2 #liens_carrousel a:hover { background: #57cfdd; color: #fff; text-decoration: none; } #carrousel2 #img_carrousel { display: none; } #coupsdecoeur { } #bloc_index_d {width:300px; float:right; overflow:hidden; margin-top:16px;} #bloc_index_d a#rayon_fds {display:block; height:190px; overflow:hidden;} .bloc_color2 {background:#f7f7f7; padding:0 0 10px; margin:1px 0 11px; /*height:509px;*/ overflow:hidden;} .vignette-rayon {float:left; display:inline; border:1px solid #d8e0e6; margin:8px 0 17px 8px;} .vignette-rayon a {display:block;} #colonne_color {margin-top:5px;} #zd_video {/*height:265px;*/ overflow:hidden; font-size:12px; line-height:14px;} #zd_video p {padding:13px 0 0;} #bloc_liste_fournisseur {} #bloc_liste_fournisseur ul { margin: 0; padding: 0; } #bloc_liste_fournisseur ul li { list-style-type: none; margin: 0 0 12px 12px; padding: 0; display: inline; float: left; } #bloc_liste_fournisseur ul li p { margin: 0;} #bloc_liste_fournisseur ul li a { color: #695546; text-decoration: none; } #bloc_liste_fournisseur ul li a:hover { color: #695546; text-decoration: underline; } #bloc_liste_fournisseur ul li.first { margin: 0; } #bloc_liste_fournisseur ul li a { display: block; text-align: center; } #bloc_liste_fournisseur ul li img { margin: 6px 0; } /**** Categories ****/ #pasfournisseur {display:none;} .texte-rayon { overflow:hidden; margin: 0;} .syspage { line-height: 15px; margin: 20px 2px 0 0; overflow: hidden; padding: 8px; text-align: center; color: #695546; background:#f0eeec; height:15px; font-size: 13px; } .syspage .syspage_prev, .syspage .syspage_next { display: none; } .syspage .syspage_prec { display: block; float: left; margin-right: 27px; } .syspage .syspage_suiv { display: block; float: right; margin-left: 27px; } .syspage .pages { float: left; } .syspage .disabled { color: #afaeac; } .syspage strong { color: #e6920e; } .syspage_num { color: #4d8a84; } .syspage strong, .syspage_sep, .syspage_num { margin: 0; border-left: #FFF solid 1px; padding: 0 5px; float: left; display: block; } .syspage_start, strong.syspage_start {border:none; } .syspage em { color: #2d2a2a; font-size: 12px; font-style: normal; padding: 0 0 0 75px; } .syspage small { color: #d3cbc1; font-size: 12px; padding: 0; } .syspage a { color: #6b6350; } .syspage a:hover { color: #e6920e; text-decoration: none; } .art_page {float:left; width: 300px; text-align:left; color:#695546; font-size: 13px; } .art_page span { float: left; margin: 0 5px 0 0; } .art_page ul { margin: 0; padding: 0; list-style: none; } .art_page li {padding:0 5px 0 0; margin:0; float:left; display:inline; } .art_page li a {background:#FFF; padding:5px; font-size:10px;} .art_page li a:hover, .art_page li a.actif {background:#fabe5f; color:#FFF;} .pagination { float:right; } .pagination2 { margin:auto; } #liste-produit ul { margin: 0; overflow: hidden; padding: 0; position: relative; } #liste-produit_col ul { margin: 0; overflow: hidden; padding: 0; position: relative; } #liste-produit_col ul .bloc-produit {margin:0 0 28px; display:block;} #liste-produit_rayon ul { margin: 0; overflow: hidden; padding: 0; position: relative; } #liste-produit_rayon ul .bloc-produit {margin:0 0 28px 42px; display:block;} .bloc-produit { display: inline; float: left; font-size: 0.93em; height: 266px; margin: 0 0 10px 15px; width: 196px; } .bloc-produit h2 { font-size: 1em; font-weight: bold; margin: 0; text-transform: none; } .bloc-produit a { display:block; } .bloc-produit em, .bloc-produit strong { color: #f43555; } .bloc-produit_first { margin-left: 0; } .bp-image { height: 194px; text-align: center; width: 194px; border:1px solid #cccccc; margin-bottom:5px; } .info-produit { height: 63px; overflow: hidden; } .info-produit h2, .info-produit h2 a { margin-top: 3px; color:#695546; font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:15px; max-height:47px; overflow:hidden; font-weight:bold; text-align: left; } .info-produit p { margin: 0; } .fournisseur a {color:#63839b; font-size:12px; line-height:14px;} .btn_whishlist {float:right; width:55px; height:63px; margin-left:13px;} .btn_ajt {background:transparent url(/_boutiques/MYBEAUTIFUL/theme/bout_selection.gif) left top no-repeat; width:55px; height:63px; display:block; overflow:hidden; text-indent:-5000px;} .btn_ajt:hover {background-position:left bottom;} /**** Categories x6 ****/ #img_rayon {margin: 12px 25px 24px 0; float:left; border:1px solid #eceff3; /*width:222px;*/} #img_rayon2 {margin: 0 0 20px; border:1px solid #eceff3; width:938px; overflow:hidden;} .description_rayon {overflow:hidden; margin:0 0 24px;} #btn_deplier, #btn_replier {float:right; font-size:12px; line-height:19px; font-family:Helvetica, Arial, sans-serif; text-align:right; margin-top:5px; } #btn_deplier a {background:transparent url(/_boutiques/MYBEAUTIFUL/theme/btn_menu.png) right top no-repeat; color:#4f4944; height:19px; display:block; padding-right:26px;} #btn_replier a {background:transparent url(/_boutiques/MYBEAUTIFUL/theme/btn_menu.png) right bottom no-repeat; color:#4f4944;height:19px; display:block; padding-right:26px;} #btn_replier {display:none;} #menu_sscat {margin:15px 0 25px;} .liste-rayon { margin: 0; overflow: hidden; padding: 0; position: relative; width: 930px; } .bloc-rayon, .bloc-rayon_bis { display: inline; float: left; margin: 0 0 1px; padding: 0 0 0 5px; overflow: hidden; width: 227px; list-style-type:none; } .bloc-rayon_bis {max-height:42px;} .bloc-rayon h2, .bloc-rayon_bis h2 { font-size:13px; margin: 0; padding: 0; text-transform: none; font-family:Helvetica, Arial, sans-serif; } .bloc-rayon h2 a, .bloc-rayon_bis h2 a { display: block; padding: 6px 10px 6px 17px; color: #695546; line-height:15px; text-decoration: none; background: transparent url(/_boutiques/MYBEAUTIFUL//site_image/puce2.png) 6px 9px no-repeat; text-align: left; } .liste-rayon .active a, .bloc-rayon h2 a:hover, .bloc-rayon_bis h2 a:hover { color: #3c6482; text-decoration: none; background: #eceff3 url(/_boutiques/MYBEAUTIFUL//site_image/puce3.png) 6px 9px no-repeat; } /**** Fiches produits ****/ .fn {margin-bottom:7px;} #bloc-img-produit { float: left; width: 300px; margin:0 20px 0 0; } #bloc-img-produit .photo {border:1px solid #eceff3; margin-bottom:10px;} #vignettes img { float: left; margin: 0 0 16px 18px; border:1px solid #d8e0e6; } #vignettes .first img {margin-left:0;} #bloc-img-produit h2.titre_motif {margin-bottom:10px;} #detail-produit{ overflow:hidden; font-size:13px;} #fournisseur {font-size:20px; margin-bottom:15px;} .prix, .contenance {color:#807f7e; margin:0; } .btn_whishlist2 {float:left; width:241px; height:38px; margin:0 15px 5px 0;} .btn_whishlist2 a {display:block;} .btn_ajt_selection {background:transparent url(/_boutiques/MYBEAUTIFUL/theme/bout_selection2.gif) left top no-repeat; width:241px; height:38px; display:block; overflow:hidden; text-indent:-5000px;} #description { margin: 0 0 40px; } #description h3, #complement h3, #marques_desc h3 {font-family:"Texgyreadventor", Helvetica, Arial, sans-serif; font-size:16px; line-height:18px; color:#3c6482; font-weight:normal; border-bottom:1px solid #e1ddda; padding-bottom:5px; width:100%; } #description img {margin-right:15px;} #complement { display:inline; float:left; width: 225px; } #complement a {text-decoration:underline;} #complement a:hover {text-decoration:none;} #marques_desc { width:365px; font-size:13px; line-height:18px; float:left; display:inline; margin-right:30px; } #marques_desc p {margin:0;} #marques_desc h3 { width:365px; } #marques_desc h3 a { color:#3c6482; width:365px; } #bloc-achat { } #bloc-achat form { line-height: 2em; margin: 6px 0 0; } * html #bloc-achat form { width: 99%; } .txt_ajt_panier {padding:5px 0 0; float:left; display:inline; font-size:14px; margin-right:10px;} .bloc_ajt_panier {float:left; display:inline;} .bloc_btn {margin:6px 0 0;} #extra-produit { margin: 30px 0 0; } .selecteurs-produit {} #bloc-pro-asso { padding:0; position: relative; } #pro-asso { margin: 0; padding: 0; width: 940px;} #pro-asso li {list-style-type:none; padding:0; margin:0 0 10px 42px;} .bouton-exergue { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #94031c; color: #fff; display: inline-block; padding: 3px 1em 2px 1em; } a.bouton-exergue:hover { background-color: #700215; color: #fff; text-decoration: none; } /**** Pages web ****/ #pagesWeb { padding: 0; } #pagesWeb h2 {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/motif_banniere.png) 0 0 repeat-x; padding:0 11px 3px; height:27px; font-family:"Texgyreadventor", Helvetica, Arial, sans-serif; font-size:18px; line-height:27px; color:#3c6482; font-weight:normal; margin:0 0 15px;} #pagesWeb h3 {border-bottom:1px solid #e1ddda; padding-bottom:5px; line-height:20px;font-family:"Texgyreadventor", Helvetica, Arial, sans-serif;} /**** Processus de commande ****/ .separateur { color: #888; } #pdc_box { font-size: 15px; color: #ccc; margin:0 0 30px; } #pdc_box p { margin: 0; text-align: center; } #pdc_box ul { margin: 12px 0; } #pdc_box ul li { background: none; border: 1px solid #ccc; float: left; margin: 0 6px; padding: 0 6px; height: 26px; line-height: 26px; text-indent: 0; } #pdc_box ul li.currentstep { border-color: #f58e23; color:#f58e23; } /**** 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; } p.sous-total strong { background: #faf8f6; display: inline-block; margin: 0 0 0 1em; padding: 0 2em; } p.total-ttc { font-size: 1.6em; font-weight: bold; line-height: 3em; margin: 1em 0; text-align: right; } p.total-ttc strong { background: #faf8f6; display: inline-block; margin: 0 0 0 1em; padding: 0 1em; } .info-livraison { color: red; font-weight: bold; text-align: right; margin-top:20px; } /**** Commande.htm ****/ #form_newAccount { margin: 0 auto; } #form_newAccount .form-inline, #form_alreadyAccount .form-inline { padding:20px; } #forms_selector a { background: transparent url(/_boutiques/MYBEAUTIFUL/theme/bg_cartouches-btn.png) 0 -50px no-repeat; color: #696969; display: block; height: 31px; line-height: 31px; width: 160px; } #forms_selector a:hover { color: #FFF; background-position: 0 -100px; text-decoration: none; } #forms_selector a.selected { color: #696969; background-position: 0 0; } #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 { padding: 0; width: 100%; } ul#paiement li { margin: 0; padding: 1em 0; background: none; list-style: none; } ul#paiement li a.mode_paiement { background: #fff url(/_boutiques/MYBEAUTIFUL//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.mode_paiement:hover { background-color: #eee; } ul#paiement li.click a.mode_paiement { background-color: #ccc; } ul#paiement li ul { border: 1px solid #eee; border-width: 0 1px 1px; display: none; margin: 0; padding: 0 1em 1em; } ul#paiement li.click ul { display: block; } ul#paiement form a { background: none; border: none; display: inline; padding: 0; } .icones { bottom: 50%; margin: 0 0 -12px 10px; position: absolute; } /**** Ami.htm ****/ /*** liste des avis (fiche-produit.htm, avis.htm, avis_du_client.htm, avis_derniers.htm ***/ .avis-box { margin: 0 0 30px; } .rs_ficheproduit .avis-box { } ul#liste-avis { margin: 1em auto 20px; /* centre les avis */ padding: 0; /* specifier une meduimur pour les avis */ } #liste-avis li { margin: 0 0 10px; padding:0;list-style-type:none; } .meta-avis { margin: 1em 0 0; font-weight:bold; color:#695546; font-size:13px;} .meta-avis strong { } .avis { padding: 0; margin: 0; font-size:13px; } .avis img { margin-right: 5px; } /**** Contact.htm ****/ .rs_contact h1 {margin-bottom:31px;} .form-contact {background:#faf8f6; width:712px; padding:15px 0; margin:25px 0 0; } .form-contact label { display: block; float: left; line-height: 20px; width: 188px; text-align: right; margin-right: 28px; font-size:14px; } .form-contact input, .form-contact select { width: 285px; margin: 0; border:1px solid #a3b8c7; } .form-contact textarea { margin: 0; } .form-contact textarea {width:442px;} .form-contact fieldset p {margin-bottom:18px;} .form-contact .bouton {margin:28px 0 0 212px;} .form-contact2, .form-contact2 fieldset { width:395px; } .form-contact2 label { display: block; float: left; line-height: 20px; width: 130px; text-align: right; font-size:14px; padding:0 15px 0 0;;} .form-contact2 input, .form-contact2 select { width: 240px; margin: 0; border:1px solid #a3b8c7; } .form-contact2 textarea { margin: 0; } .form-contact2 textarea {width:442px;} .form-contact2 fieldset p {margin-bottom:18px;} .form-contact2 .bouton {} /**** News.htm ****/ .news { margin:25px 0 0;} .date { margin: 0; padding:0 0 0 11px; font-weight:bold; font-size:14px; } .news_accroche {margin:5px 0; padding:0 0 0 11px; line-height:19px; font-size:14px; height:95px; overflow:hidden;} .rs_news .news_accroche { height: auto; } .lien_newsplus {padding:0 0 0 11px;} .texte_news img {margin-right: 20px; } .texte_news .date {padding:0 0 10px;} /**** Parrainage ****/ .form-parrainplus p { margin: 0;} /**** Mon Compte ****/ .rs_mescommandes h1 {margin-bottom:31px;} .lien_deconnexion {float:right; line-height:38px; width:83px;} .bonjour_compte { color: #4d8a84; font-style: italic; font-size: 14px; line-height: 16px; margin: 15px 0 1px 0; float: right; } .deco_compte { color: #27c2b3; font-style: italic; font-size: 12px; line-height: 14px; clear: right; float: right; text-decoration: underline; } .deco_compte:hover { text-decoration: none; } ul.puce2 {margin:0 0 0 10px; padding:0;} .puce2 li {padding:0 0 0 12px; margin:0; background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/puce2.png) 0 7px no-repeat; list-style-type:none; line-height:22px;} .billet-billet-asso .puce2 li { background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/puce2.png) 0 5px no-repeat; line-height:18px;} #onglet_liens { float: left; margin-bottom: 23px; width: 100%; } #onglet_liens a { color: #4d8a84; font-size: 12px; line-height: 14px; display: block; padding-top: 33px; float: left; width: 25%; text-align: center; } #onglet_liens span { display: block; width: 35px; height: 30px; margin: 0 auto 5px; } #onglet_liens #onglLien1 span { background: transparent url(/_boutiques/MYBEAUTIFUL/theme/picto_compte.png) left top no-repeat; } #onglet_liens #onglLien2 span { background: transparent url(/_boutiques/MYBEAUTIFUL/theme/picto_compte.png) -35px top no-repeat; } #onglet_liens #onglLien3 span { background: transparent url(/_boutiques/MYBEAUTIFUL/theme/picto_compte.png) -70px top no-repeat; } #onglet_liens #onglLien4 span { background: transparent url(/_boutiques/MYBEAUTIFUL/theme/picto_compte.png) -105px top no-repeat; } #onglet_liens #onglLien5 span { background: transparent url(/_boutiques/MYBEAUTIFUL/theme/picto_compte.png) -140px top no-repeat; } #onglet_liens a:hover, #onglet_liens .actif { color: #27c2b3; text-decoration: none; } #onglet_liens #onglLien1:hover span, #onglet_liens #onglLien1.actif span{ background-position: left bottom; } #onglet_liens #onglLien2:hover span, #onglet_liens #onglLien2.actif span{ background-position: -35px bottom; } #onglet_liens #onglLien3:hover span, #onglet_liens #onglLien3.actif span{ background-position: -70px bottom; } #onglet_liens #onglLien4:hover span, #onglet_liens #onglLien4.actif span{ background-position: -105px bottom; } #onglet_liens #onglLien5:hover span, #onglet_liens #onglLien5.actif span{ background-position: -140px bottom; } .ongl_contenu { display: none; clear: both; } #onglContenu1 th { text-transform: lowercase; } #onglContenu3 .form-inline { width: 450px; margin: 0 auto; } #onglContenu4 .nb_points, #onglContenu5 .etat_nl, .etat_compte { height: 37px; background-color: #c8e3e0; text-align: center; padding-top: 15px; } #onglContenu4 .nb_points strong { font-size: 20px; color: #27c2b3; } /**** Ma sélection ****/ #texte_favoris {margin:0 0 30px;} #page_nonfavoris {display:block;} #page_favoris {display:none;} #tab_favoris {width:920px; margin:20px 0; line-height:15px;} #tab_favoris th {background:#f0eeec; height:32px; font-size:13px; color:#695546; text-align:left; line-height:15px;} #tab_favoris tr.styleCell1 td {background:#ffffff; border-bottom:1px solid #f0eeec;} #tab_favoris tr.styleCell2 td {background:#faf8f6; border-bottom:1px solid #f0eeec;} #tab_favoris td {padding:10px 0 5px; margin:0;} #tab_favoris .checkbox {width:57px; text-align:center; font-size:11px; line-height:13px;} #tab_favoris .produit { padding-right:50px;} #tab_favoris .produit h2 {overflow:hidden; font-size:13px; line-height:16px; margin:0 0 2px; font-family:Helvetica, Arial, sans-serif;} #tab_favoris .produit h2 a {color:#3c6482; font-size:13px; font-weight:bold;} #tab_favoris .produit img {float:left; border:#eceff3 solid 1px; width:50px; height:50px; margin-right:10px;} #tab_favoris .fournisseur { margin: 0; padding: 0; } #tab_favoris .fournisseur a { color: #695546; } #tab_favoris .download_visuel {width:217px;} #tab_favoris .recevoir_prd {width:141px;} #tab_favoris .corbeille {width:86px;} .picto_corbeille {background:transparent url(/_boutiques/MYBEAUTIFUL//site_image/corbeille.png) 0 0 no-repeat; padding:0 0 0 20px; color:#695546; font-size:11px; line-height:19px; display:block;} /**** Blog ****/ .tags {} .tags h2 {margin:0;} .tags ul { margin: 0; padding: 5px 10px; background:#f7f7f7; } .tags li {padding:0; margin:0; list-style-type:none; line-height:16px; font-size:12px; } #carrousel_blog {display:none;} .rs_blog_liste #carrousel { position: relative; width: 714px; height: 250px; overflow: hidden; margin: 0 0 27px; border:none; z-index: 3; } .rs_blog_liste #carrousel p { margin: 0; padding: 0; } .rs_blog_liste #content_carrousel { overflow: hidden; position: absolute; top: 0px; left: 0; width: 714px; height: 250px; } .rs_blog_liste #content_carrousel a img { vertical-align: bottom; width:375px; height:250px; overflow:hidden; } .rs_blog_liste #content_carrousel dl { margin: 0; padding: 0; } .rs_blog_liste #content_carrousel dt { display: none; } .rs_blog_liste #content_carrousel dd { margin: 0; padding: 0; } .carrousel_lien { color: #5fb15a; font-size: 12px; line-height:14px; font-weight:bold; color:#336063; position:absolute; bottom:10px; right:10px; text-align:right; width:339px; height:14px; overflow:hidden; } .rs_blog_liste #liens_carrousel { position: absolute; right:0; top: 0; width: 339px; height:250px;} .rs_blog_liste #liens_carrousel a { position: relative; height:50px; text-decoration: none; display: block; right:0px; } .rs_blog_liste #liens_carrousel span.titre {color:#31526a; font-weight:bold; font-size:14px; line-height:17px; height:17px; overflow:hidden;} .rs_blog_liste #liens_carrousel .billet-categorie a {color:#4f4944; display:inline; font-weight:bold; float:inherit; height:inherit;} .rs_blog_liste #liens_carrousel .active { background:#f0eeec; text-decoration: none; border: 0; } .rs_blog_liste #liens_carrousel .active span.titre { color:#e6920e; font-size:14px; font-weight:bold;} .rs_blog_liste #liens_carrousel ul {margin:0; padding:0;} .rs_blog_liste #liens_carrousel li {list-style-type:none; padding:5px 10px; margin:0; background:#f7f7f7; height:39px; border-bottom:1px solid #FFF; font-size:12px;} .rs_blog_liste #liens_carrousel li a {color:#4f4944;} .rs_blog_liste #img_carrousel { } /* .active .carrousel_lien, #liens_carrousel a:hover .carrousel_lien {text-decoration:underline; } .carrousel_titre { color: #3d270a; font-size: 15px; position: absolute; top: 8px; left: 45px; width: 250px; height:18px; overflow:hidden; line-height: 18px; font-family:Georgia, "Times New Roman", Times, sans-serif; text-transform:uppercase; } .active .carrousel_titre, #liens_carrousel a:hover .carrousel_titre {color: #f9faf2;} .carrousel_desc { color: #f9faf2; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 15px; height:30px; overflow:hidden; position: absolute; top: 29px; left: 45px; width: 250px; } .active .carrousel_desc, #liens_carrousel a:hover .carrousel_desc { color: #f9faf2; } */ .billet-info {font-size:12px; margin-bottom:15px;} .billet-categorie {font-weight:bold;} a .billet-categorie {color:#4f4944;} .billet-auteur {color:#4f4944; font-weight:bold;} .billet-nb-commentaire {float:right; font-size:12px;} .billet-contenu {clear:both; margin-bottom:25px; font-size:14px; line-height:19px;} .visuel_blog {float:left; margin-right:12px;} .billet-chapeau {line-height:19px; height:114px; overflow:hidden;} .billet-chapeau2 {} .billet-billet-asso {margin:0 0 40px;} #liste-produit_blog {margin:0 0 20px;} #liste-produit_blog ul { margin: 0; overflow: hidden; padding: 0; position: relative; } #liste-produit_blog ul .bloc-produit {margin:0 35px 22px 0; display:block; height:88px; width:320px;} #liste-produit_blog .bp-image { height: 86px; text-align: center; width: 86px; border:1px solid #cccccc; float:left; margin-right:10px; } #liste-produit_blog .info-produit h2, #liste-produit_blog .info-produit h2 a { font-size: 13px; line-height:16px; max-height:32px; overflow:hidden; font-weight: bold; margin: 0; text-transform: none; color:#3c6482 } #liste-produit_blog .fournisseur a, #liste-produit_blog .fournisseur {color:#695546;} .tags .tag_niveau1 a { color: #e6920e; font-size: 1em;} .tags .tag_niveau2 a { color: #3c6482; font-size: 1.3em;} .tags .tag_niveau3 a { color: #4f4944; font-size: 1.6em;} .tags .tag_niveau4 a { color: #4f4944; font-size: 2em;} /**************************************************************************************************************************/ /* 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%; } input.search, input.go { margin: 4px 0 14px; } p.bouton input { width: auto; border:none; } /**** Tableaux a couleurs alternees ****/ .first-col { padding-left: 1em; } .col0 { width: 98.96%; padding: 0 1% 0 0; } .col1 { width: 64.96%; float: left; } .col2 { width: 34%; padding: 0 1% 0 0; float: left; } .col0 p, .col1 p, .col2 p { margin: 0; } .cellule_s { display: block; line-height: 2.2em; vertical-align: middle; } .cellule_s select { margin-top: 0.35em; } .styleCell1 { background-color: #faf8f6; border-bottom:1px solid #f0eeec; } tr.styleCell1 strong { line-height: 23px; margin: 3px; } .styleCell2 { background-color: #FFF; border-bottom:1px solid #f0eeec; } 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; } /*** Feuilles de style ***/ #menu_feuillesdestyle {} #menu_feuillesdestyle ul { margin: 30px 0 0 -12px; padding: 0; list-style: none; } #menu_feuillesdestyle li { margin: 0 0 12px 12px; padding: 0; float: left; } #menu_feuillesdestyle li a { display: block; width: 146px; overflow: hidden; } #menu_feuillesdestyle li a .image { border: 1px solid #D8E0E6; width: 144px; height: 204px; overflow: hidden; display: block; } #menu_feuillesdestyle li a:hover .image { border-color: #fcdfaf; } #menu_feuillesdestyle li a img { width: 144px; } #menu_feuillesdestyle li a span { text-align: center; display: block; text-decoration: none; line-height: 14px; height: 29px; overflow: hidden; text-align: center; padding: 5px 0 0; font-size: 12px; color: #695546; } #menu_feuillesdestyle li a:hover span { text-decoration: underline; } /*** Dossiers ***/ #menu_dossiers { } #menu_dossiers ul { overflow: hidden; margin: 30px 0 0 -12px; padding: 0; list-style: none; } #menu_dossiers li { margin: 0 0 14px 15px; padding: 0; float: left; } #menu_dossiers li a { display: block; width: 302px; overflow: hidden; } #menu_dossiers li a .image { border: 1px solid #D8E0E6; width: 300px; height: 300px; overflow: hidden; display: block; margin-bottom: 5px; } #menu_dossiers li a:hover .image { border-color: #fcdfaf; } #menu_dossiers li a img { width: 300px; } #menu_dossiers li a span { text-align: center; display: block; text-decoration: none; line-height: 14px; height: 29px; overflow: hidden; text-align: center; padding: 0; font-size: 12px; color: #695546; } #menu_dossiers li a:hover span { text-decoration: underline; } #menu_sscat_avec_vignettes {} #menu_sscat_avec_vignettes ul { margin: 30px 0 0 -12px; padding: 0; list-style: none; } #menu_sscat_avec_vignettes li { margin: 0 0 12px 12px; padding: 0; float: left; } #menu_sscat_avec_vignettes li a { display: block; width: 146px; overflow: hidden; } #menu_sscat_avec_vignettes li a .image { border: 1px solid #D8E0E6; width: 144px; height: 114px; overflow: hidden; display: block; } #menu_sscat_avec_vignettes li a:hover .image { border-color: #fcdfaf; } #menu_sscat_avec_vignettes li a img { width: 144px; } #menu_sscat_avec_vignettes li a span { text-align: center; display: block; text-decoration: none; line-height: 14px; height: 29px; overflow: hidden; text-align: center; padding: 5px 0 0; font-size: 12px; color: #695546; } #menu_sscat_avec_vignettes li a:hover span { text-decoration: underline; } .rs_modele_catx6_marque #menu_sscat_avec_vignettes ul, .rs_modele_cat_marque #menu_sscat_avec_vignettes ul { margin-left: -16px; } .rs_modele_catx6_marque #menu_sscat_avec_vignettes li, .rs_modele_cat_marque #menu_sscat_avec_vignettes li { margin-left: 16px; } .rs_modele_catx6_marque #menu_sscat_avec_vignettes li a, .rs_modele_cat_marque #menu_sscat_avec_vignettes li a { width: 302px; } .rs_modele_catx6_marque #menu_sscat_avec_vignettes li a .image, .rs_modele_cat_marque #menu_sscat_avec_vignettes li a .image { width: 300px; height: 226px; } .rs_modele_catx6_marque #menu_sscat_avec_vignettes li a img, .rs_modele_cat_marque #menu_sscat_avec_vignettes li a img { width: 300px; }