body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; background-color:#cae798; margin:0px; font-size:10px; background-image:url(../images/fond-site.gif); background-repeat:repeat-x; } /*PAGE ACCUEIL/INTRO*/ .accueil-fond {background-image:url(../images/fond-accueil.gif); background-repeat:repeat-y; background-position:center} .accueil-ombre-h{background-image:url(../images/accueil-ombre-h.png); background-repeat:repeat-x; height:24px; margin-top:50px} .accueil-ombre-b{background-image:url(../images/accueil-ombre-b.png); background-repeat:repeat-x; height:24px} .accueil-contenu { background-color:#FFF} .accueil-copyright { color:#999;} .accueil-signature { color:#999; margin-top:5px; margin-bottom:20px} .accueil-signature a { color:#999; } /* CONTENEUR GENERAL */ #main .ombre-g { background-image:url(../images/ombre-g.png); background-repeat:repeat-y; width:17px} #main .ombre-d { background-image:url(../images/ombre-d.png); background-repeat:repeat-y; width:17px} #main .contenu {width:841px; background-color:#FFF;} #main .header-fond { background-image:url(../images/fond-header.jpg); background-repeat:no-repeat; width:841px; } #main #logo{ float:left; border:0px;} #main #nav-haut { padding-top:165px;} #main #recherche { height:25px} #main #recherche input { background-image:url(../images/fond-form-search.gif); background-repeat:repeat-x; border-left:0px; border-top:0px; border-bottom:1px solid #00b8e9; border-right:1px solid #00b8e9; height:15px; color:#00b8e9; font-size:11px; font-weight:bold} #main #mini-nav { clear:both; font-size:10px; color:#00b8e9; padding-left:150px; margin-top:25px; font-weight:bold; margin-bottom:15px} #main #mini-nav a { font-size:10px; color:#00b8e9;} #main #mini-nav .sep { font-size:11px; color:#e2007a; font-weight:bold} #main #col-droite { float:right; width:205px; padding-right:25px; padding-top:7px} #main #col-droite .titre { background-image:url(../images/fond-col-titre.gif); background-repeat:repeat-x;} #main #col-droite .titretxt { color:#e2007a; font-weight:bold; font-size:13px; font-variant:small-caps; margin-left:8px; padding-left:5px;padding-right:5px; background-color:#FFF} #main #col-droite a { font-weight:bold; color:#666; text-decoration:none; font-size:10px} #main #col-droite a:hover { font-weight:bold; color:#00b8e9; text-decoration:underline} #main #col-droite a.suite { font-weight:normal; color:#00b8e9; text-decoration:underline; font-size:10px} #main #col-droite a.suite:hover { color:#000; text-decoration:none;} #main #col-droite ul { margin-left:14px; padding-left:0px; margin-top:5px} #main #col-droite li { list-style-type:none; padding-bottom:3px} #main #col-droite li.suite { padding-top:3px; padding-bottom:20px} .catalogue { padding-left:150px; width:430px; } #main .nav-bas { background-image:url(../images/fond-nav-bas.gif); background-repeat:repeat-x; margin-left:150px; margin-right:20px; } #main .nav-bas a { color:#e2007a; font-variant:small-caps; font-weight:bold} #main .pied-page {margin-left:150px; padding-top:15px; color:#666} #main .signature { margin-left:150px; padding-bottom:15px; color:#666} #main .signature a {color:#666; font-size:11px} #main .sep-pied { margin-top:25px } /* EN ATTENTE */ a { font-size:11px; color:#ab6483; text-decoration:none;} a:hover { color:#000000; text-decoration:underline} input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a2203e;} .separateur-hr { background-image:url(../images/puce-li.gif); background-repeat:repeat-x; margin-bottom:10px; margin-top:10px; height:10px} /* BANDEAU */ #bandeau a { color:#666666; padding:5px} #bandeau a:hover { color:#fff; background-color:#000000; text-decoration:none} #bandeau .noborder{padding:0px} #bandeau form {margin:0px; padding:0px} /* BARRE DE NAVIGATION*/ #bandeau #nav { clear:both; background-image:url(../images/nav-fond.gif); background-repeat:repeat-x; color:#000000; border-bottom:2px solid #ab6483;border-top:1px solid #000000; height:25px; text-align:center; line-height:25px;} #bandeau #nav a {color:#FFFFFF; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; text-transform:uppercase; font-size:11px; font-weight:bold;} #bandeau #nav a:hover {color:#000000; background-color:#ab6483; text-decoration:none} /* COLONNE GAUCHE */ #colonne-gauche { width:180px; text-align:left; padding-top:10px} #colonne-gauche a { color:#000; text-decoration:none; font-size:11px; padding:3px; font-weight:bold; margin-bottom:2px; } #colonne-gauche a:hover { color:#fff; text-decoration:none; background-color:#ab6483} #colonne-gauche ul { padding-left:5px; margin:5px; padding-top:10px; list-style: none; } #colonne-gauche li.niveau0 {padding-left:10px; margin-top:8px; margin-bottom:8px; background-image:url(../images/puce-li.gif); background-repeat:no-repeat; background-position:0px 8px;} #colonne-gauche input {background-color:#ececee; border:0px; padding:2px} #nav-gauche #boutique ul.ulniveau1 { list-style:none; margin-left:5px; margin:5px; } #nav-gauche #boutique ul.ulniveau1 a { color:#000; border-bottom:1px dashed #cecece} #nav-gauche #boutique ul.ulniveau1 a:hover { color:#a2203e;} #nav-gauche #boutique li.niveau1 { list-style:none; background-image:url(../images/puce-li-niveau1.gif); background-repeat:no-repeat; background-position:0px 8px; padding-left:7px;} #nav-gauche #boutique ul.ulniveau2 { list-style:none;} #nav-gauche #boutique ul.ulniveau2 a { color:#4b4b4b; font-weight:normal; border-bottom:none } #nav-gauche #boutique ul.ulniveau2 a:hover { color:#a2203e; } #nav-gauche #boutique li.niveau2 { list-style:none; background-image:url(../images/puce-li-niveau2.gif); background-repeat:no-repeat; background-position:0px 8px; padding-left:7px; margin-left:5px} #nav-gauche #boutique ul.ulniveau3 { list-style:none;} #nav-gauche #boutique ul.ulniveau3 a { color:#4b4b4b; font-weight:normal; border-bottom:none } #nav-gauche #boutique ul.ulniveau3 a:hover { color:#a2203e; } #nav-gauche #boutique li.niveau3 { list-style:none; background-image:url(../images/puce-li-niveau3.gif); background-repeat:no-repeat; background-position:0px 4px; padding-left:7px; margin-left:5px} /* CONTENU */ #contenu { padding:10px; text-align:left; padding-right:0px; width:590px} .titre{ background-image:url(../images/titre-fond.gif); background-repeat:repeat-x; } .titretxt{font-size:24px; font-weight:bold; color:#e2007a;padding-right:5px; background-color:#FFF; font-family: Georgia, "Times New Roman", Times, serif;} li.hp-list-produit { width:195px; float:left; margin-right:13px; margin-bottom:30px; text-align:left; display: inline; height:260px; text-align:center; padding:0px; border:0px solid #b9e4f0; background-image:url(../images/list-fond.gif); background-repeat:no-repeat } .list-titre { text-align:left; height:53px; padding-left:18px; padding-right:15px; } .list-titre a { color:#FFF; font-variant:small-caps; font-weight:bold} .list-pied-desc { text-align:left; margin-left:15px; margin-right:15px } .desc-prod { } #contenu h2 {font-size:22px; color:#000000; text-align:left} #contenu h3 {font-size:18px; color:#000000; text-align:left} #contenu .txtmini { color:#4b4b4b; font-size:10px} #contenu .imglist { } #contenu .imglist-fiche { border:1px solid #d5d5d5; padding:5px; margin-right:5px; } /*#contenu li.hp-list-produit { width:145px; float:left; margin-right:20px; margin-bottom:10px; text-align:left; display: inline; height:278px; text-align:center; padding:2px; }*/ #contenu .stopFloat{clear:left;} /*#contenu .hp-bloc-accroche { background-color:#ab6483;color:#fff; font-weight:bold; padding-bottom:5px; text-align:center; font-variant:small-caps}*/ .hp-bloc-accroche { background-color:#40caef;color:#fff; font-weight:bold; padding-bottom:5px; text-align:center; font-variant:small-caps} #contenu .hp-bloc-promo { background-color:#fa9700; color:#FFFFFF; font-weight:bold; padding:5px; text-align:center;} #contenu .hp-prix { font-size:13px; font-weight:bold; color:#000000; padding-top:10px; padding-bottom:5px} #contenu .hp-prix-barre { font-size:10px; } /*#contenu .hp-nom-produit{ padding-top:10px; padding-bottom:10px;text-align:left; width:120px; font-size:11px}*/ .hp-nom-produit{ padding-top:5px; padding-bottom:5px;text-align:left; width:120px; font-size:11px; color:#ab6483} .hp-nom-produit a { font-size:11px; color:#666; text-decoration:none;} .hp-nom-produit a:hover { color:#00b8e9; text-decoration:underline} /*#contenu .hp-nom-produit a{ color:#4b4b4b; font-size:11px; text-decoration:none; font-weight:bold} #contenu .hp-nom-produit a:hover{ color:#a2203e; color:#a2203e; text-decoration:underline}*/ #contenu .titre-descriptif { border-bottom:1px dashed #cecece;} #contenu .alert { border:1px dashed #cecece; font-size:16px; font-weight:bold; text-align:center;color:#a2203e; padding:20px; background-color:#ececec} /* BLOCS HP */ #blocs-hp { text-align:left} /* PIED PAGE - NAVIGATION BAS */ #bas-page { margin-top:25px; font-size:9px; color:#cccccc; text-align:center; height:30px} #bas-page a {padding:10px; color:#555555; text-decoration:none; font-size:10px} #bas-page a:hover {text-decoration:underline;} #etape-paiement{ font-size:10px; color:#FFFFFF; font-weight:bold } #etape-paiement .on{ background-color:#AB6483; height:50px; width:120px; text-align:center} #etape-paiement .on a{font-size:10px; color:#FFFFFF; text-decoration:none} #etape-paiement .on a:hover{font-size:10px; color:#FFFFFF; text-decoration:underline} #etape-paiement .off{ background-color:#A9A8A8; height:50px;width:120px; text-align:center} #etape-paiement .off a{font-size:10px; color:#FFFFFF; text-decoration:none} #etape-paiement .off a:hover{font-size:10px; color:#FFFFFF; text-decoration:underline} /* j'en suis ici*/ #panier { font-size:10px} #panier a { color:#a2203e; text-decoration:none; font-size:10px} #panier a:hover { color:#000000; text-decoration:underline} #panier th { background-color:#ab6483; padding:4px; color:#FFFFFF} #panier th.nostyle { background-color:#fff} #panier h3 { font-size:14px; text-align:center} #panier td { padding:2px;} #panier td.total { font-size:11px; font-weight:bold; text-align:right; background-color:#ececec} #panier .prix-total { font-size:16px; color:#a2203e; text-align:right} #panier .prix-detail { font-size:12px; font-weight:bold} #panier .total-mini { font-weight:normal; font-style:italic} #panier td.list { border-bottom:1px solid #cecece} #contenu h2.panier { background-image:url(../images/ico-panier.gif); background-repeat:no-repeat; background-position:0px 4px; border-bottom:1px dashed #cecece; margin-right:10px; font-size:14px; padding-left:25px; font-size:20px} #contenu .fiche-produit { font-weight:bold;} #contenu .fiche-produit-bt { padding-bottom:5px; text-align:center} #contenu .prix { font-size:16px; font-weight:bold; text-align:left} #contenu .fiche-produit-descriptif { padding-top:10px;} #pied-page {background-color:#FFFFFF; font-size:10px;} #signature {font-size:10px; text-align:center} #signature a{font-size:10px; text-decoration:none;color: #555555;} #signature a:hover{font-size:10px; text-decoration:none;color: #555555;} #cont_div h2{ font-size:10px; font-weight:normal; text-align:center} #descCategorie { } /* Page d'accueil */ #pdt-vente-flash{ float:right; background-color:#fff; width:247px; border:1px solid #f4dadc; height:165px} #pdt-vente-flash .titre{ background-image:url(../images/titre-flash-fond.gif); background-repeat:repeat-x} #pdt-vente-flash .img-flash{ height:45px; } .hp-hr-flash {border:0px solid #c8ddbc; margin-bottom:10px; margin-top:10px; height:1px; } /* .hp-flash-prod {margin:12px} .hp-flash-prod a { font-size:9px} */ .hp-flash-prod {margin:9px} .hp-flash-prod a { font-size:12px} #pdt-coup-coeur{border: 1px solid #c8ddbc; margin-top:5px; width:265px; height:304px; float:left} #pdt-coup-coeur .titrecoeur{ background-image:url(../images/titre-coeur-fond.gif); background-repeat:repeat-x} #pdt-coup-coeur .bloc-coeur{margin-right:5px; margin-top:10px} #pdt-coup-coeur a.hp-coeur{ color:#355e1f; font-size:11px } #pdt-coup-coeur a.hp-coeur:hover{ color:#000; font-size:11px } .hp-hr-coeur {border-top:#c8ddbc; border-left:#fff; margin:5px; height:1px; color:#c8ddbc; background-color:#c8ddbc} #pdt-new{ width:390px; border: 1px solid #f9e0c4; margin-top:5px; margin-left:5px; text-align:center; height:304px; float:right} #pdt-new .img-nouvo{ height: 80px; margin-bottom:15px} #pdt-new a{ color:#c46f11; font-size:11px} #pdt-new a:hover{ color:#000; text-decoration:none} #pdt-new .titrenouvo{ background-image:url(../images/titre-nouvo-fond.gif); background-repeat:repeat-x; text-align:left} #pdt-new .nouvo-prod{ float:left; width:120px; margin:4px;} #pdt-best-vente{margin-bottom:5px; text-align:center; margin-top:5px; height:276px} #pdt-best-vente a { font-size:11px; color:#3a8bb8;} #pdt-best-vente a:hover {color:#000} #pdt-best-vente .img-best { height:120px} #pdt-best-vente .titreventes{background-image:url(../images/titre-ventes-fond.gif); background-repeat:repeat-x; text-align:left} #pdt-best-vente .best-prod{ float:left; width:145px; margin:10px;} .separateur { clear:left; height:0px} .infobulle{ position: absolute; visibility : hidden; padding: 4px; font-family: Arial; font-size: 12px; background-color: #FFFFFF; border:1px solid #A2203E; color:#A2203E; width:100px; text-align:left top; left:250px } /* définition pour le splash produit */ #dialog0{ background-color:#FFFFFF; border:2px solid #000000; }