/****** Déclarations générales *****/ @font-face { font-family: 'Arista20Regular'; src: url('font/arista2.0-webfont.eot'); src: url('font/arista2.0-webfont.eot?#iefix') format('embedded-opentype'), url('font/arista2.0-webfont.woff') format('woff'), url('font/arista2.0-webfont.ttf') format('truetype'), url('font/arista2.0-webfont.svg#Arista20Regular') format('svg'); font-weight: normal; font-style: normal; } body { margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#6d6d6d} .fond-rubrique { background-color:#dae8ff; background-image:url(../images/fond-anni.gif); background-repeat:repeat} /* background-image:url(../images/fond-rubrique01.gif); */ .clear { clear:both} .spacer { height:10px} .hr {border-top:1px dashed #ccc; text-align:center; height:1px; margin-top:5px; margin-bottom:5px } .mini { font-size:11px; font-style:italic} a{ color:#126182; text-decoration:none} a:hover{text-decoration:underline} h1{} h2{} h3{} /******* ********/ .alert{padding:10px; background-color:#DBEEFD; text-align:center; margin:5px;} /****** Partie supérieure et navigation *****/ #bandeau {background-image:url(../images/fond-bandeau-ombre.png); background-repeat:no-repeat; width:980px; height:95px; margin:auto; font-size:12px} #bandeau .logo {float:left; width:auto; padding-top:12px} #bandeau .espace-client {float:right; width:160px; height:60px; padding:3px; margin-top:10px; background-color:#f1f1f1; border:1px solid #fff} #bandeau .panier {float:right; width:160px; height:60px; padding:3px; margin-top:10px; background-color:#f1f1f1; border:1px solid #fff; margin-left:15px} #bandeau ul, li {margin:0px; line-height:13px} #bandeau .titre { font-weight:bold; font-variant:small-caps} #bandeau .montant { font-size:18px; color:#000; font-weight:bold} /****** Barre recherche *****/ #search {clear:both; width:980px; margin:auto; background-color:#009ee0; height:33px; line-height:33px} #search .message h1{float:left; font-size:18px; padding:0px; margin:0px; font-weight:bold; color:#FFF; padding-left:10px} #search .moteur {float:right; font-size:18px; font-weight:bold; color:#FFF; padding-right:5px; margin:0px;margin-top:6px} #search .champ { background-image:url(../images/fond-search.gif); color:#6d6d6d; font-size:10px; border:0px; width:200px; height:21px; background-repeat:no-repeat; padding:0px; margin:0px; padding-left:120px; line-height:21px; } #search .bt { background-image:url(../images/bt-ok.gif); background-repeat:no-repeat; width:21px; height:21px; border:0px; padding:0px; margin:0px; } #search form{ padding:0px; margin:0px} /****** Contenu central *****/ #contenu {clear:both; width:980px; margin:auto; background-color:#fff;padding-bottom:15px;} #contenu .visuel { background-image:url(../images/visuel-hp.jpg); background-repeat:no-repeat; width:980px; height:385px} #contenu #content { margin:0px;border:1px solid #fff; padding-top:0px; padding-left:10px; padding-right:10px; height:auto} #contenu #content .titre-bloc { color:#11536f; font-size:24px; font-weight:normal; padding:10px; padding-bottom:0px; font-family: 'Arista20Regular'; } #contenu #content .hp-bloc-list {margin:10px; border-top:1px dashed #ccc; padding-top:5px } #contenu #content .btn-voir{float:left;text-align:center; width:178px; margin-top:5px} #contenu #content .btn-detail{ text-align:center; margin-top:3px} #contenu #content .hp-bloc-img {float:left;} #contenu #content .hp-bloc-desc {float:left; margin-left:15px; width:178px} #contenu #content .hp-bloc-desc a { color:#5a5a5a; text-decoration:none} #contenu #content .hp-bloc-desc .apartir { color:#9d9d9d; font-size:10px} #contenu #content .hp-bloc-desc .prix { color:#912158; font-size:18px; font-weight:bold} #contenu #content #col-new-coeur{float:left;width:314px;} #contenu #content #col-new-coeur #hp-bloc1 {border:1px solid #c7c7c7; width:314px; background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif);} #contenu #content #col-new-coeur #coup-coeur {margin-top:4px; border:1px solid #c7c7c7; width:314px; background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); height:253px;} #contenu #content #hp-bloc2 {border:1px solid #c7c7c7; float:left; width:314px; height:520px; background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); margin-left:5px} #contenu #content #hp-bloc3 {border:1px solid #c7c7c7; float:left; width:314px;background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); margin-left:5px} #contenu #content #tagCloud {border:1px solid #c7c7c7; float:left; width:314px;background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); margin-left:5px; margin-top:5px} #contenu #content #tagCloud #list-collection {text-align:center;border-top:1px dashed #ccc; padding-top:5px;margin:10px; } /* #contenu #content #tagCloud #list-collection ul{list-style:none; margin:0px; padding:0px; text-align:center} #contenu #content #tagCloud #list-collection ul li{float:left; margin:2px; display:block; } #contenu #content #tagCloud #list-collection .LibMarque{padding:4px; float:left; font-size:12px; border:1px solid #c7c7c7; margin:2px} */ #contenu #content #col-flash-marque{ float:left; width:319px; } /******* TAG CLOUD HP *******/ .tags ul{ margin:0px; padding:0px; text-align:center; font-size:12px; } .tags li{ margin:2px; padding:0px; list-style:none; display:inline; line-height:28px; } .tags li a:hover{color:#de5196} .tag1 a{font-size:12px; font-weight:normal} .tag2 a{font-size:14px; font-weight:bold} .tag3 a{font-size:16px;font-weight:bold} .tag4 a{font-size:18px;font-weight:bold} #contenu #content #bloc-vente-flash{background-image:url(../images/bkg-vente-flash.jpg); background-repeat:no-repeat; text-align:center; width:303px; background-color:#FFF; padding:5px; padding-top:40px;} #contenu #content #bloc-vente-flash .visuel-rnd-flash{margin:5px; width:90px; float:left} #contenu #content #col-gauche { float:left; width:200px;margin-right:5px } #contenu #content #nav-rayon {border:1px solid #c7c7c7; width:auto; background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif);} #contenu #content #nav-rayon a {color:#126182} #contenu #content .titre-rayon1 { color:#126182; font-size:18px; font-weight:bold; padding:10px; padding-bottom:0px; } #contenu #content #nav-rayon ul {margin:10px; border-top:1px dashed #ccc; padding-top:15px;color:#126182; padding-left:15px } #contenu #content #nav-rayon li { list-style-type:square; font-size:12px; line-height:20px} #contenu #content #nav-marque {border:1px solid #c7c7c7; width:auto; background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); margin-top:5px} #contenu #content #nav-marque a {color:#c13fbf} #contenu #content .titre-marque1 { color:#c13fbf; font-size:18px; font-weight:bold; padding:10px; padding-bottom:0px; } #contenu #content #nav-marque ul {margin:10px; border-top:1px dashed #ccc; padding-top:15px;color:#c13fbf; padding-left:15px } #contenu #content #nav-marque li { list-style-type:square; font-size:12px; line-height:20px} #contenu #content #nav-services {border:1px solid #c7c7c7; width:auto; background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); margin-top:5px} #contenu #content #nav-services a {color:#6c6c6c} #contenu #content .titre-services { color:#6c6c6c; font-size:18px; font-weight:bold; padding:10px; padding-bottom:0px; } #contenu #content #nav-services ul {margin:10px; border-top:1px dashed #ccc; padding-top:15px;color:#6c6c6c; padding-left:15px } #contenu #content #nav-services li { list-style-type:square; font-size:12px; line-height:20px} #contenu #content #col-droite { float:right; width:750px; } #contenu #content #col-droite .numpage{ text-align:center} #contenu #content #col-droite .page{text-align:center; float:left; width:20px; padding:5px; margin:5px;height:20px; border:1px solid #999; color:#e01d83} #contenu #content #col-droite a .page{ color:#126182} #contenu #content #col-droite a .page:hover{ background-color:#DBEEFD; color:#126182} #contenu #content #mini-nav { font-style:italic; font-weight:bold; font-size:14px; color:#ccc } #contenu #content .desc-categorie{margin-top:10px;} #contenu #content #mini-nav a {color:#e01d83 } #contenu #content #list-options {background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); margin-top:15px; margin-bottom:15px; height:25px; line-height:25px} #contenu #content #list-options .nbr-articles { color:#e01d83; float:left; margin-left:15px; font-weight:bold} #contenu #content #list-options .tri-articles { color:#6d6d6d; float:right; margin-right:15px; font-weight:bold; font-size:11px} #contenu #content #list-options .tri-articles select { color:#6d6d6d; font-size:11px; font-weight:bold} #contenu #content .bloc-produit-plus { float:left; width:355px; margin-left:10px; text-align:center; border:2px solid #ccc; height:220px; margin-bottom:10px } #contenu #content .plus-img { float:left; margin-right:15px; height:220px;} #contenu #content .bloc-produit-plus:hover {border:2px solid #009ee0; } #contenu #content .plus-desc { color:#666; height:60px;} #contenu #content .plus-mini { color:#666; font-style:italic; font-size:10px; height:25px;} #contenu #content .plus-apartir { color:#9d9d9d; font-size:10px; margin-top:5px} #contenu #content .plus-prix { color:#912158; font-size:18px; font-weight:bold; height:20px;} #contenu #content .bloc-produit { position:relative;float:left; width:170px; margin-left:10px; text-align:center; border:2px solid #fff; height:220px; margin-bottom:10px } #contenu #content .bloc-produit:hover {border:2px solid #009ee0; } #contenu #content .bloc-img {} #contenu #content .bloc-desc { color:#666; height:40px;} #contenu #content .desc-mini { color:#666; font-style:italic; font-size:10px; height:20px;line-height:10px;} #contenu #content .apartir { color:#9d9d9d; font-size:10px; margin-top:5px;line-height:10px;} #contenu #content .prix { color:#912158; font-size:18px; font-weight:bold; height:20px;} #contenu #content .bloc-produit .promo{position:absolute; right:-13px; top:-13px; z-index:500; width:64px; height:32px; padding-top:32px; background-image:url(../images/ico-promo-hover.png); background-repeat:no-repeat } #contenu #content .bloc-produit .promo .jusqua{font-size:8px; color:#FFF; line-height:8px;} #contenu #content .bloc-produit .promo .perc-reduc{font-size:15px; font-weight:bold; color:#FFF; line-height:15px;} /****** Page produit *****/ #contenu #content #col-centre { float:left; width:542px; margin-top:15px } #contenu #content #col-centre .img { float:left; width:255px; text-align:center } #contenu #content #col-centre .desc { float:right; width:270px; background-color:#f3f3f3; padding:6px; text-align:left } #contenu #content #col-centre .nom { color:#e01d83; font-size:16px; font-weight:bold; margin-bottom:10px} #contenu #content #col-centre .choix { font-size:14px; font-weight:bold; margin-bottom:10px} #contenu #content #col-centre .prix { font-size:24px; font-weight:bold; color:#e01d83; padding-bottom:10px} #contenu #content #col-centre .prix-barre { font-weight:bold; text-decoration:line-through} #contenu #content #col-centre .ajout-panier { margin-top:10px; margin-bottom:10px; text-align:center} #contenu #content #col-centre .vignettes {text-align:left} #contenu #content #col-centre .vignettes img { padding:2px; text-align:center; border:1px solid #CCC; margin:2px} #contenu #content #col-centre #onglet-detail { border:1px solid #c7c7c7; padding:10px} #contenu #content #col-centre #onglet-detail-on {border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #ffffff; padding:5px;background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); font-weight:bold; color:#e01d83 ; font-size:11px; float:left; margin-bottom:-1px} #contenu #content #col-centre #onglet-detail-off { border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; padding:5px; font-weight:bold; color:#6d6d6d ; font-size:11px; float:left; margin-bottom:-1px} #contenu #content #col-centre #onglet-detail-off a { color:#6d6d6d ; } #contenu #content #col-centre-panier { float:left; width:750px; margin-top:15px; } #panier-content { padding-top:25px} #panier-content td, th { border-bottom:1px solid #ccc} #panier-content .prixcommande { font-weight:bold; font-size:22px; color:#e01d83; padding-bottom:15px; padding-top:15px} #panier-content .code-promo { font-weight:bold; font-size:14px; color:#009ee0; padding-top:20px} #panier-content h2{color:#009ee0} #panier-content h3{color:#126182} #contenu #content #col-droite-market { /*float:right; width:200px; margin-top:15px;*/ text-align:center } #contenu #content #col-droite-market #bloc-market {border:1px solid #c7c7c7;} #contenu #content #col-droite-market #bloc-market .titre { background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); color:#11536f; font-size:14px; font-weight:bold; padding:10px; padding-bottom:0px; text-align:left} #contenu #content #col-droite-market #bloc-market .desc { border-top:1px dashed #ccc; margin:10px; padding-top:10px; font-size:11px} #contenu #content .retour-listing a { border:1px solid #c7c7c7; padding:5px;background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); font-weight:bold; float:right; color:#e01d83 ; font-size:11px} #col-droite-produit{float:right; width:200px; margin-top:15px; text-align:center } .retour-listing-col-droite{ width:188px; margin-bottom:5px; text-align:center ; border:1px solid #c7c7c7; padding:5px;background-repeat:repeat-x; background-image:url(../images/fond-bloc.gif); font-weight:bold; color:#e01d83 ; font-size:11px} .retour-listing-col-droite a { color:#e01d83 ; } #formClient td{border:0px;} #formClientForget td{border:0px;} #FormContact td{border:0px;} #detail-cmd td{border:0px;} #inscriptionNewsletter td{border:0px;} #desinsNewsletter td{border:0px;} #codePromo td{border:0px;} #codePromo table{border:1px solid #ccc} /****** Pied de page *****/ #pied-page {clear:both; width:980px; margin:auto; background-color:#83caf3; } #pied-page .pied-services{ float:left; width:290px; padding:15px} #pied-page .pied-catalogue{float:left; width:290px; padding:15px} #pied-page .pied-paiement{ float:left; width:290px; padding:15px} #pied-page ul, li {font-size:11px} #pied-page a{font-weight:normal; font-size:11px} #easy_zoom{ width:277px; height:277px; border:3px solid #ccc; /* CCC*/ background:#fff; color:#333; position:absolute; top:0px; left:260px; overflow:hidden; line-height:300px; text-align:center; }