/* ----------------------RESET---------------------- */ /*body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration:none; outline:0; } /* ----------------------FIN RESET---------------------- */ /* ----------------------POLICE---------------------- */ @font-face { font-family: 'montserrat'; src: url('../police/montserrat-regular.ttf') format('truetype'); font-weight: regular; font-style: regular; } @font-face { font-family: 'montserrat-semibold'; src: url('../police/montserrat-bold.ttf') format('truetype'); font-weight: bold; font-style: bold; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('../police/YanoneKaffeesatz-Light.otf') format('truetype'); font-weight: light; font-style: light; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('../police/YanoneKaffeesatz-Bold.otf') format('truetype'); font-weight: bold; font-style: bold; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('../police/YanoneKaffeesatz-Regular.ttf') format('truetype'); font-weight: regular; font-style: regular; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('../police/YanoneKaffeesatz-Thin.ttf') format('truetype'); font-weight: thin; font-style: thin; } @font-face { font-family: 'Helvetica-italic'; src: url('../police/Helvetica.ttf') format('truetype'); font-weight: thin; font-style: italic; } @font-face { font-family: 'Helvetica-bold'; src: url('../police/Helvetica.ttf') format('truetype'); font-weight: bold; font-style: bold; } @font-face { font-family: 'Helvetica'; src: url('../police/Helvetica.ttf') format('truetype'); font-weight: regular; font-style: regular; } /* ----------------------FIN POLICE---------------------- */ .bg-light { background-color: #fff!important; } body { font-family: 'Helvetica', Arial; font-weight: normal; color: black; height:100%; width:100%; position: relative; } b {font-weight: bold;} i {font-style: italic;} * { box-sizing: border-box; } .row { margin: 0; } form .row { margin-right: -15px; margin-left: -15px; } a { text-decoration:none; } a:hover { text-decoration:underline; } div#logo { margin-top: 60px; } .displaynone {display:none;} .slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; } @keyframes slide{ 0%{ opacity: 0; transform: translateY(70%); } 100%{ opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slide{ 0%{ opacity: 0; -webkit-transform: translateY(70%); } 100% { opacity: 1; -webkit-transform: translateY(0%); } } .slideanim a { text-decoration: none; color: #111; } h1.accueil-titre { display: none;font-family: 'Yanone Kaffeesatz'; text-align:center;font-weight:bold;font-size:25px;} /* ------------------TRANSPORTEUR-------------------- */ .logo-transporteur img { width:120px;vertical-align: middle; padding:10px; } #boutique { padding: 100px 20px; } #boutique .adresse1 { margin-bottom: 50px; } .img-boutique { width: 30px; display: block; margin-bottom: 20px; } #boutique h1 { font-size: 28px; font-weight: bold; } #boutique a { color: grey; text-decoration: none; } #boutique a:hover { text-decoration: none; } #boutique span { color: #6c6c6c; font-size: 18px; font-weight: bold; } div#container-pdts-home { background-attachment: fixed; background-position: center; padding: 20px 0; } div#container-pdts-home h2 { padding: 10px; font-size: 18px; text-transform: uppercase; color: #6e6e6e; letter-spacing: 2px; background-image: url("../img/motif2.jpg"); font-family: 'montserrat-semibold'; } div#entrees-pdts { padding: 0!important; margin: 0 auto; } .encart-pdt1, .encart-pdt2, .encart-pdt3, .encart-pdt4 { padding: 0!important; } div#container-pdts-home .image1, .image2, .image3, .image4 { display: block; width: 100%; height: auto; border: 2px solid #fff; } .overlay1, .overlay2, .overlay3, .overlay4 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0; transition: .5s ease; background-color: #000; } .encart-pdt1:hover .overlay1 { opacity: 0.8; cursor: pointer; } .encart-pdt2:hover .overlay2 { opacity: 0.8; cursor: pointer; } .encart-pdt3:hover .overlay3 { opacity: 0.8; cursor: pointer; } .encart-pdt4:hover .overlay4 { opacity: 0.8; cursor: pointer; } .text1, .text2, .text3, .text4 { color: white; font-size: 20px; text-align: center; letter-spacing: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:rgba(0,0,0,.5); } .mCustomScrollbar, .mCustomScrollbar.mCS_touch_action, .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { -ms-touch-action: pan-x; touch-action: pan-x; } .mCustomScrollBox.mCSB_vertical_horizontal { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox.mCSB_horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .clear { clear: both!important; } .no-padding { padding-right:0!important; padding-left:0!important; margin-right:0!important; margin-left:0!important; } .no-padding-tb { padding-top:0!important; padding-bottom:0!important; margin-top:0!important; margin-bottom:0!important; } #conteneur{ width: 100%; } #lolablog #header { display:none; } #page #header-wrapper #header { display:none; } h1.title a { color:#000;font-weight: normal;text-decoration: none; } /* ----------------------INTRO---------------------- */ #intro h3 { margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; } #intro h4 { margin: 10px 0 30px 0; font-size: 16px; color: grey; font-style: italic; } .isLeft { float:left; } .isRight { float:right; } .50pc { width:50%; } .header-conteneur { width:100%; display: block; } .gobal-content { width: 100%; display: block; min-height: 100vh; padding-bottom: 20px; box-sizing: border-box; } #global{} #header {padding : 5px 0; background : #3c5a98; color :#fff;} #header a {color :#fff; white-space: nowrap;} .nlink { color:#000;text-decoration: none;text-align: left;text-transform: uppercase;padding-left: 0px;font-size: 12px;font-weight: normal; } .nlink:hover { text-decoration: underline; } .content-cart-box,.compte { color:#000;text-transform: uppercase;padding-right: 0px;font-size: 12px;font-weight: normal; } .mentions p,.mentions h1 { text-align:justify;padding: 0 30px } .soldes-home img { width:100%; } /* ----------------------NAVBAR---------------------- */ nav img#home { width: 40px; } nav img#home:hover { filter: invert(1); -webkit-filter: invert(1); } nav.bg-dark { background-color: #000!important; } .navbar { padding: 0.5rem 1rem; } .navbar-brand { padding-top: 0; padding-bottom: 0; } .logo { max-width: 500px; } .logo img { width: 100%; height: auto; margin-top: -33px; } nav.nav1 ul li a.nav-link, nav.nav1 ul li div.nav-link, nav .menu_filter_mobile ul li a { display: inline-block; color: grey!important; font-size: 13px!important; text-transform: uppercase; font-weight: regular; -moz-transition: color 0.5s; /* Firefox */ -webkit-transition: color 0.5s; /* Safari and Chrome */ -o-transition: color 0.5s; /* Opera */ transition: color 0.5s; } nav .menu_filter_mobile ul li a span.voir-tout { font-weight: bold; color: #333; } nav.nav1 ul li a.nav-link, nav .menu_filter_mobile ul li a i { font-size: 16px; /*margin-right: 5px;*/ } nav .menu_filter_mobile span.titleMenu { display: inline-block;transition: color 0.5s; } nav .menu_filter_mobile span.titleMenu:hover { color: #ccc!important;;transition: color 0.5s; } nav ul li a.nav-link:hover, nav ul li div.nav-link:hover, nav .menu_filter_mobile ul li a:hover { color: #e8c547 !important; text-decoration: none; } nav ul li .icone-nav { line-height:1.75em; display:block; text-align:center; } /*.compte_panier { position:absolute; top:-5px; right:0 } */ .compte_panier ul.navbar-nav { flex-direction: row; } .compte_panier .nav-link {padding:0!important;} .chiffre_panier, .chiffre_panier_null { width: 24px; height: 24px; position: absolute; top: -2px; right: 1px; background-color: #b3b3b3; color: #fff; text-align: center; border-radius: 12px; padding-top: 3px; padding-left: 1px; } .chiffre_panier { background-color: #3c5a98; } nav.btn-outline-success { background: #000!important; } nav form button.btn { background-color: #fff!important; color: grey!important; border: 1px solid grey!important; } nav form button.btn:hover { background-color: #000!important; color: #fff!important; border: 1px solid #000!important; } .menu-1 { height:auto;list-style:none; } ul.n-1 { text-align: center; justify-content: initial !important;flex-wrap: wrap;} .menu-1 ul.n-1 > li { list-style-type:none;display: inline-block; } ul.n-1 > li a { text-transform: uppercase;text-align: left;font-size: 13px;font-weight: normal;text-decoration: none;color:grey; padding: 10px 0; /*border-bottom: 1px solid #d9d9d9;*/display: inline-block; } ul.n-1 > li a:hover { color:#fff; /*background-color: #e6e6e6; */} .dropdown-menu { background : #3c5a98;margin: 0!important;z-index:1001; border : none;} .dropdown-menu li:hover a { color: #e8c547 !important;} .dropdown-submenu { margin-left:20px; list-style: none; font-size:12px; } .conteneur-bloc { width:100%;min-height: 270px; } .conteneur-bloc .acc-gauche { width:33%;float:left;min-height: 270px; } .conteneur-bloc .acc-droite { width:65%;float:left;margin-left:7px;min-height: 270px; } .encart-msg { padding: 6px 15px; } .vert { background: #c9e8ab!important; color: #000!important; border: none!important; font-size: 14px!important; } .dropdown-item { color : #fff; background:none;} .dropdown-item:hover { color : #000; background:none;} .dropdown-toggle::after { display: none; } .nav-item.dropright {margin-left: 15px;} /* ----------------------FOOTER---------------------- */ footer { color: #000; padding: 40px 0 0 0; width: 100%; border-top: 1px solid #000; } .footer-content { color: #000; margin-top:40px; margin-bottom:40px; padding-bottom:40px; border-bottom: 1px solid #3c3c3c; } .footer-content > div { border-right: 1px solid #3c3c3c; padding-right: 20px; padding-left: 20px; } .footer-content > div:last-child { border-right:none; } footer figure img { width:40px; margin-bottom:50px; } footer figcaption { font-size: 18px; } footer .border-grey { border-right: 1px solid #3c3c3c; } footer .mention { margin-top: 40px; padding: 40px 0; border-top: 1px solid #3c3c3c; font-size: 12px; } footer ul { } footer ul li { list-style-type:none; text-transform: uppercase; margin-top: 10px; } footer ul li a { color: #000; font-size: 13px; } footer ul li a:hover { color: #909090; text-decoration: none; } footer .social-share-footer { margin: 40px 0; } footer .social-share-footer > span { display: inline; margin-right: 30px; font-size: 22px; padding: 0; text-transform: uppercase; } footer .social-share-footer a { height: 30px; margin-right: 30px; font-size: 25px; text-decoration: none; color:#000; } footer .social-share-footer i.fa-facebook:hover { color: #3b5998; } footer .social-share-footer i.fa-twitter:hover { color: #1da1f2; } footer .social-share-footer i.fa-pinterest:hover { color: #bd081c; } footer .social-share-footer i.fa-google-plus-square:hover { color: #d6492e; } footer .social-share-footer i.fa-vimeo:hover { color: #1ab7ea; } footer .social-share-footer i.fa-instagram:hover { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #fbbc5f, #e84355, #cc1f9f, #6738e0); } footer .social-share-footer i.fa-envelope:hover { color: grey; } footer .social-share-footer i.fa-flickr:hover { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #0063dc 0%,#0063dc 50%,#ff0084 50%,#ff0084 50%,#ff0094 100%); } footer .social-share-footer i.fa-youtube:hover { color: #FF0000; } footer .bloc-footer { padding: 0 15px; } footer .titre-footer { font-size: 20px; text-transform: uppercase; } footer ul.footer-service li { color: #999; font-size: 13px; margin-top: 13px; } #topflesh { transition : all ease 0.5s ;right : -20px; position: fixed; bottom: 15px; width: 50px; height: 50px; z-index: 100; color: #aaaaaa; background: rgba(255, 255, 255, 0.25); border-radius: 50%; border: 2px solid #cccccc; font-size: 50px; line-height: 43px; text-align: center; visibility: hidden; opacity: 0;} #topflesh.show { opacity: 1; visibility: visible; right : 15px;} #topflesh:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); color:#3C5A98; border-color : #3C5A98;} /* ------------------------ CATALOGUE ------------------------ */ #show-filter { color: #000; text-align: center; text-transform: uppercase; padding: 10px 0; cursor: pointer; font-size: 14px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;} /*.eshop-menu { width:15%;min-height: 40px; margin: 0 40px 20px 45px;display: inline-block;vertical-align: top; }*/ /*.eshop-menu .entete-filtre { background-color: white;color: #3c5a98;padding: 8px;font-size: 13px;margin-bottom: 10px;border: 1px solid #3c5a98;text-align: center; }*/ .eshop-menu .entete-filtre { color: #3c5a98; padding: 8px 0;font-size: 13px;} .eshop-menu .titleFiltre { text-transform: uppercase;margin:10px 0; cursor: pointer;padding:8px; border: 1px solid #dedede; } .eshop-menu .titleFiltre:hover { border: 1px solid #9c9c9c; } .eshop-infos { width:70%;background: url(../img/eshop-bg.jpg) no-repeat no-repeat top left transparent;min-height: 800px; display: inline-block;vertical-align: top; } .eshop-infos.no-bg { background:#FFF; } .eshop-menu ul >li > a, .eshop-menu ul >li > a > span { text-transform: capitalize;color:#000;text-decoration: none;font-size:13px } .eshop-menu .separateur-menu { border-bottom: 1px solid #000; margin:20px 0; } #slider-range { margin-bottom: 20px; } .titleFiltre { font-size:13px;font-weight: 100; } .titleMenu { font-size:13px;font-weight: 100; margin-top:25px; margin-bottom:0; color: grey; font-family: 'Helvetica', Arial; } .filter_container { position: relative; } .fleche { width: 18px; margin: 16px 6px 0 0; position: absolute;top: 0;right: 0;display: flex;transform: rotate(0deg);transition: transform 0.2s, margin 0.2s; } .fleche_open { transform: rotate(180deg); transition: transform 0.2s, margin 0.2s; margin: 18px 6px 0 0; } .flc-gauche { width: 8px;height: 1px;background-color: black;display: block;transform: rotate(45deg) translate(2px, 0px); transition: transform 0.2s; } .flc-droite { width: 8px;height: 1px;background-color: black;display: block;transform: rotate(-45deg) translate(-2px, 0px); transition: transform 0.2s; } .filter_content { overflow: hidden; transition: all 0.2s; max-height : 0;} .filter_content_open { max-height: 5000px; transition: all 1s; } .box-product {margin-bottom: 15px;} #catalogue .product {padding-right:0!important; margin:5px; position: relative; overflow: hidden; transition: border 0.5s; } #catalogue .product img { transform: scale(1); transition: transform 0.5s; display: block !important; min-width: 100% !important; height: auto!important; } /*#catalogue .product:hover img { transform: scale(1.05); transition: transform 0.5s; }*/ #catalogue .product:hover .photo2 { visibility: visible; } .product .picture.png a .photo1 { display: block; } .product .picture.png a .photo2 { visibility: hidden; position: absolute;top: 0;left: 0; } .product .picture img { display: block;margin: 0 auto; } .product .product-descr { min-height: 150px;position: relative;font-size: 10pt;font-weight: bold;text-align: left; } .product .rayon { font-weight : normal;} .product .famille { font-weight : normal; color : #e8c547;display:none;} .product .btn-product { position: absolute;bottom: -20px;text-align: center;width : 100%;} .product .btn-product p { font-size: 12px; margin: 20px auto; } .product .btn-product p a { border : 1px solid #3c5a98; text-decoration: none; padding: 12px 0; display: block; text-transform: uppercase; background : #3c5a98; color : #fff;} .product .btn-product a:hover { background : #fff; color: #3c5a98; } .product .designation, .product .marque { font-weight : bold; } .product .marque { display: none; } .product .prix-produit { text-align: center;} .product .price_barre { text-decoration: line-through; color: #6e6e6e;} .color-supp { display: none; } .lazy { display: none; } .module_catalogue_en_promotion .product .price_barre { color: #000; font-size: 13px; } .categoriesN0 li {list-style: none;margin:5px 0;line-height:20px} #filter_marques .categoriesN0 li .icoco { color: #444;background: url('../img/puce.jpg') 0 12px;width: 12px;height: 12px;float: left;margin-right: 9px;margin-top: 4px; } #filter_marques .categoriesN0 li.current_color .icoco, #filter_marques .categoriesN0 li.current_color .categoriesN1 li.current_color .icoco { background:url('../img/puce.jpg') 0 0; } .filter_option { margin:4px 0; } .filter_option a { display: block;color: #3c5a98; padding:4px;font-size: 12px; } .filter_option a:hover { text-decoration: none;background-color: #f5f5f5; } .filter_option a.checked { background-color: #f5f5f5;border: 1px solid #dedede; } .filter_values { text-align: right; } .clearall { display: inline-block;padding: 5px; color: #929292; font-size: 12px; } .clearall:hover { color: #000; text-decoration: none; } .categoriesN0 .current_color0 > a {} .categoriesN0 .current_color0 > a > span { font-weight: bold; } .categoriesN1 .current_color1 > a { font-weight: bold;background: url('../img/puce.jpg') 0 0px no-repeat;padding-left: 20px; } .categoriesN2 .current_color2 > a { font-weight: bold;background: url('../img/puce.jpg') 0 0px no-repeat; } .categoriesN2 a { padding-left: 40px; } .product .contenu .name { display: none; overflow: hidden; text-transform: capitalize; } .product .contenu .name a { text-decoration: none; color:#000; } .product .contenu .barcode a { text-transform: capitalize; color: #646464; text-decoration: none; font-size: 0.8em; display:none; } .product .contenu .color { display: none; overflow: hidden; text-transform: uppercase; } .product a.bt-zoom { position:absolute; bottom:0; right:0; display:none; } .product .taille-dispos { display:none; font-size:11px; min-height:27px; font-family: 'Helvetica', Arial; font-size: 11px; } .product .taille-dispos .separator2 { font-size:9px;padding:0 5px;color:#000; } .product:hover .taille-dispos { visibility:visible; } .product p.price { font-weight: bold!important; padding-bottom:10px; } .product .contenu .description, .product .contenu .choix-taille, .product .contenu .ajout-panier-list { display:none;} .module_catalogue .contenu p { text-align:center;margin-bottom: 5px; } .module_catalogue .contenu p.prixremise { text-align:center; color: #000; text-decoration: line-through; } .pastille { position: absolute; top: 8px; right: 6px; } .pastille .new { background: url("../img/new.png") no-repeat; width: 75px; height: 50px; text-indent: -99999px; } /* ------------------------ FIN CATALOGUE ------------------------ */ /* ----------------------CAROUSEL---------------------- */ .carousel-control-prev, .carousel-control-next { max-width: 40px; } .carousel-control-prev-icon, .carousel-control-next-icon { color: white; width: 40px; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; } .slid-legende1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0.4; transition: .5s ease; background-color: #000; } .slid-text1 { color: white; font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; text-transform: uppercase; } /* ------------------------ PAGE PRODUIT ------------------------ */ .module_navigation a { z-index: 1000; position: absolute; top: 50vh; height: 130px; width: 40px; background-color: rgba(0, 0, 0, 0.3); transition: 0.6s; } .module_navigation a:hover { background-color: rgba(0, 0, 0, 0.6); width: 150px; transition: 0.6s; color: #dedede;} .module_navigation a.prev { left: 0; } .module_navigation a.next { right: 0; } .module_navigation .arrow-nav { position: relative; height: 100%; } .module_navigation i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; } /*#galerie { max-width:80px;min-height: 100px; padding-right: 10px; padding-left: 0; }*/ .div-imagemagic { min-height: 400px;} #galerie a img { margin:3px; max-width: 100%; } #galerie .active img { border:1px solid #CCC !important; } #galerie > a { display: block;margin-bottom: 5px;width: 68px;height: 101px; } #galerie > a img { border:1px solid transparent; } .zoomWrapper { width:100%!important; height:auto!important; } .zoomWrapper img#imagemagic { position: static!important;width:100%!important; height:auto!important; } .laremise {position:absolute; top:10px; left:10px; background: url(../img/pastille.png) no-repeat; text-align:center; width: 42px; height: 40px; padding: 12px 0px; color:#FFF; text-decoration:none; font-size:14px;z-index: 1000;} #product_remise {position:absolute; top:30px; left: -100px; background: url(../img/pastille.png) no-repeat; text-align:center; width: 42px; height: 40px; padding:12px 0px; color:#fff; text-decoration:none; font-size:14px;z-index: 1000;} .laremise:hover, #product_remise:hover { text-decoration: none; color:#fff; } #product_remise .product_remise_title { display:none; } .content-shipping { width:100%;margin-bottom:10px; } .footer-conteneur { width: 100%;margin-top: 20px;float: left;background:#000; } /*BOUTIQUE*/ ul.list-unstyled li { line-height: 1.428571429; } ul.list-unstyled li a.pull-right { color:#000;font-weight:bold; } #product_photo span.zoom { cursor:pointer; background: url("../img/zoomup.png") no-repeat scroll right top transparent; display: block; height: 20px; margin-left: 385px; margin-top: 10px; position: absolute; width: 20px;} .mini-photo-product { float:left; display:inline; margin: 20px 15px 0 0; } .product_barcode_value { font-size:0.9em;} .product_designation2_value { font-size:13px;} #product_designation .product_designation_title { display:none;} #product_couleur, #product_couleurLangue, #product_marque { font-size:11px; color:#bebbbd;height: 20px;width: 100%; } #product_marque { font-family: 'Helvetica', Arial; } .thcouleur, .thtaille { display : none;} .product_famille_title, #product_couleur .product_couleur_title, #product_couleurLangue .product_couleurLangue_title, #product_marque .product_marque_title { display:none } #product_prix .pricestriked { display:inline-block; border: solid 1px #c1c1c1; font-size: 14px; padding: 5px; color: grey; text-decoration:line-through; margin-left: 10px; } #product_prix .product_prix_title { display:none; } .description_box { background-color: #fff; padding: 16px 12px; margin : 15px 0; } .description_box * { width : 100%; height : auto;} .description_box .description { border-bottom: 1px solid rgba(0,0,0,.15); padding-bottom: 5px; font-size: 14px; text-transform: uppercase; } #product_descriptif .product_descriptif_title { display:none; } #product_descriptif .product_descriptif_readmore { text-align:right; color:#aaa; text-decoration:underline; font-size:10px; display:block; } #product_matiere { display:block; color:#000;margin: 4px 0 0; } #product_barcode { display:block; margin:10px 0 10px 0; color:#000; text-transform:uppercase; font-size:14px; } #product_barcode .product_barcode_title, #product_matiere .product_matiere_title { display:none } .module_product_switch_color { padding: 5px; border: 1px solid rgba(0,0,0,0); } .module_product_switch_color.selected { border-color: rgba(0,0,0,0.3); box-shadow: 0 0 18px 2px rgba(0,0,0,0.2); } .infos-produit { /*width:100%;*/ padding-bottom:15px; } .switch-color { width:300px; display:block; } .switch_color_title { color: #000;font-size: 14px;width: 100%;float: left;margin-bottom: 20px;display: none; } .switch_color_item { float:left; text-align:center; position:relative; } .switch_color_item a.epuise, .product a.epuise { display: block;width: 100%; position: absolute;bottom: 50px;left: 0;background: rgba(0,0,0,0.6);color: #FFF;line-height: 20px;text-align: center;text-decoration: none; } .product a.epuise { padding:5px 0; } .switch_color_item .visu { display:block; text-align:center; } .switch_color_item img { margin-bottom: 10px; } .switch_color_item a { overflow:hidden; display:block; color:#000; text-decoration:none; font-size:.7em; text-transform: capitalize; } .switch_color_item a:hover { text-decoration: none; color: #333; } .select-taille { margin: 30px 0 0 0; } .add_to_cart_title { color:#000; font-size:14px; padding:10px 0; } .add_to_cart_title a { color:#333; text-decoration:underline; font-weight:bold; } .add_to_cart_title a:hover { color:#00ba7b; } select#size_selector { text-align:center;font:16px/25px 'AdobeCaslonProRegular', Georgia,serif; color:#333;float:right; } .right-infos-produit { margin-top:14px;position:relative; } #add_to_cart { cursor:pointer; background:#000; text-align:center; border:1px solid #000; color:#fdfdfd; text-transform:uppercase; font-size: 13px; /*padding: 0 10px; */} #add_to_cart:hover { background:#000000; } .liens-fiche-produit { clear:both; padding-top:10px; text-align:right; margin-right:10px; } .liens-fiche-produit a { margin-bottom:10px; font-size:12px; color:#555; text-decoration:underline; padding-left:20px; } .liens-fiche-produit a.print { background:url(../img/picto-print.gif) 0 2px no-repeat; } .liens-fiche-produit a.send { background:url(../img/picto-send.gif) 0 3px no-repeat; } #add_to_cart, #mailstock_fairedemande { border : 1px solid #3c5a98; font-weight : bold; background:#3c5a98; transition:all .3s ease; cursor: pointer; margin-top: 0; text-align: center;color: #fdfdfd; text-transform: uppercase; padding: 11px;} #add_to_cart:hover, #mailstock_fairedemande:hover { background:#fff; color:#3c5a98;} .onglets-fiche-produit { float:left; width:100%; } .onglets-fiche-produit .onglets { float:left; width:100%; border-bottom:3px solid #1f5190; } .onglets-fiche-produit .onglets li { float:left; display:inline; } .onglets-fiche-produit .onglets li a { display:block; height:17px; line-height:17px; text-align:center; font-size:1.2em; color:#fdfdfd; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; } .onglets-fiche-produit .onglets li a:hover, .onglets-fiche-produit .onglets li a.actif { text-decoration:none; background-position: 0 -17px; } .onglets-fiche-produit .onglets li a.onglet-description { background-image:url(../img/bg-onglet-description.gif); width:97px; } .onglets-fiche-produit .onglets li a.onglet-entretien { background-image:url(../img/bg-onglet-entretien.gif); width:98px; margin-left:1px; } .onglets-fiche-produit .onglets li a.onglet-composition { background-image:url(../img/bg-onglet-composition.gif); width:98px; margin-left:1px; } .onglets-fiche-produit .onglets li a.onglet-expedition { background-image:url(../img/bg-onglet-expedition.gif); width:97px; margin-left:1px; } .onglets-fiche-produit .onglets li a.onglet-payement { background-image:url(../img/bg-onglet-expedition.gif); width:97px; margin-left:1px; } .onglets-fiche-produit .onglets li a.onglet-commentaire { background-image:url(../img/bg-onglet-commentaire.gif); width:162px; margin-left:1px; } .onglets-fiche-produit .content-onglets { clear:both; float:left; width:100%; min-height:20px; background:url(../img/bg-content-onglets.gif) bottom left no-repeat #fdfdfd; } .onglets-fiche-produit .content-onglets div.text-onglet { display:none; padding:15px; text-align:justify; font-size:1.1em; color:#2a2a2a; line-height:1.6em; } .onglets-fiche-produit .content-onglets div.actif { display: block; } .onglets-fiche-produit .content-onglets div.actif h3 { text-align: center;font-size: 1.9em;color: #ccc; 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 { margin-bottom: 5px; margin-left: 20px; margin-right: 20px; } .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; } .produits-consultes { display:block; } .produits-consultes .titre { font-size:12px; color:#777; padding:5px 0; } .produits-consultes a { display:block;width:150px;text-align: center; text-decoration: none; margin-bottom:20px; } .produits-consultes a img { margin-bottom: 20px; } .produits-consultes a span { display:none; } .asso_designation { color: #080808; font-size: 18px; padding:0; text-transform: capitalize; } .asso_couleur { color: #6F697C; font-size: 10px; margin-bottom: 20px; text-transform: uppercase; } .right-bottom-produit { float:right; width:50%; } .right-bottom-produit .titre { font-size:12px; color:#777; padding:5px 0; } .right-bottom-produit .titre span { display:block; color:#777; font-weight:bold; } .right-bottom-produit a { display: block; height: 80px; background: url(../img/bg-photo-cross-2.jpg) no-repeat right; padding:1px; color:#555; text-decoration: none; text-align: right } .right-bottom-produit img { float:right; margin-left: 5px; width: 78px; height: 78px; } .right-bottom-produit a span.designation { font-size: 14px; display: block; } .right-bottom-produit a span.descriptif { font-size: 10px; display: block; height: 45px; overflow: hidden; } .right-bottom-produit a span.prix { font-size: 18px; display: block; } #back_to_catalogue { position:absolute; right:10px; text-align:right; top:0; } #back_to_catalogue a, #back_to_catalogue a:hover { font-size:12px; color:#555; } .billing-infos { margin:0 auto; } .others-pictures { width:130px; float:left; list-style: none; } .wrapper_product .btn-retour a { font-size: 13px; color: #a7a7a7; } .wrapper_product .btn-retour a:hover { text-decoration: none; color: #000; } .mini-photo-product { float: left; display: inline; margin:0 0 10px 0; } #product_matiere { display:inline-block; padding-left: 0; padding-right: 0; width: 100%; } .product_marque_value, .product_marque_value a, .product_designation_value { color: #000; font-size: 18px; padding:0; text-transform: uppercase; font-weight: bold; } .product_couleur_value, .product_couleurLangue_value, .product_descriptif_value { font-size: 13px; padding: 0 12px; margin-bottom: 5px; margin-right: 0; margin-top:5px; font-family: 'Helvetica', Arial; } .product_descriptif_value { padding: 0; margin-top: 16px;} #product_prix .price { background-color: #fff;color: #3c5a98;font-size: 16px;display: inline-block;padding: 9px;border: 1px solid #3c5a98;font-weight: bold; } #size_selector { width: 100%; list-style:none; text-align: left; position:relative; } #size_selector div.sizebox { display: inline-block; min-width: 34px; height: 34px; line-height: 2.3; border: 1px solid #c1c1c1; margin: 0 10px 5px 0; cursor: pointer; transition: all .3s ease; position: relative; text-align: center; padding: 0 5px; } #size_selector div.size-selected { border: 1px solid #000; background: #fff; } #size_selector div.stock:hover { border:1px solid #666; } #size_selector .noselectedStock { color:#ccc; } #size_selector .selectedStock { color:#000; } .actifForArrowShow { visibility:visible; margin-bottom:3px; } .actifForArrowHide { visibility:hidden; margin-bottom:3px; } #gdt { position:absolute; right:0; top:10px; color:#555555; font-size: 14px; font-family: 'Helvetica', Arial; text-decoration:underline; } #cms_gdt { padding:30px 20px 20px 20px; display:none; min-width:50%; width:50%; position:fixed; margin:0 auto; left:0; right:0; top:20%; background:white; z-index:1001; border:1px solid black; border-radius:2px; } #cms_gdt i { position:absolute; right:5px; top:5px; cursor:pointer; } #cms_gdt div { overflow-y:overlay; height:360px; } .produit-livraison { font-weight: Bold; font-size: 15px; text-transform: uppercase; } .product_cms p { font-size: 13px; } /*.social-share { margin-top: 34px; padding-bottom: 10px; width: 100%; }*/ .social-share > span { display:block; } .social-share a { text-decoration: none;display: inline-block;color: #000;font-size: 25px;cursor: pointer; width : 75px; height:30px; background : url(../img/fbpartage.png)no-repeat center center; background-size: 100% 100%;margin-top: 5px;} .social-share .fa-facebook {display: none;} .social-share i.fa-facebook:hover { color: #3b5998; } .social-share i.fa-twitter:hover { color: #1da1f2; } .social-share i.fa-pinterest:hover { color: #bd081c; } .social-share i.fa-google-plus-square:hover { color: #d6492e; } .social-share i.fa-vimeo:hover { color: #1ab7ea; } .social-share i.fa-instagram:hover { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #fbbc5f, #e84355, #cc1f9f, #6738e0); } .social-share i.fa-envelope:hover { color: grey; } .blank-infos{ font-family: 'Helvetica', Arial; font-size: 12px; text-transform: uppercase; color:#000; text-decoration: none; display:block; width: 100%; margin-top:30px; text-decoration:underline; } .product_asso, .switch-size { width:100%; display: inline-block; margin-top:40px; } .product_asso>h2, .switch-size>h2 { padding: 5px 0; margin:30px 0; text-align:center; position:relative; text-transform:uppercase; font-size:.8em; letter-spacing:2px; } .product_asso>h2 span, .switch-size>h2 span { display: inline-block; padding: 10px 15px; width: 240px; text-align: center; background:#fff; border:1px solid #fff; z-index:1; font-family: 'Helvetica', Arial; } .product_asso>h2 hr, .switch-size>h2 hr { border:none; height:1px; position:absolute; width:100%; top:17px; background:#000; z-index:-1; } .product_asso div.produits-consultes a img, .switch-size .produits-switch-size a img { width:100%; } .product_looks { width:240px; display: inline-block; margin-right:13px; border:0px solid #eee; margin-bottom: 9px; } .product-look:nth-child(5) { margin-right:0px; border:0px solid #eee; } .look .designation { display:none; } .look a.link { text-align: center;display: block;margin-bottom: 5px;color:#000; } .product-look .look-product { width: 76px;float:left; } .product-look .look-product .designation, .product-look .look-product .couleur, .product-look .look-product .link { display:none; } .produits-consultes, .produits-switch-size { width:150px; display: inline-block;margin-right:13px; border:0px solid #eee;margin-bottom: 9px; } .produits-consultes:nth-child(5), .produits-switch-size:nth-child(5) { margin-right:0px; border:0px solid #eee; } #product_detail { position: relative; padding: 30px; margin-left: 10px; /*background-color: #f0f0f0; */ background : #e5e5e5;} #product_detail select { width:65%; margin-left:0; font-size: 12px; } .module_social-share {float: right;} #services_right .accordeon .ui-widget-content { border: 0px; border-top: 1px solid #ccc; background: #eee; color: #666; text-align: justify; font-size:1.2em; height:auto !important; } .ui-accordion-header { cursor: pointer; } .accordeon2 .ui-state-default.ui-accordion-header-active.ui-state-active, #services_right .accordeon .ui-state-default.ui-accordion-header-active.ui-state-active { border-bottom: none; } .accordeon2 .ui-state-default, .accordeon2 .ui-state-active { border: 0px ; font-weight: normal; background: #fff; font-size:1em; text-transform:uppercase; } .accordeon2 .ui-widget-content, #services_right .accordeon .ui-widget-content { border: 0px; background: #eee; color: #666; text-align: justify; font-size:1.2em; height:auto !important; } .ui-widget { background: #fff; height: auto; background:white; border-radius:3px; padding:3px; } .ui-widget-header { background-color: #000; } .ui-slider .ui-slider-handle { width: 18px; height: 18px; } /* ------------------------ FIN PAGE PRODUIT ------------------------ */ /* ------------------------ PAGE PANIER ------------------------ */ .table td, .table th { vertical-align: middle!important; } .module_cart_content2 { background-color: #fff; min-width: 260px; } .module_cart_content2 table { margin-top:0; margin-bottom:0;} .content-cart { clear:both; width:100%; margin:20px 0 5px 0; } td.cart_quantity form { display: inline; } input.cart_minus, input.cart_plus { width: 10px; } span.cart_quantity { border: 1px solid #b3b3b3; padding: 3px 12px; margin: 0 7px; } td.cart_designation p.barcode { font-size: 12px; } .intro-total-cart { padding:10px 0 10px 0; font-size:11px; color:#555; text-transform:uppercase; text-align:center; display:none; } .produits-non-dispos { margin-bottom:15px; font-size:11px; color:#f33; text-transform:uppercase; padding-left:17px; background:url(../img/puce-non-dispo.gif) 0 1px no-repeat; } .coupons-reduction, .giftcard-reduction { color:#555555; font-size:10px; text-align:right; text-transform:uppercase; display:block; margin-bottom:30px; } .coupons-reduction span { text-transform:uppercase; } span.avoirs-valides { font-size: 11px; color: #1f5190; padding-left: 41%; } .coupons-reduction input.form-control, .giftcard-reduction input.form-control { display: inline-block!important; height: 30px!important; margin-right: 30px; border : none; border-bottom : 1px solid #000; border-radius : 0px;} .coupons-reduction input[placeholder], .giftcard-reduction input[placeholder] { font-size: 12px; } .coupons-reduction input.valide-coupon, .giftcard-reduction input.valide-coupon { height: 30px; background: #333; color:#fff; border: none; cursor: pointer; font-size: 13px; text-transform: uppercase; display: inline-block; width : 100%;} div.coupons-reduction .row, div.giftcard-reduction .row { justify-content: flex-end; } div.coupons-reduction div.encart-coupon, div.giftcard-reduction div.encart-giftcard { visibility: hidden; display:none ;margin: auto; } div.coupons-reduction div.encart-coupon span, div.giftcard-reduction div.encart-giftcard span { text-transform: none; font-size: 14px; font-weight: bold; } #frais_port_panier { display:none; clear:both; padding:10px 10px 10px 0px; font-size:11px; color:#555; text-align:right; text-transform:uppercase; /*background:url(../images/shipping-c.png) no-repeat left center;*/ } .cart_content_delete { position:relative; } a.cart_delete_link { color:#000; font-size:20px; width:20px; height:20px; } a.cart_delete_link:hover { color:#bf3232; } .cart_content {width: 100%;color: #000;border-collapse: collapse;margin: 0 auto;} .etapes-panier {width: 100%; border-left: 1px #fff solid;} .etapes-panier .active{background : #e8c547; border-bottom: 2px solid #bf9600;} .etapes-panier li { display: inline-block;padding: 10px;text-transform: uppercase;width: 25%;border-bottom: 2px solid #000;font-weight: bold;} .encart-panier { margin-top: 50px; font-weight: bold;} .cart_total_line .cart_designation { text-align : right;} .coupons-reduction .input-text, .giftcard-reduction .input-text{ height : 40px; border : none; border-bottom : 1px solid #000;} .coupons-reduction, .giftcard-reduction { margin-top : 20px;} .bt-continuer-commande {border : 1px solid #e8c547;background: #e8c547; float : left; position: relative; font-size : 13px;font-weight: normal; transition:all 0.2s ease;} .bt-valider-commande, .bt-shipping-address input { background: #3c5a98;color: #fff; float : right; position: relative; border : 1px solid #3c5a98; font-size : 13px;font-weight: normal;} .bt-shipping-address input { padding: 8px;cursor:pointer; } .bt-continuer-commande a, .bt-valider-commande a { display:block;color: #fff;text-decoration :none;padding : 8px; } .bt-valider-commande:hover, .bt-shipping-address input:hover {background : #fff;color : #3c5a98;} .bt-valider-commande:hover a {color : #3c5a98;} .bt-continuer-commande:hover {background : #fff;color : #e8c547;} .bt-continuer-commande:hover a{color : #e8c547;} .bt-valider-commande a:hover { text-decoration :none;} /*.bt-continuer-commande::before, .bt-valider-commande::before { content: "";position: absolute;right: 0;left: 100%;bottom: 0;background: -moz-linear-gradient(left, #9e9e9e 0%, #333 100%);background: -webkit-linear-gradient(left, #9e9e9e 0%,#333333 100%); background: linear-gradient(to right, #00f7ff 0%,#00ff6a 45%,#00f7ff 100%);height: 2px;transition-property: left;transition-duration: 0.3s;transition-timing-function: ease-out;} .bt-continuer-commande:hover::before, .bt-valider-commande:hover::before { left : 0;}*/ /*===================================================================*/ /*==================== BOUTON COMMANDE VALIDE =======================*/ /*===================================================================*/ .boutons-commandes { margin-bottom: 90px; margin-top: 25px; width: 100%; } .boutons-commandes-congrat { margin-bottom: 25px; margin-top: 25px; width: 100%; } a.bt-valider-commande { background: #3c5a98; color: #fff; padding: 10px; cursor: pointer; display: block; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: none; } a.bt-valider-commande::before { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; background: -moz-linear-gradient(left, #8bb676 0%, #6d8f5d 45%, #6d8f5d 100%); background: -webkit-linear-gradient(left, #8bb676 0%,#6d8f5d 45%,#6d8f5d 100%); background: linear-gradient(to right, #00f7ff 0%,#00ff6a 45%,#00f7ff 100%); height: 2px; transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; } a.bt-valider-commande:hover::before, a.bt-valider-commande:focus::before, a.bt-valider-commande:active::before { right: 0; } a.bt-continuer-commande { color: #fff; height: 40px; line-height: 40px; cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: none; margin-left: 5px; } /*a.bt-continuer-commande::before { content: ""; position: absolute; right: 0; left: 100%; bottom: 0; background: -moz-linear-gradient(left, #9e9e9e 0%, #333333 100%); background: -webkit-linear-gradient(left, #9e9e9e 0%,#333333 100%); background: linear-gradient(to right, #9e9e9e 0%,#333333 100%); height: 1px; transition-property: left; transition-duration: 0.3s; transition-timing-function: ease-out; }*/ a.bt-continuer-commande:hover::before, a.bt-continuer-commande:focus::before, a.bt-continuer-commande:active::before { left: 0; } .content-cart .panier-vide { padding: 100px 0; margin: 30px 0 80px 0; border: 1px solid #d7d7d7; } .content-cart .panier-vide i { color: #d2d2d2; font-size: 50px; margin-bottom: 40px; } .content-cart .panier-vide h1 { font-size: 16px; } #mailstock_fairedemande { line-height: 22px; } .button-submit { background: #000; border: 1px solid #000; color: #FDFDFD; cursor: pointer; font-size: 13px; margin: 15px 0; text-align: center; text-transform: uppercase; padding: 0 10px; text-decoration: none; } .module_cart_content table, .module_cart_content2 table { color: #333; font-size: 14px; } p.name { font-weight: bold!important; } div.voir-panier-menu { background-color: #fff; margin-top: 20px; } a.btn-voir-panier { transition: all 0.2s ease; display: inline-block; cursor:pointer; background:#3c5a98; text-align:center; border:1px solid #3c5a98; color:#fff; text-transform:uppercase; font-size: 13px; padding: 13px 10px; width: 100%; } a.btn-voir-panier:hover { background:#fff; color:#3c5a98; text-decoration: none; } /* ------------------------ FIN PAGE PANIER ------------------------ */ /* ------------------------ LOGIN ------------------------ */ .login table { width:100%;} .login { width:100%; background: #fff;} .login .intro { font-size:13px; color:#555; height:50px; line-height:20px; } .encart-global-login { font-size: 13px; color: #727272; } .etape-panier-login { display: none; } #other-infos { display: none; width:100%; margin-bottom:0; } #other-infos input { height: 32px; } #other-infos input#signupeur { height: 47px; } #other-infos input[type=checkbox] { height: 12px; } #other-infos .form-check-inline label, .billing-infos .form-check-inline label{ margin-right: 10px !important; } #other-infos input[type=radio], .billing-infos input[type=radio] { height: 15px; width: 15px; } .billing-infos input[type=radio] { margin-bottom: 8px !important; } #other-infos select { font-size: 12px; } #other-infos .text-left { padding-bottom: 5px; } #encart-login-email input, #encart-login-mdp input { height: 32px; } .content-login { background: #f5f5f5; border: 2px solid #fff; display:inline-block; vertical-align:top; height:450px; padding-top:50px; position:relative; } .content-login:nth-child(2) { height:auto; min-height:416px; } .content-login h1 { color: #727272; display:block; text-align:center; font-size:22px; text-transform: uppercase; margin-bottom:50px; } .content-login h2 { color: #727272; display:block; text-align:center; font-size:18px; text-transform: uppercase; } .content-login label[for="livraison"] { margin: 0 auto; } .content-login label[for="livraison"] input { width: 6%; } .content-login label input { width: 100%; } .mdp-forgoten { display:none; } .have-account { position:absolute; width:100%; } .have-account h2, .mdp-forgoten h2, .have-no-account h2:nth-child(1) { margin-bottom:40px; margin-top: -25px!important; } .login_identification { padding: 15px 30px 15px 30px!important; } .encart-elforgoter { margin: 30px 0!important; } a.elforgoter { color: #666; } a.elforgoter:hover { color: #666; } .content-login label { display:block; text-align:left; margin:10px 0!important; color: #1d1d1d; } .have-no-account label, .have-no-account input, .have-no-account select, .have-no-account textarea { margin:5px 0!important; } .texts-error { text-align: center; width: 85%; } p.champs-obligatoires { text-align:center; } p.observations-titre { width: 72%; text-align: center; margin-bottom: 10px; } #accroche_account { width:80%; height:90px; margin:0 auto; background:rgba(255,255,255,.7); } #accroche_account p { text-align:center; font-size: 1.3em; padding-top: 8px; } .encart-login-email, .encart-login-mdp { margin: 15px 0!important; } .encart-login-mdp form { padding: 15px!important; } .encart-btn-identification { margin: 15px 0!important; } #header .isLeft input { vertical-align:top; } select { width:52.5%; /*margin-left:15px;*/ } textarea { border: 1px solid #d4d4d4; width: calc(100% - 105px); height: 50px; } #signupeur { text-align:right; height:47px; } #newADDR { width:100%; margin-bottom:20px; } .bt-creer-compte-2 { width:100%; margin-top: 5px; text-align:right; } .submit, .button-submit, form.adrLivraison input.Button { border: 1px solid #3c5a98; background-color: #3c5a98; font-weight:bold;color: #fff; cursor: pointer; font-size: 12px; text-decoration: none; text-transform: uppercase; padding: 15px; transition: .2s; } .button-submit:hover { background-color: #fff; color: #3c5a98; } /* ------------------------ FIN LOGIN ------------------------ */ /* ------------------------ LIGNE ETAPES ------------------------ */ /* ------------------------ Etapes compte ------------------------ */ .rubriques-etapes-compte { width: 100%; border: none; line-height: 30px; padding: 10px; cursor: pointer; font-weight: bold; color: #333; background-color: #fff; border: 1px solid #929292; } .etapes-compte .etape { border: 1px solid #3c5a98; margin-bottom: 10px; line-height: 30px; } .etapes-compte i { font-size: 24px; color: #3c5a98; margin-right: 10px; } .etapes-compte a { padding: 10px; color: #3c5a98; text-decoration: none; font-size: 13px; display:block; width:100%; height:100%; text-transform: uppercase; } .etapes-compte .valid { background: #333; color: #fff; } .etapes-compte .valid a { background: #3c5a98; color: #fff; } .etapes-compte .valid i { color: #fff; } .etapes-compte a[href]:hover { background: #3c5a98; color:#fff; } .etapes-compte .etape:hover i { color:#fff; } .etapes-compte .valid a:hover { text-decoration: none;color: #fff } .etapes-compte div:last-child a:hover { background: #a8a8a8!important;color:#fff!important; } /* ------------------------ ETAPES PANIER ------------------------ */ .etapes-panier { text-align:center; margin: 25px auto; } .etapes-panier > div::after { content: ""; position: absolute; display: block; top: 25px; height: 0; width: 70%; border-bottom: 1px solid #cbcbcb; right: -35%; z-index: -1; } .etapes-panier > div:last-child::after { display:none; } .etapes-panier a { color:#000; font-size: 12px; } .etapes-panier a:hover { text-decoration: none; } .etapes-panier div.button-circle { width:50px; height:50px;background-color:#cbcbcb; margin: 0 auto; position:relative; border-radius: 50%; border: 3px solid #fff; box-shadow: 0px 0px 1px 1px #cbcbcb; } .etapes-panier .active div.button-circle { background-color:#fb7a95; } .etapes-panier a[href]:hover div.button-circle { background-color:#fb7a95; } .etapes-panier div.button-circle span { position:absolute; width:100%; top:50%; left:0; transform:translateY(-50%); color:#fff; } div.etapes-panier p { margin-top: 8px; } /* ------------------------ FIN ETAPES ------------------------ */ .module_order_payment input { width: 100%;box-shadow: 0px 0px 0px 1px #e6e6e6;border-radius: 4px;padding: 10px; transition: box-shadow 0.5s ease-in-out; } .module_order_payment input:hover { box-shadow: 0px 0px 20px 3px #e6e6e6; transition: box-shadow 0.5s ease-in-out; } .module_order_payment h4.chapitre { display: none;} .content-cart-paiement { margin:0 auto; padding:20px 0; color:#555; width:610px; color: #000; font-size: 12px; } .content-cart-paiement .stitre { color: #000;font-size: 15px;text-transform: uppercase;width: 600px;margin: 0 auto 20px auto; } .content-cart-paiement .degrade-stitre { font-size:12px; margin-top: 35px; } .stitre { font-size:13px; text-transform:uppercase; color:#333; } .content-cart-paiement .degrade-tab { margin-bottom: 30px; } .order_content { width: 100%;margin: 20px auto; font-size: 13px; color:#333; text-transform:uppercase; background: #f5f5f5; } .addrFacturation { margin-bottom: 15px; } .ssl { font-size:14px; margin-bottom: 20px; } table { border-collapse:collapse;margin-top:10px; margin-bottom:10px; } .order_content td { padding:10px 0; text-align: right; } .order_content td.order_price { font-size:16px;text-align: right;padding-right: 45px; } .order_content .total_a_payer td.order_price { font-weight: bold; } .adresseC p { text-align: center; } .adresseC img { width: 150px; } .cgv_accepted p { font-size: 12px; } .module_acceptCGV { text-align: right;font-size:14px; } .module_acceptCGV input { margin-right: 10px; } .module_acceptCGV a { color: #000; text-decoration: underline; } .content-my-account .adresse .adresse_buttons a.suppr { display:block; } /* ------------------------BREADCRUMB------------------------ */ #breadcrumb { z-index: 100; margin: 10px 0; display: inline-block; } .breadcrumb { font-size: 13px;color:#000; padding:5px 0!important; background:#fff!important; display:inline!important; } .breadcrumb > div { text-align: center!important; } .module_breadcrumb { text-align: left; } .breadcrumb a, .breadcrumb a h1 { color: #a7a7a7; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: normal; margin: 0 7px; } .breadcrumb a h1 { display:inline; font-size:11px !important; } .breadcrumb a.separator3 { padding: 0;margin: 0 6px;margin: 0 5px 0 4px; } .breadcrumb a:hover { text-decoration: none;color: #000; } /* ------------------------FIN BREADCRUMB------------------------ */ .catalogue_header { display:flex; width: 100%; margin-bottom:10px; padding-right: 5px; padding-left: 5px; } .catalogue_footer { display: flex; justify-content: end; } .pagination-footer { margin: 30px 0 20px 0; } .order_catalogue{float: right;} .order_catalogue > a {text-decoration: none; color: grey; padding: 8px; font-size: 13px; display: inline-block; border: 1px solid #ccc; } .order_catalogue > a:hover { border: 1px solid #9c9c9c; } .pages_navigation { font-size: 12px; text-align: right; } .pages_navigation a { padding-top: 8px; width:35px; height:35px; color: #3c5a98; text-decoration:none; text-align:center; font-size:13px; } .pages_navigation a.default { width: 25px; } .pages_navigation a:hover { color: #333; border: 1px solid #9c9c9c; } .pages_navigation .current_color { color: #333; border: 1px solid #ccc; } .pages_navigation.desktop a.desktop { display: inline-block!important; } .pages_navigation.desktop a.mobile { display: none !important; } .nbr_prod_catalogue { color: #444; float: left; padding-top: 6px; font-size: 12px; text-transform: uppercase; } .nbr_prod_catalogue a { color: #444; text-decoration: none; padding: 5px 8px 5px 5px; font-size: 13px; } .nbr_prod_catalogue a:nth-child(1) { padding: 5px 8px 5px 0; } .nbr_prod_catalogue a.noBG { background: 0 none; } .nbr_prod_catalogue a:hover { text-decoration:underline; } .nbr_prod_catalogue .actif { color:#000;text-decoration:underline; } /*--- boutiques---*/ .boutique-list { font-size: 17px; margin-top: 70px; } .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled { font-size: 0.97em; } .list-unstyled strong { font-weight: 500 !important;font-size: 18px; } ul.list-unstyled li a.pull-right { font-weight: 500 !important; } #map-canvas { height: 100%;width: 100%; } .googlemap { margin-top:140px;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .googlemap .ui-dialog-titlebar { display:none; } .googlemap , .googlemap .ui-widget-content { padding:0 !important;background: transparent; } .ui-widget-overlay { background: #000 !important; opacity: .5 !important; filter: Alpha(Opacity=60) !important; } /*---------------------------- footer ) ----------------------------*/ #footer { font-size: 12px; height: 28px; width: 1000px; margin: 10px auto 10px auto; } #footer ul { list-style-type: none; } #footer li { margin-right: 20px; text-transform: uppercase; } #footer li a { outline: none; text-decoration: none; color: black; } #socialBtn { float: right; padding-top: 2px; } #socialBtn li { display: inline; line-height: 24px; margin: 0 0 0 4px; } #socialBtn li a { display: block; height: 24px; margin-left: 15px; } #supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../img/progress.gif) no-repeat center center; display: none; } /* ------------------------ COMPTE ------------------------ */ .order_step { clear:both; vertical-align:top; margin-top:60px; } .order_step li { font-size:13px; margin-bottom: 4px; list-style: none; text-align:center;} .order_step li a { color:#000; text-decoration:none; padding-left: 0; line-height:20px; font-size:15px; } .order_step li a:hover { text-decoration:underline;} .content-account { color:#000; text-align:center;width:100%; } .con-tent-account input { background:#000; border:1px solid #000; color:#FFF; padding:2px 10px; text-transform:uppercase; float: right; cursor: pointer; } .content-account input.updatebilling { margin-left: 30px; } .content-account a { color: #FFF; } .content-account table { text-align: left; } .content-account table input { width:200px;} .content-account table.billing-infos { font-family: 'Helvetica', Arial; font-size: 11px; color: #000; text-transform: uppercase; margin: 20px auto; } .content-account table.billing-infos input { width:95%; } .content-account table.billing-infos select { width:99%; } .content-account table.billing-infos .submit { width:200px;padding:5px 20px;line-height: 18px; font-family: 'Helvetica', Arial; } .content-account table select { width:200px;} .content-shipping-addr .adresse { background: #fff; } .liste-livraison { margin-top: 15px; border: 1px solid #e2e2e2; padding: 10px 0; } .bt-shipping-address { margin-top: 15px; text-align: right; } .liste-livraison .form-check-input { position: static !important; margin-top: 0 !important; margin-left: 0 !important; } .content-my-account .adresse { height:190px;margin-bottom: 50px; } .content-my-account table input.createshippingaddress { background: #000; } .content-my-account .titre-rubrique { font-size:15px; font-weight: bold; height:20px; clear:both; float: left; margin-top:10px; } .content-my-account .titre-rubrique span { display:inline; } .content-my-account .degrade.tab { background-position: left 20px; } .content-my-account .tab td { font-size:12px; padding: 5px 0 9px 0; } .content-my-account .tab .titres td { font-size:15px; font-weight: bold; repeat-x; height:20px; padding: 0; } .content-my-account .orange { color :#1f5190 } .shippBtn { float: left;width: 48%;margin: 15px 1% !important; } .title_account_shipping { float:left; margin-top:10px; color: #555; font-size: 18px; } .ui-widget { height: auto; } .ui-draggable .ui-dialog-titlebar { display: none; font-family: 'Helvetica', Arial; height: auto; } /* ------------------------ NEW COMPTE ------------------------ */ div.mon-compte .titre-page { background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.mon-compte .encart-infos-compte { padding: 30px 15px; border: 1px solid #e2e2e2; } div.mon-compte .encart-infos-compte span.infos-compte-nom { font-weight: bold; color: #333; } div.mon-compte button { padding:5px 0; } div.mon-compte .btn { font-size: inherit!important; } div.mon-compte button a { color: grey; } div.mon-compte button a:hover { text-decoration: none; } div.mon-compte i.fa-edit { color: grey; margin-right: 5px; } div.mon-compte i.fa-gift { margin-right: 5px; } div.mon-compte div.btn-mdp, div.mon-compte div.btn-email { text-decoration: none; background: #e8c547; border: 1px solid #e8c547; cursor: pointer; display: inline-block; padding: 10px!important; transition : all 0.2s ease;} div.mon-compte div.btn-mdp i, div.mon-compte div.btn-email i { color: #fff!important; } div.mon-compte div.btn-mdp a, div.mon-compte div.btn-email a { color: #fff!important; font-size: 12px; text-transform: uppercase; padding: 10px!important; } div.mon-compte div.btn-mdp:hover, div.mon-compte div.btn-email:hover { background: #fff; color: #e8c547!important;} div.mon-compte div.btn-mdp:hover *, div.mon-compte div.btn-email:hover * { color: #e8c547!important;} div.mon-compte div.btn-mdp a:hover, div.mon-compte div.btn-email a:hover { text-decoration: none; } div.mon-compte div.btn-coupon { text-decoration: none; background: #3c5a98; border: 1px solid #3c5a98; position: absolute; top: 83px; right: 35px;cursor: pointer; display: inline-block; padding: 10px!important; transition : all 0.2s ease;} div.mon-compte div.btn-coupon a { color: #fff!important; font-size: 12px; text-transform: uppercase; padding: 10px!important;} div.mon-compte div.btn-coupon:hover { background: #fff; color: #3c5a98!important;} div.mon-compte div.btn-coupon:hover * { color: #3c5a98!important;} div.mon-compte div.btn-coupon a:hover { text-decoration: none;} /* ------------------------ FIN COMPTE ------------------------ */ /* ------------------------ MOT DE PASSE ------------------------ */ div.mon-compte .change-password { font-size: 14px; } div.mon-compte .change-password form input { font-size: 12px; height: 32px; margin: 5px 0 20px 0; } div.mon-compte .change-password form input.valid-mdp { background: #e8c547; color: #fff; font-size: 13px; cursor: pointer; text-align: center; text-transform: uppercase; height: 44px!important; padding: 0 20px; border: 1px solid #fff; } div.mon-compte .change-password form input.valid-mdp:hover { background: #fff; color: #e8c547; border: 1px solid #e8c547; } /* ------------------------ FIN MOT DE PASSE ------------------------ */ /* ------------------------ ADRESSE COMPTE ------------------------ */ .module_my_account_shipping_address { width: 100%; } div.mon-compte .fa-map-marker-alt { color: #333; font-size: 15px; margin-right: 10px; } div.mon-compte .adresse p.adrlivraison { display: inline; } div.mon-compte .adresse p.ville, div.mon-compte .adresse p.pays { text-transform: uppercase; display: inline;} div.mon-compte .titre-adresse { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.mon-compte .titre-adresse-fact { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.mon-compte .titre-adresse2, div.shipping .titre-adresse2 { font-size: 14px; background: #fff; color: #333; padding: 10px; margin: 30px 0; } div.mon-compte .titre-adresse2 input, div.shipping .titre-adresse2 input { border: none; background: #fff; color: #333; cursor: pointer; text-align: left; } div.mon-compte #add-address { display: none; margin-bottom: 40px; } div.mon-compte #edit-address { margin-top: 30px; } div.mon-compte #add-address input, div.mon-compte #add-address select, div.mon-compte #edit-address input, div.mon-compte #edit-address select { height: 32px; margin: 5px 0 15px 0; } div.mon-compte #add-address span, div.mon-compte #edit-address span { font-size: 14px; } div.mon-compte #add-address input[placeholder], div.mon-compte #add-address select, div.mon-compte #add-address input, div.mon-compte #edit-address input[placeholder], div.mon-compte #edit-address select, div.mon-compte #edit-address input { font-size: 12px; } div.mon-compte #btn-ajout-adresse { background: #000; color: #fff; font-size: 13px; cursor: pointer; text-align: center; text-transform: uppercase; height: 44px!important; padding: 0 10px; margin: 30px 0; border: 1px solid #fff; } div.mon-compte #btn-ajout-adresse:hover { background: #fff; color: #000; border: 1px solid #000; } div.mon-compte .adresse { position: relative; padding: 10px 30px; height: 215px; border: 1px solid #e2e2e2; border-top: none; font-size: 14px; } div.mon-compte .adresse:nth-child(1) { border-top: 1px solid #e2e2e2; } div.mon-compte .adresse:nth-child(2) { border-top: 1px solid #e2e2e2; } div.mon-compte .adresse:nth-child(2n) { border-left: none;} div.mon-compte .adresse_buttons { margin-top: 30px; position: absolute; bottom: 15px; } div.mon-compte .adresse_buttons .edit { color: #333; padding-right: 15px; } div.mon-compte .adresse_buttons .suppr { color: #333; } div.mon-compte .adresse_buttons a.suppr:hover { color: #bf3232; text-decoration: none!important; } div.mon-compte .adresse_buttons a.edit:hover { color: #bcbcbc; text-decoration: none!important; } i.fa-trash-alt { color: grey; margin-right: 5px; } i.fa-trash-alt:hover { color: #bf3232; } .adresse p { color: #000;margin: 5px 0; } .adresse p.adrlivraison { margin-bottom: 20px; font-weight: bold; color: #333; } .adresse p.title { display:none; } /* ------------------------ FIN ADRESSE COMPTE ------------------------ */ /* ------------------------ COMMANDE COMPTE ------------------------ */ div.mon-compte .titre-commande { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.module_my_account_tracking { border: 1px solid #e2e2e2; } div.module_my_account_tracking div.encart-commande { padding: 20px 30px; color: #333; font-size: 14px; border-bottom: 1px solid #e2e2e2; } div.module_my_account_tracking div.encart-commande:last-child { border-bottom: none; } div.module_my_account_tracking div.encart-commande .date { color: #fb7a95; font-weight: bold; } div.module_my_account_tracking div.encart-commande span { font-weight: bold; } div.module_my_account_tracking div.encart-commande p.contenu-vente { font-weight: bold; } /* ------------------------ FIN COMMANDE COMPTE ------------------------ */ /* ------------------------ ADRESSE SHIPPING ------------------------ */ div.shipping .titre-shipping{ font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; margin-top: 20px!important; } .addrConteneur-editor .adresse, div.shipping .module_billing_recap .adresse, div.shipping .module_billing_recap_order .adresse { padding: 10px 30px; height: 215px; border: 1px solid #e2e2e2; font-size: 14px; position: relative; } div.shipping .fa-map-marker-alt { color: #333; font-size: 15px; margin-right: 10px; } div.shipping p.adrlivraison { display: inline; } .adresse_buttons { margin-top: 15px; } div.shipping div.adresse_buttons a { color: #333; padding-right: 15px; } div.shipping div.adresse_buttons a:hover { color: #bcbcbc; text-decoration: none; } div.shipping .adresse_buttons a.suppr:hover { color: #bf3232; text-decoration: none!important; } div.shipping i.fa-edit { color: grey; margin-right: 5px; } div.shipping div.adresse_buttons i.fa-plus { color: grey; margin-right: 5px; } /*.bt-shipping-address input { background: #000;font-size: 13px; padding: 12px 10px; margin:0 auto; }*/ .bt-shipping-address input:hover { background: #fff; color: #000; } .shipping_address select { margin-left:0; } a.retour-shipping { font-size: 13px; padding: 10px 15px; text-transform: uppercase; background-color: #333; border: 1px solid #333; color: #fff; border-radius: 2px; cursor: pointer; float: right; transition: 0.2s; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); } a.retour-shipping:hover { background-color: #fff; color: #333; text-decoration: none; } .liste-livraison h3 { margin:20px 0 15px 0; } .liste-livraison h4 { display:none; } .liste-livraison .prix { margin-bottom: 5px; } /* ------------------------ ETAPE DE MODIFICATION ADRESSE SHIPPING ------------------------ */ div.shipping p.ville, div.shipping p.pays { display: inline; } div.shipping .encart_adresse_buttons { margin-top: 30px; position: absolute; bottom: 15px; left: 0; width: 100%; padding: 0 30px; } div.shipping div.encart_adresse_buttons div.adresse_buttons { margin-bottom: 20px; } div.shipping .adresse .adresse_select_button form { background: #cbcbcb; width: 100%; } div.shipping .adresse .adresse_select_button input { border: 1px solid #cbcbcb; background: #cbcbcb; color: #fff; padding: 3px; cursor: pointer; display: block; width: 100%; } div.shipping .adresse .adresse_select_button input:hover { background: #c1c1c1; } div.shipping .adressebis { height: 230px; } .module_shipping_adress { margin-top: 40px; } .module_shipping_adress form.adrLivraison input, .module_shipping_adress form.adrLivraison select { height: 32px; margin: 4px 0 14px 0; font-size: 12px; } .module_shipping_adress form.adrLivraison span, .module_shipping_adress form.adrLivraison label { font-size: 14px; } .module_shipping:hover {background-color: #f0f0f0;cursor: pointer;} .module_shipping.radioselect {background-color: #f0f0f0;} input.button-adr, button.button-adr { background-color: #000; border: 1px solid #333; color: #fff; cursor: pointer; font-size: 12px; text-decoration: none; text-transform: uppercase; padding: 15px!important; transition: .2s; height: 44px!important; margin-right: 10px; } input.button-adr:hover, button.button-adr:hover { border: 1px solid #333; background-color: #fff; color: #000; } .linkAddrLivr a { background: #333;color:#fff;padding:10px;text-decoration: none; font-size: 16px; display: block; width: 100%; margin-top: 30px; } #add-address-livr { display: none; } div.shipping .addrConteneur-editor .adresse { border: 1px solid #e2e2e2; border-top: none; } div.shipping .addrConteneur-editor .adresse:nth-child(1) { border-top: 1px solid #e2e2e2; } div.shipping .addrConteneur-editor .adresse:nth-child(2) { border-top: 1px solid #e2e2e2; } div.shipping .addrConteneur-editor .adresse:nth-child(2n) { border-left: none; } /* ------------------------ FIN ADRESSE SHIPPING ------------------------ */ /* ------------------------ ADRESSE BILLING ------------------------ */ div.mon-compte .adresse-fact { height: 180px!important; } div.mon-compte div.adresse_buttons-modif-fact { position: absolute; bottom: 15px; } div.mon-compte div.adresse_buttons-modif-fact input { border: none; background: transparent; cursor: pointer; } div.mon-compte div.adresse_buttons-modif-fact input:hover { color: #bcbcbc; } div.mon-compte .modif-adresse-fact { display: none!important; } div.mon-compte form.adresse_factu input, div.mon-compte form.adresse_factu select { height: 32px; font-size: 12px; margin: 5px 0 15px 0; } div.mon-compte form.adresse_factu span, div.mon-compte form.adresse_factu label { font-size: 14px; } div a.bt-billing-address { font-size: 13px; padding: 12px 10px; background: #000; color: #fff; text-transform: uppercase; border: 1px solid #000; margin-top: 15px; display: inline-block; margin: 15px 0; } div a.bt-billing-address:hover { text-decoration: none; border: 1px solid #000; background: #fff; color: #000; transition: .2s; } /* ------------------------ FIN ADRESSE BILLING ------------------------ */ .order_cart_content { padding: 10px 30px; border: 1px solid #e2e2e2; font-size: 14px; margin-bottom: 15px; } /* ------------------------ BOUTIQUE ------------------------ */ .title_boutique { margin: 44px 0 16px 0; font-size: 16px; background-color: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } .boutique-content { height: 65vh; overflow: hidden; box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.3); } .groupe-boutique { background-color: #000; color: #fff; padding: 10px; margin-right: 10px; font-size: 15px; } .groupe-boutique i { margin-right: 10px; } .encart-boutique-item { position: relative; margin: 20px 10px 20px 0; padding: 30px 10px; font-size: 13px; border: 1px solid #ccc; height: 200px; } .nom-point-vente { display: inline-block; font-size: 16px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .tel-boutique { font-weight: bold; } .boutique_selected { border: 1px solid #ccc; background-color: #f5f5f5; box-shadow: 0 7px 17px -1px rgba(0,0,0,0.2); } .boutique-content .mCSB_inside > .mCSB_container {margin-right: 10px!important;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /***************** Nous contacter start***************************/ .nouscontacter { margin:20px 0 50px 0; } .nouscontacter .formulaire { width:400px; display:inline-block; vertical-align:top; margin-right:50px; } .nouscontacter .formulaire h2 { margin:0px 0 10px 0; font-size:1.5em; width:100%; } .nouscontacter .formulaire input[type=text], .nouscontacter .formulaire input[type=password], .nouscontacter .formulaire select, .nouscontacter .formulaire .form-textbox { margin:0; padding:0; height:inherit; padding:2%; width:96%; } .nouscontacter .formulaire textarea { width:96%; padding:2%; } .nouscontacter .formulaire > div { display:inline-block; margin:10px 0; width:100%; } .nouscontacter > div label { display: block; padding-bottom:5px; } .nouscontacter .formulaire .button-submit { display:inline-block; margin:0; } .newsLImg { float:right; width:500px; } .nouscontacter .contact-img { display:inline-block; padding-left:50px; border-left:1px solid rgba(0,0,0,.2); vertical-align:top; } .nouscontacter #submitMessage { float:right; } /***************** Nous contacter end***************************/ .adresseProvisoire { font-size:10px; padding:5px 0px 5px 0px; border: 1px solid rgba(0,0,0,.2); display:block; margin: 10px; } .noAdresseProvisoire { display:block; margin: 10px; padding:4px 0px; } .switch_color_cont { clear: both; w-idth: 100%; h-eight: 150px; } /* ---- tab page produit --- */ #onglets { height:130px; width:100%; } #onglets .ls-nav { overflow:initial; } #onglets .ls-nav a:hover { background: #f2f2f2; color: #333333; text-shadow: none; } #onglets .liquid-slider { background: #fff; border-top :1px #d8d8d8 solid; margin-top: -2px; z-index: -1; } #onglets .ls-nav ul li a { display: block; float: left; text-decoration: none; } #onglets .ls-nav a { border:1px #fff solid; border-bottom:1px #d8d8d8 solid; background: #fff; color: #333333; margin-right: 1px; padding: 10px 15px; outline: 0; font-size:12px; } #onglets .ls-nav .current { border :1px #d8d8d8 solid; border-bottom :none; } #onglets .panel-wrapper { padding: 15px 15px; } /* ------------------------ NAVIGATION ------------------------ */ .cart-menu { min-height: 0; max-height: 0px; overflow:hidden; transition: max-height 0.7s; cursor: pointer; position: absolute; right: 0; z-index:10000!important; } .cart-menu-open { max-height: 90vh; transition: max-height 0.7s; box-shadow: 0 10px 18px 2px rgba(0,0,0,0.2); } .content { min-height: 30vh; max-height: 65vh; } .cart-menu .cart_price { text-align: right; } .cart-menu .cart_total_line { display: flex; justify-content: space-between; } .module_cart_content2 .cart_total { text-align: right; } #search_box { text-align: right; padding-top: 40px; } #search_query, #search_query_mobile { font-size: 14px; width: 80%; max-width: 250px; border-radius: .25rem 0 0 .25rem; } .slide { width: 140px!important; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #nav-principal form .boutonrecherche { color: #000; border: none; background: none; text-transform: uppercase; padding-right: 0px; font-size: 12px; font-weight: normal; cursor:pointer; outline:none; padding-left: 0px; height: 32px; } .rechercherTitle { text-transform:uppercase; font-family: 'Helvetica', Arial; font-size:12px; display: inline-block; vertical-align: bottom; } input:focus { outline:none; } #search_submit { position: absolute; top: 50%; right: 14px; width: 18px; color: grey; transform: translateY(-50%); } .navbar-nav li a:hover { background-color: none; } .navbar-nav li { margin-right : 15px; } /*.search_bar form, .search_bar form input[type="text"] { width: 100%; }*/ .menu_filter_mobile { display: none; } .module_mobile_menu012 button { border: none; text-transform: uppercase; background: transparent; cursor: pointer; } .search_bar { width : 50%;} .search_bar li { width : 100%;} .search_bar label { display : inline-block; font-size: 14px;} .search_bar input[type="submit"] { cursor: pointer; padding :7px; max-width : 50px ;display : inline-block; border : none; background : #3c5a98; color : #fff; border : 1px solid #3c5a98; border-radius: 0 .25rem .25rem 0;} .search_bar input[type="submit"]:hover { background : #fff; color : #3c5a98;} .search_bar_mobile { display:none;} .search_bar_mobile li { width : 100%;} .search_bar_mobile label { display : inline-block; font-size: 14px;} .search_bar_mobile input[type="submit"] { cursor: pointer; padding :7px; max-width : 50px ;display : inline-block; border : none; background : #3c5a98; color : #fff; border : 1px solid #3c5a98; border-radius: 0 .25rem .25rem 0;} .search_bar_mobile input[type="submit"]:hover { background : #fff; color : #3c5a98;} /* ------------------------ FIN NAVIGATION ------------------------ */ /* * Lookbook */ .ls-responsive .ls-nav-left a, .ls-responsive .ls-nav-right a { background: #fff !important; color:#000 !important; } .ls-responsive .ls-nav-left a:hover, .ls-responsive .ls-nav-right a:hover { background: #9A9A9A !important; opacity:.5 !important; } .acc-gauche a:hover, .acc-droite a:hover { text-decoration:none; } #accueil{ height:100%; width:100%; margin-top: 10px; } .product_matiere_value { font-size:14px; text-transform:Capitalize; } .nouveautes, .meilleures_ventes, .promotions { position: relative; } .bc1 { position: absolute; right:36px;top:24px; } .bc1 a {color:#3c5a98;} .bc1 a:hover {color:#e8c547; text-decoration:none;} /* ------------------------ MEILLEURES VENTES ACCUEIL------------------------ */ div.module_catalogue_meilleures_ventes .contenu { text-align:center; margin-bottom: 15px;} div.module_catalogue_meilleures_ventes p.designation { text-align:center;margin: 20px 0 5px 0; font-weight: bold; color: #6e6e6e; } div.module_catalogue_meilleures_ventes p.prix { text-align:center; color: #000; font-size: 13px; } div.module_catalogue_meilleures_ventes p.price_barre, div.module_catalogue_meilleures_ventes p.prixremise { text-align:center; color: #000; font-size: 13px; text-decoration: line-through; } div.module_catalogue_meilleures_ventes .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; transition: .9s ease; background-color: #fff; border: 1px solid #9c9c9c; } div.module_catalogue_meilleures_ventes .product:hover .overlay { opacity: 0.8; cursor: pointer; } div.module_catalogue_meilleures_ventes .voirplus { display:none; text-transform: uppercase;font-size: 13px;padding: 10px 20px;background: #3c5a98;color: #fff;position: absolute;bottom: -120px;left: 0;transition: .9s ease;width: 100%;text-align: center; } div.module_catalogue_meilleures_ventes .product:hover .voirplus { opacity: 1; cursor: pointer; } .enNouveaute .product a.laremise { display: block; } .enNouveaute .product img.photo1 { display: block; } div.module_catalogue_meilleures_ventes div.product div.price { text-align:center;font-size:10pt; } div.module_catalogue_meilleures_ventes div.picture { position: relative; } .module_catalogue_meilleures_ventes { border: 3px solid #3c5a98;padding: 0 0 20px;margin: 15px;} .module_catalogue_meilleures_ventes h2 { font-size : 1.5em; font-weight: bold; text-transform: uppercase;} .module_catalogue_meilleures_ventes .mb-4.mt-5.text-center { text-align : left !important; margin : 15px !important; border-bottom : #e8c547 1px solid;} /* ------------------------ FIN MEILLEURES VENTES------------------------ */ /* ------------------------ EN NOUVEAUTE ACCUEIL------------------------ */ div.module_catalogue_en_nouveaute .contenu { text-align:center; margin-bottom: 15px;} div.module_catalogue_en_nouveaute p.designation { text-align:center;margin: 20px 0 5px 0; font-weight: bold; color: #6e6e6e; } div.module_catalogue_en_nouveaute p.prix { text-align:center; color: #000; } div.module_catalogue_en_nouveaute p.price_barre { text-align:center; color: #000; } div.module_catalogue_en_nouveaute .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; transition: .9s ease; background-color: #fff; border: 1px solid #9c9c9c; } div.module_catalogue_en_nouveaute .product:hover .overlay { opacity: 0.8; cursor: pointer; } div.module_catalogue_en_nouveaute .voirplus { display:none; text-transform: uppercase;font-size: 13px;padding: 10px 20px;background: #3c5a98;color: #fff;position: absolute;bottom: -120px;left: 0;transition: .9s ease;width: 100%;text-align: center; } div.module_catalogue_en_nouveaute .product:hover .voirplus { opacity: 1; cursor: pointer; } .enNouveaute .product a.laremise { display: block; } .enNouveaute .product img.photo1 { display: block; } div.module_catalogue_en_nouveaute div.product div.price { text-align:center;font-size:10pt; } div.module_catalogue_en_nouveaute div.picture { position: relative; } .module_catalogue_en_nouveaute { border: 3px solid #3c5a98;padding: 0 0 20px;margin: 15px;} .module_catalogue_en_nouveaute h2 { font-size : 1.5em; font-weight: bold; text-transform: uppercase;} .module_catalogue_en_nouveaute .mb-4.mt-5.text-center { text-align : left !important; margin : 15px !important; border-bottom : #e8c547 1px solid;} div.module_catalogue_en_nouveaute .price_barre { text-decoration: line-through; } /* ------------------------ FIN EN NOUVEAUTE------------------------ */ /* ------------------------ EN PROMOTION ACCUEIL------------------------ */ div.module_catalogue_en_promotion .contenu { text-align:center; margin-bottom: 15px;} div.module_catalogue_en_promotion p.designation { text-align:center;margin: 20px 0 5px 0; font-weight: bold; color: #6e6e6e; } div.module_catalogue_en_promotion p.prix { text-align:center;margin-bottom: 20px; color: #6e6e6e; } div.module_catalogue_en_promotion .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; transition: .9s ease; background-color: #fff; border: 1px solid #9c9c9c; } div.module_catalogue_en_promotion .product:hover .overlay { opacity: 0.8; cursor: pointer; } div.module_catalogue_en_promotion .voirplus { display:none;text-transform: uppercase;font-size: 13px;padding: 10px 20px;background: #3c5a98;color: #fff;position: absolute;bottom: -120px;left: 0;transition: .9s ease;width: 100%;text-align: center; } div.module_catalogue_en_promotion .product:hover .voirplus { opacity: 1; cursor: pointer; } .enPromotion .product a.laremise { display: block; } .enPromotion .product img.photo1 { display: block; } div.module_catalogue_en_promotion div.product div.price { font-size:10pt; } div.module_catalogue_en_promotion div.picture { position: relative; } .module_catalogue_en_promotion { border: 3px solid #3c5a98;padding: 0 0 20px;margin: 15px;} .module_catalogue_en_promotion h2 { font-size : 1.5em; font-weight: bold; text-transform: uppercase;} .module_catalogue_en_promotion .mb-4.mt-5.text-center { text-align : left !important; margin : 15px !important; border-bottom : #e8c547 1px solid;} div.module_catalogue_en_promotion .prix-barre { text-decoration: line-through; } /* ------------------------ FIN EN PROMOTION ------------------------ */ /* ------------------------ NEWSLETTER ------------------------ */ .newsletter label { padding: 10px 0; } .title_newsletter { margin: 70px 0 30px 0; font-size: 15px; text-align: center; background-color: #000; color: #fff; padding: 10px; } .fc_fm { margin-top: 20px; height: auto; } .fc_fm .submit { font-size: 12px; padding: 12px; margin: 10px 0; border: 1px solid #000; } .fc_fm .submit:hover { background-color: #fff; color: #000; } .intro-contact { margin-top : 30px;} /* ----------------------CONTACT---------------------- */ #contact { padding: 100px 90px 0 0; } #contact h3 { margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; } #contact h4 { margin: 10px 0 30px 0; font-size: 16px; color: grey; font-style: italic; text-align: center; } #contact h5 { margin: 10px 0 30px 0; font-size: 16px; color: #555; font-weight: bold; } #contact p { margin: 0 0 20px 0; } #contact .form-control { border-radius: 0; } #contact textarea { resize: none; } #contact .btn { padding: 10px 20px; background-color: #333; color: #f1f1f1; border-radius: 0; transition: .2s; } #contact .btn:hover, .btn:focus { border: 1px solid #333; background-color: #fff; color: #000; } /* ----------------------SERVICES---------------------- */ #services{ padding: 70px 50px; } #services h2{ margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; } #services h4{ font-weight: bold; padding: 10px 0 30px 0; } #services .img-services{ width: 60px; } /************ New Bottom start************** 2015-03-06 */ .wrapper { width:1000px; margin:0 auto; } /************ Services Eboutique start ************* 2015-03-09 */ .blue{ color:blue; } .blue:hover{ text-decoration:underline; } #services_left, #services_right{ display:inline-block; vertical-align:top; } #services_left{ width:40%; margin-right:2%; } #services_left img{ width:100%; } #services_right{ width:55%; } #services_right .titleService{ padding:25px 5px; font-size:1.5em; color: #222; font-family: 'Helvetica', Arial; border-bottom: 1px solid #ccc; } .accordeon2 h3{ font-size:.7em; color:#000; } .accordeon2 .ui-state-default .ui-icon, .accordeon2 .ui-state-active .ui-icon, #services_right .accordeon .ui-state-default .ui-icon, #services_right .accordeon .ui-state-active .ui-icon{ /*display:none !important;*/ position:absolute; right:20px; /*background-image:url(../img/ui-icons_222_512x480_2.png);*/ background-image:url(../img/Fleche_description_composition.png); width:10px; height:5px; } .accordeon2 .ui-state-default .ui-icon, .accordeon2 .ui-state-active .ui-icon{ top: 13px; display:none; } .accordeon2 .ui-state-default, .accordeon2 .ui-state-active{ border: 0px ; font-weight: normal; /*padding:25px 5px;*/ background: #fff; font-size:1em; text-transform:uppercase; } #services_right .accordeon .ui-state-default, #services_right .accordeon .ui-state-active{ border: 0px ; font-weight: normal; color: #666; padding:25px 5px; background: #fff; font-size:1.7em; } .accordeon2 .ui-state-default, #services_right .accordeon .ui-state-default{ border-bottom: 1px solid #ccc; } #services_right .accordeon .ui-state-active{ } .accordeon2 .ui-widget-content, #services_right .accordeon .ui-widget-content{ border: 0px; border-top: 1px solid #ccc; background: #eee; color: #666; text-align: justify; font-size:1.2em; } .accordeon2 .ui-widget-content{ background: none; } .accordeon2 .ui-icon-triangle-1-e, #services_right .ui-icon-triangle-1-e { background-position: 0px -4px; } .accordeon2 .ui-icon-triangle-1-s, #services_right .ui-icon-triangle-1-s { background-position: 0px 0px; } .retourEchangeImg{ width:100%; } .mapRetraitBoutique{ border:1px solid rgba(0,0,0,.2); } /************ Services Eboutique end ************** 2015-03-09 */ .vente_privee {color:red !important} #cboxWrapper{ height: 547px !important; width: 504px !important; } #cboxLoadedContent{ border: 1px solid #c2c2c2 !important; } #cboxClose{ background: url(/themes/lola/img/croix.png) no-repeat top center !important; top: 10px !important; right: 0px !important; } .ui-accordion .ui-accordion-content{ padding:1em 2.2em 1em 0 !important; } #accueil .slider-wrapper .cms:nth-child(2){display:none;} .mobile-acc { display:none; } .mobile { display:none !important; } .mobile2 { display:none !important; } .desktop { display:block !important; } .content-my-account.desktop{display: inline-block !important;} footer #NfooterBottom>div:first-child>a{display:none;} .asenine.title span.module_letitredemapage { font-family: 'Yanone Kaffeesatz'; padding: 10px;font-size: 50px;font-weight: bold;color: #000;text-transform: capitalize;} .content_slide { display:none; } li.module_account_summary { max-width: 144px;text-align: center; } .module_account_summary span { white-space: nowrap; } div.module_cart_summary_link { display:inline-block; cursor: pointer; } .content-cart-box { display: inline-block; position:relative; animation: bounce 0.7s ease;} @keyframes bounce{ from {top: 0;} 25% {top: -15px;} 50% {top: 0;} 75% {top: -15px;} to {top: 0;} } .miniPanierTxt { display: inline-block; } div.module_my_account_step { display:inline-block; } .langues { margin-left : 10px;} .langues .langue { list-style-type: none;display: block;padding: 0 5px;height: 25px;width: 35px;margin-bottom: 5px;} .langues .langue a span { display : none;} .langues .langue a { width : 100%; height : 100%; display : block;} .langue.FR{ background: url('../img/fr.png') no-repeat center center; background-size:100% 100%;} .langue.EN{ background: url('../img/en.png') no-repeat center center; background-size:100% 100%;} .langue {opacity:0.5;} .langue.active {opacity:1;} /*--------------------------------------------------------*/ /*------------------- RETRAIT MAGASIN --------------------*/ /*--------------------------------------------------------*/ .titre_retrait_magasin { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; margin-top:20px;} .magasin_box { display:flex; flex-wrap:nowrap; justify-content:space-between; font-size: 13px;} .nom_magasin { padding:10px; /*background-color: #f5f5f5;*/ border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; transition: background-color 0.2s;} .nom_magasin:nth-child(1) { border-top: 1px solid #dedede; } .nom_magasin:hover { background-color: #f5f5f5; cursor: pointer; transition: background-color 0.2s; } .nom_magasin.open { background-color: #FB7A95; } .descriptif_magasin { background-color: #f5f5f5; border-left: 1px solid #dedede; border-right: 1px solid #dedede; overflow: hidden; max-height:0; transition: max-height 0.2s ease;} .descriptif_magasin.open { border-bottom: 1px solid #dedede; max-height:100%; transition: max-height 0.4s ease;} .descriptif_magasin p { padding: 0 10px; } .descriptif_magasin p:first-child { margin-top:10px; } .descriptif_magasin p:last-child { margin-bottom:10px; } .box_select_magasin { text-align: right; margin: 10px;} .box_select_magasin input { color: #fff; padding: 5px; border: 1px solid #000; background-color: #000; display: inline-block; text-decoration: none; transition: all 0.2s; } .box_select_magasin input:hover { color: #000; background-color: #fff; transition: all 0.2s; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------ THEME PUZZLE ------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .top {width:100%; padding : 7px 0; text-align : center; background : #e5e5e5; color : #3c5a98;} .left { background : #e5e5e5;height : 100%; padding-top : 15px;} .is_stuck { height : auto; padding-bottom: 15px;} .left .categoriesN1 { list-style : none; padding : 20px 10px;} .left .categoriesN1 li{ padding : 5px 0;} .left .categoriesN1 li a{ color : #3c5a98; font-size: 13px; } .left .categoriesN1 li a:hover { text-decoration:none;color : #e8c547; } /*.categoriesN1 [class^="rubrique"] { background:url(../img/categorie/80.png) no-repeat; }*/ span.box_product_prix {float:left;} .order_cart_content .taille, .order_cart_content .couleur { display: none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------ CMS STYLE ----------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .cms_style p { font-family: 'Helvetica', Arial; font-size: 11pt;} .cms_style a { color : #3c5a98;} .cms_style i { font-style: italic;} .cms_style section { margin : 15px 0;} .cms_style b { font-weight : bold;} .cms_style h1 { font-family: 'Helvetica', Arial; font-weight: bold;font-size: 30px;margin : 15px 0;} .cms_style h2 { font-family: 'Helvetica', Arial; font-weight: bold;font-size: 20px;margin : 15px 0;} .cms_style .titremarron {margin : 30px 0; color: #2183c0;text-decoration: none;font-size: 30px;text-align: left;} .cms_style .adrbloc { min-height: 600px;} .cms_style .adrbloc iframe {position : absolute; bottom : 0;} .cms_style .grpbtn a {border : 1px solid #3c5a98; background : #3c5a98;padding : 10px; text-decoration : none; color : #fff; font-size: 12px;} .cms_style .grpbtn .btngreen { transition : all 0.2s ease; margin-right : 30px; margin-bottom : 15px;display : inline-block;} .cms_style .grpbtn a:hover { background : #fff; color : #3c5a98;} .cms_style .grpbtn .btnorange { transition : all 0.2s ease; display : inline-block;} .cms_style table {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);} .cms_style table th {font-size: 12px;color: #fff;text-transform: uppercase;background-color: #3c5a98; padding: 10px;} .cms_style td {font-size: 14px;color: gray;padding : 10px;} .cms_style .catimg {text-align : center;} .cms_style .catalogue {margin : 15px;} .cms_style .catalogue a {text-decoration : none ;margin : 5px ; display : block;} #widget-container {height: 100%!important;} div#colissimo-container .colissimo_widget_h340 { height: 500px!important; } div#colissimo-container .pre-scrollable { max-height: 500px!important; } .produits-switch-size {display: inline-block;} #text-tva {color:#000;background-color:#ffc107;width:100%;font-size:1rem;padding:10px 15px;margin-bottom: 20px;} #text-tva svg { vertical-align: text-top;margin-right:5px;}