/* ----- General ----- */ * {margin:0;padding:0;} body {font-family: Verdana,sans-serif;font-size:10px; background:#fff;}/*fdfdfd url(../img/fond6-new.jpg) no-repeat fixed 0px 0px*/ div.clear{clear:both;} img {border:0;} cents {font-size: 0.9em} .labelForm {color:#000; margin-right: 10px;} .fixedWidth {width:960px; margin:0 auto; position: relative;} /* ----- Header ----- */ #header {width: 100%; height:98px; font-size:12px; position: relative; z-index: 1000; top:0px;} #top-bar {position:relative; height: 54px; background: #000; border-bottom:4px solid #cfdbc4; } #logo {position:absolute;left:0px;top:10px; left:16px;} #cart_detail {position:absolute;right:0px; top:54px; width:200px; background:#000; display: none;} #cart_detail .container {margin:0 5px 5px 5px; padding: 5px; background:#fff;} #cart_detail .container img {float: left; margin-right:5px;} #cart_detail .container span {display:block; line-height: 17px; font-size: 10px; text-transform: uppercase; } #cart_detail .container span.title {display:inline; text-transform: capitalize; color: #777; } #search_box {position:absolute; right:0; top:67px; padding:0px; color: #fff;} #search_box label {display:block;} #search_query {width:143px; height: 16px; border:0px; font-size: 10px; padding:3px; border:1px solid #0f0f0f;} #search_submit {width: 22px; height: 22px; background: #000; color: #fff; border: none; } #cart_summary_container {position:absolute; width: 150px; height: 54px; top:0; right:4px; background: url(../img/bg-cart-summary.gif) no-repeat left 4px;} #cart_summary_container a {display:block; margin-left: 40px; font-size: 12px; color: #fff; text-decoration: none; margin-top:6px; text-transform: uppercase; } #cart_summary_container #cart_summary {height: 44px; margin-top:5px; font-size: 10px; color: #969696; text-transform: none;} #my_account_box {position:absolute; width: 105px; height: 54px; top:0; right:330px;} #my_account_box a {display:block; margin-left: 5px; font-size: 12px; color: #fff; text-decoration: none; margin-top:6px; text-transform: uppercase; } #account_summary {} #account_summary .login { margin:0; padding: 0; width: auto;} #account_summary input {background: url(../img/product/btn-flech-droite.jpg) no-repeat #000 0 2px; padding: 0; border: 0; color: #969696; margin-top: 4px; cursor: pointer; padding-left: 10px;} #account_summary .suivi-commande { text-transform: none; color: #969696; font-size: 11px; display: block; height: 12px; overflow: hidden;} #newsletter_box {position:absolute; width: 105px; height: 54px; top:0; right:195px; } #newsletter_box a {display:block; margin-left: 5px; font-size: 12px; color: #fff; text-decoration: none; margin-top:6px; text-transform: uppercase; } #newsletter_box a.subtitle {background: url(../img/product/btn-flech-droite.jpg) no-repeat #000 0 2px; padding: 0; border: 0; color: #969696; margin-top: 4px; cursor: pointer; padding-left: 10px; text-transform: none; font-size: 11px;} .newsletter_table .submit { border: 0; margin: 5px; background: #000; padding: 0 10px; line-height: 22px; color: #fff;} #menu_rayons2 {height: 40px; width: 100%; font-size:12px; position:relative; z-index:2000;margin-top:-40px;} #menu_rayons2 ul {} #menu_rayons2 ul li {list-style: none; display: block; float: left; width: 103px; height:39px; background: url(../img/separator-menu.gif) no-repeat right top;} #menu_rayons2 ul li a {display: block; width: 100px; height:38px; line-height: 38px; text-align: center; color: #000; text-decoration: none; margin:1px 2px 1px 0; margin-bottom: 0;} #menu_rayons2 ul li:hover a {background: #000; color:#fff;} #menu_rayons2 ul li.actif a, #menu_rayons2 ul li.actif a:hover {background-position: 0px -150px;} #menu_rayons2 ul li ul {display: none; margin: 1px 2px 1px 0; margin-top: 0;} #menu_rayons2 ul li ul li {height:31px; width: 100px; background: url(../img/separator-sous-menu.gif) no-repeat top left #000;} #menu_rayons2 ul li ul li a {height:28px; width: 98px; margin:1px; margin-top: 2px; text-align: left; line-height: 28px;} #menu_rayons2 ul li ul li a span {padding-left:10px;} #menu_rayons2 ul li ul li a:hover {background:#fff;color:#000;} #menu_rayons {position: absolute; top: 59px; height: 40px; width: 100%; } #menu_rayons ul {} #menu_rayons ul li {list-style: none; display: block; float: left; width: 103px; height:39px; background: url(../img/separator-menu.gif) no-repeat right top;} #menu_rayons ul li a {display: block; width: 100px; height:38px; line-height: 38px; text-align: center; color: #000; text-decoration: none; margin:1px 2px 1px 0; margin-bottom: 0;} #menu_rayons ul li:hover a {background: #000; color:#fff;} #menu_rayons ul li.actif a, #menu_rayons ul li.actif a:hover {background-position: 0px -150px;} #menu_rayons ul li ul {display: none; margin: 1px 2px 1px 0; margin-top: 0;} #menu_rayons ul li ul li {height:31px; width: 100px; background: url(../img/separator-sous-menu.gif) no-repeat top left #000;} #menu_rayons ul li ul li a {height:28px; width: 98px; margin:1px; margin-top: 2px; text-align: left; line-height: 28px;} #menu_rayons ul li ul li a span {padding-left:10px;} #menu_rayons ul li ul li a:hover {background:#fff;color:#000;} /* ----- Site ----- */ #site {position: relative;} #site .content { margin:10px 0;} #site .content .container {color: #000; min-height:200px;} #site .content .left {width:110px;float:left;} #site .content .left h3 {text-transform: capitalize; margin:0; padding:0; line-height: 22px; height: 22px; background: #000; font-size: 11px; font-weight: normal; color:#fff; padding-left:10px;} #site .content .left ul { background: url(../img/bg-menu-ligne.gif) repeat-y 10px top;} #site .content .left ul.categoriesN1 li {list-style: none; line-height: 20px; text-transform: capitalize;} #site .content .left ul.categoriesN1 li a {display: block; color: #000; padding-left: 20px; text-decoration: none;} #site .content .left ul.categoriesN1 li a:hover {color:#555;} #site .content .left ul.categoriesN1 li a.current_color {padding-left: 30px; background: url(../img/bg-menu-selected.jpg) no-repeat 20px 5px;} #site .content .left ul.categoriesN2 li a {color:#777;} #site .content .right {width:850px;float: right;} /* ----- Footer ----- */ #footer {clear: both; padding-top: 2px; height:55px; } #footer-menu {background: #000; height: 31px;} #footer-menu li {list-style: none; display: block; float: left; height:30px; background: url(../img/separator-menu.gif) no-repeat right center;} #footer-menu li a {display: block; height:29px; line-height: 29px; text-align: center; color: #fff; text-decoration: none; margin:1px; margin-bottom: 0; text-transform: uppercase; padding: 0 10px; } #footer-menu li.last {background:none;} #footer-links { background: url(../img/bg-footer.gif) repeat-x; padding-top: 3px; margin-top: 2px; height:24px; line-height: 15px;} #footer-links a {color: #000; text-decoration: none;} #footer-links a img {vertical-align: bottom;} #footer-links a.first { padding-left:10px;} /* ----- Page Accueil ----- */ #accueil {margin:0 auto 0 auto; height: 514px;} #accueil .left {width: 780px; height:514px; float: left; position:relative;} #accueil .left .title {color:#fff; background: #505050; position:absolute; top:60px; left:50px; font-size: 20px; padding:2px 6px;} #accueil .left .subtitle {color:#fff; background: #393433; position:absolute; top:88px; left:100px; font-size: 20px; padding:2px 6px;} #product-slider {width:100%; height:120px; position:absolute; bottom: 0px; background: url(../img/bg-noir-65.png); overflow: hidden; left:0;} #product-slider-content a {display:block; width: 194px; height: 112px; margin:4px 10px; float: left; position:relative; text-decoration: none;} #product-slider-content img {position: absolute; right: 0; top:0; width: 84px; height: 112px;} #product-slider-content span.contenu {position: absolute; left: 0; top:0; width: 110px; height: 112px; background: url(../img/accueil/bg-bandeau-acc.jpg); color:#c8c8c8; overflow: hidden; } #product-slider-content span.contenu span {margin:5px; display: block;} #product-slider-content span.contenu span.designation {font-size: 14px;} #product-slider-content span.contenu {position: absolute; left: 0; top:0; width: 110px; height: 112px; background: url(../img/accueil/bg-bandeau-acc.jpg); color:#c8c8c8;} #product-slider a.arrow {display: block; position: absolute; top:0; width: 20px; height: 120px; opacity:0.8; overflow: hidden; text-indent: 3000em; cursor: pointer;} #product-slider-left-arrow {left:0; background: url(../img/accueil/left-arrow.jpg);} #product-slider-right-arrow {right:0; background: url(../img/accueil/right-arrow.jpg);} #accueil .right {width: 178px; height:514px; float: right; overflow: hidden; position:relative;} #accueil .right .box {width: 178px; height:170px; margin-bottom: 2px; overflow: hidden; text-decoration: none; display: block;} #accueil .right .box span {display:block; height:83px; margin-bottom: 2px; color: #fff; font-size: 14px; padding: 15px; background: url(../img/accueil/separator.png) no-repeat #323232;} /* ----- Page Catalogue ----- */ #catalogue {margin:0 6px 15px 6px;} /* ----- Catalogue Header + Footer ----- */ #catalogue img.bandeau {width:820px; margin: 0 0 0 10px; height:80px;} #catalogue .catalogue_header, #catalogue .catalogue_footer {padding:10px 0; color:#777; clear: both;} #catalogue .catalogue_header a, #catalogue .catalogue_footer a {color:#777; margin: 0 2px; font-size: 11px;} #catalogue .catalogue_header a.actif, #catalogue .catalogue_footer a.actif, #catalogue .catalogue_header a:hover, #catalogue .catalogue_footer a:hover {color:#ccc;} #catalogue .pages_navigation {float:right; text-align: right; margin:0 10px;} #catalogue .nbr_prod_catalogue {float:right; text-align: right; margin:0 10px;} #catalogue .order_catalogue {width:45%; float:left; 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: 264px; height: 475px; text-align: left; margin: 13px 1px 0 12px; position:relative;} #catalogue .product a {color: #000; text-decoration: none;} #catalogue .product a:hover {text-decoration: underline;} #catalogue .product .image {margin-bottom: 6px; width:264px; height: 352px; display:block;} #catalogue .product .image img {width:264px; height: 352px;} #catalogue .product .designation {display: block; text-transform: uppercase; margin:0; font-size: 10px; line-height: 10px; height:13px;overflow:hidden;} #catalogue .product .prix {text-transform: lowercase; margin:0; font-size: 11px; font-weight: bold;} #catalogue .product .prix_barre {text-transform: lowercase; margin:0 5px; font-size: 11px; text-decoration: line-through; display:none;} #catalogue .product .prix:hover, #catalogue .product .prix_barre:hover {text-decoration: none;} #catalogue .product .other_colors { margin-bottom: 0; margin-top: 4px;} #catalogue .product .other_colors img { width:30px; height:40px; margin:4px 6px 0 0;} #catalogue .product .remise { display: block; width: 50px; height: 50px; position: absolute; background:url(../img/remise.png) no-repeat; right:10px; top:10px; text-decoration: none; color: #fff; line-height: 50px; font-size: 20px; text-align: center;} /* ----- 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: #000; 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;} #nb_products span { padding:0 15px; color: #777; } #bandeau-search {margin:0 0 10px 15px;} /* ----- Page Produit ----- */ #product {padding:0 0 0 6px;} #product .breadcrumb {display: block; background: #cfdbc4; line-height: 22px; margin-bottom: 10px;} #product .breadcrumb a {color: #000; text-decoration: none;} #product a.back-to-catalogue { background: url(../img/product/btn-back-to-catalogue.jpg) no-repeat #9ba492 left 6px; line-height: 22px; height: 22px; padding: 0 20px; color: #fff; display: block; float: left; text-decoration: none; margin-right: 20px;} /* ----- Photos du produit ----- */ #product_photo { float:left; width:400px; height:424px; color:#555; } #product_photo .vignettesDiv { float:left; width:75px; height:424px; } #product_photo .zoomDiv { float:right; width:318px; height:424px; } #product_photo span.zoom_text { display:none; line-height: 13px; margin-top: 4px; margin-bottom: 1px;} #product_photo span.zoom { display:none; position:absolute; float: right; width:23px; margin-left: 7px; margin-top: 0px; height:17px; background: url(../img/product/zoom.png) right top no-repeat; cursor;} #product_photo .photoBig { height:424px; width:318px; cursor : url(../img/product/magnify.cur), pointer; float:left; } #product_photo .mini-photo-product { float:right; display:inline; margin: 0px; width:75px; height: 100px; margin:0 0 8px;} #product_photo .mini-photo-product img { width:75px; height: 100px; } #product_photo .big_container { height:424px; width:318px; overflow: hidden;} /* ZOOM PHOTO PRODUIT */ #product_photo #selecteurzoom{ display: none; position: absolute; width: 50px; height: 50px; } #product_photo #contenantzoom { height:424px; width:318px; position:absolute; } #product_photo div.zoomdiv{ position: absolute; top: 0; left: 0; cursor: crosshair; } /* ----- Description du produit ----- */ #product_detail {float:left; width:420px; margin-left: 20px;} #product_switch_product { padding-bottom: 5px; border-bottom: 2px solid #000; } #product_switch_product a { line-height: 22px; height: 22px; padding: 0 20px; color: #fff; display: inline-table; text-decoration: none;} #product_switch_product .next-product { background: url(../img/product/btn-flech-droite.jpg) no-repeat #000 right 6px; float: right; } #product_switch_product .previous-product { background: url(../img/product/btn-flech-gauche.jpg) no-repeat #000 left 6px; } #product_detail #product_designation {float:left; font-size: 16px;} #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_couleur {float:left; font-size: 16px; margin-left: 10px; color:#777;} #product_detail #product_couleur .product_couleur_title { display:none; } #product_detail #product_couleur .product_couleur_value { } #product_detail #product_prix {float: right; font-size: 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:none; } #product_detail #product_barcode {clear:left; color:#777; font-size: 10px;} #product_detail #product_barcode .product_barcode_title { display:none; } #product_detail #product_barcode .product_barcode_value { } #product_detail .switch-color {margin-top: 20px; clear: right} #product_detail .switch-color .switch_color_item {margin:5px 0; float: left; width:62px;height:90px; text-align: center;} #product_detail .switch-color .switch_color_item a {display: block; text-decoration: none; color: #555; text-transform: lowercase;} #product_detail .switch-color .switch_color_item a img {border:1px #fff solid; } #product_detail .switch-color .switch_color_item a.actif img {border:1px #000 solid; } #product_detail .switch-color .switch_color_item img {width:51px;height:68px; padding:2px;} #product_detail .right-infos-produit {clear: left; text-align: right;} #product_detail .right-infos-produit * {vertical-align: middle; } #product_detail .right-infos-produit #add_to_cart {cursor: pointer; margin-left: 30px; width: 190px; height:38px; background: url(../img/product/btn-add-to-cart.jpg) no-repeat; border:none; font-size: 16px; padding:0px 1px 0px 20px; color:#fff;} #product_detail .right-infos-produit #add_to_-cart:hover {background: url(../img/product/btn-add-to-cart.jpg) no-repeat 0px -35px; padding:0px 0px 0px 21px;} #product_detail .right-infos-produit #add_to_-cart:active {background: url(../img/product/btn-add-to-cart.jpg) no-repeat 0px -70px; padding:0px 0px 0px 21px;} #product_detail #product_descriptif {float: left; font-size: 11px; width:500px;} #product_detail #product_descriptif .product_title {float: left; display: block; width:100px; clear: left; margin-left: 20px; color:#777;} #product_detail #product_descriptif .product_value {float: left; display: block; text-transform: lowercase;} #product_detail .separator { margin: 10px 0; border-top: 1px dashed #999; clear: both;} #share_links {margin-left: 20px; font-size: 11px;} #share_links .title {display:block;margin-bottom:5px;color: #777;} #product .titre { padding-left: 10px; font-size: 16px;} #product .box-bottom-product.left-box { float: left; } #product .box-bottom-product.right-box { float: right; } #product .box-bottom-product { padding-top:20px; width:420px; overflow: hidden; } #product .box-bottom-product .titre { display: block; color:#fff; background: #000; margin:0; padding:0 10px; line-height: 22px; height:22px; font-size: 11px;} #product .box-bottom-product a { display: block; text-align: left; width:140px; height:240px; float: left; margin: 10px 0; color:#252525; text-decoration: none;} #product .box-bottom-product a img { width:138px; height:184px;} #product .box-bottom-product a span {display: block;} #product .box-bottom-product a span.descriptif {display:none;} #product .box-bottom-product a span.prix {display:none;} .onglets-fiche-produit { float:left; width:100%; margin-top: 10px; } .onglets-fiche-produit .onglets { float:left; width:100%; } .onglets-fiche-produit .onglets li { float:left; display:inline; height: 21px; } .onglets-fiche-produit .onglets li a { background: #fff; border: 1px solid #000; color: #000; padding: 0 20px; line-height: 20px; height: 20px; float: left; display: block; font-size: 13px; margin-right: 5px; text-decoration: none; font-size: 10px;} .onglets-fiche-produit .onglets li a:hover, .onglets-fiche-produit .onglets li a.actif { background:#000; color: #fff;} .onglets-fiche-produit .content-onglets { clear:both; float:left; width:100%; min-height:20px; border: 1px solid #000; } .onglets-fiche-produit .content-onglets div.text-onglet { display:none; padding:15px 10px; text-align:justify; font-size:12px; } .onglets-fiche-produit .content-onglets div.text-onglet.actif { display: block; color:#000; background: #fff;} .onglets-fiche-produit .content-onglets div.actif h3 {text-align: center;font-size: 1.9em;color: #000; padding: 20px;} .onglets-fiche-produit .content-onglets div.actif h4 {margin-top: 20px; margin-bottom: 0; clear:both; } .onglets-fiche-produit .content-onglets div.actif h4.first {margin-top: 0px; } .onglets-fiche-produit .content-onglets div.actif p {} .onglets-fiche-produit .content-onglets div.actif p.bold { font-weight: 700;} .onglets-fiche-produit .content-onglets div.actif span {margin-top: 20px; display: block;} .onglets-fiche-produit .content-onglets div.actif img {float: left; margin: 20px;} /* ----- Page Presse ----- */ #images-presse { padding-bottom: 50px; } #images-presse #images_presse img { width:150px; margin:15px; } #images-presse h1.title { padding: 25px; } /* ----- Page Goodies ----- */ #page-goodies { padding-bottom: 50px; } #images_goodies { margin:30px auto; width:456px;} #page-goodies #images_goodies a { width:152px; height:102px; display: block; float: left; line-height: 120px; text-align: center; } #page-goodies #images_goodies a img { width:150px; border:1px solid #aaa; } #page-goodies #images_goodies a:hover img { border: 1px solid #000; } #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 {} #page-news .news {} #page-news .news h3 { margin-top: 20px; border-bottom: 1px #000 dashed;} #page-news .news .image { float: left; width: 300px; height: 300px; } #page-news .news .image img { margin: 25px 0 0 25px; width: 250px; height: 250px; } #page-news .news .descriptif { float: right; width: 630px; margin: 25px 30px 25px 0; } /* ----- Page Points de Vente ----- */ #point_de_vente {} #accordion {margin: 30px auto;} #point_de_vente div.adresse {margin: 25px; font-size: 11px; width:248px; float: left; height: 100px;color:#777; border: 1px solid #eee;} #point_de_vente div.adresse span {display: block; margin: 10px;} #point_de_vente div.adresse span.nom {font-size: 14px;} #point_de_vente h4 {clear: both; padding: 0; margin: 0; font-size: 13px;} /* ----- Page Recrutement ----- */ #recrutement {} #recr-left { float: left; width: 660px; } #recr-right { float: right; width: 280px; } #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 75px 75px 75px;} #conditions_de_vente h1 {padding: 50px; text-align: center;} #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;} /* ----- Mentions Legales ----- */ #mentions {margin:20px auto 100px; width: 500px; text-align: justify; line-height: 15px;} /* ----- Tunnel d'achat ----- */ ul.etapes-panier {display: block; height:21px; margin-top: 30px; } ul.etapes-panier li {list-style: none; display: block; float:left; width:130px; height:21px; text-transform:uppercase; background: url(../img/tunnel/bg-step-cart.png) right bottom; margin: 0; padding: 0; position: relative;} ul.etapes-panier li a {color:#000;text-decoration:none; line-height: 21px; display: block; text-align: center;} 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.active {background: url(../img/tunnel/bg-step-cart.png) right top;} ul.etapes-panier li.active a {color:#fff;} .title-order-steps {padding: 0; margin: 10px 0; text-transform:uppercase; padding-bottom: 4px; background: url(../img/tunnel/bg-title-order-step.gif) repeat-x bottom left; font-weight: bold;} /* ----- Page Cart ----- */ #cart_page {} #cart_page .boutons-commandes {height:22px;} #cart_page .boutons-commandes .bouton-commande {display: block; padding: 0 20px; background: #000; line-height: 22px; text-decoration: none; color: #fff;} #cart_page .boutons-commandes .bouton-commande.continuer {float: left;background: url(../img/product/btn-flech-gauche.jpg) no-repeat #000 left 6px;} #cart_page .boutons-commandes .bouton-commande.valider {float: right;background: url(../img/product/btn-flech-droite.jpg) no-repeat #000 right 6px;} #cart_page .cart_content {margin: 10px 100px;} #cart_page .cart_content table.cart_content {margin: 20px; width:100%; } #cart_page .cart_content table.cart_content tr.headers {background: #c8c8c8;} #cart_page .cart_content table.cart_content tr.headers th {padding: 10px 0; color: #000;} #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: #c8c8c8; font-size: 14px;} #cart_page .cart_content table.cart_content tr.border_red td {background: #500;} #cart_page .cart_content table.cart_content tr td {border-bottom: 1px solid #eee; padding: 0 10px;} #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_photo img {width:84px; height:112px;} #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;} /* ----- login ----- */ .login {margin: 0 auto; padding: 50px 0; width:700px; font-size: 12px;} .login .intro {color: #777; font-size: 10px; margin:10px;} .login h2 {margin: 10px 0;} .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: center;} /* ----- 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: #fff; color:#555; border: 1px solid #cfdbc4} .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:20px; 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: #000; 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 table th {background: #eee; padding: 5px;} #my_account_right table td {border-bottom: 1px dashed #aaa; padding: 10px;} #my_account_right .adresse {display: block; margin: 10px auto; width: 300px; position: relative; padding: 10px; background: #fff; color:#555; border: 1px solid #cfdbc4} #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);} /* ----- Pages ----- */ .page {} .page .title {font-size: 15px; color: #323232; border-top: 3px solid #000; margin-top: 20px; line-height: 22px; margin-bottom: 20px;} .page .subtitle {font-size: 15px; color: #fff; background: #c8c8c8; display: block; line-height: 22px; margin-bottom: 20px; padding-left:15px; } .page p {text-indent: 15px; margin-bottom: 15px; color: #505050;} /* ----- Notre histoire ----- */ #hist-col {margin:20px auto;width:893px; margin-bottom: 50px;} #hist-col .hist-col-1 {float:left; width:330px; font-size: 10px; text-align: justify;} #hist-col .hist-col-2 {float:left; width:330px; font-size: 10px; text-align: justify; margin:0 10px;} #hist-col .hist-col-3 {float:left; width:200px; border-left: 1px #000 dashed; padding: 250px 0 10px 10px;} #hist-col .hist-col-3 a {display: block; background: url(../img/product/btn-flech-droite.jpg) no-repeat #000 6px 6px; color: #fff; text-align: left; line-height: 22px; margin:3px 0; text-decoration: none; padding-left: 15px;} /* ----- CGV ----- */ #cgv {width: 872px; margin: 0 auto 50px; } #cgv .col-content {padding-left: 20px; color: #555;} #cgv .cgv-col-1 {width:340px; float: left;} #cgv .cgv-col-2 {width:512px; float: right;} #cgv .cgv-col-3 {margin-top: 20px;} #cgv .cgv-col-3 h1 {font-size: 13px;} #cgv .cgv-col-3 p {text-align: justify;} #contact {} #contact table {margin: 30px auto;} #contact select {margin: 3px;} #contact .labelTxt {text-align: right; color: #777; vertical-align: top; padding-left: 30px; line-height: 30px;} #contact .inputText { padding: 5px; margin: 3px; border: 1px solid #ccc; width: 200px;} #contact .inputTextArea {padding: 5px; margin: 3px; border: 1px solid #ccc; width: 500px; height: 100px;} #contact .submit { padding: 0 20px; background: #000; border: 0; color: #fff; line-height: 22px; margin: 3px;} #logout_message {padding: 100px; text-align: center; color: #777;} #logout_message a { background: #000; color: #fff; padding: 3px 20px; line-height: 22px; text-decoration: none; margin: 20px;} #mixnmatch-btn {display:none;color: #fff;background:#555;height: 38px;line-height: 38px;margin: 1px 2px 0px 0px;text-align: center;text-decoration: none;width: 100px;position:absolute;right:185px;top:0;} .lookbook{width:500px;margin:auto; min-height:750px;} .lookbook2{width:1000px;margin:auto; min-height:750px;} #slider{margin:auto; position:absolute;} #slider li{list-style:none; width:500px; height:750px;} #slider li img{display:block;} #slider2{margin:auto; position:absolute;} #slider2 li{list-style:none; width:1000px; height:750px;} #slider2 li img{display:block;} #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { background: url("../img/prev-slide.png") no-repeat scroll 0 0 transparent; display: block; height: 50px; position: relative; width: 50px; text-indent:-1000em; outline:none; } #nextBtn a, #slider1next a { background: url("../img/next-slide.png") no-repeat scroll 0 0 transparent; outline:none; } #prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; height: 50px; width: 50px; z-index: 1000; } #nextBtn { position:absolute; left: 750px; top: 250px; } #prevBtn { position:absolute; left: 150px; top: 250px; } /*fblike*/ .fblike{width:250px;height: 28px;line-height: 41px;margin: 1px 2px 0px 0px;padding-top:7px;text-align: center;text-decoration: none;position:absolute;right:322px;top:0;} .cart_price_striked{display:none;}