/* ----------------------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: middle; text-decoration:none; outline:0; font-family: 'HelveticaNowDisplay', Helvetica, Arial, sans-serif; font-weight: 300; } /* ----------------------FIN RESET---------------------- */ /* ----------------------POLICE---------------------- */ @font-face { font-family: 'Helvetica Neue'; src: url('../police/helveticaneue-regular.ttf') format('truetype'); font-weight: 300; } @font-face { font-family: 'Helvetica Neue'; src: url('../police/helveticaneue-bold.ttf') format('truetype'); font-weight: 500; } @font-face { font-family: 'Helvetica Neue'; src: url('../police/helveticaneue-semibold.ttf') format('truetype'); font-weight: 700; } @font-face { font-family: 'HelveticaNowDisplay'; src: url('../police/HelveticaNowDisplay-Hairline.woff2') format('truetype'); font-weight: 100; } @font-face { font-family: 'HelveticaNowDisplay'; src: url('../police/HelveticaNowDisplay-Regular.woff2') format('truetype'); font-weight: 300; } @font-face { font-family: 'HelveticaNowDisplay'; src: url('../police/HelveticaNowDisplay-Medium.woff2') format('truetype'); font-weight: 500; } @font-face { font-family: 'HelveticaNowDisplay'; src: url('../police/HelveticaNowDisplay-Bold.woff2') format('truetype'); font-weight: 700; } /* ----------------------FIN POLICE---------------------- */ /* ---------------POLICE ZADIG ET VOLTAIRE------------- */ @font-face { font-family: 'zv-icon'; src: url("../police/icomoon.eot?nj0onk"); src: url("../police/icomoon.eot?nj0onk#iefix") format("embedded-opentype"), url("../police/icomoon.ttf?nj0onk") format("truetype"), url("../police/icomoon.woff?nj0onk") format("woff"); font-weight: 300; font-style: normal; font-display: block; } /* ----------------------FIN POLICE---------------------- */ [class^="zv-icon-"], [class*=" zv-icon-"] { font-family: 'zv-icon' !important; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="zv-icon-"], [class*=" zv-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'zv-icon' !important; speak: never; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .zv-icon-rafter:before { content: "\E908"; } .zv-icon-account:before { content: "\E900"; } .zv-icon-account-b:before { content: "\E901"; } .zv-icon-account-c:before { content: "\E909"; } .zv-icon-cart:before { content: "\E902"; } .zv-icon-cart-b:before { content: "\E903"; } .zv-icon-search:before { content: "\E904"; } .zv-icon-search-b:before { content: "\E905"; } .zv-icon-storelocator:before { content: "\E906"; } .zv-icon-storelocator-b:before { content: "\E907"; } .zv-icon-heart-b:before { content: "\E90A"; } body { color: black; height:100%; width:100%; position: relative; } h1, h2, h3 {} * { box-sizing: border-box; } .row { margin: 0; } a { text-decoration:none; } a:hover { text-decoration:underline; } .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; } #accueil .cms img { width: 100%; height: auto; } /* ------------------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: 500; } #boutique a { color: grey; text-decoration: none; } #boutique a:hover { text-decoration: none; } #boutique span { color: #6c6c6c; font-size: 18px; font-weight: 500; } 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");} 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: 300;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; isolation: auto;background-color:transparent!important;background:none!important;} .gobal-content { width: 100%; display: block; min-height: 100vh; box-sizing: border-box; } #global{} #header { margin: 0 auto !important;/*min-width:700px;*/ flex: 1 1;/*border-bottom: solid 1px #e8e8e8; box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.3);*/} .nlink { color:#000;text-decoration: none;text-align: left;text-transform: uppercase;padding-left: 0px;font-size: 12px;font-weight: 300; } .nlink:hover { text-decoration: underline; } .content-cart-box,.compte { color:#000;text-transform: uppercase;padding-right: 0px;font-size: 12px;font-weight: 300; } .title { line-height: 1em; } .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-light { background-color: transparent!important; background:none!important;position : relative; padding: 3px 30px 0; /*justify-content: space-between;ALEX*/} .navbar { padding: 1rem 1rem; } .navbar-brand { all : unset; transition : all 0.2s ease;cursor:pointer;position:absolute;top:50%;left:50%;translate:-50% -50%;} .header-fixed { z-index:4000;position : fixed; top : 0; left : 0; width : 100%; background-color: transparent!important;background:none!important;transition : all 0.2s ease;isolation: auto !important;} 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: #000; -moz-transition: color 0.5s; /* Firefox */ -webkit-transition: color 0.5s; /* Safari and Chrome */ -o-transition: color 0.5s; /* Opera */ transition: color 0.5s; } .imgMenu img { width:100%; max-width: 250px; height: auto;} ul.n-1 > li a.dropdown-toggle { position : relative;} ul.n-1 > li a.dropdown-toggle:after{all:unset; display : block;content: ' '; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; right: 0; background-color: #000;transform: scaleX(0); transition: all .15s ease-in-out;} ul.n-1 > li:hover a.dropdown-toggle:after { transform: scaleX(1); } ul.n-1 > li.current_color0 a.dropdown-toggle:after { transform: scaleX(1); } .menu_filter_mobile .categoriesN2 a {font-weight: 100;} span.voir-tout { font-size: 17px; color: #333;font-weight: 300; } 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: #000 !important; text-decoration: none; } nav ul li .icone-nav { display:block; text-align:center; } .recherche-box { z-index: 1000; } /*.icon-icon_search { background-image: url("../img/Search@3x.png"); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; width: 28px; height: 28px;margin-bottom: 3px;} */ .compte_panier { display: flex;justify-content: space-between;width: 100%;} .compte_panier ul.navbar-nav { flex-direction: row; gap: 1rem; } .search_bar .zv-icon-search { width : 15px; display : inline-block;cursor:pointer;} .search_bar .zv-icon-search::before { font-size : 15px; } .zv-icon-search:hover::before { content: "\E905"; } /*.chiffre_panier { background-color: #B92339; }*/ 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: left; margin: 0 20px 0 20px; } .menu-1 ul.n-1 > li { list-style-type:none;display: inline-block;padding: 35px 10px 15px; cursor: pointer; } .menu-1 ul.n-1 > li:first-child { padding: 35px 10px 15px 0; } ul.n-1 > li a.dropdown-toggle { text-align: left; font-size: 14px;text-transform:uppercase; text-decoration: none; color:#000 !important; border-bottom: 2px solid #fff; display: inline-block; padding: 0!important; } /*ul.n-1 > li a.dropdown-toggle::first-letter { text-transform: uppercase; }*/ /*ul.n-1 > li:hover a.dropdown-toggle { border-color: #000; }*/ ul.n-1 > li a.menu-color-red, span.menu-color-red { color: #ff0000 !important; } ul.n-1 > li a.menu-color-red:hover { color: #ff0000 !important; } .dropdown { position: static!important; } .dropdown-toggle::after { display: none; } .dropdown-menu { margin: 0!important;z-index:10001; } .dropdown-submenu { 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; } .navbar { position : static; } .compte_panier .fas { font-family: 'zv-icon' !important;} .compte_panier .fa-user { font-size:22px;font-weight:300;display:inline-block;color: #000; } .compte_panier .fa-user::before { content: "\E900"; } .module_menu_accueil .categoriesN1 { position: absolute; top: 100%; left: 0px; width: 100%; min-width: 250px; max-width: 100%; height: auto; padding: 26px 20px 32px; margin-top: -5px!important; background-color:#fff; text-align: left; border: none!important; border-radius: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center;} .module_menu_accueil .categoriesN1 li { text-align: left; display: inline-block; vertical-align: top; } .module_menu_accueil .categoriesN1 li a { font-size: 14px; color: #000;margin-bottom:6px; line-height:24px;font-weight: 500;text-transform:uppercase;} .module_menu_accueil .categoriesN1 li a span:hover { color: #9b9b9b; } .module_menu_accueil .categoriesN2 li {display:block;} .module_menu_accueil .categoriesN2 li a { font-weight: 300;text-transform:lowercase;display:block;line-height:27px;padding-top:0;padding-bottom:0;margin-bottom:0;} .module_menu_accueil .categoriesN2 li a::first-letter {text-transform:uppercase;} .submenu-overlay { z-index: 1000; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; position: absolute; height: 100vh; top: 100%; left: 0; right: 0; -webkit-transition: all .45s; -o-transition: all .45s; transition: all .45s; } .encart-msg { padding: 6px 15px; } .vert { background: #c9e8ab!important; color: #000!important; border: none!important; font-size: 14px!important;} /* ------------------------ CATALOGUE ------------------------ */ #catalogue { position: relative; } .eshop-menu { min-height: 40px; padding: 60px 20px 60px 20px; display: inline-block; vertical-align: top; } .eshop-menu li.current_color0 > a span, .eshop-menu li.current_color0 > button span{ text-decoration: underline; } .eshop-menu li button { padding: 0; } .eshop-menu .categoriesN1 { display: none; } .eshop-menu .current_color0 ul.categoriesN1 { display: block!important; padding: 10px; } .eshop-menu .entete-filtre { background-color: #000; color: #fff; /*width: 120px;*/ padding: 8px; font-size: 13px; margin-bottom: 10px; } .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 { } .eshop-infos.no-bg { background:#FFF; } .eshop-menu .categoriesN1 li > a, .eshop-menu .categoriesN1 li a > span { color:#000; font-size:14px;font-weight: 100; text-transform: capitalize;} .eshop-menu .separateur-menu { border-bottom: 1px solid #000; margin:20px 0; } #slider-range { margin-bottom: 20px; } .titleFiltre { font-size:20px; text-transform: uppercase;text-align: center; } .eshop-menu span.titleMenu { font-size:16px; margin-bottom:0; color: #000; text-transform: capitalize;} .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; } #catalogue .product { padding: 0; position: relative; overflow: hidden; } #catalogue .product img { width: 100%!important; height: auto!important; } .product .product-descr { overflow: hidden; padding: 1rem 0.5rem; text-align: left; } .product .btn-product { width:calc(100% - 30px); padding: 0 15px; position: absolute; bottom: 135px; text-align: center; display: none; transition: display 0.2s ease; } .product .btn-product p { line-height: 40px; color: #000; display: block; text-decoration: none; } .product .btn-product p a { text-decoration: none; background-color: rgba(255, 255, 255, 0.9); font-size: 16px; color: #000; display: block; text-transform: uppercase; padding: 0 20px; transition: background-color 0.2s ease; } .product .btn-product a:hover { background: rgba(255, 255, 255, 1); color: #000; transition: background-color 0.2s ease; } .product .pluscouleurs { display: none; } .lazy { display: none; } .categoriesN0 li { list-style: none; margin:5px 0;line-height:20px} .eshop-menu .categoriesN0 li { margin: 2px 0; padding-bottom: 14px; font-size: 18px; line-height:20px} #show-filter { text-transform:uppercase;border:1px solid #000;padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0.75rem;padding-bottom: 0.75rem;cursor: pointer;line-height:1;font-size: 0.625rem;letter-spacing:0.05rem;position: absolute; top:0px;right: 16px;z-index: 200; } .order_catalogue .dropdown-toggle::after { display: inline-block; } .filter .dropdown-toggle::after { display: inline-block; } #filtres { display: none; position: absolute; width: 100%; padding: 30px; background-color: rgba(255,255,255,0.95); z-index: 10000; top: 35px; flex-wrap: wrap; justify-content: space-around; } #filtres.open { display: flex; } #filtres .fleche { display: none; } #filtres .filtre-box { width: 28%; } .appliquer-filtre { width: 100%; text-align: center;} #filter_marques .categoriesN0 li .icoco { color: #444;width: 12px;height: 12px;float: left;margin-right: 9px;margin-top: 4px; } .filter_content { display: flex; flex-wrap: wrap; } .filter_option { margin:4px 0; width: 50%; text-align: center; padding: 0px 5px; } .filter_option a { display: block; color: #000; padding:8px 0; font-size: 13px;border: 1px solid #dedede; } .filter_option a:hover { text-decoration: none; background-color: #f5f5f5; } .filter_option a.checked { background-color: #000; border-color: #000; color: #fff; } .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 > span { font-weight: 700; } .eshop-menu .categoriesN0 .current_color0 > a > span { font-weight: 300; } .categoriesN1 .current_color1 > a { text-decoration:underline; } /*.categoriesN1 a { padding-left: 20px; }*/ .eshop-menu .categoriesN1 a { padding-left: 0px; } .categoriesN2 .current_color2 > a { font-weight: 500; } .product .contenu .name { display: block; overflow: hidden; text-transform: uppercase;position: absolute;top: 0;left:0;z-index: 10;color:#000;font-size: 0.625rem;padding-top:1rem;padding-left:0.5rem;padding-right:0.5rem; } .product .contenu .name span { display:block;padding-left: 0.375rem; padding-right: 0.375rem;height: 1.5rem;vertical-align: top;line-height: 1rem;letter-spacing: 0.1em; } .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:14px; line-height: 14px; padding-top: 10px; } .product .taille-dispos .separator2 { font-size:9px; padding:0 5px; color:#000; } /*.product:hover .btn-product { display: block; transition: display 0.2s ease; }*/ /*.product:hover .taille-dispos { display: block; transition: display 0.2s ease; }*/ .product .photo1 { display:block;opacity:1;transition: opacity 0.3s ease; } .product .photo2 { display:block;opacity:0;position:absolute;top:0;left:0;transition: opacity 0.3s ease; } .product:hover .photo1 {opacity:0;transition: opacity 0.3s ease;} .product:hover .photo2 {opacity:1;transition: opacity 0.3s ease;} .product .swiper-wrapper .photo1 { display:block;opacity:1; } .product .swiper-wrapper .photo2 { display:block;opacity:1; } .product:hover .swiper-wrapper .photo1 { display:block;opacity:1; } .product:hover .swiper-wrapper .photo2 { display:block;opacity:1; } .swiper-slide { width: 100% !important; } .swiper-button-next::after, .swiper-button-prev::after { content: none !important; } /* Boutons personnalisés de navigation */ .btn-custom-nav { -webkit-appearance: none; appearance: none; width: 1.5rem; height: 1.5rem; background-color: rgb(255, 255, 255, 0.5); border-radius: 9999px; position: absolute; top: 50%; transform: translateY(-50%); border: none; opacity: 0; transition: opacity 0.15s ease; z-index: 10; cursor: pointer; pointer-events: none; /* Pour ne pas bloquer les clics quand invisible */ outline: none; box-shadow: none; } .swiper-button-prev, .swiper-button-next { outline: none !important; box-shadow: none !important; border: none !important; } .swiper-button-prev:focus, .swiper-button-next:focus { outline: none !important; box-shadow: none !important; border: none !important; } .swiper-button-disabled { opacity: 0!important; pointer-events: none; } /* Position gauche */ .swiper-button-prev { left: 10px; } /* Position droite */ .swiper-button-next { right: 10px; } /* Rotation personnalisée */ .rotate-left { transform: rotate(-90deg); } .rotate-right { transform: rotate(90deg); } /* Au survol du carrousel : fade-in */ .swiper-container:hover .btn-custom-nav { opacity: 1; pointer-events: auto; } .swiper-container:hover .swiper-button-disabled { opacity: 0!important; pointer-events: none; } .product p.designation {font-size: 0.875rem; line-height: 1rem; text-transform : capitalize;font-weight: 500;margin-bottom: 0.25rem;} .product p.prix-catalogue { font-size:0.875rem;line-height: 1.25rem; } .product p.prix-catalogue::first-letter { /*letter-spacing: -1px;*/ } .price span { text-transform:uppercase;line-height:1.25rem; } .price .prix-catalogue { font-size:0.875rem;} .price .remise { margin: 0 12px;font-size:0.625rem;height:1.5rem;line-height: 1.5rem;display:inline-block;color:#ffffff;background-color:#000000;padding:0 7px;} .price .price_barre { font-size: 0.75rem;letter-spacing: .05em;line-height: 1rem;color: grey; text-decoration: line-through; } .product .contenu .description, .product .contenu .choix-taille, .product .contenu .ajout-panier-list {display:none;} .pastille { display: none; position: absolute; top: 10px; left: 10px; } .pastille div.new { background: #000; color: #fff; font-size: 14px; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; } .modif-nb-product { position: absolute; top: 5px; left: 180px; z-index: 1000; display:none;} .modif-nb-product span { display: inline-block;font-size: 14px; } .modif-nb-product li { display: inline-block; padding: 5px; margin-left: 7px; cursor: pointer;font-size: 14px; color: #000; } .modif-nb-product li.not-selected { color: #9b9b9b; } .modif-nb-product li:hover { color: #000; } /* ------------------------ 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: 500; } .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 .active img { border:1px solid #000 !important; } #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; right:10px; background:#000; border-radius:40px; color:#FFF; text-decoration:none; z-index: 1000; display: block; width: 35px; height: 35px; text-align: center;} .laremise span { display: block; padding: 11px 0; font-size: 13px; line-height: 13px; } #product_remise { position:absolute; top:5px; left: -50px; background:#000; border-radius:40px; color:#fff; text-decoration:none; font-size:13px;z-index: 1000; width: 35px; height: 35px; text-align: center; line-height: 13px; padding: 11px 0;} .laremise:hover, #product_remise:hover { text-decoration: none; color:#fff; } #product_remise .product_remise_title { display:none; } .content-shipping { width:100%;margin-bottom:10px; } /*BOUTIQUE*/ ul.list-unstyled li { line-height: 1.428571429; } ul.list-unstyled li a.pull-right { color:#000;font-weight: 500; } #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:14px; color: #535a60; } .product_designation2_value { font-size:13px; padding-bottom: 10px;} #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: 'Conv_AvenirLTStd-Black'; }*/ .product_famille_title, #product_couleur .product_couleur_title, #product_couleurLangue .product_couleurLangue_title, #product_marque .product_marque_title { display:none } #product_prix .price { font-size: 1.25rem;font-weight: 700;line-height: 1.75rem;} #product_prix .remise { display:inline-block;font-size: .625rem;font-weight: 700;letter-spacing: 0.05em;line-height: 1.75rem;padding-left: 0.75rem;padding-right: 0.75rem;margin-left: 12px;color:#ffffff;background-color:#000000; } #product_prix .pricestriked { display:inline-block; font-size: .875rem;line-height: 1.75rem; color: grey; text-decoration:line-through; margin-left: 12px; } #product_prix .product_prix_title { display:none; } .description_box { background-color: #fff; padding: 16px 0px; line-height: 1.8; } .description_box .description { padding-bottom: 5px; font-size: 0.8rem; text-transform: capitalize;font-weight: 500;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;} #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:16px; } #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 { text-align:center; position:relative; } .switch_color_cont { display:flex;flex-wrap:wrap;} .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; z-index : 999;} .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: 500; } .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; margin-top:10px; 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, .giftcard-input .submit { border:1px solid #000; background:#000; transition:all .3s ease; cursor: pointer; margin-top: 0; text-align: center; width:100%; border: 1px solid #fdfdfd; color: #fdfdfd; text-transform: uppercase; margin: 20px 0; font-size: 0.875rem;line-height: 1rem; padding: 1.25rem 2.5rem;letter-spacing: 0.05em;} #add_to_cart:hover, #mailstock_fairedemande:hover, .giftcard-input .submit:hover { background:#fff;color:#000;border:1px solid #000; } .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:240px;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_designation2 { display: none; } .asso_couleur { color: #6F697C; font-size: 10px; margin-bottom: 20px; text-transform: uppercase; display: none; } .asso_prix { color: #080808; margin-top:10px; } .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: 500; } .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: capitalize; font-weight: 500; } .product_designation_value { font-size: 1.875rem; font-weight: 500;line-height: 2.2rem;margin-bottom: 0.5rem;} .product_couleur_value, .product_couleurLangue_value, .product_descriptif_value { font-size: 0.8rem; padding: 0 12px; margin-bottom: 5px; margin-right: 0; margin-top:5px; color:#000000;} .product_descriptif_value { padding: 0; margin-top: 16px;} .priceinput { display : flex;} #product_prix .price, .priceinput .price { color: #000; font-size: 1.25rem; font-weight: 500; display:inline-block; } #product_prix {margin-bottom:1.25rem;} #size_selector { width: 100%; list-style:none; text-align: left; position:relative;display:flex; } #size_selector div.sizebox { background: #fff; display: flex;width: 2.5rem;height: 2.5rem;text-transform: uppercase;border: 1px solid #000;margin: 0 0.5rem 0 0;cursor: pointer;position: relative;justify-content: center;align-items: center; } #size_selector div.sizebox:hover { background: #000; } #size_selector div.sizebox:hover .selectedStock { color: #fff; } #size_selector div.sizebox:hover .noselectedStock { color: #fff; } #size_selector div.size-selected { background: #000;} #size_selector div.size-selected .selectedStock { color: #fff;} #size_selector div.stock:hover { border:1px solid #666; } #size_selector .noselectedStock { color:#767676; font-size:0.75rem;text-decoration: line-through;} #size_selector .selectedStock { color:#000; font-size : 0.75rem;} .btn-ajout-panier {width:100%;} .btn-ajout-panier .px-3 { padding: 0!important;width:100%; } .actifForArrowShow { visibility:visible; margin-bottom:3px; } .actifForArrowHide { visibility:hidden; margin-bottom:3px; } #gdt { position:absolute; right:0; top:10px; color:#555555; font-size: 14px; 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: 500; 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; height: 27px; display: inline-block; color:#000; margin-right: 12px; font-size:20px; cursor: pointer; } i.fa-facebook { display:inline-block; width:25px;height:25px; background:url(../img/facebook-black.svg) no-repeat; background-size:cover; } i.fa-twitter { display:inline-block; width:25px;height:25px; background:url(../img/twitter-black.svg) no-repeat; background-size:cover; } i.fa-pinterest { display:inline-block; width:25px;height:25px; background:url(../img/pinterest-black.svg) no-repeat; background-size:cover; } i.fa-instagram { display:inline-block; width:25px;height:25px; background:url(../img/instagram-black.svg) no-repeat; background-size:cover; } i.fa-whatsapp { display:inline-block; width:25px;height:25px; background:url(../img/whatsapp.svg) no-repeat; background-size:cover; } i.fa-facebook:hover { background-image:url(../img/facebook.svg); } i.fa-twitter:hover { background-image:url(../img/twitter.svg); } i.fa-pinterest:hover { background-image:url(../img/pinterest.svg); } i.fa-instagram:hover { background-image:url(../img/instagram.svg); } i.fa-whatsapp:hover { background-image:url(../img/whatsapp-green.svg); } .blank-infos{ font-size: 12px; text-transform: uppercase; color:#000; text-decoration: none; display:block; width: 100%; margin-top:30px; text-decoration:underline; } .product_asso { width:100%; padding-top:2rem;padding-bottom:2rem;padding-left: 0.75rem;padding-right: 0.75rem; } .product_asso>h2 { padding: 5px 0; margin:30px 0; text-align:center; position:relative; text-transform:capitalize;font-size: 1.125rem; letter-spacing:2px; } .product_asso>h2 span { display: inline-block; padding: 10px 15px; width: 240px; text-align: center; background:#fff; border:1px solid #fff; z-index:1; } .product_asso>h2 hr { border:none; height:1px; position:absolute; width:100%; top:17px; background:#000; z-index:-1; } .product_asso div.produits-consultes 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 { width:240px; display: inline-block;margin-right:13px; border:0px solid #eee;margin-bottom: 9px; } .produits-consultes:nth-child(5) { margin-right:0px; border:0px solid #eee; } #product_detail { position: relative; padding: 0 0 2rem 2.25rem; margin: 0;} #product_detail select { width:65%; margin-left:0; font-size: 12px; } #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: 300; 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 { min-width: 260px; } .module_cart_content2 table { margin-top:0; margin-bottom:0; } .content-cart { clear:both; } 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; } .cart-button-container { padding: 0!important; } /*table.cart_content { width:100%; color:#000;font-weight: 300; font-size:13px; text-transform:uppercase;border-collapse: collapse; margin:70px auto 0; } table.cart_content tr.headers th { text-align:center; height:40px; font-weight: 300;} table.cart_content td { border-spacing: 0; border-collapse: collapse; } table.cart_content tr.odd td,table.cart_content tr.even td { border-bottom:#eee solid 1px; color:#000; } table.cart_content tr.border_red td { border-collapse: collapse; text-align:center; background:#fcc; border-top:#fff solid 5px; border-bottom:#fff solid 5px; color:#000; } table.cart_content p.error_stock { color:#f33; font-size: 10px; margin-top: 10px; } table.cart_content .cart_quantity { text-align:center; } table.cart_content .cart_quantity form {display:block; margin:0 auto; width:100%; float:left;} table.cart_content .cart_quantity form{} table.cart_content .cart_photo { text-align:center; width:68px; } table.cart_content .cart_photo img { margin:10px; } table.cart_content .cart_designation .name {} table.cart_content .cart_designation p{} table.cart_content .cart_designation { padding-left: 10px; text-align:center; } table.cart_content .cart_taille { text-align: center } table.cart_content .cart_couleur { text-align: center } table.cart_content .cart_price { text-align:center; } table.cart_content .cart_total { text-align:center; font-weight: 500; } table.cart_content .cart_total_line th { padding-top:15px; } table.cart_content .cart_total_line .cart_designation { text-align:right; font-weight: 300;} .left-cart { }*/ .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: 40px!important; margin-right: 30px; } .coupons-reduction input[placeholder], .giftcard-reduction input[placeholder] { font-size: 12px; } .coupons-reduction input.valide-coupon, .giftcard-reduction input.valide-coupon { height: 40px; max-width: 60px!important; background: #333; color:#fff; border: none; cursor: pointer; font-size: 13px; text-transform: uppercase; display: inline-block; width: 100%; } div.coupons-reduction div.encart-coupon, div.giftcard-reduction div.encart-giftcard { margin: auto; } div.coupons-reduction div.encart-coupon span, div.giftcard-reduction div.encart-giftcard span { text-transform: none; font-size: 14px; font-weight: 500; } #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_delete_link { all: unset; color:#000; font-size:20px; cursor: pointer;} /*===================================================================*/ /*==================== 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: #80db9c; color: #fff; height: 40px; line-height: 40px; 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, #8bb676 0%,#6d8f5d 45%,#6d8f5d 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 { background: #fff; color: #333; height: 40px; line-height: 40px; cursor: pointer; font-size: 13px; text-align: center; text-transform: uppercase; position: relative; text-decoration: underline; 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; } .content-cart h3 { font-size: 24px; line-height: 24px;text-transform: uppercase; border-bottom: 2px solid #000; } .content-cart .bg-light, .content-cart .table-light{ background-color: #fff !important; } .content-cart .table td, .content-cart .table th { border: none !important; } .content-cart tr { font-size: 17px; text-transform: uppercase; } .content-cart thead tr {} .content-cart tr.cart_total_line {} #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; } div.voir-panier-menu { background-color: #fff; margin-top: 20px; } a.btn-voir-panier { display: inline-block; cursor:pointer; background:#333; text-align:center; border:1px solid #333; color:#fff; text-transform:uppercase; padding: 13px 10px; width: 100%; } a.btn-voir-panier:hover { background:#fff; border:1px solid #333; color:#000; 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; } #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 select { font-size: 12px; } #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; } .have-no-account .form-check-inline label { margin-right: 5px !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; } .les_cartes_cadeaux { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .les_cartes_cadeaux .carte_cadeau { width: 500px; } .giftcard-image img { max-width : 100%;} .les_cartes_cadeaux hr { width: 100%; } .les_cartes_cadeaux h3 { width: 100%; text-align: center; margin-bottom: 0px;text-transform:uppercase;text-decoration: underline; } .les_cartes_cadeaux img { width: 100%!important;height:auto!important; } .giftcard-input label {margin-bottom : 15px;} .giftcard-input input[type=number] {width : 195px ;line-height: 23px;text-align: center;padding: 10px 0;margin-right : 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, .bt-shipping-address input, form.adrLivraison input.Button { background-color: #000; border: 1px solid #333; color: #fff; cursor: pointer; font-size: 15px; line-height: 15px; text-decoration: none; text-transform: uppercase; padding: 12px 20px; transition: .2s;} .button-submit:hover { border: 1px solid #333; background-color: #fff; color: #000; } /* ------------------------ FIN LOGIN ------------------------ */ /* ------------------------ LIGNE ETAPES ------------------------ */ /* ------------------------ Etapes compte ------------------------ */ #encart-etapes { padding-top: 60px; } .rubriques-etapes-compte { width: 100%; border: none; line-height: 30px; padding: 10px; cursor: pointer; font-weight: 500; color: #333; background-color: #fff; border: 1px solid #929292; } .etapes-compte .etape { border: 1px solid #e2e2e2; margin-bottom: 10px; line-height: 30px; } .etapes-compte i { font-size: 24px; color: #333; margin-right: 10px; } .etapes-compte a { padding: 10px; color: #333; 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: #333;color: #fff; } .etapes-compte .valid i { color: #fff; } .etapes-compte a[href]:hover { background: #333;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: 80px 0 50px 0; } .etapes-panier > div::after { content: ""; position: absolute; display: block; top: 7px; height: 0; width: 100%; border-bottom: 1px solid #9b9b9b; right: -50%; 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: 15px; height: 15px; background-color: #b6b6b6; margin: 0 auto; position: relative; border-radius: 50%; border: 2px solid #b6b6b6; } .etapes-panier .active div.button-circle { background-color:#fff; border-color: #000; } .etapes-panier a[href]:hover div.button-circle { background-color:#fff; border-color: #000; } .etapes-panier div.button-circle span { display: none; } .etapes-panier p { text-transform: uppercase;position: absolute; top: -50px; left: 50%; transform: translateX(-50%); font-size: 25px; color: #b6b6b6; } .etapes-panier .active p { color: #000; } /* ------------------------ 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 button {border: none;background: none;padding: 0;} .module_order_payment button img {width: 100%;box-shadow: 0px 0px 0px 1px #e6e6e6;border-radius: 4px;padding: 10px; transition: box-shadow 0.5s ease-in-out;cursor:pointer;} .module_order_payment button img:hover {box-shadow: 0px 0px 20px 3px #e6e6e6; transition: box-shadow 0.5s ease-in-out;cursor:pointer;} .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: 500; } .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;width:100%;margin:0; display: flex;align-items: center;min-height:48px;} .breadcrumb { padding:0; background:#fff!important; } .module_breadcrumb { text-align: left;font-size: 0.75rem;font-weight: 700; } .nbProducts {color: #000;text-align: left;font-size: 0.75rem;padding:0;display:inline-block;} .nbProducts-separator {color: #000;text-align: left;font-size: 0.75rem;margin:0 10px;display:inline-block;} .breadcrumb a { color: #818181; font-size: 0.75rem; text-decoration: none; font-weight: 300; } .breadcrumb a.separator3 { padding: 0;margin: 0 6px;margin: 0 5px 0 4px; } .module_catalogue .module_breadcrumb { text-align: left;font-size: 0.75rem;display:inline-block; } .module_catalogue .breadcrumb a { color: #818181; font-size: 0.75rem; text-decoration: none; font-weight: 300;vertical-align: baseline; } .module_catalogue .breadcrumb a:hover { color: #000;text-decoration:underline; } /* ------------------------FIN BREADCRUMB------------------------ */ .catalogue_header { display:flex; width: 100%; margin-bottom:10px;padding:0; } .catalogue_footer { text-align: right; padding-right: 5px;width:100%; } .pagination-footer { margin: 30px 0 20px 0; } .order_catalogue{position: absolute!important;top: 0;right: 80px;z-index: 200; display:none;} .order_catalogue .dropdown-menu { border-radius: 0!important; padding: 30px 0!important; border: 2px solid #000; } .order_catalogue > a {text-decoration: none; font-size: 14px; display: inline-block; color: #000;vertical-align: inherit!important;} .order_catalogue > a:hover { text-decoration: underline; } .pages_navigation { font-size: 14px; text-align: center; } .pages_navigation span { display:inline-block;padding: 9px 0; text-align: center; font-size: 14px; color: #9b9b9b; } .pages_navigation a { padding: 9px; text-decoration: none; text-align: center; font-size: 14px; color: #9b9b9b;} .pages_navigation a:hover { color: #000; } .pages_navigation .current_color { color: #000; } .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; display: none; } .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; } /* ------------------------ 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-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;} .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 table input.change-password { background: #000; color: #fff; font-family: 'Arial',Georgia,serif; font-size: 11px; text-transform: uppercase; border: 0 none; border-bottom: 1px solid #000; width: 205px; margin-top: 10px; height: 22px; cursor: pointer;}*/ /*.content-my-account a {color:#000; } .content-my-account table .labelForm { padding:5px 0;color:#555; width:100px; } .content-my-account table .labelForm2 { padding:5px 0;color:#555; width:169px; } .content-my-account table .labelForm3 { padding:5px 0; color:#555; width:60px; } .content-my-account table { text-align: left;width:100%;} .content-my-account table tr td{width: 60%;} .content-my-account table tr td.titre_td{width: 40%; font-size: 13px;} .content-my-account table tr td select{ width:100%; margin:0px;} .content-my-account table tr.titre-page td{ margin:0px 0px 20px 0px;padding: 0px;} .content-my-account table tr.batiment td input.batiment, .content-my-account table tr.ville td input.CodeP{width: 48%; padding: 0; float: left;} .content-my-account .cart_content { width:100%; } .content-my-account .cart_content td { font-size:12px; color:#555; } .content-my-account .titre-page {font-size:15px; font-weight: 500; margin-top: 20px; margin-bottom:10px;} .content-my-account .titre-page0 {font-size:15px; font-weight: 500; margin-top: 20px; margin-bottom:10px;} */ .content-my-account .titre-rubrique { font-size:15px; font-weight: 500; 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: 500; 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;height: auto; } /* ------------------------ NEW COMPTE ------------------------ */ div.mon-compte .titre-page { background: #f5f5f5; color: #424242; font-weight: 500; 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: 500; 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 div.btn-mdp { background: #000; border: none; cursor: pointer; display: inline; padding: 12px!important; } div.mon-compte div.btn-mdp i { color: #fff!important; } div.mon-compte div.btn-mdp a { color: #fff!important; font-size: 12px; text-transform: uppercase; padding: 12px!important; } div.mon-compte div.btn-mdp:hover { background: #333; text-decoration: none; } div.mon-compte div.btn-mdp 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: #000; 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: #000; border: 1px solid #000; } /* ------------------------ 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: 500; padding: 10px; } div.mon-compte .titre-adresse-fact { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: 500; 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: 500; 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: 500; 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: #B92339; font-weight: 500; } div.module_my_account_tracking div.encart-commande span { font-weight: 500; } div.module_my_account_tracking div.encart-commande p.contenu-vente { font-weight: 500; } /* ------------------------ FIN COMMANDE COMPTE ------------------------ */ /* ------------------------ ADRESSE SHIPPING ------------------------ */ div.shipping .titre-shipping{ font-size: 24px; line-height: 24px; margin-top: 20px!important; border-bottom: 2px solid #000; text-transform: uppercase;} div.mon-compte .titre-shipping{ font-size: 24px; line-height: 24px; margin-top: 20px!important; border-bottom: 2px solid #000; text-transform: uppercase;} div.newsletter .titre-shipping{ font-size: 24px; line-height: 24px; margin-top: 40px!important; border-bottom: 2px solid #000; text-transform: uppercase;} .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: 15px; line-height: 15px; padding: 12px 25px; margin:0 auto; } .bt-shipping-address input:hover { background: #fff; color: #000; } .shipping_address select { margin-left:0; } a.retour-shipping { text-decoration: none; float: right; margin-top: -43px; } a.retour-shipping span { font-size: 12px; color: #fff; padding: 15px 20px; text-transform: uppercase; background-color: #000; border: 2px solid #000; } a.retour-shipping span:hover { color: #000; background-color: #fff; } .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; } 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 { height: 32px; font-size: 12px; margin: 5px 0 15px 0; min-width: 32px; } div.mon-compte form.adresse_factu span, div.mon-compte form.adresse_factu label { font-size: 14px; } div a.bt-billing-address { font-size: 15px; padding: 12px 25px; 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: 500; padding: 10px; } .boutique-content { height: 65vh; overflow: hidden; } .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: 500; color: #333; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .tel-boutique { font-weight: 500; } .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 ------------------------ */ .content { min-height: 30vh; max-height: 65vh; } .cart-menu .cart_taille p, .cart-menu .cart_couleur p { display: inline-block;} .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; } .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: 300; cursor:pointer; outline:none; padding-left: 0px; height: 32px; } .rechercherTitle { text-transform:uppercase; 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%); } .dropdown-item:focus, .dropdown-item:hover { background-color: #fff!important; } .menu_filter_mobile { display: none; } .module_mobile_menu012 button { border: none; text-transform: uppercase; background: transparent; cursor: pointer; } /* ------------------------ 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; } .product_matiere_value { font-size:14px; text-transform:Capitalize; } /* ------------------------ EN NOUVEAUTE ACCUEIL------------------------ */ div.module_catalogue_en_nouveaute { margin-bottom: 80px; } div.module_catalogue_en_nouveaute h2 { display:none;/*padding: 10px; font-size: 33px; text-transform: uppercase; color: #000; letter-spacing: 2px;*/} div.module_catalogue_en_nouveaute p.designation { margin: 20px 0 5px 0; color: #000; text-align: center;text-transform: uppercase; } div.module_catalogue_en_nouveaute p.prix { margin-bottom: 20px; color: #000; text-align: center; } div.module_catalogue_en_nouveaute .price span { text-align: center; color: #B92339; } div.module_catalogue_en_nouveaute .price_barre span { text-align: center; color: grey; } div.module_catalogue_en_nouveaute .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0; } div.module_catalogue_en_nouveaute .product:hover .overlay { opacity: 0; cursor: pointer; } div.module_catalogue_en_nouveaute .voirplus { text-align: center; width: 90%; line-height: 17px; text-transform: uppercase; font-size: 17px; padding: 10px 20px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); opacity: 0; max-width: 90%; color: #565656; background-color: rgba(255, 255, 255, 0.9); } 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 { font-size:16px; } div.module_catalogue_en_nouveaute div.picture { position: relative; } /*div.module_catalogue_en_nouveaute div.picture img { width: 100% !important; height: auto !important; }*/ /* ------------------------ FIN EN NOUVEAUTE------------------------ */ /* ------------------------ EN PROMOTION ACCUEIL------------------------ */ div.module_catalogue_en_promotion h2 { padding: 10px; font-size: 18px; text-transform: uppercase; color: #6e6e6e; letter-spacing: 2px; background-image: url("../img/motif2.jpg");} div.module_catalogue_en_promotion p.designation { margin: 20px 0 5px 0; font-weight: 500; color: #6e6e6e; } div.module_catalogue_en_promotion .prix-barre { margin-bottom: 20px; color: #6e6e6e; text-decoration: line-through; font-size: 13px; } div.module_catalogue_en_promotion .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 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 { height: 40px; text-transform: uppercase; font-size: 13px; padding: 10px 20px; background: #333; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .9s ease; } div.module_catalogue_en_promotion .product:hover .voirplus { opacity: 1; cursor: pointer; } .enPromotion .product a { 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 { border:1px solid #dedede; padding: 55px 5px; position: relative; } /* ------------------------ 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: 15px; padding: 12px 25px; margin: 10px 0; border: 1px solid #000; } /* ----------------------CONTACT---------------------- */ #contact { padding: 50px 20px 0 20px; } #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: 500; } #contact p { margin: 0 0 20px 0; } #contact .form-control { border-radius: 0;border-color:#A3A3A3; } #contact textarea { resize: none; } #contact label { font-size:16px;font-weight: 500;margin-bottom:10px;margin-top:15px; } #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: 500; 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; 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: 300; /*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: 300; 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; } .desktop5 { display : contents !important; } .content-my-account.desktop{display: inline-block !important;} .asenine.title span.module_letitredemapage { display: none; width: 100%; text-align: center; font-size: 16px; padding: 0; height: 0 px; opacity: 0; } .content_slide { display:none; } div.module_cart_summary_link { display:inline-block; cursor: pointer; } .content-cart-box { display: inline-block; position:relative; } .miniPanierTxt, .user-txt { display: none; } .module_account_summary span.user-txt { z-index: 999; display: none; border: 2px solid #000; min-width: 188px; position: absolute; right: 23px; /*top: 105px; */ padding: 20px;background-color: #fff; } .module_account_summary .fa-user:hover::before { content : "\E901"; } .module_account_summary span.user-txt::before { content: ''; width: 0; height: 0; position: absolute; top: -10px; right: 65px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000 transparent; } .module_account_summary span.user-txt::after { content: ''; width: 0; height: 0; position: absolute; right: 67px; top: -8px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; } /*.module_account_summary:hover span { display: block; }*/ div.module_my_account_step { display:inline-block; } .box-langue { position: absolute; left: 5%; top: 30px; padding: 0 20px; } ul.langues li.langue { list-style-type: none; display: inline-block; padding: 0 5px; } ul.langues li.langue a { color: #000; } nav.nav1 ul li a.nav-link, nav.nav1 ul li div.nav-link, nav .menu_filter_mobile ul li a .title-look { width: 100%; text-align: center;} nav.nav1 ul li a.nav-link:first-letter, nav.nav1 ul li div.nav-link:first-letter, nav .menu_filter_mobile ul li a .title-look:first-letter { text-transform: uppercase;} /*--------------------------------------------------------*/ /*------------------- RETRAIT MAGASIN --------------------*/ /*--------------------------------------------------------*/ .titre_retrait_magasin { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: 500; 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: #B92339; } .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; } .fnl .form-control { border: none; border-bottom : 1px solid #000; background : transparent; border-radius : 0; transition: all 0.2s ease; padding: 0;padding-bottom: 0.5rem;font-size: 0.75rem;} .fnl .border-focus { width: 0;position: absolute;bottom: 0;transition: all 0.2s ease; border : none; left: 50%;} .fnl .divfocus { position : relative; width :100%;} .fnl .form-control:focus { box-shadow: none; border : none; border-bottom : 1px solid #000; } .fnl .form-control:focus~.border-focus { left : 0;width: 100%;transition: all 0.2s ease; border-bottom: 1px solid #000;bottom : 1px;} .fnl .submit { padding: 0;margin: 0; border : none; color :#000; position : relative; right : 25px; background : transparent;} .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .content-cart-box .fa-shopping-bag { font-family: 'zv-icon' !important;font-size: 22px;font-weight: 300;color: #000; } .content-cart-box .fa-shopping-bag::before { content: "\E902"; } .content-cart-box .fa-shopping-bag:hover::before { content: "\E903"; } .compte_panier .nav-link { padding : 0 !important;margin-right:0!important; } .overlay-cart {display:none;z-index:10000;position:fixed;top:0;left:0;width:100%;height:100vh;background-color: rgba(0, 0, 0, .4);} .overlay-cart.open {display:block;} .cart-menu {z-index:10001;position:fixed;top:0;right:0;width:100%;max-width:530px;height:100%;background-color:#fff;transform:translateX(100%);transition:all 0.2s ease-in-out;display:flex;flex-direction: column;/*justify-content:space-between;*/} .cart-menu.open {transform:translateX(0);transition:all 0.3s ease-in-out;} .title_cart_content {display:flex;justify-content:space-between;padding:1.25rem 3rem 1rem;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);} .title_cart_text {font-size:1.25rem;font-weight: 500;} .title_cart_content .hide_cart {width:12px;height:12px;cursor:pointer;} .minicart_content {padding:0 3rem;flex-grow:10;overflow-y: hidden;margin-bottom: 2.5rem;margin-top: 2.5rem;position: relative;} .minicart_content_overflow {position:absolute;inset: 0;padding-left:3rem;padding-right:3rem;overflow: auto;height: 100%;scrollbar-width: none;box-shadow: inset 0px 0px 20px 0px rgb(0 0 0 / 10%);} .minicart_content .panier-vide {padding:7rem 3rem 3rem 3rem;} .minicart_content .panier-vide span {font-weight: 500;font-size:1.25rem;} .minicart_item_content {display:flex;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;} .minicart_item_content:last-child {border-bottom:1px solid #000;} .minicart_photolink {} .minicart_photo {} .minicart_infos {display:flex;flex-direction:column;justify-content:space-between;padding:1rem;width: 100%;} .minicart_infos_designation {font-size: 0.875rem;font-weight: 500;} .minicart_infos_color {font-size: 0.75rem;} .minicart_infos_color_title {} .minicart_infos_color_value {} .minicart_infos_size {font-size: 0.75rem;} .minicart_infos_size_title {} .minicart_infos_size_value {} .minicart_infos_quantity {font-size: 0.75rem;} .minicart_infos_quantity_title {} .minicart_infos_quantity_value {} .minicart_delete {display: block;width: 12px;height: 12px;color: #000;} .minicart_price {display:flex;flex-direction:column;min-width: fit-content;align-items:flex-end;justify-content:space-between;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:right;} .minicart_price_discount {display:inline-block;font-size: 0.625rem;padding:0.25rem 0.375rem;background-color:#000;color:#fff;text-align:center;} .minicart_price_striked {font-size: 0.75rem;color:#525252;text-decoration-line: line-through;margin-top:0.5rem;} .minicart_price_sale {font-size: 0.875rem;font-weight: 500;margin-top:0.5rem;} .minicart_seecart {padding: 3rem;} .minicart_seecart a {display:block;width:100%;padding:1.25rem 2.5rem 1.25rem 2.5rem;text-align:center;color:#fff;text-transform:uppercase;background-color:#000;font-size:0.875rem;letter-spacing: 0.05em;border:1px solid #000;transition:all 0.2s ease;} .minicart_seecart a:hover {color:#000;background-color:#fff;transition:all 0.2s ease;text-decoration:none;} .minicart_compte {padding:0 3rem 2rem 3rem;} .minicart_compte a {display:block;width:100%;padding:1.25rem 2.5rem 1.25rem 2.5rem;text-align:center;color:#fff;text-transform:uppercase;background-color:#000;font-size:0.875rem;letter-spacing: 0.05em;border:1px solid #000;transition:all 0.2s ease;} .minicart_compte a:hover {color:#000;background-color:#fff;transition:all 0.2s ease;text-decoration:none;} .minicart_continue {padding:0 3rem 3rem 3rem;} .minicart_continue span {display:block;width:100%;padding:1.25rem 2.5rem 1.25rem 2.5rem;text-align:center;color:#000;text-transform:uppercase;background-color:#fff;font-size:0.875rem;letter-spacing: 0.05em;border:1px solid #000;transition:all 0.2s ease;} .minicart_continue span:hover {cursor:pointer;color:#fff;background-color:#000;transition:all 0.2s ease;text-decoration:none;} .header_tunnel {padding-left:0.75rem;padding-right:0.75rem;} .header_tunnel_content {max-width: 1280px;display:grid;align-items: center;padding-left: 0.75rem;padding-right: 0.75rem;padding-bottom: 1.25rem;padding-top: 1.25rem;margin-left: auto;margin-right: auto;grid-template-columns: repeat(3, minmax(0, 1fr));column-gap: 0;} .header_tunnel_logo {width: 16rem;padding: 0;margin: 0;} .header_tunnel_logo a {display:block;} .header_tunnel_logo img {display: block;height: auto;width: 100%;} .header_tunnel_step {justify-self: center;padding: 0;} .header_tunnel_step_nav {display: flex;justify-content: space-between;align-items: center;} .header_tunnel_step_nav_item {display: inline-flex;align-items: center;text-decoration-line: none;font-size: 0.875rem;line-height: 1.25rem;margin-left:5rem;} .header_tunnel_step_nav_item:hover {text-decoration:none;} .header_tunnel_step_nav_item:first-child {margin-left:0;} .header_tunnel_step_nav_item.inactive {cursor: not-allowed;} .header_tunnel_step_nav_item_number {width: 1.5rem;height: 1.5rem;position:relative;border:2px solid #767676;border-radius: 9999px;} .header_tunnel_step_nav_item_number span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 0.75rem;line-height: 1rem;color:#767676;} .header_tunnel_step_nav_item_number.active {border-color:#000;background-color:#000;} .header_tunnel_step_nav_item_number.active span {color:#fff;} .header_tunnel_step_nav_item_text {color:#767676;font-size: 0.875rem;line-height: 1.25rem;margin-left:0.5rem;cursor:pointer;box-sizing:border-box;} .header_tunnel_step_nav_item_text.active {color:#000;} .header_tunnel_step_nav_item_text.inactive {cursor: not-allowed;} .content_tunnel {max-width: 1280px;margin-left: auto;margin-right: auto;padding: 3rem 0.75rem;} .content_tunnel_title {line-height: 2.5rem;font-weight: 500;font-size: 1.5rem;margin-bottom: 2.5rem;} .pagecart_content {display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));column-gap: 5rem;} .pagecart_content_article {grid-column: span 5 / span 5;} .pagecart_item_content {display:flex;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;} .pagecart_item_content:last-child {border-bottom:1px solid #000;} .pagecart_photolink {} .pagecart_photo {} .pagecart_item_info_contenu {display: grid;grid-template-rows: 1fr auto auto;grid-template-columns: 1fr auto;column-gap: 1.25rem;padding:0.75rem 1.5rem;flex-grow: 10 !important;} .pagecart_infos {display:flex;flex-direction:column;justify-content:space-between;width: 100%;} .pagecart_infos_colorsize {margin-top: 1rem;} .pagecart_infos_designation {font-size: 0.875rem;font-weight: 500;} .pagecart_infos_color {font-size: 0.75rem;} .pagecart_infos_size {font-size: 0.75rem;} .pagecart_infos_quantity_delete {display:flex;margin-top: 1.5rem;align-items: center;} .pagecart_infos_quantity_content {display: flex;} .pagecart_quantity {display:inline-block;margin-left:0.5rem;margin-right:0.5rem;} .pagecart_infos_delete_content {display: flex;align-items: center;} .pagecart_infos_delete_title {cursor:pointer;letter-spacing: 0.1em;font-size: 0.75rem;text-transform: uppercase;padding-left: 0.75rem;padding-right: 0.75rem;margin-left: 0.75rem;border:none;background:none;} .pagecart_price {display:flex;flex-direction:column;grid-row: span 2 / span 2;margin-top:0;align-items:flex-end;justify-content:flex-end;} .pagecart_price_content {display: flex;margin-top: auto;flex-direction: column;align-items: flex-end;} .pagecart_price_discount {display:inline-block;font-size: 0.625rem;padding:0.25rem 0.375rem;background-color:#000;color:#fff;text-align:center;} .pagecart_price_striked {font-size: 0.75rem;color:#525252;text-decoration-line: line-through;margin-top:0.5rem;} .pagecart_price_sale {font-size: 0.875rem;font-weight: 500;margin-top:0.5rem;} .pagecart_total {grid-column: span 3 / span 3;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem;background-color:#000;color:#fff;height:fit-content;position: sticky;top: 1.25rem;} .pagecart_coupon {position:relative;margin-bottom: 1.25rem;} .pagecart_input_coupon {padding-bottom: 0.75rem;padding-top: 0.75rem;border-radius:0;font-size: 0.75rem;font-weight: 700;color:#fff;background-color: transparent;width: 100%;border:none;border-bottom:1px solid #fff;} .pagecart_valide_coupon {position: absolute;top: 0.5rem;right: 0;background-color: transparent;font-size: 0.75rem;border:none;color:#fff;line-height: 1.25rem;} .pagecart_giftcard {position:relative;margin-bottom: 3rem;} .pagecart_input_giftcard {padding-bottom: 0.75rem;padding-top: 0.75rem;border-radius:0;font-size: 0.75rem;font-weight: 700;color:#fff;background-color: transparent;width: 100%;border:none;border-bottom:1px solid #fff;} .pagecart_valide_giftcard {position: absolute;top: 0.5rem;right: 0;background-color: transparent;font-size: 0.75rem;border:none;color:#fff;line-height: 1.25rem;} .pagecart_total_article {display: flex;justify-content: space-between;line-height: 1.25rem;margin-bottom: 1.25rem;} .pagecart_total_article_content {font-weight: 500;font-size: 0.875rem;} .pagecart_total_value {font-weight: 500;font-size: 0.875rem;} .pagecart_total_confirm a {display:block;width:100%;padding:1.25rem 2.5rem;text-align:center;background-color:#fff;border:1px solid #fff;color:#000;text-transform: uppercase;font-size: 0.875rem;transition:all 0.2s ease;} .pagecart_total_confirm a:hover {background-color:#000;color:#fff;transition:all 0.2s ease;text-decoration:none;} .pagecart_total_shipping_info {font-size: 0.75rem;line-height: 1rem;margin-top: 1rem;} input.pagecart_input_coupon:-webkit-autofill { box-shadow: 0 0 0 1000px black inset !important; -webkit-text-fill-color: white !important; border-bottom: 1px solid white; /* pour bien garder ta bordure */ transition: background-color 5000s ease-in-out 0s; /* astuce pour bloquer le fond clair */ } .pagecart_content_vide {} .pagecart_content_vide_title {} .pagecart_content_vide_button {} .pagecart_content_vide_button_login {} .pagecart_content_vide_button_continue {} .product_content {width: 100%;margin-right: auto;margin-left: auto;padding-left: 1rem;padding-right: 1rem;padding-top: 72px;} .product_breadcrumb {font-size: 0.75rem;line-height: 1rem;margin-bottom: 1.5rem;color: #767676;} .product_breadcrumb a {color: #767676;} .product_image_content {display:flex;} .div-imagemagic {width:100%;height:auto;} .product_image_vignette {display:flex;flex-direction:column;margin-right:0.75rem;} .product_image_vignette a {display:block;margin-bottom: 0.75rem;} .login_content {width: 100%;margin-right: auto;margin-left: auto;padding-left: 1rem;padding-right: 1rem;padding-top: 72px;} .title_search_content {display:flex;justify-content:space-between;padding:1.25rem 2rem 1rem 3rem;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);} .title_search_text {font-size:1.5rem;font-weight:400;} .title_search_content .hide_search {width:12px;height:12px;cursor:pointer;} .overlay-search {z-index:10000;position:fixed;top:0;left:0;width:100%;height:100vh;background: rgba(229, 231, 235, 0.5);backdrop-filter: blur(32px);-webkit-backdrop-filter:blur(32px);opacity: 0;pointer-events: none;} .overlay-search.open {opacity: 1;pointer-events: auto;} .content-search {z-index:10001;position:fixed;top:0;left:0;width:100%;max-width:480px;height:100%;background-color:#fff;transform:translateX(-100%);transition:all 0.2s ease-in-out;} .content-search.open {transform:translateX(0);transition:all 0.3s ease-in-out;} .content-search-form {display:flex;padding:0 3rem 0 2rem;height:100px;} .overlay-search-mobile {z-index:10000;position:fixed;top:0;left:0;width:100%;height:100vh;background: rgba(229, 231, 235, 0.5);backdrop-filter: blur(32px);-webkit-backdrop-filter:blur(32px);opacity: 0;pointer-events: none;} .overlay-search-mobile.open {opacity: 1;pointer-events: auto;} .content-search-mobile {z-index:10001;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;transform:translateX(-100%);transition:all 0.2s ease-in-out;} .content-search-mobile.open {transform:translateX(0);transition:all 0.3s ease-in-out;} .zv-search-label { padding-left:2.5rem; padding-right:2.5rem; padding-top:1.5rem; padding-bottom:0.75rem; } .zv-search-label-text { text-transform: uppercase; color: #000000; font-size: 0.75rem; line-height: 1; } .zv-search-container { padding-left: 2.5rem; padding-right: 2.5rem; position:relative; } .zv-search-content { display: flex; align-items: center; padding-bottom: 0.75rem; border-bottom:1px solid #f3f3f3; } .zv-search-content-bloc { display: flex; width: 2rem; height: 2rem; overflow: hidden; align-items: center; flex-shrink: 0; position: relative; } .zv-search-content-bloc-icone { display: flex; position: absolute; align-items: center; } .zv-search-content-bloc-icone-span { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; color: oklch(70.7% .022 261.325); } .zv-search-content-form { } .zv-search-content-input { color:#000000; outline-style: none; line-height: 1.2; font-size:1.25rem; background-color: #0000; flex: 1; margin-left:-0.25rem; border:none; } .zv-search-content-input::placeholder { color:#99a1af; font-size:1.25rem; line-height: 1.2; font-weight:300; } .zv-search-categorie-title { padding-left: 2.5pem; padding-right: 2.5pem; margin-top: 2.5rem; margin-bottom: 1rem; line-height: 1.4; font-size: 0.875rem; color: #99a1af; } .zv-search-categorie-ul { padding-left: 2.5pem; padding-right: 2.5pem; font-size: 0.875rem; color: #000000; list-style:none; } .zv-search-categorie-list { margin-bottom: 1rem; } /*.icon_search_open {background-image: url(../img/Search@3x.png);background-repeat: no-repeat;background-size: contain;background-position: center;display: block; width: 28px;height: 28px;margin: 0 5px;}*/ .icon-close {width: 24px;height: 16px;position:relative;display:block;cursor: pointer;} .icon-close-one, .icon-close-two { display: block; width: 100%; background: #000; height: 2px; position: absolute; -webkit-transition: all .45s; -o-transition: all .45s; transition: all .45s; } .icon-close-one { width: 100%; -webkit-transform: rotate(45deg) translate(5px, 5px); -ms-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px); } .icon-close-two { bottom: 0; } .icon-close-two { -webkit-transform: rotate(-45deg) translate(5px, -5px); -ms-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); } #search_query:focus {border:none;box-shadow:none;} .header-fixed .navbar-brand { } .header-fixed .nav1 { padding : 30px 40px 30px 28px; transition : all 0.2s ease;} .header-fixed .n-1 {margin : 0 20px; transition : all 0.2s ease;} .nav1.navbar { background-color: transparent !important; } .titre-look {line-height: 2.5rem;font-size: 1.125rem;font-weight: 700;margin-bottom:24px;margin-top:35px;} .product_visited { width: 100%;padding-top: 2rem;padding-bottom: 2rem;padding-left: 0.75rem;padding-right: 0.75rem;} .module_product_nouveaute .product-descr {padding-top: 1rem;padding-left:0.5rem;padding-right:0.5rem;background-color:#ffffff;} .grid4 { display: grid !important; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr));} /*.grid4 { display: grid !important; grid-column-gap: 3rem; grid-template-columns: repeat(3, minmax(0, 1fr));}*/ .grid2 { display: grid !important; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr));} .grid4 .span-col-4{ grid-column-end: span 3; } /*.grid4 .span-col-4{ grid-column-end: span 3; }*/ .grid4 .g-row-2 { grid-row-end: span 2; } .grid4 .g-row-3 { grid-row-end: span 3; } /*.grid4 .g-row-4 { grid-row-end: span 4; }*/ .grid4 .g-col-2 { grid-column-end: span 2; } .grid4 .g-col-3 { grid-column-end: span 3; } /*.grid4 .g-col-4 { grid-column-end: span 4; }*/ .grid2 .span-col-4{ grid-column-end: span 2; } .grid2 .g-col-2{ grid-column-end: span 2; } .grid2 .g-col-3{ grid-column-end: span 2; } .grid2 .g-col-4{ grid-column-end: span 2; } /*.productBanner .product-descr{ overflow: hidden;min-height: 125px;padding: 15px 5px;} .productBanner .product2 { height : calc(100% - 115px); padding: 10px;position: relative; overflow: hidden;} .productBanner .product2 img { opacity: 1; position: absolute; height: 100% !important; top: 50%; width: auto !important; left: 50%; transform: translatex(-50%) translatey(-50%);}*/ .productBanner .product-descr{ overflow: hidden;max-height: 125px;padding: 15px 5px;} .productBanner .product2 p, .productBanner .product2 div{ height : 100%;} .productBanner .product2 { } .productBanner .product2 img { object-fit: cover; width: 100%; height : 100%;} .g-col-4 .product-descr { display : none; } .g-col-4 .product2 { height : 100%;} .swiper-horizontal > .swiper-scrollbar { height : 2px; bottom :0;} /* ---- NOUVEAU CATALOGUE ---- */ .swiper-pagination {text-align: left;padding-left:6px;} .swiper-pagination-bullet {width:6px;height:6px;margin:0 3px!important;} .swiper-pagination-bullet-active {width:8px;height:8px;background-color:#000;} .module_catalogue {width: 100%;margin-right: auto;margin-left: auto;padding-left:1rem;padding-right:1rem;} /* @media (min-width: 375px) { .module_catalogue {max-width: 375px;} } @media (min-width: 480px) { .module_catalogue {max-width: 480px;} } @media (min-width: 640px) { .module_catalogue {max-width: 640px;} } @media (min-width: 768px) { .module_catalogue {max-width: 768px;} } @media (min-width: 992px) { .module_catalogue {max-width: 992px;} } @media (min-width: 1280px) { .module_catalogue {max-width: 1280px;} } @media (min-width: 1408px) { .module_catalogue {max-width: 1408px;} } @media (min-width: 1536px) { .module_catalogue {max-width: 1536px;} } */ .productBanner.desktop5 { display : flex !important; } .owl-stage {padding-left:0!important;} /* NEW DESIGN */ .divlogo { position: fixed; top: 0; left: 0; margin-left: 1rem; margin-right: 1rem; margin-top: 1.5rem; width: 239px; /* Largeur initiale */ transition: width 0.2s ease-in-out; /* Transition pour la largeur */ z-index: 3; } .divlogo.actived { width: 178px; /* Largeur lorsque actif */ } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(229, 231, 235, 0.5); backdrop-filter: blur(32px); -webkit-backdrop-filter:blur(32px); opacity: 0; pointer-events: none; transition: opacity 0.2s ease-in-out; z-index: 1; } .overlay.actived { opacity: 1; pointer-events: auto; } .menu { position: fixed; top: 0; left:0; height: 100vh; width: 365px; background: #ffffff; color: black; transform: translateX(-100%); transition: transform 0.2s ease; z-index: 9999; box-sizing: border-box; padding:0 2.5rem; } .menu.actived { transform: translateX(0); } .close-menu-container { height: 92px; z-index: 50; position: sticky; top:0; display:flex; align-items: center; border-bottom:1px solid #f3f3f3; } .close-search-container { padding: 0 2.5rem; } .close-menu-button { display: flex; cursor: pointer; align-items: center; gap: 0.25rem; padding: 0.75rem,1rem,0.75rem,0; } .close-menu-icone { width:0.75rem; height:0.75rem; transform: rotate(45deg); position:relative; } .close-menu-icone-span-one { position:absolute; width:1.5px; left:50%; bottom:0; top:0; transform: translateX(-50%); background-color:#000000; } .close-menu-icone-span-two { position:absolute; height:1.5px; left:0; right:0; top:50%; transform: translateY(-50%); background-color:#000000; } .close-menu-text { margin-left:0.5rem; font-size: 0.75rem; font-weight: 500; color: #000000; text-transform: uppercase; } .close-menu-hr { } .menu ul { list-style-type: none; } .menu-item { margin-bottom: 1rem; position: relative; z-index: 1; } .sub-menu-item { margin-bottom: 1rem; } .menu-item.last_chance > span {color: rgb(140, 0, 34);} .menu-item.giftcard a { color:#000; } .menu-item.giftcard a:hover { text-decoration:none; } .menu-item.giftcard span:hover { background:none; } .menu-item span { cursor: pointer; display: block; width: 100%; text-transform: lowercase; font-size: 1.5rem; line-height: 1.08; font-weight: 500; transition: color 0.3s ease, transform 0.3s ease; } .menu-item span::first-letter { text-transform: uppercase; } .menu-item span:hover { color: #4b5563; transform: translateX(5px); background-image: url(../img/carre-noir-4.svg); background-position: right; background-repeat: no-repeat; background-size: 4px; } .menu-item .li-menu-bottom span { font-size: 0.875rem; font-weight: 500; letter-spacing: 0.05em; } .menu-item li:nth-child(1 of .li-menu-bottom) { padding-top:2rem; border-top: 1px solid #f3f3f3; margin-top:1.5rem; } .sub-menu { display: none; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 2rem; position: fixed; top: 0; height: 100vh; background-color: white; border-left: 1px solid #f3f3f3; box-sizing:border-box; z-index: 10000; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-20px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; } .sub-menu.actived { display: block; opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); } .sub-menu-item a { text-decoration: none; color: #000000; } .sub-menu .imgMenu { margin-top: 3rem; margin-bottom: 3rem; } .sub-menu .imgMenu a { color: #000000; } .sub-menu .label { padding-top: 1rem; text-transform: uppercase; font-size: 0.875rem; } .sub-menu .see-all { } .sub-menu span.see-all:hover, .sub-menu span.see-cat:hover { background: none; } .menu1 { padding-top:2rem; padding-bottom:1rem; border-bottom:1px solid #f3f3f3; } .menu2 { width: 364px; left: 364px!important; padding-top:calc(92px + 2rem); gap: 1rem; } .menu3 { width: 365px; left: 728px!important; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; padding: 1.25rem!important; } .menu3.actived { display: grid!important; } .sub-menu-images a { display:flex; flex-direction: column; gap: 0.5rem; color: #000000; } .sub-menu-images a:hover { text-decoration: none; } .imgmenu-cms { position: relative; overflow:hidden; width: 100%; aspect-ratio:1; } .imgmenu-cms img { width:100%; height:100%; object-fit: cover; max-width:100%; display: block; vertical-align: middle; transition: scale 0.3s cubic-bezier(.4,0,.2,1); } .imgmenu-cms img:hover { scale: 105%; } .imgmenu-title { font-size: 0.75rem; text-align: center; font-weight: 500; text-transform: lowercase; } .imgmenu-title::first-letter { text-transform: uppercase; } .zv-menu-setting { padding: 2rem 0; display:flex; flex-direction: column; list-style: none; gap: 0.75rem; } .zv-menu-other-info { padding: 2rem 0; display:flex; flex-direction: column; list-style: none; gap: 0.75rem; border-bottom:1px solid #f3f3f3; } .zv-menu-bloc-list { } .zv-menu-bloc-link { display: inline-block; text-decoration:none; color: #000000; cursor: pointer; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05em; position: relative; background-color: #0000; transition: color 0.15s ease-out } .zv-menu-bloc-link:before { background-color: #000; content: ""; inset: 0; position: absolute; transform: scaleY(0); transform-origin: bottom; transition: transform 0.15s ease-out; z-index: -1; } .zv-menu-bloc-link:hover { text-decoration:none; color: #ffffff; } .zv-menu-bloc-link:hover:before { transform: scaleY(1); } .zv-menu-bloc-text { font-weight: 500; } .zv-menu-faciliti { padding: 2rem 0; display:flex; flex-direction: column; list-style: none; gap: 0.75rem; } .zv-menu-bloc-link-faciliti { display: flex; align-items: center; gap:0.5rem; text-decoration:none; color: #000000; cursor: pointer; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05em; position: relative; text-transform: uppercase; background-color: #0000; transition: color 0.15s ease-out } .zv-menu-bloc-icone-faciliti { display: inline-block; font-size:11px; width: 1em; height: 1em; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90' width='90' height='90'%3E%3Cg fill='none'%3E%3Cpath d='M45 90C69.8528 90 90 69.8528 90 45C90 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 90 45 90Z' fill='%23E2033C'/%3E %3Cpath opacity='0.2' d='M26.3 59.7L56 88.7C74.8 84 89 67.5 90 47.5L78.4 36.1L26.3 59.7Z' fill='%23020203'/%3E %3Cpath d='M77.5 34.3L55 39.3L57.5 42.4L77.5 34.3Z' fill='white'/%3E %3Cpath d='M12.8 34.2L35.3 39.3L32.8 42.3L12.8 34.2Z' fill='white'/%3E %3Cpath d='M45.3 47.5L55.4 43.3L45.3 27.7L34.8 43.2L45.3 47.5V47.6V47.5V47.6V47.5Z' fill='white'/%3E %3Cpath d='M45.3 50L12.2 36.1L26.3 59.7H45.3H64.3L78.4 36.1L45.3 50Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") } .zv-burger-container {display:block;background: none;border: none;cursor: pointer;padding:0.75rem;} .zv-burger-button {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;} .zv-burger-span-one {display:block;width: 12px;height:1.5px;backdrop-filter: invert(100%) grayscale(100%) contrast(200%);-webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%);background-color:transparent!important;} .zv-burger-span-two {display:block;width: 12px;height:1px;backdrop-filter: invert(100%) grayscale(100%) contrast(200%);-webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%);background-color:transparent!important;} .search_bar {display: flex;align-items: center;justify-content: center;} .search_bar_div {display: flex;align-items: center;justify-content: center;padding-left:0.75rem;padding-right:0.75rem;cursor: pointer;} .zv-search-icon { display: inline-block; width: 1em; height: 1em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; backdrop-filter: invert(100%) grayscale(100%) contrast(200%); -webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%); background-color: transparent; } .zv-logo-icon { display: inline-block; width:220px; max-width:100%; /*min-width: 220px;*/ margin-top:0.5rem; aspect-ratio: 300 / 48; -webkit-mask-image: url("../img/zv-logo.svg"); mask-image: url("../img/zv-logo.svg"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; backdrop-filter: invert(100%) grayscale(100%) contrast(200%); -webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%); background-color: transparent; } .zv-button-account {display: flex;cursor: pointer;align-items: center;justify-content: center;} .zv-account-icon { display: inline-block; width: 1em; height: 1em; font-size:32px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none'%3E%3Cpath d='M22 23.5C22 19.634 19.866 17.5 16 17.5C12.134 17.5 10 19.634 10 23.5' stroke='black' stroke-width='1.5'/%3E %3Ccircle cx='16' cy='12' r='3.25' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none'%3E%3Cpath d='M22 23.5C22 19.634 19.866 17.5 16 17.5C12.134 17.5 10 19.634 10 23.5' stroke='black' stroke-width='1.5'/%3E %3Ccircle cx='16' cy='12' r='3.25' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; backdrop-filter: invert(100%) grayscale(100%) contrast(200%); -webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%); background-color: transparent; } .zv-cart-button {display: flex;cursor: pointer;align-items: center;justify-content: center;} .zv-cart-icon { display: inline-block; width: 1em; height: 1em; font-size:32px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none'%3E%3Cpath d='M9.91992 12.75H22.0801C22.21 12.7501 22.3183 12.85 22.3291 12.9795L23.1621 22.9795C23.1741 23.1251 23.0593 23.25 22.9131 23.25H9.08691C8.94073 23.25 8.82589 23.1251 8.83789 22.9795L9.6709 12.9795C9.68169 12.85 9.78999 12.7501 9.91992 12.75Z' stroke='black' stroke-width='1.5'/%3E %3Cpath d='M19 15V10C19 8.89543 18.1046 8 17 8H15C13.8954 8 13 8.89543 13 10V15' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none'%3E%3Cpath d='M9.91992 12.75H22.0801C22.21 12.7501 22.3183 12.85 22.3291 12.9795L23.1621 22.9795C23.1741 23.1251 23.0593 23.25 22.9131 23.25H9.08691C8.94073 23.25 8.82589 23.1251 8.83789 22.9795L9.6709 12.9795C9.68169 12.85 9.78999 12.7501 9.91992 12.75Z' stroke='black' stroke-width='1.5'/%3E %3Cpath d='M19 15V10C19 8.89543 18.1046 8 17 8H15C13.8954 8 13 8.89543 13 10V15' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; backdrop-filter: invert(100%) grayscale(100%) contrast(200%); -webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%); background-color: transparent; } .chiffre_panier, .chiffre_panier_null { display:flex;align-items:center;justify-content:center;border-radius:200px;color:#000000;background-color:#ffffff;font-size:0.65rem;font-weight:700; position:absolute;bottom:0;right:0;min-width:0.875rem;min-height:0.875rem; backdrop-filter: invert(100%) grayscale(100%) contrast(200%); -webkit-backdrop-filter: invert(100%) grayscale(100%) contrast(200%); } .banner-container { position: relative; overflow: hidden; width: 100%; min-height: 220px;} .banner-content-cms {} .banner-content-cms p { width:100%; height: 440px;overflow:hidden;} .banner-content-cms img { width:100%;height:100%;display:block;vertical-align:middle;object-fit:cover;object-position:top;} .banner-container-title { position: absolute; bottom: 0; left: 0; margin-bottom:2.5rem;width: 100%; display:flex;align-items: center;justify-content: center;text-align: center;z-index: 10;} .banner-container-title h1 { margin: 0; padding:0; color: #000000; font-size:2.25rem;font-weight:500;text-transform:lowercase;} .banner-container-title h1::first-letter {text-transform:uppercase;} .banner-container-title h1.text-white { color:#ffffff;} .accueil-product-container { position:relative; overflow: clip; } .accueil-product-image-container { } .accueil-product-descr { position:absolute; inset: 0; display: flex; flex-direction: column; mix-blend-mode: difference; pointer-events: none; } .accueil-product-flex1 { flex: 1; } .accueil-product-descr-contenu { position: sticky; bottom: 0; padding: 1rem 2.5rem; z-index: 10; pointer-events: auto; } .accueil-product-descr-contenu h2 { font-size: 35px; color: #ffffff; font-weight: 500; line-height: 1; text-transform: lowercase; } .accueil-product-descr-contenu h2::first-letter { text-transform: uppercase; } .accueil-product-descr-contenu p { color: #ffffff; font-size: 0.75rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem; margin-top:0.625rem; } /**************FOOTER*************/ footer {background-color:#fefefe;position: relative;} .footer-bloc-carousel {padding: 0 2.5rem;} .footer-bloc-carousel-1 {padding: 2.5rem 0;border-bottom: 1px solid #f3f3f3;} .owl-footer-carousel {display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;} .owl-footer-carousel-1 {flex: 1;align-items: center;padding: 0 2.5rem;border-right: 1px solid #f3f3f3;} .owl-footer-carousel-2 {flex: 1;align-items: center;padding: 0 2.5rem;border-right: 1px solid #f3f3f3;} .owl-footer-carousel-3 {flex: 1;align-items: center;padding: 0 2.5rem;} .owl-footer-carousel-content {display: flex;align-items: center;justify-content: center;gap: 1.25rem;} .owl-footer-carousel-icon-1 {display: inline-block;width: 1.5em;height: 1em;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' width='18' height='12'%3E%3Cg fill='none'%3E%3Cpath d='M7.53726 9C7.12304 9 6.78726 9.33579 6.78726 9.75C6.78726 10.1642 7.12304 10.5 7.53726 10.5V9.75V9ZM11.2498 9.75V10.5H11.2498L11.2498 9.75ZM0.749756 0.75C0.335542 0.75 -0.000244141 1.08579 -0.000244141 1.5C-0.000244141 1.91421 0.335542 2.25 0.749756 2.25L0.749756 1.5L0.749756 0.75ZM4.23744 10.501C4.65165 10.501 4.98744 10.1652 4.98744 9.75098C4.98744 9.33676 4.65165 9.00098 4.23744 9.00098V9.75098V10.501ZM2.99994 5.62598C2.99994 5.21176 2.66415 4.87598 2.24994 4.87598C1.83573 4.87598 1.49994 5.21176 1.49994 5.62598H2.24994H2.99994ZM1.50012 3C1.08591 3 0.750122 3.33579 0.750122 3.75C0.750122 4.16421 1.08591 4.5 1.50012 4.5L1.50012 3.75V3ZM4.50012 4.5C4.91434 4.5 5.25012 4.16421 5.25012 3.75C5.25012 3.33579 4.91434 3 4.50012 3V3.75V4.5ZM11.2499 3C10.8357 3 10.4999 3.33579 10.4999 3.75C10.4999 4.16421 10.8357 4.5 11.2499 4.5V3.75V3ZM15.8687 4.01724L15.1834 4.32184L15.1834 4.32184L15.8687 4.01724ZM17.2112 7.0377L17.8966 6.73334L17.8965 6.7331L17.2112 7.0377ZM15.3749 9C14.9607 9 14.6249 9.33579 14.6249 9.75C14.6249 10.1642 14.9607 10.5 15.3749 10.5V9.75V9ZM5.99994 11.25V12C7.24257 12 8.24994 10.9927 8.24994 9.75L7.49994 9.75H6.74994C6.74994 10.1642 6.41416 10.5 5.99994 10.5V11.25ZM7.49994 9.75L8.24994 9.75C8.24994 8.50733 7.24257 7.5 5.99994 7.5V8.25V9C6.41416 9 6.74994 9.33577 6.74994 9.75H7.49994ZM5.99994 8.25V7.5C4.75731 7.5 3.74994 8.50733 3.74994 9.75H4.49994H5.24994C5.24994 9.33577 5.58572 9 5.99994 9V8.25ZM4.49994 9.75H3.74994C3.74994 10.9927 4.75731 12 5.99994 12V11.25V10.5C5.58572 10.5 5.24994 10.1642 5.24994 9.75H4.49994ZM13.4998 11.25V12C14.7424 12 15.7498 10.9927 15.7498 9.75H14.9998H14.2498C14.2498 10.1642 13.914 10.5 13.4998 10.5V11.25ZM14.9998 9.75H15.7498C15.7498 8.50734 14.7424 7.5 13.4998 7.5V8.25L13.4998 9C13.914 9 14.2498 9.33576 14.2498 9.75H14.9998ZM13.4998 8.25V7.5C12.2571 7.5 11.2498 8.50734 11.2498 9.75H11.9998H12.7498C12.7498 9.33576 13.0855 9 13.4998 9L13.4998 8.25ZM11.9998 9.75H11.2498C11.2498 10.9927 12.2571 12 13.4998 12V11.25V10.5C13.0855 10.5 12.7498 10.1642 12.7498 9.75H11.9998ZM7.53726 9.75V10.5L11.2498 10.5V9.75V9H7.53726V9.75ZM11.2498 9.75H11.9998L11.9998 1.95H11.2498H10.4998L10.4998 9.75H11.2498ZM11.2498 1.95H11.9998C11.9998 1.28728 11.4625 0.75 10.7998 0.75V1.5V2.25C10.6341 2.25 10.4998 2.11566 10.4998 1.95H11.2498ZM10.7998 1.5V0.75L0.749756 0.75L0.749756 1.5L0.749756 2.25L10.7998 2.25V1.5ZM4.23744 9.75098V9.00098H2.69994V9.75098V10.501H4.23744V9.75098ZM2.69994 9.75098V9.00098C2.8656 9.00098 2.99994 9.13529 2.99994 9.30098H2.24994H1.49994C1.49994 9.96376 2.03722 10.501 2.69994 10.501V9.75098ZM2.24994 9.30098H2.99994L2.99994 5.62598H2.24994H1.49994L1.49994 9.30098H2.24994ZM1.50012 3.75L1.50012 4.5H4.50012V3.75V3L1.50012 3V3.75ZM11.2499 3.75V4.5H15.4575V3.75V3L11.2499 3V3.75ZM15.4575 3.75V4.5C15.339 4.5 15.2315 4.43021 15.1834 4.32184L15.8687 4.01724L16.5541 3.71264C16.3615 3.27926 15.9317 3 15.4575 3V3.75ZM15.8687 4.01724L15.1834 4.32184L16.5258 7.3423L17.2112 7.0377L17.8965 6.7331L16.5541 3.71264L15.8687 4.01724ZM17.2112 7.0377L16.5257 7.34206C16.5088 7.30391 16.4999 7.26249 16.4999 7.22048H17.2499H17.9999C17.9999 7.05261 17.9647 6.88669 17.8966 6.73335L17.2112 7.0377ZM17.2499 7.22048H16.4999V9.3H17.2499H17.9999V7.22048H17.2499ZM17.2499 9.3H16.4999C16.4999 9.13434 16.6343 9 16.7999 9V9.75V10.5C17.4627 10.5 17.9999 9.96276 17.9999 9.3H17.2499ZM16.7999 9.75V9H15.3749V9.75V10.5H16.7999V9.75ZM11.2498 9.75L11.2498 10.5L11.9998 10.5L11.9998 9.75L11.9998 9L11.2498 9L11.2498 9.75Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");} .owl-footer-carousel-icon-2 {display: inline-block;width: 1em;height: 1em;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='none'%3E%3Cpath d='M12.3478 4.66797C11.4476 2.60775 9.39189 1.16797 6.99982 1.16797C3.97505 1.16797 1.48798 3.4702 1.19531 6.41797M9.91667 4.66764L12.4833 4.66764C12.6766 4.66764 12.8333 4.51094 12.8333 4.31764V1.75098M1.68066 9.33398C2.58082 11.3942 4.63658 12.834 7.02863 12.834C10.0534 12.834 12.5405 10.5317 12.8331 7.58398M4.11198 9.33398H1.54531C1.35201 9.33398 1.19531 9.49067 1.19531 9.68398L1.19531 12.2507' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");} .owl-footer-carousel-icon-3 {display: inline-block;width: 2.3em;height: 1em;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("../img/credit-card.svg");} .owl-footer-carousel-text {font-size:1rem;font-weight: 700;line-height: 1.42857;} .owl-footer-carousel .owl-nav {margin-top: 0!important;position:absolute;top:-5px;left:0;width:100%;display:flex;justify-content:space-between;} .footer-bloc-newsletter {padding: 0 2.5rem;} .footer-bloc-newsletter-container {padding: 2.5rem 0;border-bottom: 1px solid #f3f3f3;display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap:2.5rem;} .footer-bloc-newsletter-info {display: flex;flex-direction: row;align-items: center;gap:0.25rem;} .footer-bloc-newsletter-info-title {font-size: 0.875rem;font-weight:700;line-height: 1.2;} .footer-bloc-newsletter-info-text {font-size:0.875rem;font-weight:700;line-height: 1.2;color:#A1A1A1;} .footer-bloc-newsletter-form {display: flex;align-items: center;flex-shrink: 0;padding:0.875rem 0;gap:2.5rem;width:670px;max-width:50%;} .footer-bloc-newsletter-input {border:none;border-bottom:1px solid #f3f3f3;padding:0 0.875rem;flex: 1;line-height:25px;font-size: 0.875rem;color:#D1D1D1;font-weight:500;} .footer-bloc-newsletter-input::placeholder {color: #d1d1d1;font-size:0.875rem;font-weight:500;} .footer-bloc-newsletter-button {display:flex;flex-shrink: 0;align-items: center;gap: 0.5rem;cursor:pointer;-webkit-appearance: none;border:none;background:none;} .footer-bloc-newsletter-button-text {font-weight: 700;font-size:0.875rem;color: #000000;text-transform: uppercase;line-height: 1.2;text-align: right;} .footer-bloc-newsletter-button-icon {display: block;width: 1em;height: 1em;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 4.5v15m7.5-7.5h-15'/%3E%3C/svg%3E");} .footer-bloc-link {padding: 0 2.5rem;} @media (min-width: 992px) { .footer-bloc-link-container {padding: 2.5rem 0 11rem;} .footer-bloc-link-nav {display: flex;} .footer-bloc-link-content {flex: 1;} } .footer-bloc-link-content-title {font-size:0.875rem;line-height:1.33333;font-weight: 700;color: #000; text-decoration: none;} .footer-bloc-link-content-ul {margin-top: 0.75rem;list-style:none;padding-left: 0;} .footer-bloc-link-content-li {line-height: 24px;} .footer-bloc-link-content-a {font-size:0.875rem;cursor: pointer;line-height:1.42857;color:#A1A1A1;transition:color 0.15s ease;} .footer-bloc-link-content-a:hover {text-decoration: none;color:#000000;} .footer-bloc-facility {padding: 0 2.5rem;font-weight:500;font-size:0.875rem;line-height: 1.33333;display:flex;cursor: pointer;align-items: center;gap:0.5rem;} .footer-bloc-final {padding: 2rem 2.5rem;} .footer-bloc-final-container {display: flex;justify-content: space-between;flex-direction: row;align-items: center;} .footer-bloc-final-fastmaglink {flex: 1;text-align: left;} .footer-bloc-final-fastmaglink-container {display: flex;align-items: center;gap: 0.5rem;font-size:0.875rem;font-weight:700;} .footer-bloc-final-logo {flex: 1;text-align: center;} .footer-bloc-final-logo img {width: 2rem;height:2rem;display:inline-block;vertical-align: middle;} .footer-bloc-final-social {flex: 1;text-align: right;} .footer-bloc-final-social-ul {display: flex;list-style: none;justify-content: flex-end;gap:0.5rem;} .footer-bloc-final-social-ul a {font-weight:700;font-size:0.875rem;color:#000000;line-height:1.33333;cursor: pointer;} @media (max-width: 991.98px) { /* 1. Reset des bordures et fonds */ .accordion-item { border: none !important; background: transparent !important; } .accordion-button { padding: 1.25rem 0 !important; background-color: transparent !important; box-shadow: none !important; color: #000 !important; display: flex; justify-content: space-between; align-items: center; } /* 2. Icône SVG forcée en noir (évite le décalage) */ .accordion-button::after { content: ""; width: 1.25rem; height: 1.25rem; margin-left: auto; background-repeat: no-repeat; background-size: 0.75rem; background-position: center; /* SVG Standard Bootstrap Noir */ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; transition: transform 0.2s ease-in-out; } /* 3. Rotation propre (sans changement d'image) */ .accordion-button:not(.collapsed)::after { transform: rotate(-180deg) !important; /* On garde la MEME image pour éviter le saut/décalage */ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; } /* 4. Ajustements contenus */ .accordion-body { padding: 0 0 1.5rem 0 !important; } .footer-bloc-link-content-ul { margin-top: 0; } .footer-bloc-carousel {padding: 0 1.25rem;} .footer-bloc-newsletter {padding: 0 1.25rem;} .footer-bloc-link {padding: 0 1.25rem;} .footer-bloc-facility {padding: 0 1.25rem;} .footer-bloc-final {padding: 2rem 1.25rem;} .footer-bloc-newsletter-container {flex-direction: column;align-items: flex-start;} .footer-bloc-newsletter-info {flex-direction: column;align-items: flex-start;gap:0.75rem;} .footer-bloc-newsletter-info-text {font-size: 0.875rem;font-weight:500;line-height: 1.4;} .footer-bloc-newsletter-form {max-width: 100%; justify-content: space-between;width: 100%;} .footer-bloc-newsletter-input {padding:0;} .footer-bloc-final-container {flex-direction: column-reverse;align-items: flex-start;gap: 2rem;} .footer-bloc-final-logo {display:none;} }