/* * { margin: 0; padding: 0; } Tout SAUF */ html, body, p, img, object, ul, li, a, div, h1, h2, h3, h4, span, input, small, label, acronym { margin: 0; padding: 0; } html, body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #95bfe5; margin: 0; padding: 0; } body { font-family: Arial, verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; text-align: center; } #body { position: relative; width: 960px; margin: 0 auto 0 auto; text-align: left; background-color: #95bfe5; background-image: url('/reg_tpl/bioclementia/images/body.jpg'); background-repeat: repeat-y; background-position: top center; color: #95bfe5; } #tetiere { width: 960px; height: 332px; overflow: hidden; } #tetiere img { border: 0; padding:0; margin: 0; float: left; } #tetiere #accroche { position: absolute; /*z-index: 20;*/ top: 266px; left: 56px; width: 314px; height: 65px; text-align: center; font-size: 18px; line-height: 18px; color: #95bfe5; font-style: italic; } #recherche { width: 960px; height: 40px; overflow: hidden; } #recherche form { position: relative; margin: 0; padding: 0; margin-left: 47px; height: 38px; background-image: url('/reg_tpl/bioclementia/images/recherche-zone.jpg'); background-repeat: no-repeat; background-position: left; } #recherche #recherche-zone { font-weight: bold; color: #95bfe5; position: absolute; top: 7px; left: 12px; line-height: 24px; height: 24px; width: 272px; border: none; background-color: #f1e8dc; padding: 0 4px; } #recherche #recherche-zone:focus { background-color: #ffffff; } #recherche #recherche-ok { position: absolute; top: 0px; left: 294px; width: 26px; height: 38px; } /* Début Colonne 1 */ #menuproduit h1 { color: #8b633f; font-size: 26px; font-weight: bold; } #menuproduit a { color: #95bfe5; text-decoration: none; } #menuproduit ul, #menuproduit ul li { margin: 0; padding: 0; list-style-type: none; font-size: 15px; } #menuproduit ul li { background-image: url('/reg_tpl/bioclementia/images/puce-produits.jpg'); background-repeat: no-repeat; background-position: top left; padding-left: 18px; margin-bottom: 8px; } #menuproduit ul li a { line-height: 18px; } #partager { margin: 12px 0; } #partager h2 { color: #8b633f; font-size: 15px; margin-bottom: 8px; } #partager div.community { background-color: #ffffff; margin: 0 auto; width: 104px; } #partager div.community img { margin: 5px; text-transform: uppercase; margin-bottom: 6px; } #marques h2 { color: #ffffff; text-align: center; margin-bottom: 8px; } #marques div.toutes { margin-top: 8px; text-align: right; } #marques img { display: block; text-align: center; margin: 0 auto; } #marques div.toutes a { font-style: italic; font-size: 10px; color: #ffffff; text-decoration: underline; } #marques div.toutes a:hover { text-decoration: underline; } /* Fin Colonne 1 */ /* Début Colonne 2 */ #inscriptionnewsletter h1 { margin: 6px 0; padding-left: 22px; color: #ffffff; font-size: 14px; background-repeat: no-repeat; background-position: left; background-image: url('/reg_tpl/bioclementia/images/h1-inscription-newsletter.jpg'); } #inscriptionnewsletter h1 a { color: #ffffff; text-decoration: none; } #inscriptionnewsletterform { width: auto; height: 20px; overflow: hidden; } #inscriptionnewsletterform form { position: relative; margin: 0; padding: 0; height: 20px; } #inscriptionnewsletterform #newsletter-zone { font-weight: bold; color: #95bfe5; position: absolute; top: 0px; left: 0px; line-height: 20px; height: 20px; width: 150px; border: none; background-color: #f1e8dc; padding: 0 4px; } #inscriptionnewsletterform #newsletter-ok { position: absolute; top: -2px; left: 160px; width: 24px; height: 25px; } #livraison, #livraison a { width: 165px; padding-left: 14px; padding-right: 14px; text-align: left; color: #ffffff; font-size: 13px; } #infos h1 { margin: 6px 0; color: #8b633f; font-style: italic; font-size: 22px; } #paiement, #menu div.element { margin-bottom: 9px; } #menu div.element { width: 139px; height: 40px; line-height: 40px; background-repeat: no-repeat; background-position: left; background-image: url('/reg_tpl/bioclementia/images/menu-droit.jpg'); padding-left: 34px; padding-right: 20px; text-align: center; } #menu div.element img { border: 0; margin-bottom: -5px; margin-left: 4px; } #menu div.element a { font-weight: bold; color: #ffffff; text-decoration: none; font-size: 14px; } #menu div.element a:hover { text-decoration: underline; } #labels-bio { width: 180px; overflow: auto; text-align: center; } #labels-bio, #labels-bio a { color: #ffffff; } #labels-bio h1 { margin: 6px auto; text-align: center; color: #ffffff; font-style: italic; font-size: 22px; } /* Fin Colonne 2 */ #retouraccueil a { text-decoration: none; } #retouraccueil a:hover { text-decoration: underline; } #retouraccueil a, #retouraccueil a:hover { color: #8b633f; font-size: 14px; font-weight: bold; } #document { background-image: url('/reg_tpl/bioclementia/images/body.jpg'); background-repeat: repeat-y; background-position: top center; position: absolute; width: 100%; } #colonne1, #colonne2 { position: absolute; top: 0; } #colonne1 { padding-left: 47px; width: 171px; } #colonne2 { padding-right: 8px; width: 192px; } #colonne1 { left: 0; } #colonne2 { right: 0; } #corps { /* ??? overflow: auto; ??? */ min-height: 1000px; margin: 0 200px 0 218px; padding: 0 8px; background-color: #f0e8db; } #contenu a { color: #8b633f; text-decoration: none; } #contenu a:hover { color: #8b633f; text-decoration: underline; } #contenu p:first-child, #contenu ul:first-child { margin-top: 0px; padding-top: 0px; } #contenu p:last-child, #contenu ul:last-child { margin-bottom: 0px; padding-bottom: 0px; } #contenu p { margin: 8px 0; } #contenu h1 { margin-bottom: 4px; } #contenu img.error404 { border: 0; } #referencement { } .bordblanc { background-color: #ffffff; padding: 6px; } .boxblanc { background-color: #ffffff; padding: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .boxbleu { background-color: #95bfe5; padding: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .boxbleuhaut { background-color: #95bfe5; padding: 6px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } .boxmargebas { margin-bottom: 8px; } #produits-coup-de-coeur, #produits-une, #produits-promotions , #produits-nouveau { overflow: auto; } #produits-coup-de-coeur div.produit div.promotion, #produits-une div.produit div.promotion, #produits-promotions div.produit div.promotion, #produits-nouveau div.produit div.promotion { float: left; font-size: 10px; padding-top: 4px; text-align: right; padding-left: 12px; } #produits-une h1, #produits-colonne h1 { color: #8b633f; font-style: italic; margin: 0 0 10px 0; padding: 0; } #produits-colonne h1 { text-align: center; } #produits-colonne { display: block; overflow: auto; } #produits-colonne .boxblanc { float: left; width: 157px; } #produits-colonne .boitemilieu { margin: 0 9px; } #produits-colonne div.tous { text-align: center; margin-top: 15px; } #produits-colonne div.tous a { text-decoration: underline; font-style: italic; color: #95bfe5; font-size: 10px; font-weight: bold; } div.produit { display: block; margin-bottom: 6px; } #produits-une div.produit { overflow: none; } #produits-une div.produit img { border: 0; } #produits-une div.produit div.image { float: left; } #produits-une div.produit div.droite { margin-left: 165px; margin-right: 6px; } #produits-une div.produit div.libelle, #produits-une div.produit div.prix { color: #c8b98c; font-size: 18px; font-weight: bold; font-style: italic; } #produits-une div.produit div.libelle a, #produits-une div.produit div.prix a { color: #c8b98c; } #produits-une div.produit div.prix { float: right; } #produits-une div.produit div.fiche { min-height: 90px; } #produits-une div.produit div.lirelasuite { text-align: right; } div.qscroller { } #qscroller2 { width: 510px; height: 170px; background-color: #ffffff; } .hide { display: none; } /* IE7 */ #produits-colonne div.produit div.image { text-align: center; margin: 4px auto 0 auto; } #produits-colonne div.produit div.image img {border: 0; } #produits-colonne div.produit div.libelle { text-align: center; } #produits-colonne div.produit div.libelle, #produits-colonne div.produit div.libelle a { color: #c8b98c; font-size: 11px; } #produits-colonne div.produit div.prix { text-align: right; } #produits-colonne div.produit div.prix, #produits-colonne div.produit div.prix a { color: #8b633f; font-weight: bold; font-size: 11px; } #produits-colonne div.produit div.promotion { float: left; font-size: 10px; padding-top: 1px; } #tpl-produits a:hover img { text-decoration: none; } #tpl-produits #produits-liste { overflow: auto; width: auto; } #tpl-produits div.produit { margin: 4px auto; margin-left: 8px; float: left; text-align: center; height: 212px/*182px*/; width: 160px; overflow: hidden; } #tpl-produits div.produit img { border: 0; } #tpl-produits div.produit div.libelle { font-weight: bold; } #tpl-produits div.produit div.libelle, #tpl-produits div.produit div.libelle a { color: #c8b98c; font-size: 12px; } #tpl-produits div.produit div.prix { text-align: right; } #tpl-produits div.produit div.prix, #tpl-produits div.produit div.prix a { color: #8b633f; font-weight: bold; font-size: 11px; } #tpl-liens .global { overflow: auto; margin-bottom: 20px; } #tpl-liens .global img { border: 0; } #tpl-liens h3 { font-size: 14px; } #tpl-liens .gauche { float: left; width: 170px; } #tpl-liens .droite { margin-left: 180px; } #blog div.fluxrss { float: right; } #blog img { border: 0; } #blog ul { font-size: 15px; font-weight: bold; } #blog ul li { list-style-type: none; } #blog ul li { margin: 0; } #blog h1 a { color: #8b633f; text-decoration: none; } #blog a.titre { color: #c8b98c; margin-right: 4px; } #blog a.resume { color: #95bfe5; } #tpl-multitaches { overflow: auto; } #tpl-multitaches div.realisation { clear: left; width: auto; display: block; padding: 10px; margin: 10px auto; } #tpl-multitaches img { border: 0; float: left; padding-right:10px; } #tpl-multitaches h2 { margin: 0; padding: 0; } #tpl-multitaches div.reponse { margin-left: 210px; } #tpl-newsletter { margin-bottom: 8px; } #tpl-newsletter #inscription { width: 350px; margin: 10px auto; } #tpl-newsletter #inscription label { float: left; width: 90px; } #tpl-newsletter #inscription .submit{ text-align: center; margin: 5px 0 0 0; } #tpl-newsletter #inscription .submit input { width: auto; } #tpl-newsletter div.petit { text-align: center; } #tpl-newsletter a#desinscrire { color: #a8622f; display: block; margin: 20px auto 20px auto; } #tpl-newsletter #desinscription { width: 350px; margin: 10px auto; } #tpl-newsletter #desinscription label { float: left; width: 90px; } #tpl-newsletter #desinscription .submit{ text-align: center; margin: 5px 0 0 0; } #tpl-newsletter #desinscription .submit input { width: auto; } #tpl-contact { } #tpl-contact div.ligne { margin: 6px 0 6px 60px; } #tpl-contact label { float: left; text-align: right; width: 120px; margin-top: 4px; padding-right: 10px; } #tpl-contact .large { width: 250px; border: 1px solid #95bfe5; color: #95bfe5; padding: 2px; background-color: #ffffff; font-weight: bold; } #tpl-contact .haut { height: 75px; } #tpl-contact input, #tpl-contact textarea { } #tpl-contact .contactok { margin: 20px 10px; text-align: center; font-size: 16px; line-height: 36px; } #tpl-contact .envoyer { text-align: center; } #tpl-contact .envoyer input { padding: 3px; margin: 2px; } #tpl-produits h1 { margin-bottom: 8px; } #tpl-produits h1.arianne { margin: 0; padding: 0; line-height: 14px; font-size: 14px; } /* avec jacky */ #tpl-produits ul.sous-famille { overflow: auto; } #tpl-produits ul.sous-famille, #tpl-produits ul.sous-famille li { margin: 0; padding: 0; font-size: 14px; list-style-type: none; } #tpl-produits ul.sous-famille li { float: left; text-align: center; height: 140px; width: 160px; overflow: hidden; } #tpl-produits ul.sous-famille img { border: 0; } #tpl-produits a { line-height: 16px; } #tpl-produits a, #tpl-produits a:hover { color: #95bfe5; } #tpl-produits #visu-et-textes { overflow: auto; } #tpl-produits #les-visuels img { border: 0; } #tpl-produits #les-visuels { float: left; width: 252px; overflow: auto; margin-bottom: 8px; text-align: center; } #tpl-produits #les-visuels div.visuel0 { text-align: center; width: 240px; margin-bottom: 4px; } #tpl-produits #les-visuels div.visuel1, #tpl-produits #les-visuels div.visuel2, #tpl-produits #les-visuels div.visuel3, #tpl-produits #les-visuels div.visuel4 { width: 48px; height: 48px; float: left; text-align: center; overflow: none; } #tpl-produits #les-visuels div.visuel1 { margin-right: 3px; } #tpl-produits #les-visuels div.visuel2 { margin-right: 3px; } #tpl-produits #les-visuels div.visuel3 { margin-right: 4px; } /* Bah vui pourquoi pas 4... */ #tpl-produits #les-visuels div.visuel4 { margin-right: 0px; } #tpl-produits #textes { margin-left: 260px; } #tpl-produits #resume { } #tpl-produits #attributtailleprixpanier { overflow: auto; } #tpl-produits #attributstailleprix { float: left; font-size: 14px; color: #8b633f; font-weight: bold; } #tpl-produits #attributstailleprix div.prixsimple { float: left; padding-top: 4px; margin-top: 2px; } #tpl-produits #attributstailleprix div.lavaleur{ font-weight: bold; line-height: 20px; padding-top: 4px; padding-right: 6px; width: 130px; text-align: center; } #tpl-produits #panier-ajouter { float: right; text-align: center; } #tpl-produits #panier-ajouter input { font-size: 12px; width: 112px; padding:0; margin: 0;background-color: transparent; border: none; color: #95bfe5; } #tpl-produits #descriptif h1, #tpl-produits #produit-lie h1 { font-size: 16px; font-style: italic; text-decoration: underline; } #tpl-produits #produit-lie { overflow: auto; } #tpl-produits #produit-lie div.element, #tpl-produits #produit-lie div.element-separation { float: left; } #tpl-produits #produit-lie div.element img { border: 0; } #tpl-produits #produit-lie div.element img.separ { padding-right: 5px; border-right: 1px solid #95bfe5; } #tpl-produits #produit-lie div.element-separation { height: 110px; border-left: 1px dashed #95bfe5; margin-left: 5px; padding-left: 5px; } #tpl-produits div.produit-nombre { font-size: 13px; font-style: italic; } #tpl-boutique #lesadresses { overflow: auto; } #tpl-boutique #lesadresses img { margin: 0 8px; border: 0; } #tpl-boutique #lesadresses #addfacturation { width: 244px; } #tpl-boutique #lesadresses #addlivraison { width: 244px; float: right; } #tpl-boutique #lesadresses #addlivraison h1, #tpl-boutique #lesadresses #addfacturation h1 { margin: 0 0 4px 0; padding: 0; } #tpl-boutique #panier-adresse form { } #tpl-boutique #panier-adresse div.ligne { margin: 6px 0 6px 60px; } #tpl-boutique #panier-adresse label { float: left; text-align: right; width: 120px; margin-top: 4px; padding-right: 10px; } #tpl-boutique #panier-adresse .large { width: 250px; border: 1px solid #95bfe5; color: #95bfe5; padding: 2px; background-color: #ffffff; font-weight: bold; } #tpl-boutique #panier-adresse .envoyer { text-align: center; } #tpl-boutique #panier-adresse .envoyer input { padding: 3px; margin: 2px; } #tpl-boutique #terminercommanderecalculer { display: none; } div.facture table,div.facture img { width: 526px; } /* la largeur maximale ne dois pas dépasser celle du site en mode non-print.css !*/ #tpl-membres ul.espacemembre { margin: 40px 20px; } #tpl-membres ul.espacemembre li { margin-top: 6px; margin-bottom: 6px; } #tpl-membres a.membre-edit, #tpl-membres a.membre-motpasse, #tpl-membres a.membre-commandes, #tpl-membres a.membre-deconnect { padding-left: 20px; background-repeat: no-repeat; background-position: left; padding-top: 2px; } #tpl-membres a.membre-edit { background-image: url('/reg_medias/images/tango/16x16/actions/format-justify-fill.png'); } #tpl-membres a.membre-motpasse { background-image: url('/reg_medias/images/tango/16x16/actions/document-properties.png'); } #tpl-membres a.membre-commandes { background-image: url('/reg_medias/images/tango/16x16/apps/accessories-text-editor.png'); } #tpl-membres a.membre-deconnect { background-image: url('/reg_medias/images/tango/16x16/actions/system-log-out.png'); } #tpl-membres div.ligne { margin: 6px 0 6px 20px; display: block; overflow: auto; } #tpl-membres label { float: left; text-align: right; width: 160px; margin-top: 4px; padding-right: 10px; } #tpl-membres .large { width: 250px; border: 1px solid #95bfe5; color: #95bfe5; padding: 2px; background-color: #ffffff; font-weight: bold; } #tpl-membres .haut { height: 75px; } #tpl-membres input, #tpl-contact textarea { } #tpl-membres .envoyer { text-align: center; } #tpl-membres .envoyer input { padding: 3px; margin: 2px; } #identification form { } #identification div.ligne { margin: 6px 0 6px 60px; } #identification label { float: left; text-align: right; width: 120px; margin-top: 4px; padding-right: 10px; } #identification .large { width: 250px; border: 1px solid #95bfe5; color: #95bfe5; padding: 2px; background-color: #ffffff; font-weight: bold; } #identification .envoyer { text-align: center; } #identification .envoyer input { padding: 3px; margin: 2px; } #monpanier { } #monpanier th { text-align: center; padding: 6px 2px; background-color: #ffffff; } #monpanier div.paniervide { margin: 40px 20px; } #monpanier td.attributs { text-align: center; } #monpanier td.intitule { padding: 0 5px; } #monpanier td.quantite, #monpanier td.puttc, #monpanier td.total, #monpanier td.piedtotalhorschequecont, #monpanier td.piedchequecadeaucont, #monpanier td.piedportgenerauxcont, #monpanier td.piedportsspecifcont, #monpanier td.piedhtcont, #monpanier td.piedtvacont, #monpanier td.piedtotalettccont { text-align: right; padding: 0 5px; } #monpanier td.actions { text-align: center; } #monpanier td.actions img { border: 0; } #monpanier .piedfraisportcont { text-align: left; font-weight: bold; padding: 6px; } #monpanier .piedtotalettclibe, #monpanier .piedtotalettccont, #monpanier .piedtvacont, #monpanier .piedtotalettclibe, #monpanier .piedtvacont, #monpanier .piedtvalibe, #monpanier .piedhtcont, #monpanier .piedhtlibe, #monpanier .piedportsspecifcont, #monpanier .piedportsspeciflibe, #monpanier .piedportgenerauxcont, #monpanier .piedportgenerauxlibe, #monpanier .piedchequecadeaucont, #monpanier .piedchequecadeaulibe, #monpanier .piedtotalhorschequecont, #monpanier .piedtotalhorschequelibe { text-align: right; padding: 0 5px; } #monpanier #entetecommande { overflow: auto; } #entetecommande a.panier-nouveaucompte { padding-left: 32px; background-image: url('/reg_medias/images/tango/16x16/actions/contact-new.png'); background-repeat: no-repeat; background-position: 6px center; } #panier-nouveauclient form { } #panier-nouveauclient div.ligne { margin: 6px 0 6px 60px; } #panier-nouveauclient label { float: left; text-align: right; width: 120px; margin-top: 4px; padding-right: 10px; } #panier-nouveauclient .large { width: 250px; border: 1px solid #95bfe5; color: #95bfe5; padding: 2px; background-color: #ffffff; font-weight: bold; } #panier-nouveauclient .envoyer { text-align: center; } #panier-nouveauclient .envoyer input { padding: 3px; margin: 2px; } span.barre { text-decoration: line-through; } div.promotion span.barre, div.promotion span.valeurpromotion { font-weight: bold; } #adresse-boutique { display: none; } /* #menu { float: left; width: 250px; padding-top: 60px; background-repeat: no-repeat; background-position: top center; background-color: #eeeeee; } #menu a { color: #fe5e00; text-decoration: none; } #menu a.select { font-weight: bold; } #menu a:hover { color: #ff0000; border-bottom: 2px solid #ff0000; } #contenu { margin-left: 250px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; text-align: justify; } // http://www.allhtml.com/articles/detail/533 */ #baspage { clear: both; overflow: hidden; height: 45px; line-height: 55px; text-align: center; font-size: 12px; } #baspage ul li { display: inline; margin: 0 2px; padding: 0; } #baspage, #baspage a { color: #646464; } #baspage a { text-decoration: none; } #baspage a:hover { text-decoration: underline; } a { outline: none; } acronym { border-bottom: 1px dotted black; } label { cursor: pointer; } small { font-size: 9px; } .jolieerreur { padding: 10px; padding-left: 30px; background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png'); background-repeat: no-repeat; background-position: 6px center; font-weight: bold; height:auto; background-color: #e9ecef; border: 2px solid red; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: red; } .jolieinformation, .jolieinfo { margin-top: 10px; margin-bottom: 20px; margin-left: 5px; margin-right: 5px; padding: 10px; padding-left: 30px; background-image: url('/reg_medias/images/tango/16x16/emblems/emblem-important.png'); background-repeat: no-repeat; background-position: 6px center; font-weight: bold; height:auto; background-color: #eeeeee; border: 2px solid #6b7e00; color: #6b7e00; line-height: 16px; } #admindbg { text-align: left; width: 500px; display: block; font-size: 11px; }