/* CSS BOUTIQUE */ /* ====================================================================== */ /* =============================== CENTRE =============================== */ /* ====================================================================== */ #centre-liste{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-liste{ height:auto; min-height:400px; } #centre-boutique{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-boutique{ height:auto; min-height:400px; } #centre-produit_tableau{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-produit_tableau{ height:auto; min-height:400px; } #centre-produit_fiche{ background:white url(../cssimg/site/centre-bg.gif) 0px 0px repeat-y; height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } html>body #centre-produit_fiche{ height:auto; min-height:400px; } #centre-identify{ background:white url(../cssimg/site/centre_accueil.jpg) 3px bottom no-repeat; height:371px; margin:0px 0px 0px 0px;} html>body #centre-identify{ height:auto; min-height:371px; } /* =================== main =================== */ #main-boutique{ margin:0px 0px 0px 218px; padding:0px 20px 20px 0px; z-index:1; } #main-boutique h1.nom-page{ margin:0px 0px 0px 0px; padding:10px 0px 0px 20px; color:#FD7500;} #main-liste{ margin:0px 0px 0px 218px; padding:0px 0px 20px 0px; z-index:1;} #main-liste h1.nom-page{ margin:0px 0px 0px 0px; padding:10px 0px 0px 20px; color:#FD7500;} #main-produit_tableau{ margin:0px 0px 0px 218px; padding:0px 0px 20px 0px; z-index:1; } #main-concept h1.nom-page{ margin:0px 0px 0px 0px; padding:10px 0px 0px 20px; color:#FD7500;} #main-identify{ margin:0px 0px 0px 218px; padding:0px 0px 20px 0px; z-index:1; } #main-identify h1{ margin:0px 0px 0px 0px; padding:10px 0px 0px 20px; color:#FD7500;} /* ====================================================================== */ /* ============================== FOOTER ================================ */ /* ====================================================================== */ #footer-liste,#footer-boutique, #footer-produit_tableau, #footer-produit_fiche, #footer-identify {background:#DBDBDB url(../cssimg/site/footer_bg.gif) 39px 0px no-repeat; height:21px; clear:both; text-align:center; border:3px white solid; } #footer-liste p, #footer-boutique p, #footer-produit_tableau p, #footer-produit_fiche p, #footer-identify p { text-align:center; padding:2px 0px 0px 0px; font-size:1.1em; color:#828282; } #footer-liste a, #footer-boutique a, #footer-produit_tableau a, #footer-produit_fiche a, #footer-identify a{ text-decoration:underline; color:#828282;} #footer-liste a:hover, #footer-boutique a:hover, #footer-produit_tableau a:hover, #footer-produit_fiche a:hover, #footer-identify a:hover{ text-decoration:none;} #footer-liste img,#footer-boutique img, #footer-produit_tableau img, #footer-produit_fiche img, #footer-identify img { } #footer-identify{ background:#E4E5DF url(../cssimg/site/footer_accueil.jpg) 0px bottom no-repeat; border:3px white solid; border-top:0px;} /* ========================================================= LA BOUTIQUE ======================================================== */ /* ====================================================================== */ /* =========================== COMPTEUR PANIER ========================== */ /* ====================================================================== */ #compteur_panier{ position:absolute; right:59px; top:36px; width:190px; color:white; padding:3px 0px 0px 0px; background: url(../cssimg/compteur_panier.gif) 0px 0px no-repeat;} #compteur_panier h4{ float:left; margin:0px 0px 0px 30px; _margin:0px 0px 0px 15px; padding:0; font-size:1.2em;} #compteur_panier p{} #compteur_panier p.nbreprod{ float:left; height:18px; margin:0px 0px 0px 5px; border-bottom: 1px white solid;} #compteur_panier p.total{ clear: both; margin:0; padding:0; text-align:right; margin:0px 24px 0px 0px; height:22px; font-weight:bold; } #header-accueil #compteur_panier{ display:none;} /* ====================================================================== */ /* ========================== PAGE POPUP PANIER ========================= */ /* ====================================================================== */ #pagepanier{ width:700px; margin:0px auto; padding:20px 2%; background:white;} #pagepanier h1{} #ajoutform { margin:0px 0px 20px 0px; padding:0px 0px 10px 0px;} #ajoutform legend{ background:#DF8A45; color:white; font-size:1.2em; font-weight:bold; padding:0px 10px; margin:0px 10px;} #pagepanier .table_ajout{ margin:15px auto 0px auto; padding:1px 5px 1px 5px; border-collapse:collapse; width:80%; font-size:1em; } .table_ajout tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px white solid; } .table_ajout th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; background:#BFAB9B; color:white; font-size:1.2em; font-weight:bold; text-align:center; border-right:1px white solid;} .table_ajout td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; background:#F3F3F3; color:black; font-size:1.1em; font-weight:normal; text-align:center; } #pagepanier #inthepanier{ padding:0px 0px 10px 0px;} #inthepanier legend{ background:#DF8A45; color:white; font-size:1.2em; font-weight:bold; padding:0px 10px; margin:0px 10px;} .table_inthe{ margin:20px auto 0px auto; padding:1px 5px 1px 5px; border-collapse:collapse; width:80%; font-size:1em; } .table_inthe tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px white solid; } .table_inthe th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; background:#BFAB9B; color:white; font-size:1.2em; font-weight:bold; text-align:center; border-right:1px white solid;} .table_inthe td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; background:#F3F3F3; color:black; font-size:1.1em; font-weight:normal; text-align:left; } .changerQte{ color:#FF7300;} .supp_prod{ color:#B22222;} #etapes{ width:660px; margin:20px 0px 30px 0px; _margin:10px 0px 15px 0px; } #etapes p{ font-size:4em; font-weight:bold; float:left; color:#FFF3DF; margin:15px 0px 0px 40px; } #etapes ul{ float:right;} #etapes li{ display:inline; float:left; } #etapes li a{ display:block; width:140px; height:53px; background:#DC9D36; border-right:1px white solid; text-align:center; color:#EFC077; text-decoration:none; font-weight:bold; padding:5px 0px 0px 0px; } #etapes li a:hover,#etapes li a.select{ display:block; width:140px; height:53px; background:#DC9D36; border-right:1px white solid; text-align:center; color:white; text-decoration:none; font-weight:bold; padding:5px 0px 0px 0px; } #etapes li a span{ display:block; font-size:3em;} .fermer_window{ float: right; text-decoration:underline; color:#FF7300; } .confirmer{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; } .confirmer_panier{ font-weight:bold; border:1px #FF7300 solid; padding:2px 5px 3px 5px; background:#FF7300; color:white; } #formulaire_inscription{margin:20px 0px 0px 0px; } #formulaire_inscription legend{ background:#DF8A45; color:white; font-size:1.2em; font-weight:bold; padding:0px 10px; margin:0px 10px;} #livraison{ float:left; margin:0px 5px 0px 0px; padding:5px 0px 5px 5px; } #livraison_diff{float:right; background:#F3F3F3; margin:0px 0px 0px 5px; padding:5px 0px 5px 5px; width:290px; } #formulaire_inscription h4{margin:20px 0px 10px 0px; font-size:1.4em; font-weight:bold; color:#FF7300; } #formulaire_inscription legend{background:#DF8A45; color:white; font-size:1.2em; font-weight:bold;} #formulaire_inscription p{margin:1px 0px 0px 0px; } #formulaire_inscription p label{ width:85px; float:left; } #formulaire_inscription p input{ width:150px; } #formulaire_inscription p textarea{ width:197px; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; overflow: auto; height:50px;} .mention{ font-size:1.1em; color: #484848; font-style:italic; padding:15px 0px 0px 0px;} .suivant{ text-align:center; padding:20px 0px 5px 0px; } .suivant input{ background:#FF7300; width:200px !important; border:0px; color:white; padding:5px 15px 5px 15px; font-weight:bold; cursor: pointer; } #dejaClient{ margin:10px 0px 20px 0px; padding:10px; background:#F3F3F3; } #dejaClient a{ font-size:1.2em; font-weight:bold; color:#1A4D8F;} #dejaClient p{ float:left; font-size:1em; } #dejaClient label{ display:block; float:left; margin:0px 5px 0px 0px; padding:2px 0px 0px 0px; text-align:right; font-size:1.2em;} #dejaClient input{} #dejaClient .jenvoi input{width:40px; margin:0px 0px 0px 10px; } #pagepanier{} #resaCoordonnees, #resaHebergement{ margin:10px 0px 0px 0px;} #resaCoordonnees legend, #resaHebergement legend{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaCoordonnees p, #resaHebergement p{margin:0px 0px 1px 0px; } #resaCoordonnees label, #resaHebergement label{ float:left; width:180px; text-align:right; color:#333333; padding:0px 10px 0px 0px; } #resaCoordonnees input, #resaHebergement input{} #resaInfo{ margin:10px 10px 0px 0px; float:left; width:260px;} #resaInfo legend{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaInfo p{} #resaInfo label{} #resaInfo input{} #resaOption{ margin:10px 10px 0px 0px; float:left; width:686px;} #resaOption legend{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaOption p{} #resaOption label{} #res#resaOptionaInfo input{} #resaCommentaire{} #resaCommentaire .titre{ padding:0px 10px; font-size:1.2em; font-weight:bold; color:#FA7C03;} #resaCommentaire textarea{ font-size:1em; height:60px; width:699px;} /* ====================================================================== */ /* ========================== PAGE BON COMMANDE ======================== */ /* ====================================================================== */ #bon_commande{ width:700px; margin:0px auto; padding:20px 2%; background:white;} #bon_commande h1{ font-size: 2em; color:#28292B; height:41px; padding:55px 0px 0px 20px;} #bon_commande h3{ font-size: 1.4em; margin:0px 0px 10px 0px; color:black; padding:0px 10px 10px 10px;} #bon_commande #facturation{ float:left; border:1px #CCC solid; padding:0; margin:0px 0px 10px 0px; width:450px;} #bon_commande #facturation h4{ color:#28292B; font-size:1.3em; margin:0px 0px 5px 0px; padding:2px 10px; } #bon_commande #facturation p{ margin:0px 10px; padding:0px 0px 10px 0px;} #bon_commande #livraison{ float:right; margin:0px 0px 0px 20px; border:1px #CCC solid; padding:0;} #bon_commande #livraison h4{ color:#28292B; font-size:1.3em; margin:0px 0px 5px 0px; padding:2px 10px;} #bon_commande #livraison p{ margin:0px 10px; padding:0px 0px 10px 0px;} #bon_commande table{ margin:20px auto 0px auto; padding:1px 5px 1px 5px; border-collapse:collapse; width:80%; font-size:1em; } #bon_commande tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px white solid; } #bon_commande th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; background:url(../cssimg/site/menu_g_ahover.gif) 0px center repeat-x; color:white; font-size:1.3em; font-weight:bold; text-align:center; } #bon_commande td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 5px; background:#F3F3F3; color:black; font-size:1.1em; font-weight:normal; text-align:left; } #bon_commande .mentions { text-align: left; font-weight: bold; margin:10px 0px 0px 0px; background:#E5E5E5;} #bon_commande .imprimer { text-align: center; margin:10px 0px 0px 0px; } #bon_commande .imprimer a{ color:white; padding:5px 15px 5px 15px; font-weight:bold; height:20px; background:#28292B; border:1px #28292B solid;} /* ====================================================================== */ /* ======================= PAGE "ACCUEIL" BOUTIQUE ====================== */ /* ====================================================================== */ /* liste présente sur page accueil "boutique.html" et "liste.html" */ #text-liste{ position:relative; float:right; margin:0px 20px 0px 10px; _margin:0px 10px 0px 5px; padding:0px 0px 0px 0px; width:434px; background:#DBDBDB url(../cssimg/site/descriptif_h3.gif) 0px 0px no-repeat; } #text-liste h1{ margin:0px 0px 0px 0px; padding:5px 0px 0px 10px; color:white; font-size:1.4em; font-weight:bold; } #text-liste div { font-size:1.2em; color:#333333; padding:10px 10px 10px 10px;} #image-liste{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:200px; } #image-liste img{ margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; } #listeproduit{margin:10px 30px 0px 0px; _margin:5px 15px 0px 0px; padding:0px 0px 30px 0px; border-top:1px #FF7101 solid; float:left; width:652px; } #listeproduit .soustitre{ margin:20px 0px 20px 0px; font-size:2.0em; color:#AA3725; font-weight:bold; font-style:italic;} .un_prod{ float:left; width:595px; margin:0px 0px 12px 0px; padding:8px 30px 8px 19px; background:#DBDBDB url(../cssimg/site/un_prod_bg.gif) 0px 0px no-repeat; } .un_prod .img{ margin:0px 10px 10px 10px; float:left; border:2px #ADACAA solid;} .un_prod h3{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:1.3em; color:#313131;} .un_prod .description{margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:1.2em; color:#2D2D2D;} .un_prod .lien{ text-align: right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.2em; font-weight:bold;} .un_prod .lien a{ text-decoration:none; color:#313131; padding:0px 0px 0px 15px; background:url(../cssimg/site/puce_arrow.gif) 0px center no-repeat;} .un_prod .lien a:hover{ text-decoration: underline;} /* ====================================================================== */ /* ======================== PAGE TABLEAU PRODUIT ======================== */ /* ====================================================================== */ #fp-gauche_produittab{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #table_produit{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; width:585px; border-collapse:collapse; } #table_produit tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px #92A8FE solid; } #table_produit th{ margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; color:white; font-size:1.2em; font-weight:bold; text-align:center;} #table_produit td{ margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; background:#5D83FE; color:white; font-size:1.1em; font-weight:normal; text-align:center; } #table_produit .panier{ margin:0; padding:14px 0px 2px 0px; background: url(../cssimg/panier01.gif) center 0px no-repeat; display:block; height:15px; color:white; font-size:1em; text-decoration:none; } #table_produit .panier:hover{ text-decoration:underline; } /* ====================================================================== */ /* ========================= PAGE FICHE PRODUIT ========================= */ /* ====================================================================== */ #fiche-produit{ float:left; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; z-index:1; } #fiche-produit #fp-gauche{ float:left; width:200px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; position:relative;} #fiche-produit #fp-droite{ margin:0px 0px 0px 0px; padding:0px 0px 0px 200px; } #descriptif{ margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; width:434px; background:#DBDBDB url(../cssimg/site/descriptif_h3.gif) 0px 0px no-repeat; } #descriptif h2.nom-produit{ margin:0px 0px 0px 0px; padding:5px 0px 0px 10px; color:white; font-size:1.4em; font-weight:bold; } #descriptif h2.nom-produit span{ float:right; margin:0px 10px 0px 0px; } #descriptif div { font-size:1em; } #descriptif .description-txt { font-size:14px; color:#333333; padding:10px 10px 4px 10px;} #descriptif .description-txt p { font-size:14px; } /* fiche pdf */ p.voir-pdf {margin:0px 0px 0px 14px; padding:20px 10px 10px 0px; text-align:right; } p.voir-pdf a{ text-decoration:none; font-size:1.2em; color:#313131; padding:0px 0px 0px 15px; background:url(../cssimg/site/puce_arrow.gif) 0px center no-repeat;} p.voir-pdf a:hover{text-decoration: underline;} #b_galerie_loupe { background:white; margin:0px 0px 15px 0px; border:3px white solid; display:none; position:absolute; left:0px; top:0px; } #b_galerie_loupe p{} #fb_galerie_loupe img { margin:10px 10px 10px 10px; padding:1px; background:white;} #b_galeries{ width:190px; float:left;} #b-galerie-first {margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; text-align:center; max-width:270px; float:left; } #b-galerie-first p{} #b-galerie-first p img{ margin:0px 0px 0px 0px; padding:0px; background:white; } #b-galerie-after { zoom:1;} #b-galerie-after p{ float:left; } #b-galerie-after p img{ margin:0px 2px 5px 2px; padding:0px; background:white;} #fiche-produit #caracteristique{ float:left; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px;} #fiche-produit #caracteristique h3{ margin:10px 0px 0px 0px; padding:4px 0px 0px 10px; width:185px; height:20px; font-size:1.2em; font-weight:bold; color:#2A2D32; background: url(../cssimg/site/carasteristique_h3.gif) 0px 0px no-repeat; } #fiche-produit #caracteristique div{padding:5px 0px 10px 5px; margin:0px 0px 0px 0px; background:#DBDBDB; width:190px; font-size:1.4em; } #fiche-produit #caracteristique p{ float:left; margin:0px 0px 0px 0px; padding:6px 0px 5px 0px; font-size:1em; } #fiche-produit #caracteristique p a{ margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; font-size:1.2em; color:white; font-weight:normal; text-decoration:none;} #fiche-produit #caracteristique p a:hover{ text-decoration: underline;} #prix{ float:left; width:221px; margin:10px 0px 0px 10px; padding:0px 0px 10px 0px; text-align:center; background:#DDE2DC;} #prix h3{ margin:0px 0px 0px 0px; padding:4px 0px 0px 10px; width:234px; height:20px; font-size:1.2em; font-weight:bold; color:#2A2D32; background: url(../cssimg/site/prixcontext_h3.jpg) 0px 0px no-repeat; } #prix .ttc{ margin:10px 0px 0px 0px; } #prix .ttc span{ font-weight:bold; font-size:1.2em; padding:0px 3px 0px 1px;} #prix .dutyfree{ } #prix .dutyfree span{ font-weight:bold; font-size:1.2em; padding:0px 3px 0px 1px; } #prix .ajouter{ margin:0px; text-align:center; } #prix .ajouter a{ display:block; margin:10px 0px 0px 26px; padding:6px 0px 0px 0px; width:178px; height:25px; font-weight:bold; background:url(../cssimg/site/ajout_panier.jpg) 0px 0px no-repeat; color:black; text-decoration:none; } #fiche-produit #prixcontext{ float:left; width:244px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; } #fiche-produit #prixcontext h3{margin:10px 0px 0px 5px; padding:4px 0px 0px 10px; width:234px; height:20px; font-size:1.2em; font-weight:bold; color:#2A2D32; background: url(../cssimg/site/prixcontext_h3.jpg) 0px 0px no-repeat; } #fiche-produit #prixcontext table {margin:0px auto; padding:0px 0px 0px 0px; width:96%; border-collapse:collapse; background:#DBDBDB; } #fiche-produit #prixcontext tr{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #fiche-produit #prixcontext th{margin:0px 0px 0px 0px; padding:2px 10px 2px 10px; color:#2C2C2E; font-size:1.2em; font-weight:bold; text-align:center; } #fiche-produit #prixcontext td{margin:0px 0px 0px 0px; padding:2px 2px 2px 2px; color:#2C2C2E; font-size:1.1em; font-weight:normal; text-align:center; border-bottom:1px #CFCFCF solid; } #fiche-produit #prixcontext td a.panier{ margin:0px 0px 0px 0px; padding:2px 0px 1px 0px; display:block; height:15px; font-size:1.1em; font-weight:bold; color:#E94305; text-decoration:none;} #fiche-produit #prixcontext td a.panier:hover{ color:#2C2C2E; } #coloris{ margin:10px 0px 0px 0px; width:630px; border-top:1px #FF7400 solid; } #coloris h3{ margin:10px 0px 10px 0px; font-size:2.0em; color:#AA3725; font-weight:bold; font-style:italic;} #coloris .un_colori{ float:left; margin:0px 0px 0px 10px;} #suggestions{ margin:10px 0px 0px 0px; clear:both; width: 630px; border-top:1px #FF7400 solid; } #suggestions h3{ margin:10px 0px 10px 0px; font-size:2.0em; color:#AA3725; font-weight:bold; font-style:italic;} /* ====================================================================== */ /* =========================== PAGE IDENTIFY ============================ */ /* ====================================================================== */ #main-identify legend{ color:#FD7500; font-size:1.2em;} #main-identify #corps-identification{width:400px; margin:0px 0px 0px 100px; } #main-identify #corps-identification p {margin:0px 0px 3px 0px;} #main-identify #corps-identification label { margin:0px 10px 0px 0px; display:block; float:left; width:130px; text-align:right; } #main-identify #corps-identification input { width:160px; padding:0px 5px;} #main-identify #footer-identification{ margin:10px 0px 0px 250px;} #main-identify #footer-identification p{} #main-identify #footer-identification input{} #main-identify #mention p{ margin:30px 0px 0px 0px; font-size:1em; color:#828282;} #inscription{ } #inscription h3{ margin:20px 0px 10px 0px; font-size:1.3em;} #inscription table{ width:540px; font-size:1em; background:#CACACA; } #inscription thead td{ color:#28292B;} #inscription tr{} #inscription td{ font-size:1.2em; color:#28292B;} #inscription td a{ } #inscription td a:hover{ }