/* ----------------------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: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } /* ----------------------FIN RESET---------------------- */ /* ----------------------POLICE---------------------- */ @font-face { font-family: 'Helvetica Neue'; src: url('../police/helveticaneue-regular.ttf') format('truetype'); font-weight: normal; } @font-face { font-family: 'Helvetica Neue'; src: url('../police/helveticaneue-bold.ttf') format('truetype'); font-weight: bold; } @font-face { font-family: 'Helvetica Neue'; src: url('../police/helveticaneue-semibold.ttf') format('truetype'); font-weight: 600; } /* ----------------------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: normal; font-style: normal; font-display: block; } /* ----------------------FIN POLICE---------------------- */ [class^="zv-icon-"], [class*=" zv-icon-"] { font-family: 'zv-icon' !important; font-style: normal; font-weight: normal; 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: normal; 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: bold; } #boutique a { color: grey; text-decoration: none; } #boutique a:hover { text-decoration: none; } #boutique span { color: #6c6c6c; font-size: 18px; font-weight: bold; } div#container-pdts-home { background-attachment: fixed; background-position: center; padding: 20px 0; } div#container-pdts-home h2 { padding: 10px; font-size: 18px; text-transform: uppercase; color: #6e6e6e; letter-spacing: 2px; background-image: url("../img/motif2.jpg");} div#entrees-pdts { padding: 0!important; margin: 0 auto; } .encart-pdt1, .encart-pdt2, .encart-pdt3, .encart-pdt4 { padding: 0!important; } div#container-pdts-home .image1, .image2, .image3, .image4 { display: block; width: 100%; height: auto; border: 2px solid #fff; } .overlay1, .overlay2, .overlay3, .overlay4 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0; transition: .5s ease; background-color: #000; } .encart-pdt1:hover .overlay1 { opacity: 0.8; cursor: pointer; } .encart-pdt2:hover .overlay2 { opacity: 0.8; cursor: pointer; } .encart-pdt3:hover .overlay3 { opacity: 0.8; cursor: pointer; } .encart-pdt4:hover .overlay4 { opacity: 0.8; cursor: pointer; } .text1, .text2, .text3, .text4 { color: white; font-size: 20px; text-align: center; letter-spacing: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:rgba(0,0,0,.5); } .mCustomScrollbar, .mCustomScrollbar.mCS_touch_action, .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { -ms-touch-action: pan-x; touch-action: pan-x; } .mCustomScrollBox.mCSB_vertical_horizontal { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox.mCSB_horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .clear { clear: both!important; } .no-padding { padding-right:0!important; padding-left:0!important; margin-right:0!important; margin-left:0!important; } .no-padding-tb { padding-top:0!important; padding-bottom:0!important; margin-top:0!important; margin-bottom:0!important; } #conteneur{ width: 100%; } #lolablog #header { display:none; } #page #header-wrapper #header { display:none; } h1.title a { color:#000;font-weight: normal;text-decoration: none; } /* ----------------------INTRO---------------------- */ #intro h3 { margin: 0 0 30px 0; letter-spacing: 10px; font-size: 20px; color: #111; } #intro h4 { margin: 10px 0 30px 0; font-size: 16px; color: grey; font-style: italic; } .isLeft { float:left; } .isRight { float:right; } .50pc { width:50%; } .header-conteneur { width:100%; display: block; isolation: auto;background-color:transparent!important;background:none!important;} .gobal-content { width: 100%; display: block; min-height: 100vh; padding-bottom: 20px; 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: normal; } .nlink:hover { text-decoration: underline; } .content-cart-box,.compte { color:#000;text-transform: uppercase;padding-right: 0px;font-size: 12px;font-weight: normal; } .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: lighter;} span.voir-tout { font-size: 17px; color: #333;font-weight: normal;border-bottom: 1px solid #000; } 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:normal;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:bold;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: normal;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;} /* ----------------------FOOTER---------------------- */ footer { color: #000; padding: 0; width: 100%; } .footer-content { color: #000; margin-top:40px; margin-bottom:40px; padding-bottom:40px; border-bottom: 1px solid #3c3c3c; } .footer-content > div { border-right: 1px solid #3c3c3c; padding-right: 20px; padding-left: 20px; } .footer-content > div:last-child { border-right:none; } footer figure img { width:40px; margin-bottom:50px; } footer figcaption { font-size: 18px; } footer .border-grey { border-right: 1px solid #3c3c3c; } footer .mention { margin-top: 40px; padding: 40px 0; border-top: 1px solid #3c3c3c; font-size: 12px; } footer ul li { list-style-type: none;margin-top: 10px;font-size: 16px;font-weight: lighter;} footer ul li a { color: #000; font-size: 0.875rem;line-height: 1.25rem; font-weight : lighter;} footer ul li a::first-letter { text-transform: uppercase;} footer ul li a:hover { } footer .social-share-footer { margin: 40px 0; padding: 0 15px; } footer .social-share-footer > span { display: inline; margin-right: 30px; font-size: 22px; padding: 0; text-transform: uppercase;} footer .social-share-footer a { height: 30px; margin-right: 30px; font-size: 25px; text-decoration: none; color:#000; } footer .bloc-footer { padding: 0 15px;} footer .titre-footer { font-size: 16px; text-transform: lowercase; font-weight : 600;} footer .titre-footer::first-letter { text-transform: uppercase; } footer ul.footer-service li { color: #535a60; font-size: 16px; font-weight : lighter;} /* modif 10/02/2022 */ footer .services { justify-content: space-between; padding : 1rem 3rem;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} footer .services .service { display : flex; align-items: center; padding : 1rem;} footer .services .service svg { width : 45px; height : 35px; margin-right : 1.5rem; } .flex-column { flex-direction: column; } footer .bg-black { background : #fff; color : #000;} footer .bg-black a { background : #fff; color : #000;} footer .small-container { width: 42rem; max-width : 100%; margin : auto; } footer .footerMenu { padding: 4rem 1rem 6rem 1rem ; border-bottom : 1px solid #000;} footer .socialLink { padding : 3rem 30px 1rem 30px; text-align : right;} footer .socialLink a { margin-right : 1.5rem;} footer .socialLink a:last-child { margin-right : 0;} footer .socialLink a i { font-size : 20px;} footer .services p {font-size: .875rem;font-weight: bold;} footer .services p.small-text {font-size: .875rem;font-weight: lighter;color: #000; } footer .services a.small-text {font-size: .875rem;font-weight: lighter;color: #000; } /* ------------------------ 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: lighter; 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;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .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: bold; } .eshop-menu .categoriesN0 .current_color0 > a > span { font-weight: normal; } .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: bold; } .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:bold;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: bold; } .slid-legende1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 0; opacity: 0.4; transition: .5s ease; background-color: #000; } .slid-text1 { color: white; font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; text-transform: uppercase; } /* ------------------------ PAGE PRODUIT ------------------------ */ .module_navigation a { z-index: 1000; position: absolute; top: 50vh; height: 130px; width: 40px; background-color: rgba(0, 0, 0, 0.3); transition: 0.6s; } .module_navigation a:hover { background-color: rgba(0, 0, 0, 0.6); width: 150px; transition: 0.6s; color: #dedede;} .module_navigation a.prev { left: 0; } .module_navigation a.next { right: 0; } .module_navigation .arrow-nav { position: relative; height: 100%; } .module_navigation i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; } #galerie .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; } .footer-conteneur { width: 100%;margin-top: 20px;float: left;background:#000; } /*BOUTIQUE*/ ul.list-unstyled li { line-height: 1.428571429; } ul.list-unstyled li a.pull-right { color:#000;font-weight:bold; } #product_photo span.zoom { cursor:pointer; background: url("../img/zoomup.png") no-repeat scroll right top transparent; display: block; height: 20px; margin-left: 385px; margin-top: 10px; position: absolute; width: 20px;} .mini-photo-product { float:left; display:inline; margin: 20px 15px 0 0; } .product_barcode_value { font-size: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: 600;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:bold;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:bold; } .add_to_cart_title a:hover { color:#00ba7b; } select#size_selector { text-align:center;font:16px/25px 'AdobeCaslonProRegular', Georgia,serif; color:#333;float:right; } .right-infos-produit { margin-top:14px;position:relative; } #add_to_cart { cursor:pointer; 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:bold; } .right-bottom-produit a { display: block; height: 80px; background: url(../img/bg-photo-cross-2.jpg) no-repeat right; padding:1px; color:#555; text-decoration: none; text-align: right } .right-bottom-produit img { float:right; margin-left: 5px; width: 78px; height: 78px; } .right-bottom-produit a span.designation { font-size: 14px; display: block; } .right-bottom-produit a span.descriptif { font-size: 10px; display: block; height: 45px; overflow: hidden; } .right-bottom-produit a span.prix { font-size: 18px; display: block; } #back_to_catalogue { position:absolute; right:10px; text-align:right; top:0; } #back_to_catalogue a, #back_to_catalogue a:hover { font-size:12px; color:#555; } .billing-infos { margin:0 auto; } .others-pictures { width:130px; float:left; list-style: none; } .wrapper_product .btn-retour a { font-size: 13px; color: #a7a7a7; } .wrapper_product .btn-retour a:hover { text-decoration: none; color: #000; } .mini-photo-product { float: left; display: inline; margin:0 0 10px 0; } #product_matiere { display:inline-block; padding-left: 0; padding-right: 0; width: 100%; } .product_marque_value, .product_marque_value a, .product_designation_value { color: #000; font-size: 18px; padding:0; text-transform: capitalize; font-weight: bold; } .product_designation_value { font-size: 1.875rem; font-weight: bold;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:bold; 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: Bold; font-size: 15px; text-transform: uppercase; } .product_cms p { font-size: 13px; } .social-share { margin-top: 34px; padding-bottom: 10px; width: 100%; } .social-share > span { display: block; } .social-share a { text-decoration: none; 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: normal; background: #fff; font-size:1em; text-transform:uppercase; } .accordeon2 .ui-widget-content, #services_right .accordeon .ui-widget-content { border: 0px; background: #eee; color: #666; text-align: justify; font-size:1.2em; height:auto !important; } .ui-widget { background: #fff; height: auto; background:white; border-radius:3px; padding:3px; } .ui-widget-header { background-color: #000; } .ui-slider .ui-slider-handle { width: 18px; height: 18px; } /* ------------------------ FIN PAGE PRODUIT ------------------------ */ /* ------------------------ PAGE PANIER ------------------------ */ .table td, .table th { vertical-align: middle!important; } .module_cart_content2 { 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:normal; 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:normal;} 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:bold; } table.cart_content .cart_total_line th { padding-top:15px; } table.cart_content .cart_total_line .cart_designation { text-align:right; font-weight:normal;} .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: bold; } #frais_port_panier { display:none; clear:both; padding:10px 10px 10px 0px; font-size:11px; color:#555; text-align:right; text-transform:uppercase; background:url(../images/shipping-c.png) no-repeat left center; } .cart_content_delete { position:relative; } a.cart_delete_link { color:#000; font-size:20px; width:20px; height:20px; } a.cart_delete_link:hover { color:#bf3232; } .cart_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: bold; 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: bold; } .adresseC p { text-align: center; } .adresseC img { width: 150px; } .cgv_accepted p { font-size: 12px; } .module_acceptCGV { text-align: right;font-size:14px; } .module_acceptCGV input { margin-right: 10px; } .module_acceptCGV a { color: #000; text-decoration: underline; } .content-my-account .adresse .adresse_buttons a.suppr { display:block; } /* ------------------------BREADCRUMB------------------------ */ #breadcrumb { z-index: 100;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:600; } .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: normal; } .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: normal;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; } /*---------------------------- footer ) ----------------------------*/ #footer { font-size: 12px; height: 28px; width: 1000px; margin: 10px auto 10px auto; } #footer ul { list-style-type: none; } #footer li { margin-right: 20px; text-transform: uppercase; } #footer li a { outline: none; text-decoration: none; color: black; } #socialBtn { float: right; padding-top: 2px; } #socialBtn li { display: inline; line-height: 24px; margin: 0 0 0 4px; } #socialBtn li a { display: block; height: 24px; margin-left: 15px; } #supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../img/progress.gif) no-repeat center center; display: none; } /* ------------------------ COMPTE ------------------------ */ .order_step { clear:both; vertical-align:top; margin-top:60px; } .order_step li { font-size:13px; margin-bottom: 4px; list-style: none; text-align:center;} .order_step li a { color:#000; text-decoration:none; padding-left: 0; line-height:20px; font-size:15px; } .order_step li a:hover { text-decoration:underline;} .content-account { color:#000; text-align:center;width:100%; } .con-tent-account input { background:#000; border:1px solid #000; color:#FFF; padding:2px 10px; text-transform:uppercase; float: right; cursor: pointer; } .content-account input.updatebilling { margin-left: 30px; } .content-account a { color: #FFF; } .content-account table { text-align: left; } .content-account table input { width:200px;} .content-account table.billing-infos { font-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: bold; margin-top: 20px; margin-bottom:10px;} .content-my-account .titre-page0 {font-size:15px; font-weight: bold; margin-top: 20px; margin-bottom:10px;} */ .content-my-account .titre-rubrique { font-size:15px; font-weight: bold; height:20px; clear:both; float: left; margin-top:10px; } .content-my-account .titre-rubrique span { display:inline; } .content-my-account .degrade.tab { background-position: left 20px; } .content-my-account .tab td { font-size:12px; padding: 5px 0 9px 0; } .content-my-account .tab .titres td { font-size:15px; font-weight: bold; repeat-x; height:20px; padding: 0; } .content-my-account .orange { color :#1f5190 } .shippBtn { float: left;width: 48%;margin: 15px 1% !important; } .title_account_shipping { float:left; margin-top:10px; color: #555; font-size: 18px; } .ui-widget { height: auto; } .ui-draggable .ui-dialog-titlebar { display: none;height: auto; } /* ------------------------ NEW COMPTE ------------------------ */ div.mon-compte .titre-page { background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.mon-compte .encart-infos-compte { padding: 30px 15px; border: 1px solid #e2e2e2; } div.mon-compte .encart-infos-compte span.infos-compte-nom { font-weight: bold; color: #333; } div.mon-compte button { padding:5px 0; } div.mon-compte .btn { font-size: inherit!important; } div.mon-compte button a { color: grey; } div.mon-compte button a:hover { text-decoration: none; } div.mon-compte i.fa-edit { color: grey; margin-right: 5px; } div.mon-compte 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: bold; padding: 10px; } div.mon-compte .titre-adresse-fact { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.mon-compte .titre-adresse2, div.shipping .titre-adresse2 { font-size: 14px; background: #fff; color: #333; padding: 10px; margin: 30px 0; } div.mon-compte .titre-adresse2 input, div.shipping .titre-adresse2 input { border: none; background: #fff; color: #333; cursor: pointer; text-align: left; } div.mon-compte #add-address { display: none; margin-bottom: 40px; } div.mon-compte #edit-address { margin-top: 30px; } div.mon-compte #add-address input, div.mon-compte #add-address select, div.mon-compte #edit-address input, div.mon-compte #edit-address select { height: 32px; margin: 5px 0 15px 0; } div.mon-compte #add-address span, div.mon-compte #edit-address span { font-size: 14px; } div.mon-compte #add-address input[placeholder], div.mon-compte #add-address select, div.mon-compte #add-address input, div.mon-compte #edit-address input[placeholder], div.mon-compte #edit-address select, div.mon-compte #edit-address input { font-size: 12px; } div.mon-compte #btn-ajout-adresse { background: #000; color: #fff; font-size: 13px; cursor: pointer; text-align: center; text-transform: uppercase; height: 44px!important; padding: 0 10px; margin: 30px 0; border: 1px solid #fff; } div.mon-compte #btn-ajout-adresse:hover { background: #fff; color: #000; border: 1px solid #000; } div.mon-compte .adresse { position: relative; padding: 10px 30px; height: 215px; border: 1px solid #e2e2e2; border-top: none; font-size: 14px; } div.mon-compte .adresse:nth-child(1) { border-top: 1px solid #e2e2e2; } div.mon-compte .adresse:nth-child(2) { border-top: 1px solid #e2e2e2; } div.mon-compte .adresse:nth-child(2n) { border-left: none;} div.mon-compte .adresse_buttons { margin-top: 30px; position: absolute; bottom: 15px; } div.mon-compte .adresse_buttons .edit { color: #333; padding-right: 15px; } div.mon-compte .adresse_buttons .suppr { color: #333; } div.mon-compte .adresse_buttons a.suppr:hover { color: #bf3232; text-decoration: none!important; } div.mon-compte .adresse_buttons a.edit:hover { color: #bcbcbc; text-decoration: none!important; } i.fa-trash-alt { color: grey; margin-right: 5px; } i.fa-trash-alt:hover { color: #bf3232; } .adresse p { color: #000;margin: 5px 0; } .adresse p.adrlivraison { margin-bottom: 20px; font-weight: bold; color: #333; } .adresse p.title { display:none; } /* ------------------------ FIN ADRESSE COMPTE ------------------------ */ /* ------------------------ COMMANDE COMPTE ------------------------ */ div.mon-compte .titre-commande { font-size: 16px; background: #f5f5f5; color: #424242; font-weight: bold; padding: 10px; } div.module_my_account_tracking { border: 1px solid #e2e2e2; } div.module_my_account_tracking div.encart-commande { padding: 20px 30px; color: #333; font-size: 14px; border-bottom: 1px solid #e2e2e2; } div.module_my_account_tracking div.encart-commande:last-child { border-bottom: none; } div.module_my_account_tracking div.encart-commande .date { color: #B92339; font-weight: bold; } div.module_my_account_tracking div.encart-commande span { font-weight: bold; } div.module_my_account_tracking div.encart-commande p.contenu-vente { font-weight: bold; } /* ------------------------ FIN COMMANDE COMPTE ------------------------ */ /* ------------------------ ADRESSE SHIPPING ------------------------ */ div.shipping .titre-shipping{ font-size: 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: bold; 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: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .tel-boutique { font-weight: bold; } .boutique_selected { border: 1px solid #ccc; background-color: #f5f5f5; box-shadow: 0 7px 17px -1px rgba(0,0,0,0.2); } .boutique-content .mCSB_inside > .mCSB_container {margin-right: 10px!important;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /***************** Nous contacter start***************************/ .nouscontacter { margin:20px 0 50px 0; } .nouscontacter .formulaire { width:400px; display:inline-block; vertical-align:top; margin-right:50px; } .nouscontacter .formulaire h2 { margin:0px 0 10px 0; font-size:1.5em; width:100%; } .nouscontacter .formulaire input[type=text], .nouscontacter .formulaire input[type=password], .nouscontacter .formulaire select, .nouscontacter .formulaire .form-textbox { margin:0; padding:0; height:inherit; padding:2%; width:96%; } .nouscontacter .formulaire textarea { width:96%; padding:2%; } .nouscontacter .formulaire > div { display:inline-block; margin:10px 0; width:100%; } .nouscontacter > div label { display: block; padding-bottom:5px; } .nouscontacter .formulaire .button-submit { display:inline-block; margin:0; } .newsLImg { float:right; width:500px; } .nouscontacter .contact-img { display:inline-block; padding-left:50px; border-left:1px solid rgba(0,0,0,.2); vertical-align:top; } .nouscontacter #submitMessage { float:right; } /***************** Nous contacter end***************************/ .adresseProvisoire { font-size:10px; padding:5px 0px 5px 0px; border: 1px solid rgba(0,0,0,.2); display:block; margin: 10px; } .noAdresseProvisoire { display:block; margin: 10px; padding:4px 0px; } .switch_color_cont { clear: both; w-idth: 100%; h-eight: 150px; } /* ---- tab page produit --- */ #onglets { height:130px; width:100%; } #onglets .ls-nav { overflow:initial; } #onglets .ls-nav a:hover { background: #f2f2f2; color: #333333; text-shadow: none; } #onglets .liquid-slider { background: #fff; border-top :1px #d8d8d8 solid; margin-top: -2px; z-index: -1; } #onglets .ls-nav ul li a { display: block; float: left; text-decoration: none; } #onglets .ls-nav a { border:1px #fff solid; border-bottom:1px #d8d8d8 solid; background: #fff; color: #333333; margin-right: 1px; padding: 10px 15px; outline: 0; font-size:12px; } #onglets .ls-nav .current { border :1px #d8d8d8 solid; border-bottom :none; } #onglets .panel-wrapper { padding: 15px 15px; } /* ------------------------ NAVIGATION ------------------------ */ .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: normal; 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; } /* ******************************************************** ****************************************************** ******** FOOTER PRESTASHOP *************************** -*****************************************************/ #footerSubExpress{ margin: 45px 0 0 0 ; display: none; } #footerSubExpress .libelle h2{ display: inline-block; top: 26%; width: 100%; height: 100%; vertical-align: middle; text-align:center; font-size:11px; padding:5px 0 0 0 ; } #footerSubExpress .element{ /* position : relative; */ width: 112px; height:60px; display:inline-block; vertical-align: text-bottom; border:1px #eee solid; padding: 5px 1px 1px 1px; cursor: help; } #footerSubExpress .photo{ position : absolute; top : 30%; left : 10%; } #footerSubExpress .libelle{ } #footerSubExpress .photo img{ float: left; } #footerSubExpress .element .tooltip{ /* */ display : none; z-index: 10; position: absolute; left: 40px; bottom: 80px; /* right: 0px; */ padding: 7px; border: solid 3px #cdcdcd; font-weight: normal; font-size: 11px; text-align: left; color: #636163; background: #fff; width: 458px; } #footerSubExpress .element:hover .tooltip{ display : block; } #footerSubExpress .element .tooltip .arrow { z-index: 11; position: absolute; left: 0px; right: 0px; height: 22px; background: url(/themes/lola/img/footer-prestashop/account-tooltip-footer.png) no-repeat center center; bottom: -19px; width:110px; } /* popUp 20141006 start*/ #contPopup{ position: fixed; width: 100%; margin: 0 auto; padding-bottom: 250px; height: 100%; opacity: 0; z-index: 100; top: -110px; left: 0px; background: rgba(255,255,255,.8); } #popup{ height:423px; width:567px; background:#ccc; margin:0 auto; position:absolute; left:50%; top:50%; margin-top:-175px; margin-left:-324px; } .imgPop{ width:100%; height:100%; cursor:pointer; } .imgPop:hover{ /* box-shadow: 1px 1px 12px #555; transition: .1s all .1s;*/ } .buttonPopUp{ position:absolute; display:block; z-index: 10; width:50px; height:50px; top:0px; right:0px; background:none; outline: none; cursor:pointer; border:none; color:#000; transition:all .3s ease; } .buttonPopUp:hover{ color:red; } .buttonPopUp i.size{ font-size: 3em; } .buttonPopUp i:hover{ color: red; transition: .1s all .1s; } #accueil{ height:100%; width:100%; /* position:relative; */ } /* popUp 20141006 end*/ .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: bold; 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: bold; } #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:bold;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: bold; padding: 10px 0 30px 0; } #services .img-services{ width: 60px; } /************ New Bottom start************** 2015-03-06 */ .wrapper { width:1000px; margin:0 auto; } /************ Services Eboutique start ************* 2015-03-09 */ .blue{ color:blue; } .blue:hover{ text-decoration:underline; } #services_left, #services_right{ display:inline-block; vertical-align:top; } #services_left{ width:40%; margin-right:2%; } #services_left img{ width:100%; } #services_right{ width:55%; } #services_right .titleService{ padding:25px 5px; font-size:1.5em; color: #222; border-bottom: 1px solid #ccc; } .accordeon2 h3{ font-size:.7em; color:#000; } .accordeon2 .ui-state-default .ui-icon, .accordeon2 .ui-state-active .ui-icon, #services_right .accordeon .ui-state-default .ui-icon, #services_right .accordeon .ui-state-active .ui-icon{ /*display:none !important;*/ position:absolute; right:20px; /*background-image:url(../img/ui-icons_222_512x480_2.png);*/ background-image:url(../img/Fleche_description_composition.png); width:10px; height:5px; } .accordeon2 .ui-state-default .ui-icon, .accordeon2 .ui-state-active .ui-icon{ top: 13px; display:none; } .accordeon2 .ui-state-default, .accordeon2 .ui-state-active{ border: 0px ; font-weight: normal; /*padding:25px 5px;*/ background: #fff; font-size:1em; text-transform:uppercase; } #services_right .accordeon .ui-state-default, #services_right .accordeon .ui-state-active{ border: 0px ; font-weight: normal; color: #666; padding:25px 5px; background: #fff; font-size:1.7em; } .accordeon2 .ui-state-default, #services_right .accordeon .ui-state-default{ border-bottom: 1px solid #ccc; } #services_right .accordeon .ui-state-active{ } .accordeon2 .ui-widget-content, #services_right .accordeon .ui-widget-content{ border: 0px; border-top: 1px solid #ccc; background: #eee; color: #666; text-align: justify; font-size:1.2em; } .accordeon2 .ui-widget-content{ background: none; } .accordeon2 .ui-icon-triangle-1-e, #services_right .ui-icon-triangle-1-e { background-position: 0px -4px; } .accordeon2 .ui-icon-triangle-1-s, #services_right .ui-icon-triangle-1-s { background-position: 0px 0px; } .retourEchangeImg{ width:100%; } .mapRetraitBoutique{ border:1px solid rgba(0,0,0,.2); } /************ Services Eboutique end ************** 2015-03-09 */ .vente_privee {color:red !important} #cboxWrapper{ height: 547px !important; width: 504px !important; } #cboxLoadedContent{ border: 1px solid #c2c2c2 !important; } #cboxClose{ background: url(/themes/lola/img/croix.png) no-repeat top center !important; top: 10px !important; right: 0px !important; } .ui-accordion .ui-accordion-content{ padding:1em 2.2em 1em 0 !important; } #accueil .slider-wrapper .cms:nth-child(2){display:none;} .mobile-acc { display:none; } .mobile { display:none !important; } .mobile2 { display:none !important; } .desktop { display:block !important; } .desktop5 { display : contents !important; } .content-my-account.desktop{display: inline-block !important;} footer #NfooterBottom>div:first-child>a{display:none;} .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: bold; padding: 10px; margin-top:20px;} .magasin_box { display:flex; flex-wrap:nowrap; justify-content:space-between; font-size: 13px;} .nom_magasin { padding:10px; /*background-color: #f5f5f5;*/ border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; transition: background-color 0.2s;} .nom_magasin:nth-child(1) { border-top: 1px solid #dedede; } .nom_magasin:hover { background-color: #f5f5f5; cursor: pointer; transition: background-color 0.2s; } .nom_magasin.open { background-color: #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:normal;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:bold;} .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:bold;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:bold;} .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:bold;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:bold;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:bold;} .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:bold;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:600;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:600;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:bold;font-size: 0.875rem;} .pagecart_total_value {font-weight:bold;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 { text-transform: uppercase; 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:400; } .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;padding-top:72px;} /* @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: uppercase; font-size: 1.5rem; font-weight: 500; transition: color 0.3s ease, transform 0.3s ease; } .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; } .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 { margin-bottom: 32px; } .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); } .menu3 { width: 364px; left: 363px!important; padding-top:calc(92px + 2rem); } .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; text-transform: uppercase; 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 { } .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: 170px; aspect-ratio: 907.49 / 124.52; -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='ZV_Logo'%20data-name='ZV%20Logo'%20viewBox='0%200%20907.49%20124.52'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%231d1d1b}%3c/style%3e%3c/defs%3e%3cpath%20d='M4.7%2019.8V1.68h55v19.8l-38.22%2083.24h38.26v18.12H0v-19.8L38.8%2019.8ZM83.63%20122.84H63.49L85.8%201.68h25.84l22.32%20121.16H113.8l-3.69-26.85H87.32Zm6.71-45h16.78l-8.22-52h-.34ZM140.08%201.68h30.87c21.49%200%2032.9%2011.74%2032.9%2036.58v48c0%2024.84-11.41%2036.58-32.9%2036.58h-30.87Zm20.81%20104h7.21c11.08%200%2014.94-4.19%2014.94-16.94v-53c0-12.75-3.86-16.94-14.94-16.94h-7.21ZM214.8%20122.84V1.68h20.81v121.16ZM276.09%2061.42h34.06v61.42h-10.07l-3.86-9.06c-6.21%207.39-11.24%2010.74-21%2010.74-16.45%200-27.86-11.75-27.86-31.05V31.05C247.36%2013.93%20257.43%200%20277.9%200c20.81%200%2031.22%2015.11%2031.22%2033.23v7.72h-19.78c0-18.13-3.69-22.82-11.91-22.82-5%200-9.23%203-9.23%2013.25v62.24c0%207.72%202.52%2012.75%209.73%2012.75%208.39%200%2011.41-4.7%2011.41-16.78V77.87h-13.25ZM474.15%201.68h20.48l-25.34%20121.16h-20.81L423.14%201.68h20.47l15.11%2084.07h.33ZM497.06%2031.05C497.06%2013.93%20507.12%200%20528.94%200s31.86%2013.93%2031.86%2031.05v62.42c0%2017.15-10%2031.05-31.86%2031.05s-31.88-13.9-31.88-31.05Zm20.8%2061.92c0%209.06%202.69%2013.42%2011.08%2013.42s11.07-4.36%2011.07-13.42V31.55c0-9.06-2.68-13.42-11.07-13.42s-11.08%204.36-11.08%2013.42ZM570.2%20122.84V1.68H591v103h32.73v18.12ZM630.8%2019.8h-20.16V1.68h61.08V19.8h-20.14v103H630.8ZM683.06%20122.84h-20.14L685.24%201.68h25.84l22.32%20121.16h-20.14l-3.69-26.85H686.8Zm6.71-45h16.78l-8.22-52h-.34ZM741.47%20122.84V1.68h20.81v121.16ZM795.9%20122.84h-20.81V1.68h29.2c23.33%200%2035.24%209.9%2035.24%2035.75%200%2019.46-7.55%2027.35-14.6%2030.53l17.62%2054.88h-21.14l-14.77-50.22a99.39%2099.39%200%200%201-10.74.5Zm0-66.79h7.38c11.25%200%2015.44-4.19%2015.44-18.62s-4.19-18.63-15.44-18.63h-7.38ZM849.43%20122.84V1.68h55.71V19.8h-34.9v31.21h26.85v18.13h-26.85v35.58h37.25v18.12ZM419.89%2061.45%20402.8%2093.71l18.21%2018.59-12.4%2012.15-15.7-16.13c-4.21%207.89-12.24%2016.2-28.71%2016.2-21.26%200-34.46-13.44-34.46-29.36s12.65-24.09%2021-28.95c-7-7.34-10.69-14.3-10.79-22.44%200-14%2011.68-25.15%2026.56-25.15s25.71%2011.06%2025.71%2024.36c0%2013.55-10.07%2019.92-16.38%2023.64l14.87%2015.11%2010-20.28ZM361.8%2077.26c-7.84%204.31-12.36%209.53-12.39%2016.18%200%208%206.52%2013.69%2015.24%2013.69s12.83-4.51%2016.15-10.59Zm4.68-43.77a9%209%200%200%200-8.9%209.32c0%206%204.55%2010.41%207.83%2013.86%206-3.94%2010.25-7.31%2010.25-13.83%200-5-3.42-9.35-9-9.35Z'%20class='cls-1'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='ZV_Logo'%20data-name='ZV%20Logo'%20viewBox='0%200%20907.49%20124.52'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%231d1d1b}%3c/style%3e%3c/defs%3e%3cpath%20d='M4.7%2019.8V1.68h55v19.8l-38.22%2083.24h38.26v18.12H0v-19.8L38.8%2019.8ZM83.63%20122.84H63.49L85.8%201.68h25.84l22.32%20121.16H113.8l-3.69-26.85H87.32Zm6.71-45h16.78l-8.22-52h-.34ZM140.08%201.68h30.87c21.49%200%2032.9%2011.74%2032.9%2036.58v48c0%2024.84-11.41%2036.58-32.9%2036.58h-30.87Zm20.81%20104h7.21c11.08%200%2014.94-4.19%2014.94-16.94v-53c0-12.75-3.86-16.94-14.94-16.94h-7.21ZM214.8%20122.84V1.68h20.81v121.16ZM276.09%2061.42h34.06v61.42h-10.07l-3.86-9.06c-6.21%207.39-11.24%2010.74-21%2010.74-16.45%200-27.86-11.75-27.86-31.05V31.05C247.36%2013.93%20257.43%200%20277.9%200c20.81%200%2031.22%2015.11%2031.22%2033.23v7.72h-19.78c0-18.13-3.69-22.82-11.91-22.82-5%200-9.23%203-9.23%2013.25v62.24c0%207.72%202.52%2012.75%209.73%2012.75%208.39%200%2011.41-4.7%2011.41-16.78V77.87h-13.25ZM474.15%201.68h20.48l-25.34%20121.16h-20.81L423.14%201.68h20.47l15.11%2084.07h.33ZM497.06%2031.05C497.06%2013.93%20507.12%200%20528.94%200s31.86%2013.93%2031.86%2031.05v62.42c0%2017.15-10%2031.05-31.86%2031.05s-31.88-13.9-31.88-31.05Zm20.8%2061.92c0%209.06%202.69%2013.42%2011.08%2013.42s11.07-4.36%2011.07-13.42V31.55c0-9.06-2.68-13.42-11.07-13.42s-11.08%204.36-11.08%2013.42ZM570.2%20122.84V1.68H591v103h32.73v18.12ZM630.8%2019.8h-20.16V1.68h61.08V19.8h-20.14v103H630.8ZM683.06%20122.84h-20.14L685.24%201.68h25.84l22.32%20121.16h-20.14l-3.69-26.85H686.8Zm6.71-45h16.78l-8.22-52h-.34ZM741.47%20122.84V1.68h20.81v121.16ZM795.9%20122.84h-20.81V1.68h29.2c23.33%200%2035.24%209.9%2035.24%2035.75%200%2019.46-7.55%2027.35-14.6%2030.53l17.62%2054.88h-21.14l-14.77-50.22a99.39%2099.39%200%200%201-10.74.5Zm0-66.79h7.38c11.25%200%2015.44-4.19%2015.44-18.62s-4.19-18.63-15.44-18.63h-7.38ZM849.43%20122.84V1.68h55.71V19.8h-34.9v31.21h26.85v18.13h-26.85v35.58h37.25v18.12ZM419.89%2061.45%20402.8%2093.71l18.21%2018.59-12.4%2012.15-15.7-16.13c-4.21%207.89-12.24%2016.2-28.71%2016.2-21.26%200-34.46-13.44-34.46-29.36s12.65-24.09%2021-28.95c-7-7.34-10.69-14.3-10.79-22.44%200-14%2011.68-25.15%2026.56-25.15s25.71%2011.06%2025.71%2024.36c0%2013.55-10.07%2019.92-16.38%2023.64l14.87%2015.11%2010-20.28ZM361.8%2077.26c-7.84%204.31-12.36%209.53-12.39%2016.18%200%208%206.52%2013.69%2015.24%2013.69s12.83-4.51%2016.15-10.59Zm4.68-43.77a9%209%200%200%200-8.9%209.32c0%206%204.55%2010.41%207.83%2013.86%206-3.94%2010.25-7.31%2010.25-13.83%200-5-3.42-9.35-9-9.35Z'%20class='cls-1'/%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-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%); }