/******** Modification : 07/12/2009 par KV ********/ /******** Modification : 07/12/2009 par KV ********/ /******** Modification : 12/2009 par AG ********/ /******** INFORMATIONS PRINCIPALES ********/ /* COULEURS Brun #614d4f (bg body, menus) Blanc #ffffff (bg) Vert #c5d881 (img, liens, menus) Vert + #a1be54 (liens + foncés) Vert #edf3d9 (fonds champs) Vert #f3f7e6 (fonds blocs) Noir #000000 (txt) Bleu #8ac2c9 (menus, liens) Rose #cf94b2 (menus, liens) Mauve #e9e0df (bg pied de page) TYPO Verdana 11px noire SITE 1024px */ /**************************************************************************************************************************/ /* 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; } ul { list-style: none; } /**** tables still need 'cellspacing="0"' in the markup ****/ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /**************************************************************************************************************************/ /* XHTML GENERAL **********************************************************************************************************/ html { font-size: 11px; } body { background: #614d4f; text-align: left; font-family: Verdana, sans-serif; font-size: 100%; color: #000000; } h1, h2, h3, h4, h5, h6 , .titre1, .titre2{ margin: 1em 0 0.5em; } h1, .titre1 { font-size: 20px; font-weight: bold; color: #a1be64; margin: 10px 0 16px 0; padding: 0;} h1 img { margin: -4px 0 0 0; padding: 0;} #news h1 { margin-bottom: 0; } #news h1 img { margin: -4px 0 16px 0; padding: 0; } h2, .titre2 { font-size: 16px; font-weight: normal; color: #a1be64; margin: 10px 0 16px 0; padding: 0;} h2 img { margin: -4px 0 0 0; padding: 0;} h2 a { margin: 0; padding: 0;} #cat h1, #magasins h2 { font-size: 16px; font-weight: normal; color: #cf94b2; margin: -16px 0 16px 18px; padding: 0;} #news h2 { font-size: 16px; font-weight: normal; color: #cf94b2; margin: 10px 0 0 0; padding: 10px 0 0 0;} #news .bloc-temoign-first h2 { font-size: 16px; font-weight: normal; color: #cf94b2; margin: 0 0 0 3px; padding: 0 0 0 3px; } #avis h2, #avis-client h2 { font-size: 16px; font-weight: normal; color: #cf94b2; margin: 0 0 16px 0; padding: 0; line-height: 20px; } #pagesWeb h2 { font-size: 16px; font-weight: bold; color: #cf94b2; margin: 8px 0; padding: 8px 0;} #chemin-commande-1 h2, #chemin-commande-2 h2, #chemin-commande-3 h2, #chemin-commande-4 h2 { font-size: 16px; font-weight: normal; color: #cf94b2; margin: 8px 0; padding: 8px 0;} h3 { font-size: 12px; font-weight: bold; color: #000000; margin: 0; padding: 0; } h3 img { margin: -4px 0 0 0; padding: 0;} #news h3 { font-size: 10px; font-weight: bold; color: #000000; margin: 8px 0 6px 0; padding: 0; } #news .bloc-temoign-first h3 { font-size: 10px; font-weight: bold; color: #000000; margin: 8px 0 6px 3px; padding: 0 0 0 3px; } #avis h3 { font-size: 12px; font-weight: normal; color: #000000; margin: 0; padding: 0; text-transform: uppercase; } #magasins h3 { font-size: 10px; font-weight: bold; color: #000000; margin: 20px 0 0 0; padding: 0; text-transform: uppercase; } #pagesWeb h3 { font-size: 12px; font-weight: bold; color: #000000; margin: 20px 0 10px 0; padding: 0; text-transform: uppercase; } h4 { font-size: 12px; font-weight: bold; color: #033649; margin: 0 0 12px 0; padding: 0; } h4 img { margin: -4px 0 0 0; padding: 0;} #pagesWeb h4 { font-size: 12px; font-weight: bold; color: #959595; margin: 10px 0 0 0; padding: 0; } p { margin: 0; padding: 0; } #news p { margin: 0 0 8px 0; padding: 0; } #magasins #pv_liste p { margin: 0 0 0 0; padding: 0; } #avis-client p { margin: 8px 0; padding: 0; } a { color: #a1be64; text-decoration: none;} a:hover { color: #a1be64; text-decoration: underline; } table { } tr { } th { color: #ffffff; background-color: #a1be64; line-height: 2em; padding: 3px; font-weight: bold; text-transform: uppercase; border: 1px solid #ffffff; } th a, th a:hover { text-transform: none; color: #ffffff; text-decoration: underline; } td { padding: 5px; line-height: 1.4em; border: 1px solid #ffffff; } form { } form img {vertical-align: middle;} input { color:#000000; font-size: 1em; margin: 4px 0; vertical-align: middle; } select, option { color:#000000; font-size: 1em; padding-left: 4px;} textarea { color:#000000; font-size: 1em; margin: 6px 0;} ul { list-style: disc; margin: 0 0 0 32px; padding: 0; } #avis-client ul { list-style: none; margin: 0; padding: 0; } #avis-client ul li { margin: 0; padding: 0; } #chemin-commande-1 ul li img, #chemin-commande-2 ul li img, #chemin-commande-3 ul li img, #chemin-commande-4 ul li img { margin: 6px 0 16px 0; padding: 0;} /**************************************************************************************************************************/ /* CLASSES GENERALES*******************************************************************************************************/ .clearfloat { clear: both;} .espace {} .fl-droite { float: right; } .fl-gauche { float: left; } .droite { text-align: right;} .gauche { text-align: left;} .centre { text-align: center;} .txt-italique { font-style: italic; } .txt-capital {text-transform: uppercase; } .txt-gras { font-weight: bold; } .txt-raye { text-decoration: line-through; } .txt-souligne { text-decoration: underline !important; } .txt-normal { font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; } .nobr { white-space: nowrap; } .overflow-hide { overflow: hidden; height: 1%;} .nodisplay { display: none;} .separ {} #news .separ { width: 100%; margin: 20px 0 0 0; padding: 0; border: none; border-top: 2px dotted #c5d881; } #news .separ-vide { width: 100%; margin: 0; padding: 0; border: none; height: 1px; } #fiche-pdt .separ { width: 100%; margin: 30px 0 20px 0; padding: 0; border: none; border-top: 2px dotted #c5d881; } #avis .separ { width: 100%; margin: 20px 0; padding: 0; border: none; border-top: 2px dotted #c5d881; } #avis .separ-vide { width: 100%; margin: 0; padding: 0; border: none; height: 10px; } .trait { width: 100%; margin: 26px 0 0 0; padding: 0; border: none; border-bottom: 2px dotted #c5d881; } /**************************************************************************************************************************/ /* CLASSES ACCESSIBLES AUSSI DANS LES EDITEURS ****************************************************************************/ .noir { color: #000000 !important; } .blanc { color: #ffffff !important; } .brun { color: #614d4f !important; } .vert { color: #a1be54 !important; } .vert-souligne { color: #a1be54 !important; text-decoration: underline !important;} .bleu { color: #8ac2c9 !important; } .bleu-souligne { color: #8ac2c9 !important; text-decoration: underline !important;} .rose { color: #cf94b2 !important; } .majuscules { text-transform: uppercase !important; } /**************************************************************************************************************************/ /* STRUCTURE / ARMATURE ***************************************************************************************************/ #enveloppe-page { width: 980px; margin: 35px auto; padding: 0 22px; background-color: white;position:relative; } /**** ENTETE ****/ #langues { display: block; background-color: #614d4f; margin: -10px -22px 0 -22px; padding: 4px 22px; color: #ffffff; width: 100%; text-align: right;top:-5px; } #langues a { color: #ffffff; text-decoration: none; } #langues a:hover { color: #ffffff; text-decoration: underline; } #text_ref { position:absolute;background-color: #614d4f; top:14px; margin: -10px 0 -30px -22px; color: #ffffff; width: 870px;text-align: left; font-size : 11px; font-weight: normal; } #text_ref a { color: #ffffff; text-decoration: none; } #text_ref a:hover { color: #ffffff; text-decoration: underline; } #en-tete { position: relative; height: 244px; margin: 0 1px 0 1px; padding: 0; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-header/header-separ.gif) 0 234px repeat-x; } #en-tete .logo { position: absolute; width: 227px; height: 198px; top: 20px; left: 0; margin: 0; padding: 0; } #en-tete .newsletter, #en-tete .recherche, #en-tete .service-client, #en-tete .panier, #en-tete .compte { position: absolute; text-indent: -5000px; margin: 0; padding: 0; } #en-tete .newsletter { width: 325px; height: 70px; top: 48px; left: 312px; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-header/header-newsletter.gif) 0 0 no-repeat; } #en-tete .recherche { width: 325px; height: 75px; top: 128px; left: 312px; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-header/header-recherche.gif) 0 0 no-repeat; } #en-tete .input { position: absolute; width: 206px; height: 18px; bottom: 6px; left: 60px; margin: 0; padding: 2px 6px; background: none; border: none; font-size: 12px; } #en-tete .bouton { position: absolute; width: 36px; height: 36px; bottom: 0; right: 0; margin: 0; padding: 0; } #en-tete .rech-avancee { position: absolute; width: 138px; height: 20px; top: 15px; right: 40px; margin: 0; padding: 0; text-indent: -5000px; } #en-tete .service-client { width: 243px; height: 20px; top: 36px; right: -5px; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-header/header-service-client.gif) 0 0 no-repeat; } #en-tete .panier { width: 82px; height: 140px; top: 67px; right: 154px; text-align: center; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-header/header-panier.gif) 0 0 no-repeat; } #en-tete .panier p { display: block; width: 100%; margin: 0; padding: 108px 0 0 1px; text-indent: 1px; } #en-tete .panier a { color: #000; font-weight: normal; text-decoration: none; text-indent: 1px; } #en-tete .panier a:hover { color: #000; text-decoration: underline; text-indent: 1px; } #en-tete .panier .lien, #en-tete .compte .lien { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; padding: 0; text-indent: 1px; } #en-tete .compte { width: 86px; height: 83px; top: 110px; right: 25px; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-header/header-compte.gif) 0 0 no-repeat; } #en-tete .chemin { position: absolute; width: 620px; height: 15px; top: 212px; left: 366px; margin: 0; padding: 0; overflow: hidden; } .chemin a { color: #000000; text-decoration: none; } .chemin a:hover { color: #000000; text-decoration: underline; } /**** PAGE ET COLONNES ****/ /* CONTENEUR */ #conteneur { position: relative; display: block; background: transparent;} #conteneur-interne { display: block; overflow: hidden; } /* COLONNES */ #col-g { position: relative; display: block; float: left; width: 235px; left: 0; margin: 0; padding: 0; background: none; text-align:right; } /* Resolution bug des 3px ss IE6 */ * html #col-g { margin: 0 -3px 0 auto;} #col-g .col-interne { margin: 1px; } #col-g .col-interne .bloc-g { display: block; position: relative; width: 213px; margin: 0; padding: 0; overflow: hidden; text-align: right; } .bloc-g h2 { width: 212px; margin: 6px 0 5px 0; padding: 0; float: right; } .bloc-g h2 img { border: none; background: none; margin: 0; padding: 0; } .bloc-g img { border: none; background: none; margin: 4px 0 0 2px; padding: 0; } .bloc-g ul { margin: 0; padding: 0 20px 0 0; list-style: none; } .bloc-g li { margin: 0; padding: 4px 0; border: none; border-bottom: 2px dotted #c5d881; line-height: 14px; } .bloc-g a { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc-g a:hover { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc-g .lien-titre { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 70%; margin: 0; padding: 0; text-indent: 1px; } .bloc-g p { margin: 0; padding: 0 20px 0 0; } #col-d{ position: relative; display: inline; float: right; width: 215px; right: 0; margin: 0; padding: 0; background: none; } /* Resolution bug des 3px ss IE6 */ * html #col-d { margin: 0 auto 0 -3px;} #col-d .col-interne { margin: 1px; } #col-d .col-interne .bloc-d { width: 233px; margin: 0; padding: 0; overflow: hidden; } #col-g .col-interne .bloc-d { width: 233px; margin: 0; padding: 0; overflow: hidden; } .bloc-d h2 { width: 232px; margin: 6px 0 5px 0; padding: 0; } .bloc-d h2 img { border: none; background: none; margin: 0; padding: 0; } .bloc-d img { border: none; background: none; margin: 4px 2px 0 0; padding: 0; } .bloc-d ul { margin: 0; padding: 0; list-style: none; } .bloc-d li { margin: 0; padding: 0; list-style: none; } .bloc-d a { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc-d a:hover { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc-d ul ul { margin: 0; padding: 0 0 0 20px;; list-style: none; } .bloc-d ul ul li { margin: 0; padding: 4px 0; border: none; border-bottom: 2px dotted #c5d881; line-height: 13px; word-spacing: 1px; } .bloc-d p { margin: 0; padding: 0 0 0 20px; } #col-d .col-interne .bloc-d-2 { display: block; position: relative; width: 233px; margin: 0; padding: 0; overflow: hidden; text-align: left; } .bloc-d-2 h2, .bloc-d-2 .titre2 { width: 232px; margin: 6px 0 5px 0; padding: 0; } .bloc-d-2 h2 img { border: none; background: none; margin: 0; padding: 0; } .bloc-d-2 img { border: none; background: none; margin: 4px 2px 0 0; padding: 0; } .bloc-d-2 ul { margin: 0; padding: 0 0 0 20px; list-style: none; } .bloc-d-2 li { margin: 0; padding: 4px 0; border: none; border-bottom: 2px dotted #c5d881; line-height: 14px; } .bloc-d-2 a { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc-d-2 a:hover { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc-d-2 .lien-titre { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 70%; margin: 0; padding: 0; text-indent: 1px; } .bloc-d-2 p { margin: 0; padding: 0 0 0 20px; } .bloc-d-2 .marques { margin: 0; padding: 0 0 0 16px; } .bloc-d-2 .marques form { margin: 0; padding: 0; } .selecteurrayon { width: 217px; height: 24px; border: none; margin: 0; padding: 2px; font-size: 12px; color: #a1be64; font-weight: normal; letter-spacing: 1px; overflow : hidden; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-form/select-sspdts-1.gif) 0 0 no-repeat; } .selecteurrayon .label { font-size: 13px; color: #a1be64; font-weight: normal; } .selecteurrayon option { font-size: 12px; color: #a1be64; font-weight: normal; background-color: #edf3d9; margin: 0; padding: 2px; overflow: hidden; } /* Colonne pour le blog */ #nom_blog h1 {font-size : 12px; text-align:right; font-weight : normal;} #col-blog {display:none;} .rs_blog_billet #col-d, .rs_blog_liste #col-d , .rs_blog_billet #col-g, .rs_blog_liste #col-g{display: none;} .rs_blog_billet #col-g2, .rs_blog_liste #col-g2 {float:right; display: inline; width: 235px; right: 0; margin: 0; padding: 0; background: none; text-align:left; } /* Resolution bug des 3px ss IE6 */ *html .rs_blog_billet #col-g2, *html .rs_blog_liste #col-g2 { margin: 0 auto 0 -3px;} .rs_blog_billet #col-g2 .col-interne .bloc-g, .rs_blog_liste #col-g2 .col-interne .bloc-g { display: block; position: relative; width: 213px; margin: 0; padding: 0; overflow: hidden; text-align: left;} #col-g2 { position: relative; display: block; float: left; width: 215px; left: 0; margin: 0; padding: 0; background: none; } /* Resolution bug des 3px ss IE6 */ * html #col-g { margin: 0 -3px 0 auto;} #col-g2 #menu_blog { margin: 1px; } #col-g2 #menu_blog .bloc_menu { display: block; position: relative; width: 213px; margin: 0; padding: 0; overflow: hidden; text-align: right; } .bloc_menu h2 { width: 212px; margin: 6px 0 5px 0; padding: 0; float: right; } .bloc_menu h2 img { border: none; background: none; margin: 0; padding: 0; } .bloc_menu img { border: none; background: none; margin: 4px 0 0 2px; padding: 0; } .bloc_menu ul { margin: 0; padding: 0 0px 0 0; list-style: none; } .bloc_menu li { margin: 0; padding: 4px 0; border: none; border-bottom: 2px dotted #c5d881; line-height: 14px; text-align:right; } .bloc_menu a { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc_menu a:hover { margin: 0; padding: 0; color: #000; text-decoration: none; } .bloc_menu .lien-titre { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 70%; margin: 0; padding: 0; text-indent: 1px; } .bloc_menu p { margin: 0; padding: 0 20px 0 0; } .rs_blog_billet #col-blog, .rs_blog_liste #col-blog { position: relative; display: block; float: left; width: 215px; left: 0; margin: 0; padding: 0; background: none; } /* Resolution bug des 3px ss IE6 */ * html .rs_blog_liste #col-blog , * html .rs_blog_billet #col-blog{ margin: 0 -3px 0 auto;} /* PAGES */ #contenu-principal { position: relative; display: block; height: 1%; background: #fff; padding: 0 20px; overflow: hidden; width: 490px; float: left;} .rs_ficheproduit #contenu-principal { width: auto; float: none;} /**** PIED DE PAGE ****/ #pied-page { display: block; position: relative; background-color: #e9e0df; margin: 20px -22px 0 -22px; padding: 0; } #pied-page .logo { width: 195px; height: 140px; margin: 0; padding: 0; } #pied-page .zone1 { position: absolute; width: 250px; height: 120px; left: 277px; top: 12px; margin: 0; padding: 0; overflow: hidden; } #pied-page .zone2 { position: absolute; width: 155px; height: 120px; left: 550px; top: 12px; margin: 0; padding: 0; overflow: hidden; } #pied-page .zone3 { position: absolute; width: 274px; height: 120px; left: 727px; top: 12px; margin: 0; padding: 0; overflow: hidden; } #pied-page ul { list-style: none; margin: 0; padding: 0; } #pied-page li { margin: 0; padding: 0; font-size: 10px; line-height: 14px; } #pied-page li img { margin: 3px 0; } #pied-page p { margin: 0 0 0 14px; padding: 0; font-size: 10px; line-height: 14px; } #pied-page a { margin: 0; padding: 0; color: #000; text-decoration: none; } #pied-page a:hover { margin: 0; padding: 0; color: #000; text-decoration: underline; } .footer { display: block; position: relative; background-color: #614d4f; margin: -28px 0 20px 0; padding: 0; color: #ffffff; width: 100%; text-align: center; } .footer a { color: #ffffff; text-decoration: none; } .footer a:hover { color: #ffffff; text-decoration: underline; } /**** AUTRES ELEMENTS ET BLOCS ****/ #elem_panier, #elem_compte, #elem_blog { float: right; position: absolute; width: auto; right: 5px; text-align: right; padding: 0 20px 0 0; clear: both; } #elem_panier { background: transparent url(/_boutiques/PTITSDESSOUS/V1/theme_en/icone_panier.png) 100% 0 no-repeat; top: 10px; } #elem_compte { background: transparent url(/_boutiques/PTITSDESSOUS/V1/theme_en/icone_moncompte.gif) 100% 0 no-repeat; top: 30px; } #elem_blog { background: transparent url(/_boutiques/PTITSDESSOUS/V1/theme_en/icone_blog.gif) 100% 0 no-repeat; top: 50px; } #elem_rechercher, #elem_menu { margin: 8px 0;} #elem_menu a { color: #000000; text-decoration: none; text-indent: 20px; display: block; width: 140px; height: 20px; line-height: 20px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/menu_rollover.gif) 0 0 no-repeat; } #elem_menu a:hover { color: #0033FF; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/menu_rollover.gif) -140px 0 no-repeat; } #elem_newsletter { } /**************************************************************************************************************************/ /* STYLES RECURENTS *******************************************************************************************************/ /**** CLASSES RECURENTES - BLOCS - ALERTES ****/ .bloc_xs { width: 160px; margin: 3px auto;} .bloc_s { width: 400px; margin: 3px auto;} .bloc_m { width: 480px; margin: 3px auto;} .bloc_l { width: 520px; margin: 3px auto;} .bloc_100 { width: 100%;} .encart-dynamique { margin: 10px 0 0 0;} .encart-dynamique li { } .i-frame { background: #FFF; padding: 4px 8px;} .i-frame form input { margin: 3px 0 10px 0;} .i-frame p { margin: 0;} .box-img { } .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 { margin: 0; padding: 0; } .bloc_info { background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/rs_info-vert.png) no-repeat 16px 16px; } .bloc_info-importante { background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/rs_info-rouge.png) no-repeat 16px 16px; } .bloc_alerte { background: ebcccc url(/_boutiques/PTITSDESSOUS/V1//site_image/rs_info-alerte.png) no-repeat 16px 16px; } .alerte_erreur { color: #ac4e7e; font-weight: bold;} .alerte_info { color: #ac4e7e; font-weight: normal; } /*** FORMULAIRE GENERAL avec label et input sur 1 ligne ***/ .form-inline { margin: 0 auto 3em; /* centre le formulaire */ width: 35em; /* determiner une largeur pour le formulaire */ } .form-inline h3 { margin-bottom: 0.3em;} .form-inline fieldset { background: none; border: none; margin: 0; padding: 0; } .form-inline fieldset p { background: #f9fbf3; border-bottom: 2px solid #fff; 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 label { display: block; float: left; margin: 0; padding: 0 1% 0 0; text-align: right; width: 40%; } .form-inline p.optionnel { background: #fff; border-bottom: 1px solid #eee; } .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 41%; vertical-align: bottom; width: auto; } .form-inline textarea { text-indent: 0; } .form-inline .bouton { border: none; margin: 0.5em 8% 0 0; width: auto; } label.nostyle { float: none; margin: 0; text-align: left; width: auto; } /**************************************************************************************************************************/ /* PAGES PRINCIPALES ******************************************************************************************************/ .page_associe ul { padding: 0; margin: 0; } .page_associe .bloc-pdt-first { float: left; width: 142px; height: 192px; margin: 0 2px; padding: 0 8px; overflow: hidden; line-height: 14px; border: none; } .page_associe .bloc-pdt { float: left; width: 142px; height: 200px; margin: 0 2px; padding: 0 7px; overflow: hidden; line-height: 14px; border: none; border-left: 2px dotted #c5d881; } .page_associe .bloc-pdt p { margin-top: 0; } /**** HOME ****/ #home { margin: 0; padding: 0; } #home .texte_seo { margin: 20px 0; padding: 0; color: #85807f; } #homeLink { } #txt-home { overflow: hidden;} #txt-home a { } #txt-home a:hover { } #txt-home img { } #promotions, #nouveautes, #coup-coeur, #temoignage { display: block; position: relative; padding: 0; } #promotions { width: 490px; margin: 0 0 12px 0; } #nouveautes { width: 490px; margin: 0 0 12px 0; } #coup-coeur { float: left; width: 198px; margin: 0 5px 12px 0; } #temoignages { float: left; margin: 0 0 12px 0; width: 285px; height: 252px; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-temoignages.gif) 0 46px no-repeat; } #promotions .bloc-pdt { float: left; width: 142px; height: 200px; margin: 0 2px; padding: 0 7px; overflow: hidden; line-height: 14px; border: none; border-left: 2px dotted #8ac2c9; } #promotions .bloc-pdt-first { float: left; width: 142px; height: 192px; margin: 0 2px; padding: 0 8px; overflow: hidden; line-height: 14px; border: none; } #nouveautes .bloc-pdt { float: left; width: 142px; height: 200px; margin: 0 2px; padding: 0 7px; overflow: hidden; line-height: 14px; border: none; border-left: 2px dotted #cf94b2; } #nouveautes .bloc-pdt-first { float: left; width: 142px; height: 192px; margin: 0 2px; padding: 0 8px; overflow: hidden; line-height: 14px; border: none; } #coup-coeur .bloc-pdt { float: left; width: 142px; height: 200px; margin: 0 2px; padding: 0 7px; overflow: hidden; line-height: 14px; border: none; border-left: 2px dotted #c5d881;} #coup-coeur .bloc-pdt-first { float: left; width: 142px; height: 200px; margin: 0 2px; padding: 0 8px; overflow: hidden; line-height: 14px; border: none; border-right: 2px dotted #c5d881; } .nom_prd {height:32px; line-height:15px; overflow:hidden;} #nouveautes .nom_prd a {color:#cf94b2;} #promotions .nom_prd a {color:#8AC2C9;} #coup-coeur .nom_prd a {color:#A1BE54;} .bloc-pdt img { width: 140px; height: 140px; margin: 0 1px; padding: 0; } .bloc-pdt p { width: 140px; margin: 4px 1px 0 1px; padding: 0 0 0 0; } .bloc-pdt a { text-decoration: none; } .bloc-pdt a:hover { text-decoration: underline; } .temoignage { margin: 0; padding: 8px 20px 0 22px; height: 168px; overflow: hidden; } a.temoignage-suite { margin: 0; padding: 0 20px 0 22px; height: 14px; float: right; color: #a1be54;text-decoration: underline !important; } a.temoignage-suite:hover { color: #a1be54; } /**** CATX6 ****/ #catx6 { margin: 0; padding: 0; } #presentation { width: 490px; margin: 0 0 16px 0; padding: 0; text-align: left; } #presentation .haut { width: 490px; height: 20px; margin: 0; padding: 0; overflow: hidden; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-catx6-haut.gif) 0 0 no-repeat; } #presentation .centre { width: 450px; margin: 0; padding: 0 20px; overflow: hidden; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-catx6-centre.gif) 0 0 repeat-y; } #presentation .centre .texte { text-align: left; } #presentation .centre .texte a { color: #a1be54; text-decoration: underline; } #presentation .centre .texte a:hover { color: #a1be54; text-decoration: none; } #presentation .bas { width: 490px; height: 22px; margin: 0; padding: 0; overflow: hidden; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-catx6-bas.gif) 0 0 no-repeat; } #liste-rayons { display: block; position: relative; padding: 0; width: 490px; margin: 0 0 12px 0; } #liste-rayons .bloc-pdt { float: left; width: 222px; height: 200px; margin: 2px 3px 0 0; padding: 7px; overflow: hidden; line-height: 14px; border: none; } #liste-rayons .bloc-pdt-first { float: left; width: 222px; height: 200px; margin: 2px 3px 0 0; padding: 7px; overflow: hidden; line-height: 14px; border-right: 2px dotted #c5d881; } #liste-rayons .bloc-pdt img, #liste-rayons .bloc-pdt-first img { width: 170px; height: 170px; margin: 0 35px; padding: 0; } #liste-rayons .bloc-pdt p, #liste-rayons .bloc-pdt-first p { width: 220px; margin: 4px 10px 0 10px; padding: 0; color: #a1be54; font-weight: bold; } #liste-rayons .bloc-pdt a, #liste-rayons .bloc-pdt-first a { color: #a1be54; text-decoration: none; } #liste-rayons .bloc-pdt a:hover, #liste-rayons .bloc-pdt-first a:hover { color: #a1be54; text-decoration: underline; } /**** CATEGORIE ****/ #cat { margin: 0; padding: 0; } #cat #presentation { width: 490px; height: 182px; margin: 0 0 20px 0; padding: 0; } #cat #presentation img { float: left; width: 170px; height: 170px; margin: 6px 10px 6px 0; padding: 0; } #cat #presentation .txt { float: right; width: 271px; height: 140px; margin: 0; padding: 21px 18px; overflow: hidden; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-cat.gif) 0 0 no-repeat; } #cat #presentation .txt a { color: #a1be54; text-decoration: underline; } #cat #presentation .txt a:hover { color: #a1be54; text-decoration: none; } #liste-produits { width: 490px; margin: 0; padding: 0; } #liste-produits .produit { width: 490px; margin: 0; padding: 20px 0; border: none; border-top: 2px dotted #c5d881; } #liste-produits .produit-first { width: 490px; margin: 0; padding: 20px 0; border: none; } #liste-produits .photo { float: left; width: 170px; height: 170px; margin: 0 10px 0 0; padding: 0; } #liste-produits .txt { float: right; width: 300px; margin: 0 10px 0 0; padding: 0; } #liste-produits .desc { width: 300px; text-align: left; } #liste-produits .desc .titre { font-weight: bold; color: #a1be54; } #liste-produits .desc .marque { font-weight: normal; color: #000000; } #liste-produits .desc .description { } #liste-produits .desc .lien {color: #a1be54; text-decoration: underline; } #liste-produits .ss-pdts { position: relative; width: 300px; height: 137px; text-align: right; } .ss-pdts .bloc-prix { position: absolute; width: 290px; height: 30px; top: 6px; right: 0; margin: 0; padding: 0 0 10px 0; } .ss-pdts .select-sspdts { position: absolute; width: 200px; height: 53px; top: 47px; right: 0; margin: 0; padding: 0 0 6px 0; } .ssp_elmt { display: block; margin: 0; padding: 0 0 6px 0; } .ssp_elmt select { width: 162px; height: 24px; border: none; margin: 0; padding: 2px; font-size: 12px; color: #a1be64; font-weight: bold; letter-spacing: 1px; overflow : hidden; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-form/select-sspdts-2.gif) 0 0 no-repeat; } .ssp_elmt .label { font-size: 13px; color: #a1be64; font-weight: bold; background: none;} .ssp_elmt option { font-size: 12px; color: #a1be64; font-weight: normal; background-color: #edf3d9; margin: 0; padding: 2px; } .ss-pdts .infos { position: absolute; bottom: 50px; right: 0; margin: 0; padding: 0 0 6px 0; display: none; } .ss-pdts .ajout { position: absolute; width: 200px; height: 30px; bottom: 0; right: 0; margin: 0; padding: 0; } .ss-pdts .non-dispo { position: absolute; width: 200px; height: 42px; bottom: 0; right: 0; margin: 0; padding: 0; } .ss-pdts .dispo { position: absolute; width: 100px; bottom: 5px; left: 0; text-align: left; margin: 0; padding: 0; } .ss-pdts .quantite { width: 17px; height: 15px; margin: 0; padding: 5px 4px; border: none; text-align: center; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-form/input-quantite.gif) 0 0 no-repeat; } /**** FICHES PRODUITS ****/ #fiche-pdt { margin: 0; padding: 0; } #fiche-pdt #presentation { position: relative; width: 710px; margin: 0; padding: 0; } #fiche-pdt #presentation .images { float: left; width: 280px; margin: 0 20px 0 0; padding: 0; text-align: center;} .images .grande { width: 280px; height: 240px; margin: 0; padding: 0; text-align: center;} .images .grande img { width: 240px; height: 240px; margin: 0; padding: 0; } .images .miniatures { display: block; width: 280px; height: 176px; margin: 2px 0 0 0; padding: 5px 0 0 0; border: none; border-top: 2px dotted #c5d881; text-align: left; } .images .miniatures img { width: 80px; height: 80px; margin: 0 0 2px 15px; padding: 0; } .images .miniatures .first { width: 80px; height: 80px; margin: 0 0 2px 0; padding: 0; } #fiche-pdt #presentation .description { width: 400px; float: right; text-align: left; margin: 0; padding: 0; } .description h1{ font-size: 11px; font-weight: bold; margin-top: 8px; } .description .txt{ line-height: 14px; height: 56px; overflow: hidden; margin: 0 0 2px 0; padding: 0; } #fiche-pdt #presentation .index { width: 400px; float: right; text-align: left; height: 40px; } #fiche-pdt #presentation .sspdts { position: relative; width: 400px; float: right; height: 100px; margin: 0; padding: 0; } #fiche-pdt .sspdts .disponibilite { display: block; position: absolute; width: 400px; height: 18px; right: 0; top: 16px; text-align: right; line-height: 18px; margin: 0; padding: 0; overflow: hidden; } #fiche-pdt .sspdts .prix { display: block; position: absolute; width: 258px; height: 30px; right: 0; top: 40px; text-align: right; overflow: hidden; margin: 0; padding: 0; } #fiche-pdt .sspdts .panier { display: block; position: absolute; width: 200px; height: 25px; right: 0; bottom: 0; text-align: right; overflow: hidden; margin: 0; padding: 0; } #fiche-pdt .sspdts .quantite { width: 17px; height: 15px; margin: 0; padding: 5px 4px; border: none; text-align: center; background: #ffffff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-form/input-quantite.gif) 0 0 no-repeat; } #fiche-pdt .sspdts .selects { display: block; position: absolute; width: 170px; height: 58px; left: 0; bottom: 0; text-align: left; overflow: hidden; margin: 0; padding: 0; } #fiche-pdt .ssp_elmt { display: block; margin: 0; padding: 0 0 10px 0; } #fiche-pdt .sspdts .infos { position: absolute; margin: 0; padding: 0 0 6px 0; left: 0; top: 40px; text-align: left; display: none } #fiche-pdt .sspdts .non-dispo { position: absolute; width: 260px; height: 25px; right: 0; bottom: 0; margin: 0; padding: 0; } #fiche-pdt #presentation .liens { float: right; width: 400px; height: 126px; text-align: left; right: 0; bottom: 0; margin: 0; padding: 30px 0; } .liens .parler, .liens .avis { width: 400px; height: 32px; text-align: left; margin: 0; padding: 6px 0; text-indent: 40px; } .liens .parler p, .liens .avis p, .liens .partager p { line-height: 14px; margin: 0; padding: 0; float: left; } .liens .parler a, .liens .avis a, .liens .partager a { color: #000000; text-decoration: none; font-weight: normal; margin-left: 4px; } .liens .parler a:hover, .liens .avis a:hover, .liens .partager a:hover { color: #000000; text-decoration: underline; } .liens .parler { background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/parler-amis.gif) 0 0 no-repeat; } .liens .avis { background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/donner-avis.gif) 0 0 no-repeat; } .liens .partager { width: 360px; height: 32px; text-align: left; margin: 0; padding: 6px 0 6px 40px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/partager.gif) 0 0 no-repeat; } /* ***Addthis *** */ .addthis_default_style .at300b, .addthis_default_style .at300m { margin: 0; padding: 0; } .addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300m, .addthis_default_style .at300bs { float:left; margin: 0; padding: 0; } .at300b, .at300m, .at300bs { cursor:pointer; } .at300bs.at15t_compact { /*display: none !important;*/ visibility: hidden; width: 0; margin: 0 0 0 -8px; } .images .choix_miniatures { height: auto; margin-bottom: 15px; } .choix_miniatures img { width: 120px; height: 120px; margin: 0 5px; } #fiche-pdt #presentation .liens_imgssp { float: none; width: auto; height: auto; } .liens_imgssp .parler { float: left; width: 180px; } .liens_imgssp .avis { float: left; width: 250px; } .liens_imgssp .partager { float: left; width: 235px; } /* .liens_imgssp .parler { float: left; width: 102px; text-indent: 0; padding: 0; height: 44px; background: none; } .liens_imgssp .parler a { display: block; padding: 2px 0 2px 40px; margin: 0; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/parler-amis.gif) 0 0 no-repeat; } .liens_imgssp .avis { float: left; width: 140px; text-indent: 0; padding: 0; height: 44px; background: none; } .liens_imgssp .avis a { display: block; padding: 2px 0 2px 40px; margin: 0; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/donner-avis.gif) 0 0 no-repeat; } .liens_imgssp .partager { float: left; text-indent: 0; padding: 2px 0 2px 40px; } .liens_imgssp .partager a.addthis_button_compact { display: block; float: none; padding: 0; margin: 0; } */ #fiche-pdt #pdts-assoc { display: block; position: relative; padding: 0; width: 708px; margin: 0 0 12px 0; } #pdts-assoc .bloc-pdt { float: left; width: 156px; height: 202px; margin: 0 2px; padding: 0 4px 0 10px; overflow: hidden; line-height: 14px; border: none; border-left: 2px dotted #c5d881; text-align: center; } #pdts-assoc .bloc-pdt-first { float: left; width: 156px; height: 202px; margin: 0 2px; padding: 0 4px 0 11px; overflow: hidden; line-height: 14px; border: none; text-align: center; } #pdts-assoc .bloc-pdt img, #pdts-assoc .bloc-pdt-first img { width: 140px; height: 140px; margin: 0; padding: 0; } #pdts-assoc .bloc-pdt .txt, #pdts-assoc .bloc-pdt-first .txt { width: 100%; height: 56px; margin: 0; padding: 0; overflow: hidden; color: #a1be54; text-align: left; } #fiche-pdt #avis { display: block; position: relative; padding: 0; width: 710px; margin: 0; } #fiche-pdt #avis .note { float: right; } #fiche-pdt #avis ul { list-style: none; margin: 0; padding: 0; } #fiche-pdt #avis li { margin: 0; padding: 0 0 20px 0; } #fiche-pdt #avis .intitule { margin: 0; padding: 2px 4px 0 0; font-weight: normal; color: #000000; float: left;} #fiche-pdt #avis .intitule a { font-weight: normal; color: #000000; text-decoration: none; } #fiche-pdt #avis .intitule a:hover { font-weight: normal; color: #000000; text-decoration: underline; } #fiche-pdt #avis .message { margin: 0; padding: 0; } #fiche-pdt #avis .lien { margin: 0; padding: 0; font-weight: normal; color: #000000; } #fiche-pdt #avis .lien a { font-weight: normal; color: #000000; text-decoration: none; } #fiche-pdt #avis .lien a:hover { font-weight: normal; color: #000000; text-decoration: underline; } #maxiZoom { width: 400px; height: 400px; border: 2px dotted #c5d881; position: absolute; left: 310px; top: 30px; background: #fff; z-index: 5000; } #RSPlug_Zoom_surLayer { border: 1px dotted #c5d881; } /**************************************************************************************************************************/ /* AUTRES PAGES & PAGES WEB ***********************************************************************************************/ /**** COMPTE ****/ .form-login { } .form-login label { display: inline-table; width: 120px; text-align: right; } .form-login input { width: 170px;} /**** PROCESSUS DE COMMANDE ****/ .separateur { color: #888;} .rs_panier #contenu-principal, .rs_commande #contenu-principal, .rs_recap-commande #contenu-principal, .rs_choix-paiement #contenu-principal { width: 700px; } #pdc_box { margin: 0 0 0 0; padding: 0; font-size: 15px; color: #CCC; } #pdc_box p { margin: 0; padding: 0; text-align: center; } #pdc_box ul { margin: 0; padding: 0; } #pdc_box ul li { list-style-type: none; background: none; float: left; margin: 0 8px 0 0; padding: 0; text-indent: 0; } #pdc_box ul li.currentstep { } /* Panier */ p.sous-total { font-size: 1.2em; font-weight: bold; line-height: 2em; margin: 1em 0; text-align: right; } p.sous-total strong { display: inline-block; margin: 0 0 0 1em; padding: 0; } p.total-ttc { font-size: 1.6em; font-weight: bold; line-height: 3em; margin: 0; text-align: right; } p.total-ttc strong { display: inline-block; margin: 0 0 0 1em; padding: 0; } .info-livraison { color: #cf94b2; font-weight: normal; text-align: right;} /* Commande.htm */ #form_newAccount { margin: 0 auto; width: 80%; } #form_newAccount .form-inline { width: 100%;} #forms_selector { } #forms_selector a { background: #dadada url(/_boutiques/PTITSDESSOUS/V1/theme_en/cartouches-btn.png) 0 -50px no-repeat; color: #696969; display: block; height: 31px; line-height: 31px; width: 160px; } #forms_selector a:hover { background: #f2f2f2 url(/_boutiques/PTITSDESSOUS/V1/theme_en/cartouches-btn.png) 0 -100px no-repeat; text-decoration: none; } #forms_selector a.selected { background: #7b7faf url(/_boutiques/PTITSDESSOUS/V1/theme_en/cartouches-btn.png) 0 0 no-repeat; color: #000000; } #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; list-style: none; } ul#paiement li { margin: 1em 0; padding: 0; width: 640px; } ul#paiement li p, ul#paiement li span, ul#paiement li div { margin: 0; padding: 0; } ul#paiement li a { background: #fff url(/_boutiques/PTITSDESSOUS/V1//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: #edf3d9; } ul#paiement li.click a { background-color: #edf3d9 ; } ul#paiement form a { background: none; border: none; display: inline; padding: 0; } ul#paiement ul { border: 1px solid #edf3d9; border-width: 0 1px 1px; display: none; margin: 0 0 2em; padding: 0 1em 1em; list-style: none; } ul#paiement ul li { margin: 0; padding: 0; width: 100%; } ul#paiement li.click ul { display: block; } .icones { bottom: 50%; margin: 0; padding: 0; position: absolute; } /**** AMIS ****/ #FormName { float: right; margin: 0 0 0 3em; width: 30em; } #FormName fieldset { background: none;} /*** AVIS ***/ #avis {} #avis .form-avis { margin: 0 auto 3em; width: 100%; } .form-avis fieldset { border: none; padding: 18px 5px 18px 18px; width: 282px; height: 271px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-avis.gif) 0 0 no-repeat; float: right; } .form-avis label { display: block; margin: 0 0 0.3em; } .form-avis h3 { margin-bottom: 0.5em;} .form-avis h4 { float: left; margin: 1em 0 0.5em; width: 100%; } .form-avis p { float: left; margin: 0 0 1em; width: 50%; } .form-avis p input { border: 1px solid #a1be64; padding: 0.3em 0; margin: 0 0 1.5em; width: 90%; text-indent: 4px; } .form-avis textarea { border: 1px solid #a1be64; display: block; margin: 0; padding: 0; width: 95%; height: 100px; } .form-avis .bouton { margin: 0.75em 5% 0.75em 0; } #avis { } #avis .note { float: right; } #avis ul { list-style: none; margin: 0; padding: 0; } #avis li { margin: 0; padding: 20px 0 0 0; } #avis .intitule { margin: 0; padding: 2px 4px 0 0; font-weight: normal; color: #a1be64; float: left;} #avis .intitule a { font-weight: normal; color: #a1be64; text-decoration: none; } #avis .intitule a:hover { font-weight: normal; color: #a1be64; text-decoration: underline; } #avis .message { margin: 0; padding: 0; color: #434343; } #avis .lien { margin: 0; padding: 0; font-weight: normal; color: #000000; } #avis .lien a { font-weight: normal; color: #000000; text-decoration: none; } #avis .lien a:hover { font-weight: normal; color: #000000; text-decoration: underline; } #liste-avis { margin: 0; padding: 0; } #liste-avis li { margin: 0; } .meta-avis { margin: 1em 0; font-style: italic; } .meta-avis strong { font-style: normal;} .meta-avis img { margin: -3px 0 0 0;} .avis { background: #fff; padding: 1em; margin: 0; } .avis img { margin: 0 10px 4px 0; } p.form-note { float: none; margin: 0.5em 0; width: 95%; } /**** CONTACT ****/ .form-contact { } .form-contact label { display: inline-table; width: 120px; text-align: right; } .form-contact input { width: 212px;} .form-contact textarea { margin: 0 4px;} /**** NEWS ****/ #news { } #news #temoignage { } #news #temoignage .bloc-temoign { background: none; margin: 0; padding: 0; } .bloc-temoign .image { margin: 12px 12px 0 0; padding: 0; float: left; width: 120px; height: 120px; } .bloc-temoign .txt { margin: 0; padding: 0; float: right; width:350px; } .bloc-temoign .txt-seul { margin: 0; padding: 0; width: 100%; } .bloc-temoign .ref-pdts { margin: 6px 0 0 0; padding: 0 0 12px 0; color: #a1be64; font-weight: normal;} .bloc-temoign .ref-pdts p, .ref-pdts a { color: #a1be64; font-weight: normal; text-decoration: none; } .bloc-temoign .ref-pdts a:hover { color: #a1be64; font-weight: normal; text-decoration: underline; } .bloc-temoign .ref-pdts .intitule { float: left; width: 114px; margin: 0 12px 0 0; padding: 0; text-transform: uppercase; text-decoration: underline;} .bloc-temoign .ref-pdts .liste-pdts { margin: 0; padding: 0; float: right; width:350px; } #news #temoignage .bloc-temoign-first { background: #f3f7e6; padding: 0; margin: 0; } .bloc-temoign-first .image { margin: 12px 12px 0 3px; padding: 0 0 0 3px; float: left; width: 120px; height: 120px; } .bloc-temoign-first .txt { margin: 0; padding: 0 10px 0 0; float: right; width:340px; } .bloc-temoign-first .txt-seul { margin: 0; padding: 0 10px 0 10px; width: 100%; } .bloc-temoign-first .ref-pdts { margin: 6px 0 0 3px; padding: 0 0 12px 3px; color: #a1be64; font-weight: normal;} .bloc-temoign-first .ref-pdts p, .ref-pdts a { color: #a1be64; font-weight: normal; text-decoration: none; } .bloc-temoign-first .ref-pdts a:hover { color: #a1be64; font-weight: normal; text-decoration: underline; } .bloc-temoign-first .ref-pdts .intitule { float: left; width: 114px; margin: 0 12px 0 0; padding: 0; text-transform: uppercase; text-decoration: underline;} .bloc-temoign-first .ref-pdts .liste-pdts { margin: 0; padding: 0; float: right; width:350px; } /**** PARRAINAGE ****/ .form-parrainplus p { margin: 0;} #parrainage-id h1 , #parrainage h1 { font-size: 16px; font-weight: normal;} #parrainage-id h2 , #parrainage h2 { font-size: 13px; font-weight: bold; color: #000;} /**** POINTS DE VENTE ****/ #magasins {} #magasins p { margin: 0 0 10px 16px; padding: 0; } #magasins #listePV { margin: 0 0 0 16px; padding: 0; } #magasins #listePV select { border: none; margin: 10px 20px 16px 0; padding: 2px; font-size: 12px; color: #a1be64; font-weight: bold; letter-spacing: 1px; overflow : hidden; } #selectPays { width: 162px; height: 24px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-form/select-sspdts-2.gif) 0 0 no-repeat; } #selectVilles { width: 260px; height: 24px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/img-form/select-sspdts-3.gif) 0 0 no-repeat; } #selectPays .label, #selectVilles .label { font-size: 13px; color: #a1be64; font-weight: bold; } #selectPays option, #selectVilles option { font-size: 12px; color: #a1be64; font-weight: normal; background-color: #edf3d9; margin: 0; padding: 2px; } #magasins #pv_liste { } #magasins #pv_liste .pt-vente {clear:both; margin-bottom:24px; min-height:133px;} #magasins #pv_liste .pt-adresse { width: 100%; position: relative; float: none; } #magasins #pv_liste .logo { float: left; margin: 0 16px 0 0; padding: 0;} /**************************************************************************************************************************/ /* STYLES SPECIFIQUES *****************************************************************************************************/ /**** CENTRAGE ****/ .centrage { overflow:hidden; width:100%; } .centrage ul { float:left; left:50%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; } .centrage li { display:inline; float:left; margin:0; padding:0; position:relative; right:50%; } /**** FORMULAIRES ****/ .form_text { color: #666666; margin: 0 5px;} .form_image { margin: 0; } .form_col { width: 120px;} input.search, input.go { margin: 4px 0 14px; } p.bouton input { width: auto; } /**** TABLEAUX A COULEURS ALTERNEES ****/ .first-col { padding-left: 1em;} .col1, .col2 { float: left;} .col1 { width: 55%; } .col2 { padding: 0 1% 0 0; width: 44%; } .col1 p, .col2 p { margin: 0;} .col3 { float: left; width: 99%; padding: 0 1% 0 0; } .cellule_s { display: block; height: 2.2em; line-height: 2.2em; vertical-align: middle;} .cellule_s select { margin-top: 0.35em;} .cellule_sbis { display: block; height: 2.2em; line-height: 2.2em; padding-bottom: 2.2em; vertical-align: middle;} .styleCell1 { background-color: #f8fbf2; } tr.styleCell1 strong { line-height: 23px; margin: 3px;} .styleCell2 { background-color: #f9f9f8; } tr.styleCell2 strong { line-height: 23px; margin: 3px;} #form-panier { } #form-panier td { vertical-align: middle; } /**** SYSPAGE ****/ .syspage { width: 490px; height: 26px; margin: 0; padding: 0; border-top: 2px dotted #c5d881; border-bottom: 2px dotted #c5d881; text-align: center; line-height: 26px; color: #000000; font-size: 12px; letter-spacing: 2px; } .syspage a { color: #000000; } .syspage a:hover { color: #000000; } .syspage_prev, .syspage_next { display: none; } .syspage .fleche-g { margin: 0; padding: 0; font-weight: bold; } .syspage .fleche-d { margin: 0; padding: 0; font-weight: bold; } .syspage .pages { margin: 0; padding: 0; } #news .syspage { width: 490px; height: 26px; margin: 0; padding: 0; border-top: none; border-bottom: 2px dotted #c5d881; text-align: center; line-height: 26px; color: #000000; font-size: 12px; letter-spacing: 2px; } /* *** SLIDER DES PRODUITS CONSULTES *** */ #col-g ul#liste-pro-consult-struct { margin: 0; padding: 0; list-style: none; } #pro-consult-box-struct { height: 150px; margin: 0 auto; overflow: hidden; position: relative; width: 150px; } #pro-consult-box-struct { width: 140px; margin-bottom: 0; padding-bottom: 0; } #liste-pro-consult-struct { height: 140px; position: absolute; top: 0; left: 0; width: 2600px; } #liste-pro-consult-struct .bloc-produit { border: none; float: left; height: 140px; margin: 0; padding: 0; text-indent: 0; width: 140px; text-align: center; } #liste-pro-consult-struct .bloc-produit a { color: #999; text-decoration: none; } #liste-pro-consult-struct .bloc-produit a:hover { color: #ADCC29; text-decoration: none; } #liste-pro-consult-struct .bloc-produit .imglink { display: block; margin: 2px 0; overflow: hidden; } #liste-pro-consult-struct .bloc-produit img { width: 140px; height: 140px; margin: 0; padding: 0; } #liste-pro-consult-struct .bloc-produit p { overflow: hidden; margin: 0; padding: 0; } #liste-pro-consult-struct li { float: left; width: 140px; } .fleche-gauche, .fleche-droite { height: 140px; overflow: hidden; text-align: center; width: 16px; } .fleche-gauche { float: left; margin: 0 0 0 12px; } .fleche-droite { float: right; margin: 0 20px 0 0; } .fleche-gauche img, .fleche-droite img { margin: 60px 0 0 !important; } /* *** CARROUSEL *** */ #carrousel, #carr_home{ position: relative; width: 490px; height: 260px; overflow: hidden; margin: 13px 0 16px 0; border: none; background: none; } #carrousel p, ul.liste_images{ margin: 0; padding: 0; } #content_carrousel { } #liens_carrousel, #carrousel_pages{ position: absolute; right: 15px; bottom: 10px; } #liens_carrousel a, #carrousel_pages a{ float: left; margin: 0 0 0 3px; display: block; border: 1px solid #a1be54; background: #fff; text-decoration: none; color: #a1be54; width: 19px; height: 19px; line-height: 19px; text-align: center; } #liens_carrousel a.actif, #liens_carrousel a:hover, #carrousel_pages a.active, #carrousel_pages a:hover { background: #a1be54; color: #fff; text-decoration: none; } #img_carrousel { display: none; } /* *** MOD_PRIXPROMO *** */ .prix-chiffre { text-decoration: line-through; } .prix-euro { text-decoration: line-through; } .prix-separ { } .prix-promo-chiffre { text-decoration: none; } .prix-promo-euro { text-decoration: none; } #cat .prix-chiffre { text-decoration: line-through; font-size: 11px; } #cat .prix-euro { text-decoration: line-through; font-size: 11px; } #cat .prix-separ { font-size: 11px; display: none; } #cat .prix-promo-chiffre { text-decoration: none; font-size: 28px; font-weight: bold; line-height: 28px; } #cat .prix-promo-euro { text-decoration: none; font-size: 18px; font-weight: bold; } #fiche-pdt .prix-chiffre { text-decoration: line-through; font-size: 11px; margin: 0; padding: 0; } #fiche-pdt .prix-euro { text-decoration: line-through; font-size: 11px; margin: 0; padding: 0; } #fiche-pdt .prix-separ { font-size: 11px; display: none; margin: 0; padding: 0; } #fiche-pdt .prix-promo-chiffre { text-decoration: none; font-size: 28px; font-weight: bold; margin: 0; padding: 0; line-height: 28px; } #fiche-pdt .prix-promo-euro { text-decoration: none; font-size: 18px; font-weight: bold; margin: 0; padding: 0; } /* *** ONGLETS *** */ #prd-onglets { margin: 15px 0 20px 0; } #prd-onglets #onglets-box { height: 27px; width: 708px; border: none; background: #fff url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-onglets.gif) 0 0 no-repeat; } #onglets-box .onglet { color: #604848; font-size: 13px; display: block; padding: 0; float: left; margin: 0; height: 27px; line-height: 27px; text-indent: -5000px; overflow: hidden; } #prd-onglets .onglet-contenu { width: 688px; color: #604848; border: none; padding: 10px; } #prd-onglets .contenu-sans-onglet { width: 688px; color: #604848; border: none; padding: 10px; background: #f3f7e6 url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-bas.gif) left bottom no-repeat; } #tab-contenu_1-1 { background: #f3f7e6 url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-bas-1.gif) left bottom no-repeat; } #tab-contenu_1-2 { background: #f0f9fa url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-bas-2.gif) left bottom no-repeat; } #tab-contenu_1-3 { background: #faf0f5 url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-bas-3.gif) left bottom no-repeat; } #tab-contenu_1-4 { background: #fef7ef url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-bas-4.gif) left bottom no-repeat; } #tab-contenu_1-5 { background: #f3f1f1 url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-bas-5.gif) left bottom no-repeat; } #tab_1-1 { width: 101px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-1.gif) 0 0 no-repeat; } #tab_1-2 { width: 103px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-2.gif) 0 0 no-repeat; } #tab_1-3 { width: 102px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-3.gif) 0 0 no-repeat; } #tab_1-4 { width: 101px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-4.gif) 0 0 no-repeat; } #tab_1-5 { width: 101px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-desc-5.gif) 0 0 no-repeat; } /* *** BLOCS 100% *** */ .bloc-710-haut { margin: 0; padding: 0; width: 710px; height: 18px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-710-haut.gif) 0 0 no-repeat; } .bloc-710-milieu { margin: 0; padding: 0 20px; width: 670px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-710-milieu.gif) 0 0 repeat-y; } .bloc-710-bas { margin: 0; padding: 0; width: 710px; height: 19px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-710-bas.gif) 0 0 no-repeat; } .bloc-490-haut { margin: 8px 0 0 0; padding: 0; width: 490px; height: 18px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-490-haut.gif) 0 0 no-repeat; } .bloc-490-milieu { margin: 0; padding: 0 20px; width: 490px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-490-milieu.gif) 0 0 repeat-y; } .bloc-490-bas { margin: 0; padding: 0; width: 490px; height: 19px; background: transparent url(/_boutiques/PTITSDESSOUS/V1//site_image/en/blocs/bloc-490-bas.gif) 0 0 no-repeat; } /**** STYLES PERSONNALISES ****/ .erreur { color: red !important; font-weight:bold;} .noerreur { } .marginGuides { margin: 20px;}