/* CSS Document */ @import url(/css/style_pictonav.css); @import url(/css/commun/zoomslide.css); @import url(/css/menuHaut.css); body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3e322b; background-color:#ffffff; background-image:url(../images/bg_site.jpg); background-repeat:no-repeat; background-position:top center; } input, textarea { border:1px solid #3e322b; background-color:#FFFFFF;} checkbox { border:none;} h1{ font-weight:400;font-size:1em; } #conteneur { background-color:#FFFFFF; width:955px; margin:0 auto; margin-top:0;} div.banniere { background-image:url(../images/bg_banniere.jpg); background-repeat:no-repeat; position:relative;} #centreSite { } #menuG { width:219px; margin-left:10px!important; margin-left:5px; float:left; margin-top:-31px;} #contenuSite { width:704px; margin-left:10px!important; margin-left:10px; margin-top:0px !important; margin-top:10px; float:left; background-image:url(../images/bg_fiche.jpg); background-repeat:repeat-x; } #piedPage { text-align:center; background-image:url(../images/bg_pied_page.jpg); background-repeat:no-repeat; background-position:top center; height:151px;} #panier { position:absolute; width:290px; height:116px; right:10px; text-align:center; top:27px;} #rechercher { background-image:url(../images/bg_recherche.png); width:218px; height:44px; background-repeat:no-repeat; margin-bottom:10px;} #rechercher .champ { margin-left:10px; margin-top:13px; color:#3e322b; border:none; } #rechercher .btn { margin-left:13px; border:none; background:none; color:#3e322b; cursor:pointer;} #rechercher .btn:hover { color:#e4ba56; } #references { text-align:center; padding-bottom:22px; border:2px solid #907b76; margin-bottom:10px; position:relative;} #references a.toutesMarques { display:block; width:145px; height:22px; line-height:22px; background-color:#3e322b; text-decoration:none; position:absolute; bottom:0; color:#FFFFFF; right:0;} #references a.toutesMarques:hover { background-color:#e4ba56; color:#3e322b;} #references img.coteDroit { position:absolute; top:-2px; right:-2px;} #references img.coteHaut { position:absolute; top:-2px; right:0;} #infoContact { margin-left:25px; margin-top:10px; font-size:13px; letter-spacing:-0.2px; color:#745e51; font-weight:bold;} #chemin { background-image:url("../images/bg_chemin.jpg"); background-repeat:no-repeat; height:17px; line-height:17px; margin:18px auto; width:673px;} #chemin a.retour { position:absolute; right:0;} a img { border:none; } hr.magicHeight { clear:both; visibility:hidden;} /* ul.menu-haut { list-style:none; margin:0; padding:0; line-height:30px; background-color:#3e322b; height:32px; background-image:url(../images/bg_menu_haut.gif); background-repeat:repeat-x; margin-left:239px; padding-left:14px; position:static !important; position:relative;} ul.menu-haut li { float:left; padding:0 16px; position:relative ; z-index:10;} ul.menu-haut li a { color:#FFFFFF; display:block; text-decoration:none;} ul.menu-haut li:hover a, ul.menu-haut li a:hover { background:none !important; background-color:#e4ba56; color:#3e322b; } ul.menu-haut li:hover { background-color:#e4ba56;} ul.menu-haut li:hover ul.sous-menu-haut, ul.menu-haut li ul.sous-menu-haut.actif{ visibility:visible; height:auto; width:200px; position:absolute; left:0; display:block;} ul.menu-haut li a:hover ul.sous-menu-haut { background-color:#FF0000;} ul.sous-menu-haut {background-color:#3e322b; margin:0px; padding:0px; padding:10px 0px; visibility:hidden; height:0px; width:0px; list-style:none; display:block; position:absolute; width:200px;} ul.sous-menu-haut li { float:none; } ul.menu-haut li:hover ul.sous-menu-haut li { line-height:20px;} ul.sous-menu-haut li a, ul.menu-haut li:hover ul.sous-menu-haut li a { color:#FFFFFF; font-weight:normal; line-height:20px;} ul.menu-haut li:hover ul.sous-menu-haut li:hover a { color:#3e322b; font-weight:bold;} */ #piedPage a { color:#745e51; text-decoration:none; line-height:19px;} #piedPage a:hover { text-decoration:underline;} #menuG #menu { padding-bottom:20px; border-top:1px solid #e4ba56; background-color:#3e322b; margin-bottom:10px; background-image:url(../images/bg_menu.jpg); background-repeat:no-repeat; background-position:bottom;} #menuG #menu ul { margin:0; padding:0; } #menuG #menu ul li { height:25px; line-height:25px; color:#e4ba56; padding:0; margin:0; list-style-position:inside; margin-left:19px; margin-bottom:5px;border-bottom: solid 1px #3e322b;} #menuG #menu ul li:hover, #menuG #menu ul li.actif { background-color:#e4ba56; cursor:pointer;} #menuG #menu ul li:hover a { color:#3e322b; } #menuG #menu ul li a { color:#ffffff; text-decoration:none; } #menuG #nos-services { background-color:#2d2520; margin-bottom:10px; padding-bottom:20px; background-image:url(../images/bg_services.jpg); background-repeat:no-repeat; background-position:bottom;} #menuG #nos-services ul { margin:0; padding:0; } #menuG #nos-services ul li { margin-left:5px; color:#e4ba56; padding:0; margin:0; list-style-position:inside; margin-left:19px; margin-bottom:5px;} #menuG #nos-services ul li a { color:#FFFFFF; text-decoration:none;} #menuG #nos-services ul li a:hover { color:#e4ba56;} div.bloc { background-color:#2d2520; color:#FFFFFF; margin-bottom:10px; clear:both;} span.titreG { display:block; font-size:16px; border-bottom:1px solid #e4ba56; color:#e4ba56; margin-left:20px; padding-top:10px;} div.bloc div.contenu {margin-left:31px; margin-top:2px;} .cartesBleues { margin-top:15px; margin-bottom:15px;} .cartesBleues .carte { margin-left:5px;} input { margin:0; padding:0 5px; border:1px solid #CCCCCC;} a.retour_haut_page { display:block; padding-top:60px; text-align:right;} #panier span.titrePanierHaut { font-size:16px; font-weight:bold; display:block;} #panier div.infos { margin-top:5px; line-height:15px; line-height:20px; margin-bottom:12px;} div.produitPte { border:1px solid #3e322b; float:left; width:230px; height:175px; margin-left:2px;} .ancreAvantNom { text-decoration:none;} div.produitPte span.nom { font-weight:bold; color:#3e322b; display:block;} div.produitPte span.descr { color:#a5a5a5; display:block; margin:5px 0px;} div.produitPte span.prix { font-size:18px; font-weight:bold; color:#e4ba56; } div.produitPte span.qte {} div.produitPte a.ajouter { line-height:20px; text-decoration:none; clear:right; float:left; display:block; background-image:url(../images/bg_btn_ajouter_pte.gif); width:100px; padding-left:18px; height:20px; color:#FFFFFF; text-align:center; margin-top:8px; } div.produitPte a.ajouter:hover { background-image:url(../images/bg_btn_ajouter_pte_a.gif); } #fiche { margin-top:20px;} #fiche a.zoomslide { text-decoration:none; color:black;} #fiche span.nomProduit { color:#98c10f; font-weight:bold; font-size:20px; display:block;} #fiche span.descr { color:#98c10f;} #fiche span.ref { display:block; margin-bottom:15px; font-size:11px;} #fiche span.prix { font-size:34px; color:#3e322b; } #fiche span.ancienPrix { text-decoration:line-through;} #fiche span.remise {color:#e4ba56; background-color:#3e322b; padding:0px 10px; font-size:34px; font-weight:bold; margin-left:20px;} #fiche div.note { border:1px solid #f1efed; padding:3px; width:171px; margin-top:20px;} #fiche span.intitule { color:#000000; margin-bottom:2px; display:block;} #fiche div.quantite {} .quantite a, .quantite input { vertical-align:top;} #informations { margin-top:40px;} #informations ul.menu { margin:0; padding:0; height:30px; list-style:none;} #informations ul.menu li { float:left; margin:0; padding:0; text-align:center; margin-right:1px;} #informations ul.menu li a { text-decoration:none; color:#FFFFFF; background-color:#3e322b; display:block; line-height:30px; height:30px; width:157px;} #informations ul.menu li.double a { line-height:15px;} #informations ul.menu li a:hover, #informations ul li a.actif{ background-color:#e4ba56; color:#3e322b;} #informations ul.informations { border:1px solid #e4ba56; list-style:none; margin:0; padding:0;} #informations ul.informations li { float:none; text-align:left; margin:0; padding:10px;} #marques { background-image:url(../images/bg_marque.png); background-repeat:repeat-y;} /*panier*/ div.panier { margin-bottom:20px;} table.recapPanier { background-image:url(../images/bg_tab_panier.png); background-repeat:repeat-y; background-position:1px;} table.recapPanier { margin-bottom:15px; } .titreTab { background-color:#e4ba56; text-align:center; font-weight:bold; background-image:url(../images/tete_tab_panier.png); background-repeat:no-repeat;} tr.piedTabRecapPanier { background-image:url(../images/pied_tab_panier.png); background-repeat:no-repeat; background-position:bottom; height:7px; font-size:0px;} tr.ligne td { padding:10px 0px; } tr.ligne:hover { background-color:#f5f5f4; cursor:pointer; } tr.separation td{ font-size:0px; height:5px;} #cheminEtape ul li { float:left; width:127px; } #cheminEtape ul li a { display:block; margin-left:20px; text-decoration:none; color:#FFFFFF;} #cheminEtape ul li a:hover,#cheminEtape ul li a.actif { font-size:13px; font-weight:bold; color:#3e322b;} #cheminEtape {} #cheminEtape ul { margin:0; padding:0; list-style:none; height:62px; line-height:61px; background-image:url(../images/bg_etapes.png); background-repeat:no-repeat; background-position:top; width:654px; margin:20px auto;} #cheminEtape ul.etape0 { background-position:left top; } #cheminEtape ul.etape1 { background-position:left -73px;} #cheminEtape ul.etape2 { background-position:left -146px; } #cheminEtape ul.etape3 { background-position:left -219px; } #cheminEtape ul.etape4 { background-position:left -292px; } #cheminEtape ul.etape5 { background-position:left -365px; } #cheminEtape ul.etape6 { background-position:left -438px; } div.prixPublic { border:1px solid #e4ba56; width:268px; text-align:right; padding:1px;} div.prixPublic span.prix { background-color:#3e322b; color:#e4ba56; font-size:14px; line-height:30px; padding:5px 13px;} div.addCoupons { background-color:#f7f7f7; width:252px; padding:20px 10px; } div.addCoupons input { border:1px solid #3e322b; } div.addCoupons input.btnValider { background-color:#FFFFFF;} div.addCoupons input.btnValider:hover { background-color:#e4ba56; cursor:pointer;} div.nouveauPrix { border:1px solid #e4ba56; width:268px; padding:1px; padding-bottom:2px; font-size:15px; font-weight:bold; line-height:25px;} div.nouveauPrix span.prix { background-color:#e4ba56; color:#3e322b; font-size:18px; font-weight:bold; padding:5px 13px; line-height:30px; } #messagePerso { background-color:#f7f7f7; padding:10px; line-height:20px; } #messagePerso textarea { margin-top:10px;} input.btnContinuerAchats { background-image:url(../images/btn_continuer_achats.png); color:#FFFFFF; width:158px; height:31px; display:block; border:none;} input.btnContinuerAchats:hover { cursor:pointer; background-image:url(../images/btn_continuer_achats_a.png); color:#3e322b;} input.btnValider { background-image:url(../images/btn_valider_panier.png); color:#FFFFFF; width:170px; height:31px; display:block; border:none;} input.btnValider:hover { cursor:pointer; background-image:url(../images/btn_valider_panier_a.png); color:#3e322b;} div.blocBleu { background-color:#f7f7f7; width:278px;} input.btn {} input.btn:hover { cursor:pointer; background-color:#e4ba56;} /* PICTONAV */ .vert { color:#98c10f; } .brun { color:#3e322b; } .jaune { color:#e4ba56; } .noir { color:#000000; } .blanc { color:#FFFFFF; } .titre { font-size:20px; display:block; background-image:url(../images/bg_titre.gif); background-repeat:repeat-x; background-position:bottom; margin-bottom:20px; clear:both;} .teneur { font-size:13px; font-weight:bold; color:#4d3d35;} .grosPourcentage { font-weight:bold; font-size:28px; color:#98c10f;} .titreBrunMoy { color:#3e322b; font-size:16px; font-weight:bold;} .titrePage { color:#3e322b; font-size:24px; font-weight:bold;} .titreBloc { color:#3e322b; font-size:14px; text-decoration:underline; font-weight:bold;} /* NOTATION */ #note { margin-top:5px;} #note hr { clear: both; visibility: hidden; margin:0px;} #note1 { width:31px; height:24px; background-image:url(/images/cailloux/caillou1-off.jpg);} #note2 { width:35px; height:24px; background-image:url(/images/cailloux/caillou2-off.jpg);} #note3 { width:30px; height:24px; background-image:url(/images/cailloux/caillou3-off.jpg);} #note4 { width:30px; height:24px; background-image:url(/images/cailloux/caillou4-off.jpg);} #note5 { width:31px; height:24px; background-image:url(/images/cailloux/caillou5-off.jpg);} #note1:hover { background-image:url(/images/cailloux/caillou1.jpg);} #note2:hover { background-image:url(/images/cailloux/caillou2.jpg);} #note3:hover { background-image:url(/images/cailloux/caillou3.jpg);} #note4:hover { background-image:url(/images/cailloux/caillou4.jpg);} #note5:hover { background-image:url(/images/cailloux/caillou5.jpg);} #messageNote { color:red; font-weight:bold; display:none;} /* LABELS */ .img_label { margin-top:5px;} /* FIL D'ARIANE 846A49 */ .arianeLien { color:#704622; font-weight:bold; text-decoration:none;} .ariane { color:#ECD79A; font-weight:bold; text-decoration:none;} .back { float:right; color:#704622; font-weight:bold; text-decoration:none;} a.lienTmplMenu { display:block; background-image:url(../images/btn-liste-rubrique.gif); width:167px; height:78px; float:left; margin:0px 3px; color:#e4bb59; font-size:13px; font-weight:bold; line-height:70px; text-decoration:none; background-repeat:no-repeat; padding-left:60px;} a.lienTmplMenu:hover { background-image:url(../images/btn-liste-rubrique-a.gif); color:#3e322b;}