/* ----- General ----- */ * {margin:0;padding:0;} body {font-family: Verdana,sans-serif;font-size:10px; background: url(../img/bg.jpg) no-repeat center top #ededed;} div.clear{clear:both;} img {border:0;} cents {font-size: 0.9em} .labelForm {color:#000;} /* ----- Header ----- */ #header {height:110px; position:relative; width:990px; margin:0 auto; background: url(../img/header.jpg) #fff; z-index: 10;} #menu {width: 460px; height: 25px; position:absolute; left:290px; top:20px;} #menu ul {list-style: none; margin-left: 10px} #menu ul li {margin: 0; padding: 0; float: left; background: url(../img/menu-separator.jpg) no-repeat left center; position: relative; list-style: none; } #menu ul li.first {background: none;} #menu ul li.separator {background: none; width: 35px; height: 25px;} #menu ul li a { text-decoration: none; line-height: 25px; margin: 0 2px; text-transform: uppercase;font-size: 13px; color: #000; background: #fff; height: 25px; display: block;} #menu ul li a span { padding: 0 6px; } #menu ul li > a:hover, #menu ul li:hover > a , #menu ul li.actif > a { background: #721242; color:#fff; } #menu ul .categoriesN0 {display:none; position: absolute; left:0; top:24px;} #menu ul .categoriesN0 li{ height:30px; float: none; background:#fff; border:none; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; } #menu ul .categoriesN0 a{ display:block; height:30px; line-height: 30px; text-decoration:none; width: 150px;} #menu ul .categoriesN0 ul {display:none; position: absolute; left:150px; top:0; } #menu li.has_children > a {background: url(../img/fleche-menu.jpg) right center no-repeat;} #ssmenu {width: 460px; height: 15px; position:absolute; left:290px; top:52px;} #ssmenu ul {list-style: none; margin-left: 10px} #ssmenu ul li {margin: 0; padding: 0; float: left; background: url(../img/menu-separator.jpg) no-repeat left center; position: relative;} #ssmenu ul li.first {background: none;clear:both;} #ssmenu ul li.separator {background: none; width: 35px; height: 15px;} #ssmenu ul li a { text-decoration: none; line-height: 15px; margin: 0 2px; text-transform: uppercase;font-size: 10px; color: #777; background: #fff; height: 15px; display: block;} #ssmenu ul li a span { padding: 0 6px; } #ssmenu ul li > a:hover, #ssmenu ul li:hover > a { background: #721242; color:#fff; } #ssmenu ul .categoriesN0 {display:none; position: absolute; left:0; top:24px;} #ssmenu ul .categoriesN0 li{ height:30px; float: none; background:#fff; border:none; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; } #ssmenu ul .categoriesN0 a{ display:block; height:30px; line-height: 30px; text-decoration:none; width: 150px;} #ssmenu ul .categoriesN0 ul {display:none; position: absolute; left:150px; top:0; } #ssmenu li.has_children > a {background: url(../img/fleche-menu.jpg) right center no-repeat;} #logo {position:absolute;left:20px;top:5px;} #logo img {} #header_right { display: block; position: absolute; right: 10px; top: 17px; width: 220px; height:70px;} #lang_switch {text-align: right;margin-right: 10px;} #header_right a.my_account { display: block; float:left; text-align: center; text-decoration: none; color:#fff; width: 89px; height: 19px; line-height: 19px; background: #721242; margin:2px; text-transform: uppercase; } #cart_summary { display: block; float:left; text-align: center; text-decoration: none; color:#fff; width: 116px; height: 19px; line-height: 19px; background: #721242; margin:2px; text-transform: uppercase; } #cart_detail {position:absolute;right:102px; top:66px; width:265px; background:#dddddd; display: none;} #cart_detail .container {margin:5px 5px 0 5px; padding: 5px; background:#fff;} #cart_detail .container img {float: left; margin-right:5px;} #cart_detail .container .contenu {display:block; float:right; width: 160px; } #cart_detail .container .contenu span {display:block; line-height: 12px; font-size: 10px; text-transform: uppercase; color: #979797; } #cart_detail .container .contenu span.designation, #cart_detail .container .contenu span.designation2, #cart_detail .container .contenu span.prix {display:block; color:#721242; font-size:13px; } #cart_detail .container .contenu span.designation2 {margin-bottom: 5px;} #cart_detail .container .contenu span.prix { margin-top: 5px; font-weight: bold; } #cart_detail .container .contenu span.title {display:inline; text-transform: capitalize; color: #777; } #cart_detail .status_bar {padding:5px; color: #919191; font-weight: bold; text-transform: uppercase;} #search_box {padding:0px; color: #fff;} #search_box label {display:block; width:178px; height: 20px; background: url(../img/search.jpg); margin: 5px 3px; float: left;} #search_box input.search {margin-left:23px; margin-top: 2px; width:150px; height: 17px; border:0px; font-size: 10px;} #search_box input.submit_search {width: 25px; height: 19px; text-indent: 3000em; overflow: hidden; background: url(../img/submit_search.jpg); border:none; padding:0; margin: 5px 0px;} #breadcrumb {height:25px; margin:0 auto; background: #fff; line-height: 25px; color: #ccc; } #breadcrumb div.breadcrumb {margin-left: 20px;} #breadcrumb div.breadcrumb a {color:#aaa;} /* ----- Site ----- */ #site {width:990px; margin:0 auto; background:#fff; z-index: 9;} #site .content {} #site .content .container {color: #000; background:#fff; min-height:200px;} #site .content .left {width:150px;float:left;margin:20px 0 0 20px;} #site .content .left ul.categoriesN1, #site .content .left ul.categoriesN2 {list-style: none;} #site .content .left span.nos_matieres {text-transform: uppercase; color:#721242; margin-top: 30px; font-size: 14px; font-weight: normal; display: block; } #site .content .left a {display: block; text-transform: capitalize; color: #797979; text-decoration: none; font-size: 12px; line-height: 16px; margin:0;} #site .content .left ul.categoriesN1 li a {text-transform: uppercase; color:#721242; margin-top: 30px; font-size: 14px; font-weight: normal; display: block; } #site .content .left ul.categoriesN2 li a {display: block; text-transform: capitalize; color: #797979; text-decoration: none; font-size: 12px; line-height: 16px; margin:0;} #site .content .right {width:798px;float: right;} /* ----- Footer ----- */ #footer {width: 990px; height:154px; background: url(../img/footer.jpg) no-repeat top center; margin: 0 auto; position: relative;z-index:10;} #footer .content {position:relative;width:990px;margin:0 auto;} #footer .content .box_footer {display: block; color:#797979; float: left; height: 20px;} #footer .content .box_footer span.title {text-transform: uppercase; font-size: 11px;} #copyright {clear: both; color:#000; font-size: 8px; position: absolute; top:120px; left:10px; } #copyright span, #copyright a {text-decoration: none; color:#a9a9a9; font-size: 9px;} #copyright span {padding:0} #copyright a {padding: 0;} #copyright span.title, #copyright span.description {line-height: 20px;} #footer_rejoindre {width: 205px; position: absolute; top:120px; left:485px; } #footer_rejoindre a {margin:0; padding: 0;} #footer_rejoindre a span {display: none;} #footer_rejoindre .link_facebook {display: block; float: right; background: url(../img/facebook.jpg); width: 45px; height: 16px} #footer_rejoindre .link_twitter {display: block; float: right; background: url(../img/twitter.jpg); width: 52px; height: 16px} #footer_newsletter {width: 275px; position: absolute; top:120px; left:705px; } #footer_newsletter form { float:right; } #footer_newsletter form input.submit_button {width: 15px; height: 13px; text-indent: 3000em; overflow: hidden; background: url(../img/newsletter_submit.jpg); border:none; padding:0; margin:0;} #footer_newsletter form input.email {width: 153px; height: 13px; background: url(../img/newsletter.jpg); border:none; padding:0; margin:0; font-size: 9px;} /* ----- Share Link ----- */ #share_links {position: absolute; right: 0px; top:60px; width: 28px; background: url(../img/bg-share-links.png); margin-right: -4px; border-top:1px solid #555; border-bottom:1px solid #555; border-right:1px solid #555;} #share_links .addthis_toolbox {margin:5px 0; margin-left: 4px;} #share_links .addthis_toolbox a {color:#000; margin-top: 7px;} #share_links .addthis_toolbox a.addthis_button_compact {margin-top: 20px; margin-bottom: 7px;} /* ----- Page Accueil ----- */ #accueil {width:990px; margin:0 auto; background:#fff;} #accueil .content {} #auto_slider {width:100%; overflow: hidden; height: 420px; position: relative;} #auto_slider .container {position: absolute;} /* ----- Page Catalogue ----- */ #catalogue {margin:0 6px 15px 6px;} /* ----- Catalogue Header + Footer ----- */ #catalogue img.bandeau {width:771px; margin: 10px 0 0 10px;} #catalogue .catalogue_footer {padding:10px 0; color:#777; clear: both; text-align: center;} #catalogue .catalogue_footer a {color:#777; margin: 0 2px; font-size: 12px; text-decoration: none; font-weight: bold;} #catalogue .catalogue_footer a.actif, #catalogue .catalogue_footer a:hover {color:#721242;} #catalogue .pages_navigation {text-align: center; margin:0 10px;} /* ----- Catalogue No Product ----- */ #catalogue .no_product {display:block; padding: 100px; text-align: center; font-size: 20px;} /* ----- Catalogue Content ----- */ #catalogue .product {float: left; width: 370px; height: 160px; margin: 0; position:relative;} #catalogue .product a {color: #cccccc; text-decoration: none;} #catalogue .product a:hover {text-decoration: underline;} #catalogue .product .image {width:130px; height: 150px; display:block; position: absolute; top:5px; left: 5px;} #catalogue .product .image img {width:130px; height: 150px;} #catalogue .product .contenu {width: 220px; height: 110px; position: absolute; left:145px; top:10px; } #catalogue .product .designation {display: block; text-transform: lowercase; font-size: 12px; line-height: 15px; overflow:hidden;color: #9a9a9a;} #catalogue .product span.nouvelle-collection{display:block;font-size:16px;color:#721242;} #catalogue .product .designation2 {display: block; text-transform: lowercase; font-size: 12px; line-height: 15px; overflow:hidden;color: #9a9a9a; margin-bottom:10px;} #catalogue .product .designation3 {display: block; text-transform: lowercase; font-size: 12px; line-height: 15px; overflow:hidden;color: #721242; margin-bottom:10px;} #catalogue .product .prix {text-transform: lowercase; font-size: 12px; color:#000; font-weight:bold;} #catalogue .product .prix_barre {text-transform: lowercase; margin:0 5px; font-size: 11px; text-decoration: line-through;} #catalogue .product .prix:hover, #catalogue .product .prix_barre:hover {text-decoration: none;} #catalogue .product .remise { display: block; width: 50px; height: 50px; position: absolute; background:url(../img/remise2.png) no-repeat; right:10px; top:10px; text-decoration: none; color: #fff; line-height: 50px; font-size: 20px; text-align: center;} #catalogue .product .details { display: block; color:#721242; padding-left: 10px; background: url(../img/product-detail-arrow.jpg) no-repeat left center; text-transform: uppercase; margin-top: 15px; font-size: 10px;} #catalogue .product .bandeau.privilege,#catalogue .product .bandeau.privileges { display: block; width: 51px; height: 51px; position: absolute; background:url(../img/privilege_30_fr.png) no-repeat; right:10px; top:10px; text-decoration: none;overflow:hidden;text-indent:-3000em} .EN #catalogue .product .bandeau.privilege,#catalogue .product .bandeau.privileges { display: block; width: 51px; height: 51px; position: absolute; background:url(../img/privilege_30_en.png) no-repeat; right:10px; top:10px; text-decoration: none;overflow:hidden;text-indent:-3000em} /* ----- Search ----- */ #searchFilters {margin: 10px 0 0 10px;} #searchFilters .title {color:#777; margin-top: 20px; margin-bottom: 5px; display: block;} #searchFilters .filter_option a {display: block; text-transform: lowercase; color: #e75095; line-height:14px; padding-left: 16px; background: url(../img/bg-checkbox.png) no-repeat; } #searchFilters .filter_option a.checked { background: url(../img/bg-checkbox.png) no-repeat 0px -14px; } #searchFilters .filter_option a.disabled { background: url(../img/bg-checkbox.png) no-repeat 0px -28px; } #searchFilters .filter_values {display: none;} #searchFilters .clearall {display: none;} /* ----- Page Produit ----- */ #product {padding:6px;} /* ----- Retour au catalogue ----- */ #product #back_to_catalogue {display: block; margin-top: -25px; margin-left: 15px;} #product #back_to_catalogue a {display:block; background:url(../img/bt-gris-140x35.png) no-repeat 0px 0px; width:140px; height:35px; line-height: 33px; text-align: center; font-size: 12px; color:#252525; text-decoration: none; padding: 0 1px 1px 0;} #product #back_to_catalogue a:hover {background:url(../img/bt-gris-140x35.png) no-repeat 0px -35px; padding: 1px 0 0 1px;} #product #back_to_catalogue a:active {background:url(../img/bt-gris-140x35.png) no-repeat 0px -70px; padding: 1px 0 0 1px;} /* ----- Photos du produit ----- */ #product_photo { float:left; width:400px; height:540px; } #product_photo .preview { float:left; width:300px; height:540px; } #product_photo .preview .photoBig { height:540px; width:300px; cursor : url(../img/product/magnify.cur), pointer; display: block; } #product_photo .preview .photoBig span.zoom { display: block; background: url(../img/btn-zoom.png); width:57px; height: 21px; position:absolute; margin-top:-30px;} #product_photo .vignettes { float:left; width:100px; height: 540px;} #product_photo .vignettes img { float:left; display:inline; margin-bottom: 15px; margin-left:5px; width:80px; height: 120px;} /* ----- Description du produit ----- */ #product_detail {float:left; width:350px; margin-left: 20px; position: relative;} #product_detail #product_designation {float:left; font-size: 16px; color:#721241; text-transform: lowercase;} #product_detail #product_designation .product_designation_title { display:none; } #product_detail #product_designation .product_designation_value { } #product_detail #product_remise { display: block; width: 50px; height: 50px; top: 5px; right: 5px; background: url(../img/remise.png) no-repeat; line-height: 50px; color: #fff; font-size: 20px; position: absolute; text-align:center;} #product_detail #product_remise .product_remise_title { display:none; } #product_detail #product_remise .product_remise_value { } #product_detail #product_descriptif {float: left; font-size: 11px; margin-top: 20px; color:#797979; width:350px; } #product_detail #product_descriptif .product_title {display:none;} #product_detail #product_descriptif .product_value {float: left; display: block; } #product_detail #product_ssfamille {float: left; font-size: 12px; color:#489100; margin-top: 20px; background: url(../img/matiere_fleche.jpg) no-repeat; width:350px; text-transform: lowercase; text-decoration: underline; } #product_detail #product_ssfamille .product_ssfamille_title { display:none; } #product_detail #product_ssfamille .product_ssfamille_value { } #product_detail #product_ssfamille .cachemire { color:#516d89; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_cachemire.jpg) no-repeat; } #product_detail #product_ssfamille .cashmere { color:#516d89; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_cachemire.jpg) no-repeat; } #product_detail #product_ssfamille .soie { color:#dd6b1d; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_soie_lin.jpg) no-repeat; } #product_detail #product_ssfamille .silk { color:#dd6b1d; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_soie_lin.jpg) no-repeat; } #product_detail #product_ssfamille .soie-lin { color:#dd6b1d; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_soie_lin.jpg) no-repeat; } #product_detail #product_ssfamille .silk-linen { color:#dd6b1d; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_soie_lin.jpg) no-repeat; } #product_detail #product_ssfamille .soie-cachemire { color:#dd6b1d; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_soie_lin.jpg) no-repeat; } #product_detail #product_ssfamille .silk-cashmere { color:#dd6b1d; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_soie_lin.jpg) no-repeat; } #product_detail #product_ssfamille .bambou { color:#489100; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche.jpg) no-repeat; } #product_detail #product_ssfamille .bamboo { color:#489100; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche.jpg) no-repeat; } #product_detail #product_ssfamille .bambou-cachemire { color:#489100; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche.jpg) no-repeat; } #product_detail #product_ssfamille .bambou-cashmere { color:#489100; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche.jpg) no-repeat; } #product_detail #product_ssfamille .lin { color:#a1d7e5; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_lin.jpg) no-repeat; } #product_detail #product_ssfamille .linen { color:#a1d7e5; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_lin.jpg) no-repeat; } #product_detail #product_ssfamille .coton { color:#128388; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_coton.jpg) no-repeat; } #product_detail #product_ssfamille .cotton { color:#128388; text-decoration:underline; padding-left: 10px; background: url(../img/matiere_fleche_coton.jpg) no-repeat; } #product_detail #product_prix {float: left; font-size: 20px; color:#721241; margin-top: 30px;} #product_detail #product_prix .product_prix_title { display:none; } #product_detail #product_prix .product_prix_value { } #product_detail #product_prix .pricestriked { text-decoration:line-through; display: block; font-size: 15px; color:#acacac;} #product_detail #product_barcode {clear:both; font-size: 11px; color:#ccc; margin-top: 10px;} #product_detail #product_barcode .product_barcode_title { display:none; } #product_detail #product_barcode .product_barcode_value { } #product_detail .addthis_toolbox {padding-top:20px;clear:both;} #product_asso {float: right; width:355px; height:90px; margin-top: 20px; text-transform: uppercase; color: #797979; font-weight: 500; font-size: 13px;} #product_asso span {display:none;} #product_asso img {width:75px; height:86px;} #product_box_add_to_cart {float: right; font-size: 11px; color:#ccc; margin-top: 30px; border:1px solid #ccc; width:335px; margin-right:18px;} #product_box_add_to_cart .box_right {margin-top: 10px; margin-bottom: 10px; margin-right: 10px; width: 146px; float: right; } #product_box_add_to_cart .box_right .switch_color_item {margin:0; float: left; width:36px;height:36px; text-align: center;} #product_box_add_to_cart .box_right .switch_color_item a {display: none; text-decoration: none; color: #ccc;} #product_box_add_to_cart .box_right .switch_color_item a img {border:2px #fff solid; } #product_box_add_to_cart .box_right .switch_color_item a.actif img {border:2px #721242 solid; } #product_box_add_to_cart .box_right .switch_color_item img {width:30px;height:30px;} #product_box_add_to_cart .box_right .switch_color_item a.visu {display:block;} #product_box_add_to_cart .box_left {margin-top: 10px; margin-bottom: 10px; margin-left: 10px; width: 168px; float: left; } #product_box_add_to_cart .box_left .title {display:block; color:#515151; text-transform: uppercase; font-size:10px;} #product_box_add_to_cart .box_left #product_couleur {font-weight:bold; color: #000;} #product_box_add_to_cart .box_left #product_couleur .product_couleur_title { display:none; } #product_box_add_to_cart .box_left #product_couleur .product_couleur_value { } #add_to_cart {width: 186px; height: 30px; overflow: hidden; text-indent: 3000em; border: 0; padding: 0; margin: 10px 0 0 0;} #add_to_cart {background: url(../img/add-to-cart-fr.png) no-repeat; line-height: 2000em;} .EN #add_to_cart {background: url(../img/add-to-cart-en.png) no-repeat;} /* ----- Popup windows ------ */ #product a.dropdown div.window{display:block;position:absolute;border:1px solid #ccc;padding:10px;color:#797979;background:#f9f9f9;text-decoration:none; cursor:pointer;} #product a.dropdown div.window h3{color:#721242;font-size:14px;} #product a.dropdown div.window .title{color:#999;font-size:13px;margin-top:15px;margin-bottom:10px;} #product a.dropdown div.window table{width:500px;} #product a.dropdown div.window table th{background:#721242;color:#fff;line-height:25px;} #product a.dropdown div.window table td{text-align:center;background:#eee;line-height:25px;border-top:1px solid #fff;padding:0 10px;} #product a.dropdown div.window table td.headline {text-align:left;font-weight:bold;} /* ----- Page Presse ----- */ #images-presse { padding-bottom: 50px; } #images-presse .cms {} #images-presse .cms .pagination {clear:both;text-align:center;margin-top:10px;} #images-presse .cms .pagination a {font-size:20px; color:#aaa;text-decoration:none; padding:0 7px;} #images-presse .cms .pagination a.active {color:#721242;} #images-presse .cms .cms-article {width:450px;height:325px;float:left;margin:20px;border:1px solid #dbb9ca;} #images-presse .cms .cms-article img{margin:10px;} /* ----- Page Goodies ----- */ #page-goodies { padding-bottom: 50px; } #page-goodies #images_goodies a { width:190px; height: 120px; display: block; float: left; line-height: 120px; text-align: center; } #page-goodies #images_goodies a img { width:150px; border: 2px solid #aaa; } #page-goodies #images_goodies a:hover img { border: 2px solid #e75095; } #page-goodies h1.title { padding: 25px;} /* ----- Page Defile ----- */ #page-defile { padding-bottom: 50px; } #page-defile h1.title { padding: 25px;} /* ----- Page Histoire ----- */ #page-histoire { padding-bottom: 50px; } #page-histoire h1.title { padding: 50px 200px 25px;} #page-histoire p.content { font-size: 15px; padding: 15px 200px; text-indent: 30px;} /* ----- Page News ----- */ #page-news { padding-bottom: 50px; } #page-news h1.title { padding: 50px 200px 25px;} #page-news div.actualite { padding: 15px 200px 50px; font-size: 12px; } #page-news div.actualite p.actualite_date { font-size: 16px; padding-bottom: 15px; } /* ----- Page Points de Vente ----- */ #point_de_vente {padding: 50px;} #point_de_vente div.adresse {margin: 20px; font-size: 11px; width:248px; float: left; height: 100px; border:1px solid #6f364d; background: url(../img/points-de-ventes/bg-logo.gif) bottom right /*#ffe8f2*/#000 no-repeat;} #point_de_vente div.adresse span {display: block; margin: 10px;} #point_de_vente div.adresse span.nom {color:#aaa; font-size: 14px;} #point_de_vente h1 {clear: both;} /* ----- Page Recrutement ----- */ #recrutement {padding: 50px;} #recrutement h1 {padding-bottom:50px;} #recrutement table {width:600px;} #recrutement table td {padding: 5px;} #recrutement table td input.email {width:300px;} #recrutement table td input.nom {width:150px;} #recrutement table td input.prenom {width:150px;} #recrutement table td input.telephone {width:100px;} #recrutement table td input.poste {width:100%;} #recrutement table td textarea {width:100%; height: 150px;} #recrutement table td.label {width:150px; text-align: right; vertical-align: top; color:#777;} #recrutement table td.footer {width:auto; text-align: center; padding: 20px;} #recrutement table td.footer input {width:auto;} /* ----- Page Recrutement OK ----- */ #recrutement_ok {padding: 100px; text-align: center; font-size: 16px;} #recrutement_ok h1 {font-size: 20px; margin-bottom: 20px;} /* ----- Conditions de ventes ----- */ #conditions_de_vente {padding: 25px;} #conditions_de_vente h1 {padding: 20px 0; color: #721242; text-transform: uppercase; } #conditions_de_vente h2 {padding: 20px 0 10px 0;} #conditions_de_vente h3 {padding: 10px 0 5px 20px;} #conditions_de_vente p {padding: 5px 0 5px 30px; font-size: 12px; color: #797979;} /* ----- Mentions Legales ----- */ #mentions_legales {padding:100px 225px; font-size: 16px; text-align: justify; line-height: 25px;} #mentions_legales h1 {font-size: 20px; text-align: center; margin-bottom: 30px;} /* ----- Tunnel d'achat ----- */ ul.etapes-panier {display: block; padding:12px 0; padding-left: 28px; height:35px; } ul.etapes-panier li {list-style: none; display: block; float:left; width:25%; height:35px; text-transform:uppercase; background: url(../img/tunnel/bg-step-cart.png) right -35px; margin: 0; padding: 0; margin-left: -16px; padding-right: 13px; position: relative;} ul.etapes-panier li a { color: #6c6c6c; text-decoration:none; line-height: 35px; display: block; text-align: center; font-size: 12px; over} ul.etapes-panier li.etape_0 {z-index: 5;} ul.etapes-panier li.etape_1 {z-index: 4;} ul.etapes-panier li.etape_2 {z-index: 3;} ul.etapes-panier li.etape_3 {z-index: 2;} ul.etapes-panier li.etape_0 a {background:url(../img/tunnel/step1.png) no-repeat 40px -35px;} ul.etapes-panier li.etape_1 a {background:url(../img/tunnel/step2.png) no-repeat 40px -35px;} ul.etapes-panier li.etape_2 a {background:url(../img/tunnel/step3.png) no-repeat 40px -35px;} ul.etapes-panier li.etape_3 a {background:url(../img/tunnel/step4.png) no-repeat 40px -35px;} ul.etapes-panier li.active {background: url(../img/tunnel/bg-step-cart.png) right top;} ul.etapes-panier li.active a {color:#fff; background-position: 40px top;} .title-order-steps {padding: 0 12px; font-size: 18px; margin-bottom: 10px;} /* ----- Page Cart ----- */ #cart_page {} #cart_page .boutons-commandes { height: 25px; padding: 12px; } #cart_page .boutons-commandes .bt-continuer-commande a {width:200px; float:left; text-align:center; display: block; color: #FFF; background: #bfbfbf; line-height: 35px; font-size: 13px; text-decoration: none; text-transform: uppercase; } #cart_page .boutons-commandes .bt-valider-commande a {width:200px; float:right; text-align:center; display: block; color: #FFF; background: #721242; line-height: 35px; font-size: 13px; text-decoration: none; text-transform: uppercase; } #cart_page .produits-non-dispos {font-size: 14px; color: #F00; font-weight: bold;} #cart_page .cart_content {margin: 10px 100px 0;} #cart_page .cart_content table.cart_content {margin: 20px 0; width:100%; } #cart_page .cart_content table.cart_content tr.headers {background: #721242; color:#fff;} #cart_page .cart_content table.cart_content tr.headers th {padding: 10px 0;} #cart_page .cart_content table.cart_content tr.cart_total_line {} #cart_page .cart_content table.cart_content tr.cart_total_line th {padding: 10px 0;} #cart_page .cart_content table.cart_content tr.cart_total_line th.cart_designation {text-align: right; padding-right: 20px;} #cart_page .cart_content table.cart_content tr.cart_total_line th.cart_total {background: #721242; color:#fff; font-size: 14px;} #cart_page .cart_content table.cart_content tr.border_red td {background: url(../img/tunnel/cart-bg-ligne-red.png) repeat-x center;} #cart_page .cart_content table.cart_content tr td {border-bottom: 1px solid #eee; padding: 0 10px;background: url(../img/tunnel/cart-bg-ligne.png) repeat-x center} #cart_page .cart_content table.cart_content tr td.cart_content_delete {width:12px;} #cart_page .cart_content table.cart_content tr td.cart_photo {text-align: center; width: 50px;} #cart_page .cart_content table.cart_content tr td.cart_taille {text-align: center;} #cart_page .cart_content table.cart_content tr td.cart_couleur {text-align: center;} #cart_page .cart_content table.cart_content tr td.cart_price {text-align: center;} #cart_page .cart_content table.cart_content tr td.cart_quantity {text-align: center;} #cart_page .cart_content table.cart_content tr td.cart_quantity form {display:inline} #cart_page .cart_content table.cart_content tr td.cart_quantity span {font-size: 12px; margin:5px;} #cart_page .cart_content table.cart_content tr td.cart_total {text-align: right; font-size: 13px;} #cart_page .cart_content table.cart_content tr td.cart_total span {margin-right: 20px;} #cart_page .cart_content table p.error_stock {color:#F00; font-weight: bold; } /* ----- login ----- */ .login {margin: 0 auto; padding: 50px 0; width:700px; font-size: 12px;} .login .intro {color: #777; font-size: 10px; margin:10px;} .login h2 {line-height: 25px; background: #f4f3f3; border-bottom: 1px solid #c5c5c5; color: #515151; font-size:12px; margin-top: 20px;} .login td {padding: 5px 0;} .login .left-login {width:350px; float: left; padding: 30px 0;} .login .right-login {width:300px; float: right; border-left: 1px solid #ccc; padding: 30px 0; padding-left: 30px;} .login .bt-creer-compte {text-align: left;} .login input {background: #f3f3f3; border: 1px solid #c5c5c5; margin-left: 10px;} .login input.bouton {border: none; background: #721242; color: #fff; padding: 0 20px; line-height: 25px; margin-top: 10px;} /* ----- Billing ----- */ .content-account {margin: 0 auto; padding: 50px 0; width:500px; font-size: 12px; text-align: center;} .content-account table { text-align: left; margin:10px 0;} .content-account table td { padding:5px;} /* ----- Shipping Address ----- */ .content-shipping-addr {margin: 0 auto; padding: 50px 0; width:500px; font-size: 12px;} .content-shipping-addr .linkAddrLivr {text-align: center;} .content-shipping-addr .adresse {display: block; margin: 10px auto; width: 300px; position: relative; padding: 10px; background: url(../img/bg-noir-65.png); color:#fff;} .content-shipping-addr .adresse .adrlivraison {display: block; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;} .content-shipping-addr .adresse .societe {display: block; text-transform: capitalize;} .content-shipping-addr .adresse .nom {display: block; text-transform: capitalize;} .content-shipping-addr .adresse .adresse1 {display: block;} .content-shipping-addr .adresse .ville {display: block;} .content-shipping-addr .adresse .pays {display: block; text-transform: uppercase;} .content-shipping-addr .adresse .adresse_select_button {display: block; text-align: center;} .content-shipping-addr .adresse .adresse_buttons {} .content-shipping-addr .adresse .adresse_buttons a {overflow:hidden; display: block; position: absolute; right:10px; width:16px; height:16px; line-height: 200px; font-size: 0px;} .content-shipping-addr .adresse .adresse_buttons .edit {top:10px; background: url(../img/tunnel/bt-edit.png);} .content-shipping-addr .adresse .adresse_buttons .suppr {top:35px; background: url(../img/tunnel/bt-delete.png);} .content-shipping-addr table td {padding: 5px;} /* ----- Shipping ----- */ .content-shipping {width:500px; margin:0 auto; padding:50px 0; font-size: 12px;} .content-shipping .logo-transporteur {width: 120px;height: 100px;} .content-shipping .logo-transporteur img #my_account_right .content-shipping .prix {width: 50px; text-align: center;} /* ----- Payment ----- */ .content-cart-paiement {width:600px; margin:0 auto; padding:30px 0; font-size: 12px;} .content-cart-paiement .degrade-stitre {font-size: 14px; font-weight: bold;} .content-cart-paiement .order_content { margin:0 auto; padding:20px 0;} .content-cart-paiement .order_content .order_price {text-align: right; padding: 5px 20px;} .content-cart-paiement .order_content .total_commande .order_price {border-top: 1px solid #000;} .content-cart-paiement .order_content .total_a_payer .order_price {border-top: 1px solid #000;} .content-cart-paiement table.modePayment {margin:20px 0px; border: 1px solid #777;} .content-cart-paiement table.modePayment td {padding:4px; background: #ccc; text-align: center;} /* ----- My Account ----- */ #my_account_left {width:200px; float: left; padding: 20px;} #my_account_left ul li {list-style: none; margin: 0; padding: 0;} #my_account_left ul li a {color: #555; display: block; margin: 0 0 10px 0; line-height: 16px; height: 16px; font-size: 12px; text-decoration: none; padding-left: 20px; background: url(../img/my_account/bg-step-my-account.png) no-repeat;} #my_account_left ul li a:hover {color: #FFF; text-decoration: underline;} #my_account_right {padding:20px; margin-left: 240px;} #my_account_right p.titre-page {font-size:14px; margin:10px 0;} #my_account_right table {width:100%} #my_account_right .adresse {display: block; margin: 10px auto; width: 300px; position: relative; padding: 10px; background: url(../img/bg-noir-65.png); color:#fff;} #my_account_right .adresse .adrlivraison {display: block; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;} #my_account_right .adresse .societe {display: block; text-transform: capitalize;} #my_account_right .adresse .nom {display: block; text-transform: capitalize;} #my_account_right .adresse .adresse1 {display: block;} #my_account_right .adresse .ville {display: block;} #my_account_right .adresse .pays {display: block; text-transform: uppercase;} #my_account_right .adresse .adresse_select_button {display: block; text-align: center;} #my_account_right .adresse .adresse_buttons {} #my_account_right .adresse .adresse_buttons a {overflow:hidden; display: block; position: absolute; right:10px; width:16px; height:16px; line-height: 200px; font-size: 0px;} #my_account_right .adresse .adresse_buttons .edit {top:10px; background: url(../img/tunnel/bt-edit.png);} #my_account_right .adresse .adresse_buttons .suppr {top:35px; background: url(../img/tunnel/bt-delete.png);} /* ----- TENDANCES ----- */ #tendances {} #tendances a { display: block; width:300px; float: left; margin:15px; text-decoration: none; color: #555; position: relative;} #tendances a span.designation { position:absolute;display: block; height: 20px; line-height: 20px; font-size: 18px; top:0; left:0; } #tendances a img { position:absolute; top:30px; left:0; } #tendances a span.prix { display: block; margin-top:500px; } #tendances a span.descriptif { display: block; font-size: 12px; margin-top: 10px; } /* ----- COLLECTIONS ----- */ #collections-menu{z-index:100;color:#333;} #collections-menu *{z-index:100;} #collections-menu ul{list-style:none;margin:0;padding:0;} #collections-menu li{list-style:none;margin:0;padding:0;} #collections-menu ul.g1{} #collections-menu ul.g1 li.g1{display:block;position:absolute;overflow:hidden;width:50%;bottom:0;top:110px;} #collections-menu ul.g1 li.g1.menu0{left:0} #collections-menu ul.g1 li.g1.menu1{left:50%} #collections-menu ul.g1 img{width:100%;} #collections-menu ul.g1 div.title{position:absolute;left:30px;top:30px;} #collections-menu ul.g1 div.title span{display:block;font-size:16px;text-transform:uppercase;} #collections-menu ul.g1 div.title span.title{font-size:35px} #collections-menu ul.g2{position:absolute;left:30px;top:100px;} #collections-menu ul.g2 li.g2{} #collections-menu ul.g2 li.g2 a{font-size:16px;color:#000;text-decoration:none;text-transform:uppercase;display:block;text-align:left;line-height:26px;background:#fff; margin:10px 0;padding:0 10px;opacity:0.5;} #collections-menu ul.g2 li.g2 a:hover{color:#77ae41;} #collections-menu ul.g2 li.g2 a.cachemire:hover{color:#4681bb;} #collections-menu ul.g2 li.g2 a.cashmere:hover{color:#4681bb;} #collections-menu ul.g2 li.g2 a.soie:hover{color:#dd6b1d;} #collections-menu ul.g2 li.g2 a.silk:hover{color:#dd6b1d;} #collections-menu ul.g2 li.g2 a.soie-lin:hover{color:#dd6b1d;} #collections-menu ul.g2 li.g2 a.silk-linen:hover{color:#dd6b1d;} #collections-menu ul.g2 li.g2 a.soie-cachemire:hover{color:#dd6b1d;} #collections-menu ul.g2 li.g2 a.silk-cashmere:hover{color:#dd6b1d;} #collections-menu ul.g2 li.g2 a.bambou:hover{color:#77ae41;} #collections-menu ul.g2 li.g2 a.bamboo:hover{color:#77ae41;} #collections-menu ul.g2 li.g2 a.bambou-cachemire:hover{color:#77ae41;} #collections-menu ul.g2 li.g2 a.bamboo-cashmere:hover{color:#77ae41;} #collections-menu ul.g2 li.g2 a.lin:hover{color:#a1d7e5;} #collections-menu ul.g2 li.g2 a.linen:hover{color:#a1d7e5;} #collections-menu ul.g2 li.g2 a.coton:hover{color:#128388;} #collections-menu ul.g2 li.g2 a.cotton:hover{color:#128388;} #collections{z-index:100;width:100%;top:110px;bottom:0;position:absolute;background:#fff;left:0;overflow:hidden;} #collections *{z-index:100;} #collections ul{list-style:none;margin:0;padding:0;} #collections li{list-style:none;margin:0;padding:0;display:block;position:relative;overflow:hidden;height:100%;float:left;width:0;} #collections li img{height:100%; float:left;cursor: pointer;} #collections li .detail{overflow:hidden;width:0;opacity:0;height:100%;float:left;} #collections li .detail table{margin:10px;width:280px;} #collections li .detail a{color:#000;display:block;text-decoration:none;white-space:nowrap;} #collections li .detail a.img{display:inline} #collections li .detail a.designation{font-size:16px;color:#721242;} #collections li .detail a.couleur{} #collections li .detail a.voir{background:#721242;color:#fff;font-size:14px;padding:0 15px;line-height:22px;text-align:center;margin-top:15px;} #collections a.previous, #collections a.next{display:block;line-height:100px;height:100px;width:50px;background:#fff;color:#000;text-align:center;text-decoration:none;position:absolute;top:50%;margin-top:-50px;left:0;font-size:35px;} #collections a.next{left:auto;right:0;} #cms.la_marque{height:450px;position:relative;} #cms.la_marque .cms-article{width:141px;height:360px;overflow: hidden;float:left;position:absolute;background:#fff;border:1px solid #fff;} #cms.la_marque .cms-article table{width:749px;} #cms.la_marque .cms-article h1{color:#721242;text-transform:uppercase;font-weight:normal;font-size:16px;} #cms.la_marque .cms-article p{line-height:16px;font-size:12px;margin-bottom:10px;} #magasins{width:800px;margin:20px auto;height:400px;} #magasins div.selects{display:block;width:200px;float:left} #magasins div.selects span.title{display:block;margin:10px 10px 5px 10px;color:#777;} #magasins div.selects select{display:block;width:180px;margin:0 10px 20px} #magasins div.content{display:block;width:600px;float:right;} #magasins div.content .nom{font-size:25px;display:block;color:#721242;} #magasins div.content .descriptif{width:280px;display:block;float:left;margin-top:30px;font-size:15px;} #magasins div.content img{float:right;}