/* duplication de commun.css le temps du'tiliser page() partout */ /*entete*/ #o-entete #liens { margin:1px; float:right; } /* =========================================*/ /* = Couleurs /* =========================================*/ .c1, .c1 a {color:#A20D44 !important;} .l1:hover { text-decoration: none; background-color: #DEEC97; } /* =========================================*/ /* = Styles Généraux /* =========================================*/ strong, strong a {font-weight:bold; font-size: 8pt;} .floatL { float: left; } .floatR { float: right; } .clear { clear: both; } .hidden {display: none;} html, body {height:100%;} body { font: 13px arial, tahoma, verdana, helvetica, sans-serif ; margin:0px; background: #7AAEDE; /* Background Noël 2010 */ background: url(../images/oclio_body_bg_noel_2009.jpg) repeat; text-align: center; /* border: 1px #7AAEDE solid; /* bordure invisble obligatoire sinon bug dans Opera et Mozilla */ } h1, h2 , h3, h4 {color:#A20D44; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px;} h1 { font-size: 12pt; } h2 { font-size: 11pt; font-weight: bold; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} h2 a { font-size: 11pt; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} h3 { font-size: 9pt; font-weight: bold; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} h3 a { font-size: 9pt; } h4 { font-size: 9pt; } .h4-centered { font-size: 8pt; font-weight: bold; color:#A20D44; text-align:center; margin: 2px 10px 2px 10px; padding: 0px 0px 0px 0px;} /* Styles des formulaires */ .field-entry { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #494949; text-align: right; padding: 0px 0px 0px 0px; } .field-value { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #494949; text-align: left; padding: 0px 0px 0px 5px; } P.table-heading { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #A20D44; } P.table-heading-right { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #A20D44; text-align: right; padding: 0px 10px 0px 0px; } P.table-heading-centered { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #A20D44; text-align: center; } p.home-pitch{ font: 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin:10px 0px 0px 0px; text-align: center; } a.home-pitch{ font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin:10px 0px 0px 0px; text-align: center; text-decoration: underline; } a.home-pitch:hover{ color:#A20D44; } .home-titre-top-ventes { font: bold 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; background: url('../images/oclio/logos_pictos/grand_picto.gif') no-repeat; text-align: left; text-transform: uppercase; padding: 3px 0px 0px 28px; height: 22px; width: 90%; } .small-text{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin:0px 10px 0px 10px; text-align: left; } ul.small-text{ padding: 0px 0px 0px 30px;} ol.small-text{ padding: 0px 0px 0px 30px;} .small-text-right{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin:0px 10px 0px 10px; text-align: right; } .small-green-text{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BBD737; margin:0px 0px 0px 0px; text-align: left; } .very-small-text{ font: 7pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; } .small-text-centered{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: center; } .small-text-separator{ background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left center repeat-x; height: 10px; } a { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration: none; } a:hover { color:#626262; text-decoration: underline; } a.o-green-link { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#626262; text-decoration: underline; } a.o-green-link:hover { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration: underline; } a.o-category-link { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration: underline; } a.o-category-link:hover { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration: underline; } a.o-voir-modele-link { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; text-decoration: underline; } a.o-voir-modele-link:hover { color:#A20D44; text-decoration: underline; } TABLE.pop-up{ width:460; border-collapse: collapse; background: #FFFFFF; } /* =========================================*/ /* = Panier/Service Client de la colonne de gauche /* =========================================*/ .o-box-shopping-cart { font: bold 7pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; text-decoration: none; } #o-box-shopping-cart { background: #F5FF3C; text-align: left; width: 188px; margin: 10px 0px 20px 0px; } p.cart-item { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; text-align:left; line-height: 1em; } p.new-cart-item { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align:left; line-height: 1em; } p.cart_subtotal { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; text-align:right; } /* =========================================*/ /* = CONTENEUR GLOBAL DU SITE /* = Contient tout le site sauf le pied de page /* =========================================*/ #o-site { margin-left: auto; margin-right: auto; /* Pour centrer le site dans la page */ width:995px; margin-bottom:-50px; /* hauteur du pied de page */ text-align: left; background: #FFFFFF; border: 1px #CCCCCC solid; /* bordure invisble obligatoire sinon bug dans Opera et Mozilla */ } html>body #o-site{height:auto;} /*for mozilla as IE treats height as min-height anyway*/ /* =========================================*/ /* = ENTETE DU SITE /* =========================================*/ /* Conteneur pour l'entete du site */ #o-entete { height: 325px; text-align:center; background: #FFFFFF; border: 1px #FFFFFF solid; /* bordure invisble obligatoire sinon bug dans Opera et Mozilla */ } /* Conteneur pour le logo */ #o-entete-logo { float: left; margin: 10px 10px 10px 10px; } /* Conteneur pour le pitch */ a.o-entete-link { font: 10pt arial, tahoma, verdana, helvetica, sans-serif ; text-align: left ; color: #A20D44; } #o-entete #liens a.top { color: #FF6600; } #o-entete #liens a, #o-entete #liens { font: 8pt arial; color: #A20D44; } #o-entete #liens a:hover { text-decoration: underline; } a.o-entete-link:hover { font: 10pt arial, tahoma, verdana, helvetica, sans-serif ; text-align: left ; color: #A20D44; text-decoration: none; } a.o-entete-small-link { font: 8pt arial, tahoma, verdana, helvetica, sans-serif ; text-align: left ; color: #A20D44; text-decoration: underline; } a.o-entete-small-link:hover{ font: 8pt arial, tahoma, verdana, helvetica, sans-serif ; text-align: left ; color: #A20D44; text-decoration: none; } /* Sýparateur entre le logo et le pitch */ #o-entete-separateur { width: 5px; height: 85px; margin-top: 27px; margin-left: 30px; background: url(../images/oclio/logos_pictos/separateur_vertical.jpg) repeat-y; float: left; } /* Conteneur pour le pitch */ #o-entete-pitch { font: 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; width: 460px; /* font: 12px arial, tahoma, verdana, helvetica, sans-serif ; */ text-align: left ; color: #A20D44; float: left; margin-top: 30px; margin-left: 30px; float: left; } /* Conteneur pour le bandeau carré au dessus du bouton "contactez-nous" */ #o-entete-bandeau-carre { text-align: right; margin-top: 10px; margin-right: 10px; } /* Conteneur pour le bouton "contactez-nous" */ #o-entete-contactez-nous { text-align: right; margin-top: 5px; margin-bottom: 5px; margin-left: 30px; margin-right: 15px; } /* Conteneur pour le bandeau sous les onglets */ #o-entete-bandeau { float:left; } /* Conteneur pour le bandeau sous les onglets, un div différent par catégorie, en fonction de son id base de données */ #bandeau { float: left; width: 753px; height: 53px; /* line-height: 123px; pour centrer le texte verticalement */ padding: 70px 20px 0px 220px; } #bandeau h1 { font: bold 12pt; margin: 0; color: #FFFFFF; text-transform: uppercase; text-align:left; letter-spacing: 0.5pt; } #o-entete-bandeau-categorie-2 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_2.jpg) top left no-repeat; } #o-entete-bandeau-categorie-3 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_3.jpg) top left no-repeat; } #o-entete-bandeau-categorie-4 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_4.jpg) top left no-repeat; } #o-entete-bandeau-categorie-6 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_6.jpg) top left no-repeat; } #o-entete-bandeau-categorie-108 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_108.jpg) top left no-repeat; } #o-entete-bandeau-categorie-12 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_12.jpg) top left no-repeat; } #o-entete-bandeau-categorie-101 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_101.jpg) top left no-repeat; } #o-entete-bandeau-categorie-105 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_105.jpg) top left no-repeat; } #o-entete-bandeau-categorie-123 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_123.jpg) top left no-repeat; } #o-entete-bandeau-categorie-154 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_154.jpg) top left no-repeat; } #o-entete-bandeau-categorie-257 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_257.jpg) top left no-repeat; } /* Catégories Produits Bio */ #o-entete-bandeau-categorie-438 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_438.jpg) top left no-repeat; } /* Catégories le mois du siège-auto */ #o-entete-bandeau-categorie-145 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_12.jpg) top left no-repeat; } /* Catégorie SOLDES */ #o-entete-bandeau-categorie-220 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_220.jpg) top left no-repeat; } /* Catégorie Vacances ! */ #o-entete-bandeau-categorie-171 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_171.jpg) top left no-repeat; } #o-entete-bandeau-categorie-462 { float: left; width: 993px; height: 123px; background: url(../images/oclio-es/categories/bandeau_categorie_462.jpg) top left no-repeat; } /* Bandeau pour la page marque */ #o-entete-bandeau-marque { float: left; width: 993px; height: 123px;} /* Styles à utiliser lorsqu'il n'y a pas de catégorie sélectionnée */ p.o-h1-categorie-0 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-0 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-0 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px; text-transform: uppercase; padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-0 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } /* Styles différents par catégorie, en fonction de l'id base de données de la catégorie */ p.o-h1-categorie-2 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-2 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-2 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px; text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-2 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#EE6727; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-3 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#DCAE7A; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-3 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#DCAE7A; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-3 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#DCAE7A; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-3 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#DCAE7A; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-4 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF7A8B; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-4 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF7A8B; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-4 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF7A8B; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-4 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF7A8B; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-6 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#007FD0; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-6 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#007FD0; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-6 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#007FD0; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-6 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#007FD0; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-108 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#6E7F23; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-108 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#6E7F23; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-108 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#6E7F23; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-108 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#6E7F23; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-12 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-12 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-12 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-12 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-101 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF0000; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-101 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF0000; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-101 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF0000; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-101 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF0000; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-105 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#29458E; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-105 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#29458E; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-105 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#29458E; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-105 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#29458E; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-123 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#CDE730; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-123 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#CDE730; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-123 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#CDE730; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-123 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#CDE730; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-154 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#C7B0FF; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-154 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#C7B0FF; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-154 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#C7B0FF; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-154 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#C7B0FF; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-257 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#c00000; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-257 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#c00000; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-257 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#c00000; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-257 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#c00000; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } p.o-h1-categorie-438 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#499C32; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-438 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#499C32; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-438 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#499C32; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-438 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#499C32; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } /* Catégorie LE MOIS DU SIEGE-AUTO */ p.o-h1-categorie-145 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-145 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-145 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-145 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#9D548C; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } /* Catégorie SOLDES */ p.o-h1-categorie-220 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF8B00; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-220 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF8B00; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-220 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF8B00; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-220 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#FF8B00; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } /* Catégorie VACANCES ! */ p.o-h1-categorie-171 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#7AAEDE; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-171 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#7AAEDE; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-171 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#7AAEDE; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-171 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#7AAEDE; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } /* Catégorie BIO ! */ p.o-h1-categorie-462 { font: 18px arial, tahoma, verdana, helvetica, sans-serif ; color:#57B221; text-align:left; margin: 20px 10px 10px 10px;} p.o-h2-categorie-462 { font: bold 14px arial, tahoma, verdana, helvetica, sans-serif ; color:#57B221; text-align:left; margin: 20px 10px 10px 10px;} p.o-h3-categorie-462 { font: bold 12px arial, tahoma, verdana, helvetica, sans-serif ; color:#57B221; text-align:left; margin: 20px 10px 10px 10px;text-transform: uppercase;padding: 0px 0px 3px 0px; background: url(../images/oclio-es/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} p.o-h4-categorie-462 { font: bold 10px arial, tahoma, verdana, helvetica, sans-serif ; color:#57B221; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; } /* =========================================*/ /* = ONGLETS /* =========================================*/ #o-entete-onglets { height:200px; clear:both; margin-left: auto; margin-right: auto; } table.o-entete-onglets { width: 993px; height: 27px; background: #A20D44; border-collapse: collapse; border-bottom:#FFFFFF 1px solid; } /* Conteneur pour chaque onglet */ td.o-entete-onglet:hover { background: #CA4073; } .o-entete-onglet a { font: bold 7pt arial, helvetica, sans-serif ; color: #FFFFFF; text-transform: uppercase; text-align: center; text-decoration: none; letter-spacing: 0.5pt; } * html .o-entete-onglet a:hover { text-decoration: none; color: #9B9B9B; } .o-entete-onglet-selectionne { background: #CA4073; } .o-entete-onglet-selectionne a:hover { text-decoration: none; color: #FFFFFF; } .o-entete-onglet-selectionne a { font: bold 8pt arial, tahoma, verdana, helvetica, sans-serif ; color: #FFFFFF; text-transform: uppercase; text-align: center; text-decoration: none; } /* =========================================*/ /* = COLONNE DE DROITE /* =========================================*/ /* Conteneur pour la colonne de droite */ #o-colonne-droite { width:193px; float:right; background: #FFFFFF; text-align: left; padding: 10px 0px 0px 5px; margin: 0; background: url(../images/oclio/logos_pictos/separateur_vertical.jpg) left top repeat-y; } /* =========================================*/ /* = COLONNE DE GAUCHE /* =========================================*/ /* Conteneur pour la colonne de gauche */ #o-colonne-gauche { position:relative;/*ie needs this to show float */ width:193px; float:left; display:inline;/*fix for ie double margin-bug*/ background: #FFFFFF; text-align: left; padding: 10px 0px 0px 5px; margin: 0; background: url(../images/oclio/logos_pictos/separateur_vertical.jpg) right top repeat-y; } #o-colonne-gauche p {padding-left:3px;padding-right:2px;} #o-colonne-droite p {padding-left:3px;padding-right:2px;} a.selected-category { text-align: left; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; } a.top-category { text-align: left; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; padding: 10px 0px 0px 8px; text-transform: uppercase; } a.top-category:hover { color:#A20D44; text-decoration:underline; } p.top-category { margin: 0px; letter-spacing: 0.5pt; padding: 10px 0px 0px 0px; } td.unselected-cat, td.selected-cat { line-height: 0.4em; padding: 0px 5px 0px 15px; background: url(../images/oclio/logos_pictos/puce_colonne_gauche.jpg) no-repeat 0px 3px; } td.unselected-subcat, td.selected-subcat { line-height: 0.4em; padding: 0px 5px 0px 25px; background: url(../images/oclio/logos_pictos/puce_colonne_gauche.jpg) no-repeat 10px 3px; } td.unselected-cat a, td.unselected-subcat a { text-align: left; font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#8C8C8C; text-decoration: none; padding: 0px; margin: 0px; } td.unselected-cat a:hover, td.unselected-subcat a:hover { color:#A20D44; text-decoration: underline; } td.selected-cat a, td.selected-subcat a{ text-align: left; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#626262; text-decoration: underline; padding: 0px; margin: 0px; } td.selected-cat a:hover, td.selected-subcat a:hover { color:#626262; text-decoration: underline; } /* =========================================*/ /* = COLONNE DU CENTRE /* =========================================*/ /* * html body #o-colonne-centre {height:1%;margin-top:-10px; margin-bottom:12px}/* combat IE's 3 pixel jog */ * html body #o-colonne-centre {height:1%; margin: -10px 201px 0px 201px;}/* combat IE's 3 pixel jog */ #o-colonne-centre { position:relative; margin: 0px 201px 0px 201px; } /* Bloc de la colonne du centre, avec le séparateur horizontal en dessous */ /* #o-bloc-colonne-centre { float: left; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x; padding: 10px 0px 10px 0px; } */ #o-bloc-colonne-centre { position: relative; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x; padding: 10px 0px 10px 0px; width: 564px; margin-left: auto; margin-right: auto; /* Pour centrer le pied dans la page */ } /* Bloc de la colonne du centre, avec le séparateur horizontal en dessous */ #o-bloc-colonne-centre-noel-2007 { float: left; width: 564px; height: 209px; background: url(../images/oclio/logos_pictos/image_tout_div_noel_2007.jpg) no-repeat; background-position:right top; padding: 0px 0px 10px 0px; margin-top: -18px; } /* = COLONNE DU CENTRE QUAND PAS DE COLONNE A GAUCHE NI A DROITE */ * html body #o-colonne-centre-seule {height:1%;margin-top:-10px; margin-bottom:12px}/* combat IE's 3 pixel jog */ #o-colonne-centre-seule { position:relative; margin: 0px 10px 0px 10px; } /* = COLONNE DU CENTRE QUAND PAS DE COLONNE A GAUCHE */ * html body #o-colonne-centre-sans-gauche {height:1%;margin-top:-10px; margin-bottom:12px}/* combat IE's 3 pixel jog */ #o-colonne-centre-sans-gauche { position:relative; margin: 0px 201px 0px 20px; } /* =========================================*/ /* = FIL D'ARIANE /* =========================================*/ a.o-fil-d-ariane { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; } /* le dernier mot du fil d'ariane prend la couleur de la catégorie courante */ /* Si pas de catégorie... */ a.o-fil-d-ariane-last { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#EE6727; text-decoration:none; text-transform: uppercase;} a.o-fil-d-ariane:hover { text-decoration:underline; } #o-fil-d-ariane { position: relative; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x; padding: 0px 0px 10px 0px; text-align: left; width: 560px; margin-left: auto; margin-right: auto; /* Pour centrer le pied dans la page */ } /* =========================================*/ /* = PIED DE PAGE /* =========================================*/ #o-pied { width:995px; clear:both; background: #FFFFFF; text-align:center; position:relative; margin-top: 50px; margin-left: auto; margin-right: auto; /* Pour centrer le pied dans la page */ } #o-preparer-pied{clear:both;}/*needed to make room for footer*/ div,p {margin-top:0}/*clear top margin for mozilla*/ * html #o-pied { /*only ie gets this style*/ \height:72px;/* for ie5 */ he\ight:70px;/* for ie6 */ } /* pour faire de la place pour le pied de page, en bas du conteneur o-site #o-preparer-pied { clear:both; height:60px; } div,p {margin-top:0}/*clear top margin for mozilla*/ /* =========================================*/ /* = PAGE D'ACCUEIL /* =========================================*/ #o-logo-en-vedette { text-align: left; margin: 20px 0px 20px 0px; } #o-image-en-vedette { float: left; margin: 0px 10px 10px 0px; } #o-sous-titre-en-vedette { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration:none; text-align: center; margin: 0px 0px 10px 0px; } #o-nom-en-vedette { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: center; margin: 0px 0px 0px 0px; } #o-nom-en-vedette a { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; margin: 5px 0px 0px 0px; } #o-nom-en-vedette a:hover { text-decoration:underline; } #o-prix-en-vedette { font: bold 9pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; margin: 0px 0px 10px 0px; text-align: center; } #o-edito-en-vedette { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; margin: 0px 0px 0px 220px; } #o-logo-nouveaute { text-align: left; margin: 20px 0px 20px 0px; } #o-image-nouveaute { float: left; margin: 0px 10px 10px 0px; } #o-sous-titre-nouveaute { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration:none; text-align: center; margin: 0px 0px 10px 0px; } #o-nom-nouveaute { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: center; margin: 0px 0px 10px 0px; } #o-nom-nouveaute a { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; margin: 5px 0px 5px 0px; } #o-nom-nouveaute a:hover { text-decoration:underline; } #o-prix-nouveaute { font: bold 9pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; margin: 0px 0px 10px 0px; text-align: center; } #o-edito-nouveaute { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; } /* =========================================*/ /* = Listes de produits /* =========================================*/ TABLE.product-listing{ width: 97%; border-collapse: collapse; /* border:#CCCCCC 1px solid; */ } .product_listing_searchbox { text-align: center; width: 180px; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding: 10px 0px 0px 12px; /* border: 1px solid #494949; */ } .product_listing_name { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: left; margin: 0px 0px 7px 0px; } p.product_listing_name_link { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 7px 0px; } a.product_listing_name_link { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; text-decoration:underline; } .product_listing_manufacturer { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; text-decoration:none; margin: 0px 0px 0px 0px; text-align: left; text-transform: uppercase; } .product_listing_description { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: left; margin: 0px 0px 0px 0px; } p.product_listing_model { font: 7pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; } p.product-listing-price { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; } p.product-listing-availability { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin: 0px 0px 0px 0px; } p.product-listing-availability-in-stock { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.product-listing-free-delivery { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.product-listing-trois-fois { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; margin: 0px 0px 10px 0px; } p.product-listing-remise-pc { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 10px 0px; } p.product-listing-remise-euro { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; } td.listing-split { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: right; padding: 4px 0px 4px 5px; border-bottom: 1px solid #DFDFDF; } td.listing-split-left { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; padding: 4px 0px 4px 5px; border-bottom: 1px solid #DFDFDF; } A.listing-split { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding: 4px 0px 4px 8px; } A.listing-split-bold { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; padding: 4px 0px 4px 5px; text-decoration: underline; } p.list-box-body-row { padding: 3px; margin: 0px; } p.list-box-body-alt { padding: 3px; margin: 0px; } .list-box-heading { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin:0px 0px 0px 0px; } td.table-alt { border-bottom: 1px solid #DFDFDF; padding: 0px; margin: 0px; } tr.table-alt { padding: 0px; margin: 0px; } #o-colonne-centre div.bloc { border:#BAD636 1px solid; } /* =========================================*/ /* = Styles de la fiche produit /* =========================================*/ #o-product-fiche { display: block; width: 560px; margin-left: auto; margin-right: auto; } #o-product-fiche-main-info { height: 260px; width: 540px; margin-left: auto; margin-right: auto; padding: 0px 0px 10px 0px; } #o-product-image { height: 260px; width: 210px; float:left; } #o-product-gallery { text-align: center; margin: 5px 0px 5px 0px; } #o-product-manufacturer { text-align: center; margin: 5px 0px 5px 0px; } #o-product-awards { /* position: absolute; width: 300px; height: 130px; left: 220px; top: 200px; */ height: 80px; text-align: right; margin-left: 0px; margin-right: 0px; } #o-product-availability-price { float: right; height: 260px; width: 300px; margin-right: 24px; } #o-product-availability-table { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; width: 560px; margin-left: auto; margin-right: auto; border:#BAD636 1px solid; padding: 0px 0px 10px 0px; } #o-product-links { margin-left: auto; margin-right: auto; text-align: center; width: 560px; border:#BAD636 1px solid; padding: 0px 0px 10px 0px; margin-bottom: 10px; } #o-product-references { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px; text-align: center; width: 560px; border:#BAD636 1px solid; padding: 0px 0px 10px 0px; } .clear-left { clear: left; } #o-product-finance{ font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; width: 560px; margin-left: auto; margin-right: auto; border:#BAD636 1px solid; padding: 0px 0px 10px 0px; } #o-product-customer-service { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } #o-product-description{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } #o-product-description > ul { padding-left: 10px; } #o-product-reviews{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } #o-product-rss{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } #o-also-purchased-products { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } .o-product-price { font: bold 16pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; } p.o-product-price-right { font: bold 16pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; text-align:right; } p.o-product-price-centered { font: bold 16pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; text-align:center; } p.o-product-fiche-shipping { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin: 0px 0px 0px 0px; text-align:right; } p.product-fiche-trois-fois { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin: 0px 0px 0px 0px; text-align:right; } p.product-fiche-remise-pc { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; text-align:right; } table.delivery-table{ border-collapse: collapse; margin-left: auto; margin-right: auto; } td.delivery-header{ font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding:0px 5px 0px 5px; text-align: left; border-bottom: 1px #CCCCCC solid; } td.delivery-line{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding:0px 5px 0px 5px; text-align: left; } td.delivery-line-in-stock{ font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding:0px 5px 0px 5px; text-align: left; } #o-product-accessoires{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } table.o-table-accessoire { width: 90%; border-collapse: collapse; margin:20px 0px 20px 0px; border-top: 1px #CCCCCC solid; } td.o-nom-accessoire{ width: 25%; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border-bottom: 1px #CCCCCC solid; padding: 10px 10px 10px 10px; } td.o-description-accessoire{ width: 75%; font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border-bottom: 1px #CCCCCC solid; padding: 10px 10px 10px 10px; } /* Table des services email gratuits, dans acocunt_edit */ table.o-table-service { width: 90%; border-collapse: collapse; margin:20px 0px 20px 0px; border-top: 1px #CCCCCC solid; } td.o-nom-service{ font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: right; border-bottom: 1px #CCCCCC solid; padding: 5px 5px 5px 5px; } td.o-description-service{ width: 80%; font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border-bottom: 1px #CCCCCC solid; padding: 5px 5px 5px 5px; } #o-product-garantie{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } #o-product-media{ font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; border:#BAD636 1px solid; padding: 10px; width: 540px; margin-left: auto; margin-right: auto; } table.o-table-media { width: 90%; border-collapse: collapse; margin:10px 0px 10px 0px; border-top: 1px #CCCCCC solid; } td.o-nom-media{ width: 35%; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: center; border-bottom: 1px #CCCCCC solid; padding: 10px 10px 10px 10px; } td.o-description-media{ width: 65%; font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align: left; border-bottom: 1px #CCCCCC solid; padding: 10px 10px 10px 10px; } /* onglets de la fiche produit */ table.o-onglets-fiche-produit { margin: 20px 0px 0px 8px; height: 27px; border-collapse: collapse; margin-left: 0px; margin-right: 80px; } td.o-onglets-fiche-produit { text-align: center; padding: 0px 7px 0px 7px; border-top:#BAD636 1px solid; border-left:#BAD636 1px solid; border-right:#BAD636 1px solid; color:#494949; } td.o-onglets-fiche-produit-up { background: #BAD636; text-align: center; padding: 0px 7px 0px 7px; border-top:#BAD636 1px solid; border-left:#BAD636 1px solid; border-right:#BAD636 1px solid; } td.o-espace-onglets-fiche-produit { width:2px; } td.o-onglets-fiche-produit-selectionne { text-align: center; padding: 0px 7px 0px 7px; background: #D2D2D4; border-top:#BAD636 1px solid; border-left:#BAD636 1px solid; border-right:#BAD636 1px solid; } td.o-onglets-fiche-produit:hover { background: #BAD636; } .o-onglets-fiche-produit a { font: 7pt arial, helvetica, sans-serif ; text-decoration: none; } .o-onglets-fiche-produit a:hover { color: #FF6600; } .o-onglets-fiche-produit-selectionne a { font: bold 8pt arial, helvetica, sans-serif ; color: #FF6600; } .o-onglets-fiche-produit-selectionne a:hover { } /* =========================================*/ /* = Style des titre de rubriques /* =========================================*/ #rub-nos-produits{ background: url('../images/oclio/logos_pictos/logo_nos_produits.jpg') no-repeat; width: 188px; height: 13px;margin: 0px;} #rub-nos-produits span{display: none;} #rub-rechercher{ background: url('../images/oclio/logos_pictos/logo_rechercher.jpg') no-repeat; width: 188px; height: 13px;margin: 0px;} #rub-rechercher span{display: none;} #rub-services-gratuits{ background: url('../images/oclio/logos_pictos/logo_services_gratuits.jpg') no-repeat; width: 188px; height: 24px;margin: 10px 0px 0px 0px;} #rub-services-gratuits span{display: none;} #rub-espace-client{ background: url('../images/oclio/logos_pictos/logo_espace_client.jpg') no-repeat; width: 188px; height: 65px;} #rub-espace-client span{display: none;} #rub-vos-avantages{ background: url('../images/oclio/logos_pictos/logo_vos_avantages.jpg') no-repeat; width: 158px; height: 13px;margin: 10px 0px;} #rub-vos-avantages span{display: none;} #rub-les-promos { background: url('../images/oclio/logos_pictos/logo_promotions.jpg') no-repeat; width: 188px; height: 24px;margin: 10px 0px;} #rub-les-promos span{display: none;} #rub-blog-isa{ background: url('../images/oclio/logos_pictos/logo_blog_oclio.jpg') no-repeat; width: 188px; height: 26px;} #rub-blog-isa span{display: none;} #rub-blog-diet{ background: url('../images/oclio/logos_pictos/logo_blog_dietetique.jpg') no-repeat; width: 188px; height: 24px;} #rub-blog-diet span{display: none;} #rub-blog-marques{ background: url('../images/oclio/logos_pictos/logo_blog_des_marques.jpg') no-repeat; width: 188px; height: 24px;} #rub-blog-marques span{display: none;} #rub-conseils-infos{ background: url('../images/oclio/logos_pictos/logo_conseils.jpg') no-repeat; width: 188px; height: 24px;margin-top: 10px;} #rub-conseils-infos span{display: none;} .rub-top-ventes{ background: url('../images/oclio/logos_pictos/logo_top_des_ventes.jpg') no-repeat; width: 500px ;height: 22px; } .rub-top-ventes span{display: none;} .rub-vedettes{ background: url('../images/oclio/logos_pictos/logo_en_vedette.jpg') no-repeat; width: 500px ;height: 22px;} .rub-vedettes span{display: none;} .rub-nouveaute{ background: url('../images/oclio/logos_pictos/logo_nouveaute.jpg') no-repeat; width: 500px ;height: 22px;} .rub-nouveaute span{display: none;} #rub-wishlist{ background: url('../images/oclio/logos_pictos/logo_wishlist.jpg') no-repeat; width: 188px; height: 24px;margin: 10px 0px 0px 0px;} #rub-wishlist span{display: none;} #rub-espace-wishlist{ background: url('../images/oclio/logos_pictos/logo_client_wishlist.jpg') no-repeat; width: 188px; height: 65px;} #rub-espace-wishlist span{display: none;} .o-box-wishlist { text-align: left; width: 188px; margin: 10px 0px 20px 0px; border : 1px solid #75B2F5;/*7AAEDE*/ } .o-box-wishlist p { margin: 0px; } /* Pour afficher les prx dans le top des ventes, "nouveau", ... */ /* =========================================== */ p.o-product-price-small { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 0px 0px 0px 0px; text-align:right; } p.product-price-trois-fois-small { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin: 0px 0px 0px 0px; text-align:right; } p.product-price-remise-pc-small { font: bold 14pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 5px 0px 0px 0px; text-align:right; } p.product-free-delivery-small { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; text-align:right; } /* Pour les totaux des factures, du panier, .. */ /* =========================================== */ P.total-title { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #A20D44; text-align: left; padding: 0px 10px 0px 10px; } P.total { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color: #A20D44; text-align: right; padding: 0px 10px 0px 10px; } /* =========================================== */ /* Pour le checkout .. */ /* =========================================== */ div.blockPaiment:hover { background-color: #DEEC97; } #o-box-shopping-cart-validation { background: #FFFFFF; margin: 0px; width: 300px; margin-left: auto; margin-right: auto; /* Pour centrer le site dans la page */ } td.payment-method { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding:10px 0px 10px 0px; text-align: left; border-bottom: 1px solid #CCCCCC; } td.payment-method-libelle { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; padding:10px 20px 10px 0px; text-align: left; border-bottom: 1px solid #CCCCCC; } p.cart-item-validation { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; text-align:left; padding: 0px 10px 0px 10px; } p.cart_subtotal-validation { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; text-align:center; padding: 0px 10px 0px 10px; } /* =========================================*/ /* = POP-UP montrant les images des modèles de produits /* =========================================*/ #o-pop-up-modele { background: #FFFFFF; margin: 10px; padding: 10px; } html>body #o-pop-up-modele{height:auto;} /*for mozilla as IE treats height as min-height anyway*/ /* =========================================*/ /* = Style de la box "specials" / promos /* =========================================*/ p.o-special-product-price { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-align:center; } /* =========================================*/ /* = Compatibilité ascendante: Style des classes box /* =========================================*/ p.info-box-body { margin: 0; } p.info-box-heading { margin: 0; } td.boxborder{ margin: 0; } /* =========================================*/ /* = Style des "new products" /* =========================================*/ table.table-new-product { width: 560px; } td.td-new-product { width: 190px; padding: 10px 20px 10px 20px; text-align: center; vertical-align: top; } div.product-apercu { width: 140px; padding: 10px 20px 10px 20px; text-align: center; vertical-align: top; } .new-product-name { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: center; margin: 0px 0px 7px 0px; } .new-product-manufacturer { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; text-decoration:none; margin: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; } .new-product-description { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: left; margin: 0px 0px 0px 0px; } p.new-product-price { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 10px 0px 0px 0px; } p.new-product-availability { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.new-product-availability-in-stock { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.new-product-free-delivery { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.new-product-trois-fois { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; margin: 0px 0px 10px 0px; } p.new-product-remise-pc { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 10px 0px; } /* =========================================*/ /* = Style des produits "en vedette" /* =========================================*/ table.table-vedette-product { width: 560px; } td.td-vedette-product { width: 45%; padding: 20px 20px 10px 20px; text-align: center; vertical-align: top; margin-right: auto; margin-left: auto; } .vedette-product-name { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: center; margin: 0px 0px 0px 0px; } .vedette-product-manufacturer { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; text-decoration:none; margin: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; } .vedette-product-description { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration:none; text-align: left; margin: 0px 0px 0px 0px; } p.vedette-product-price { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; margin: 10px 0px 0px 0px; } p.vedette-product-availability { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; margin: 0px 0px 0px 0px; } p.vedette-product-availability-in-stock { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.vedette-product-free-delivery { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 0px 0px; } p.vedette-product-trois-fois { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#000000; margin: 0px 0px 10px 0px; } p.vedette-product-remise-pc { font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#BAD636; margin: 0px 0px 10px 0px; } /* Style pour opération "Vacances" ETE 2007 */ p.vacance_titre { text-align: center; margin: 3px 0px 0px 18px; width: 125px; } a.vacance_titre { font: bold 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FFFFFF; text-decoration: none; text-transform: uppercase; } a.vacance_titre:hover { font: bold 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FFFFFF; text-decoration: underline; text-transform: uppercase; } a.vacance_liste { font: 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration: none; } a.vacance_liste:hover { color:#626262; text-decoration: underline; } .accueil_vacance_titre { margin: 3px 0px 0px 10px; font: bold 12pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FFFFFF; text-decoration: none; } a.accueil_vacance_titre:hover { color:#FFFFFF; text-decoration: underline; } .accueil_vacance_liste { margin: 0px 0px 0px 10px; font: 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#ffffff; text-decoration: none; } a.accueil_vacance_liste:hover { color:#ffffff; text-decoration: underline; } /* Styles pour les contenus provenant de Bambino Mio */ p.h3-bambino-mio { font: bold 12pt arial, tahoma, verdana, helvetica, sans-serif ; color:#7373AF; text-align:left; margin: 20px 10px 10px 10px; padding: 0px 0px 3px 0px; background: url(../images/oclio/logos_pictos/separateur_horizontal.jpg) left bottom repeat-x;} /* =========================================*/ /* = Styles pour box_products_types.php /* =========================================*/ .box_products_types_heading { font: bold 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration:none; padding: 20px 0px 0px 0px; text-align: left; text-transform: uppercase; } .box_products_types_heading_newline { font: bold 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration:none; padding: 0px 0px 6px 0px; text-align: left; text-transform: uppercase; } .box_products_types_heading_nospace { font: bold 11pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#A20D44; text-decoration:none; padding: 0px 0px 0px 0px; text-align: left; text-transform: uppercase; } /* =========================================*/ /* = Styles pour box best_sellers_fabricant.php /* =========================================*/ table.best_sellers_fabricant { margin-right: 10px; margin-left: 20px; } td.best_sellers_fabricant { text-align: left; margin-right: auto; margin-left: auto; padding: 10px 0px 0px 0px; vertical-align: top; } td.best_sellers_fabricant_nom { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#494949; text-decoration: none; padding: 15px 0px 0px 0px; } a.best_sellers_fabricant_nom { font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#8C8C8C; text-decoration: none; padding: 0px; margin: 0px; } a.best_sellers_fabricant_nom:hover { color:#A20D44; text-decoration: underline; } .best_sellers_fabricant_num { font: bold 10pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; vertical-align: top; padding: 15px 3px 0px 0px; } .best_sellers_fabricant_prix { text-align: center; padding: 10px 0px 0px 0px; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; color:#FF6600; vertical-align: middle; } /* =========================================*/ /* = Boutons de validation du formulaire de product_info.php */ /* = qui permet d'ajouter des produits dans le panier ou dans la liste de naissance */ /* =========================================*/ .bouton_add_to_wishlist{ border:none; color:#7AAEDE; font: bold 8pt Arial, tahoma, verdana, Helvetica, Times New Roman; background: url('../images/oclio/boutons/button_add_to_list.gif') no-repeat top left; width:220px; height:20px; cursor: pointer; margin: 5px 0px 10px 0px; } .bouton_add_to_cart{ border:none; color:#ffffff; background: url('../images/oclio/boutons/button_add_to_cart.gif') no-repeat top left; width:128px; height:22px; cursor: pointer; } span.img-promo { position: absolute; color: #fff; background: url(../images/oclio/logos_pictos/promo.png); font-weight: bold; width: 33px; height: 25px; z-index:10; padding-top: 8px; padding-left: 0px; float:left; text-align: center; _margin-top: 100px; _margin-left: 0px; _display: none !important; } div#o-product-image span.img-promo { margin-left: -40px; } div#o-product-availability-price p.small-text { margin:0 1px 0 1px !important; text-align: right !important; } /* Catégorie cat1 */ body.cat1 { background-image:url(http://www.oclio.com/images/oclio/marketing/fond_bio.jpg); background-repeat:repeat-x; background-color: #7D9C02; } td.o-entete-onglet-selectionne.cat1, td.o-entete-onglet.cat1 { background: url(http://www.oclio.com/images/oclio/logos_pictos/picto_bio.gif) no-repeat #499e33; background-position:right top; width: 130px; } .o-entete-onglet-selectionne .cat1 a, .o-entete-onglet .cat1 a { color: #FFFFFF; text-transform: uppercase; text-align: center; text-decoration: none; background: #K4A9F33; padding: 0px 0px 0px 17px; } .o-entete-onglet-selectionne.cat1 a:hover, .o-entete-onglet.cat1 a:hover { text-decoration: none; color: #F3E111; background: #K4A9F33; } td.o-entete-onglet-selectionne.cat2, td.o-entete-onglet.cat2 { background: #EE6727; } .o-entete-onglet-selectionne.cat2 a:hover, .o-entete-onglet.cat2 a:hover { text-decoration: none; color: #A20D44; } .o-entete-onglet-selectionne .cat2 a, .o-entete-onglet .cat2 a { font: bold 7pt arial, tahoma, verdana, helvetica, sans-serif ; color: #FFFFFF; text-transform: uppercase; text-align: center; text-decoration: none; background: #EE6727; } .o-entete-onglet-selectionne .cat11 a, .o-entete-onglet .cat11 a, td.o-entete-onglet-selectionne.cat11, td.o-entete-onglet.cat11 { background: #E74581; } .o-entete-onglet-selectionne .cat13 a, .o-entete-onglet .cat13 a, td.o-entete-onglet-selectionne .cat13, td.o-entete-onglet.cat13 { background: #c80206; } body.cat1 a.o-fil-d-ariane-last, body.cat1 h1, body.cat1 h2, body.cat1 h3, option.cat1 {color:#57B221;} body.cat2 a.o-fil-d-ariane-last, body.cat2 h1, body.cat2 h2, body.cat2 h3, option.cat2 {color:#FF8B00;} body.cat3 a.o-fil-d-ariane-last, body.cat3 h1, body.cat3 h2, body.cat3 h3, option.cat3 {color:#EE6727;} body.cat4 a.o-fil-d-ariane-last, body.cat4 h1, body.cat4 h2, body.cat4 h3, option.cat4 {color:#DCAE7A;} body.cat5 a.o-fil-d-ariane-last, body.cat5 h1, body.cat5 h2, body.cat5 h3, option.cat5 {color:#FF7A8B;} body.cat6 a.o-fil-d-ariane-last, body.cat6 h1, body.cat6 h2, body.cat6 h3, option.cat6 {color:#007FD0;} body.cat7 a.o-fil-d-ariane-last, body.cat7 h1, body.cat7 h2, body.cat7 h3, option.cat7 {color:#6E7F23;} body.cat8 a.o-fil-d-ariane-last, body.cat8 h1, body.cat8 h2, body.cat8 h3, option.cat8 {color:#9D548C;} body.cat9 a.o-fil-d-ariane-last, body.cat9 h1, body.cat9 h2, body.cat9 h3, option.cat9 {color:#FF0000;} body.cat10 a.o-fil-d-ariane-last, body.cat10 h1, body.cat10 h2, body.cat10 h3, option.cat10 {color:#29458E;} body.cat11 a.o-fil-d-ariane-last, body.cat11 h1, body.cat11 h2, body.cat11 h3, option.cat11 {color:#a0bc1d;} body.cat12 a.o-fil-d-ariane-last, body.cat12 h1, body.cat12 h2, body.cat12 h3, option.cat12 {color:#C7B0FF;} body.cat13 a.o-fil-d-ariane-last, body.cat13 h1, body.cat13 h2, body.cat13 h3, option.cat13 {color:#c00000;} body.cat14 a.o-fil-d-ariane-last, body.cat14 h1, body.cat14 h2, body.cat14 h3, option.cat14 {color:#29458E;} body.cat15 a.o-fil-d-ariane-last, body.cat15 h1, body.cat15 h2, body.cat15 h3, option.cat15 {color:#9D548C;} body.cat16 a.o-fil-d-ariane-last, body.cat16 h1, body.cat16 h2, body.cat16 h3, option.cat16 {color:#7AAEDE;} body.cat17 a.o-fil-d-ariane-last, body.cat17 h1, body.cat17 h2, body.cat17 h3, option.cat17 {color:#499C32;} /* buttons */ a.button { background-color: #7aaede; color: #fff; font-weight: bold; font-size: 10pt; border: 1px outset; margin: 1px; padding: 1px; line-height: 20px; text-decoration: none; }