/* Minification failed. Returning unminified contents. (1540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1542,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1546,37): run-time error CSS1030: Expected identifier, found ',' (1546,128): run-time error CSS1031: Expected selector, found ')' (1546,128): run-time error CSS1025: Expected comma or open brace, found ')' (1567,37): run-time error CSS1030: Expected identifier, found ',' (1567,128): run-time error CSS1031: Expected selector, found ')' (1567,128): run-time error CSS1025: Expected comma or open brace, found ')' (1570,37): run-time error CSS1030: Expected identifier, found ',' (1570,128): run-time error CSS1031: Expected selector, found ')' (1570,128): run-time error CSS1025: Expected comma or open brace, found ')' (1575,37): run-time error CSS1030: Expected identifier, found ',' (1575,128): run-time error CSS1031: Expected selector, found ')' (1575,128): run-time error CSS1025: Expected comma or open brace, found ')' (1579,37): run-time error CSS1030: Expected identifier, found ',' (1579,128): run-time error CSS1031: Expected selector, found ')' (1579,128): run-time error CSS1025: Expected comma or open brace, found ')' (1583,37): run-time error CSS1030: Expected identifier, found ',' (1583,128): run-time error CSS1031: Expected selector, found ')' (1583,128): run-time error CSS1025: Expected comma or open brace, found ')' (1586,37): run-time error CSS1030: Expected identifier, found ',' (1586,128): run-time error CSS1031: Expected selector, found ')' (1586,128): run-time error CSS1025: Expected comma or open brace, found ')' (1591,37): run-time error CSS1030: Expected identifier, found ',' (1591,128): run-time error CSS1031: Expected selector, found ')' (1591,128): run-time error CSS1025: Expected comma or open brace, found ')' (1594,37): run-time error CSS1030: Expected identifier, found ',' (1594,128): run-time error CSS1031: Expected selector, found ')' (1594,128): run-time error CSS1025: Expected comma or open brace, found ')' (1598,37): run-time error CSS1030: Expected identifier, found ',' (1598,128): run-time error CSS1031: Expected selector, found ')' (1598,128): run-time error CSS1025: Expected comma or open brace, found ')' (1601,37): run-time error CSS1030: Expected identifier, found ',' (1601,128): run-time error CSS1031: Expected selector, found ')' (1601,128): run-time error CSS1025: Expected comma or open brace, found ')' (1606,37): run-time error CSS1030: Expected identifier, found ',' (1606,128): run-time error CSS1031: Expected selector, found ')' (1606,128): run-time error CSS1025: Expected comma or open brace, found ')' (1609,37): run-time error CSS1030: Expected identifier, found ',' (1609,128): run-time error CSS1031: Expected selector, found ')' (1609,128): run-time error CSS1025: Expected comma or open brace, found ')' (1613,37): run-time error CSS1030: Expected identifier, found ',' (1613,128): run-time error CSS1031: Expected selector, found ')' (1613,128): run-time error CSS1025: Expected comma or open brace, found ')' (1616,37): run-time error CSS1030: Expected identifier, found ',' (1616,128): run-time error CSS1031: Expected selector, found ')' (1616,128): run-time error CSS1025: Expected comma or open brace, found ')' (1621,37): run-time error CSS1030: Expected identifier, found ',' (1621,128): run-time error CSS1031: Expected selector, found ')' (1621,128): run-time error CSS1025: Expected comma or open brace, found ')' (1624,37): run-time error CSS1030: Expected identifier, found ',' (1624,128): run-time error CSS1031: Expected selector, found ')' (1624,128): run-time error CSS1025: Expected comma or open brace, found ')' (1630,37): run-time error CSS1030: Expected identifier, found ',' (1630,128): run-time error CSS1031: Expected selector, found ')' (1630,128): run-time error CSS1025: Expected comma or open brace, found ')' (1634,37): run-time error CSS1030: Expected identifier, found ',' (1634,128): run-time error CSS1031: Expected selector, found ')' (1634,128): run-time error CSS1025: Expected comma or open brace, found ')' (1639,37): run-time error CSS1030: Expected identifier, found ',' (1639,128): run-time error CSS1031: Expected selector, found ')' (1639,128): run-time error CSS1025: Expected comma or open brace, found ')' (1642,37): run-time error CSS1030: Expected identifier, found ',' (1642,128): run-time error CSS1031: Expected selector, found ')' (1642,128): run-time error CSS1025: Expected comma or open brace, found ')' (1648,37): run-time error CSS1030: Expected identifier, found ',' (1648,128): run-time error CSS1031: Expected selector, found ')' (1648,128): run-time error CSS1025: Expected comma or open brace, found ')' (1652,37): run-time error CSS1030: Expected identifier, found ',' (1652,128): run-time error CSS1031: Expected selector, found ')' (1652,128): run-time error CSS1025: Expected comma or open brace, found ')' (1656,37): run-time error CSS1030: Expected identifier, found ',' (1656,128): run-time error CSS1031: Expected selector, found ')' (1656,128): run-time error CSS1025: Expected comma or open brace, found ')' (1659,37): run-time error CSS1030: Expected identifier, found ',' (1659,128): run-time error CSS1031: Expected selector, found ')' (1659,128): run-time error CSS1025: Expected comma or open brace, found ')' (1662,37): run-time error CSS1030: Expected identifier, found ',' (1662,128): run-time error CSS1031: Expected selector, found ')' (1662,128): run-time error CSS1025: Expected comma or open brace, found ')' (1665,37): run-time error CSS1030: Expected identifier, found ',' (1665,128): run-time error CSS1031: Expected selector, found ')' (1665,128): run-time error CSS1025: Expected comma or open brace, found ')' (1668,37): run-time error CSS1030: Expected identifier, found ',' (1668,128): run-time error CSS1031: Expected selector, found ')' (1668,128): run-time error CSS1025: Expected comma or open brace, found ')' (1673,37): run-time error CSS1030: Expected identifier, found ',' (1673,128): run-time error CSS1031: Expected selector, found ')' (1673,128): run-time error CSS1025: Expected comma or open brace, found ')' (1676,37): run-time error CSS1030: Expected identifier, found ',' (1676,128): run-time error CSS1031: Expected selector, found ')' (1676,128): run-time error CSS1025: Expected comma or open brace, found ')' (1682,37): run-time error CSS1030: Expected identifier, found ',' (1682,128): run-time error CSS1031: Expected selector, found ')' (1682,128): run-time error CSS1025: Expected comma or open brace, found ')' (1685,37): run-time error CSS1030: Expected identifier, found ',' (1685,128): run-time error CSS1031: Expected selector, found ')' (1685,128): run-time error CSS1025: Expected comma or open brace, found ')' (1688,37): run-time error CSS1030: Expected identifier, found ',' (1688,128): run-time error CSS1031: Expected selector, found ')' (1688,128): run-time error CSS1025: Expected comma or open brace, found ')' (1857,35): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (1857,80): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1865,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-slider-width' (2400,10): run-time error CSS1030: Expected identifier, found '.' (2400,28): run-time error CSS1031: Expected selector, found ')' (2400,28): run-time error CSS1025: Expected comma or open brace, found ')' (3171,15): run-time error CSS1039: Token not allowed after unary operator: '-campaign-1-mainColor' (3174,15): run-time error CSS1039: Token not allowed after unary operator: '-campaign-2-mainColor' (3177,15): run-time error CSS1039: Token not allowed after unary operator: '-campaign-3-mainColor' (6051,35): run-time error CSS1030: Expected identifier, found ',' (6051,126): run-time error CSS1031: Expected selector, found ')' (6051,126): run-time error CSS1025: Expected comma or open brace, found ')' (6072,35): run-time error CSS1030: Expected identifier, found ',' (6072,126): run-time error CSS1031: Expected selector, found ')' (6072,126): run-time error CSS1025: Expected comma or open brace, found ')' (6075,35): run-time error CSS1030: Expected identifier, found ',' (6075,126): run-time error CSS1031: Expected selector, found ')' (6075,126): run-time error CSS1025: Expected comma or open brace, found ')' (6080,35): run-time error CSS1030: Expected identifier, found ',' (6080,126): run-time error CSS1031: Expected selector, found ')' (6080,126): run-time error CSS1025: Expected comma or open brace, found ')' (6084,35): run-time error CSS1030: Expected identifier, found ',' (6084,126): run-time error CSS1031: Expected selector, found ')' (6084,126): run-time error CSS1025: Expected comma or open brace, found ')' (6088,35): run-time error CSS1030: Expected identifier, found ',' (6088,126): run-time error CSS1031: Expected selector, found ')' (6088,126): run-time error CSS1025: Expected comma or open brace, found ')' (6091,35): run-time error CSS1030: Expected identifier, found ',' (6091,126): run-time error CSS1031: Expected selector, found ')' (6091,126): run-time error CSS1025: Expected comma or open brace, found ')' (6096,35): run-time error CSS1030: Expected identifier, found ',' (6096,126): run-time error CSS1031: Expected selector, found ')' (6096,126): run-time error CSS1025: Expected comma or open brace, found ')' (6099,35): run-time error CSS1030: Expected identifier, found ',' (6099,126): run-time error CSS1031: Expected selector, found ')' (6099,126): run-time error CSS1025: Expected comma or open brace, found ')' (6103,35): run-time error CSS1030: Expected identifier, found ',' (6103,126): run-time error CSS1031: Expected selector, found ')' (6103,126): run-time error CSS1025: Expected comma or open brace, found ')' (6106,35): run-time error CSS1030: Expected identifier, found ',' (6106,126): run-time error CSS1031: Expected selector, found ')' (6106,126): run-time error CSS1025: Expected comma or open brace, found ')' (6111,35): run-time error CSS1030: Expected identifier, found ',' (6111,126): run-time error CSS1031: Expected selector, found ')' (6111,126): run-time error CSS1025: Expected comma or open brace, found ')' (6114,35): run-time error CSS1030: Expected identifier, found ',' (6114,126): run-time error CSS1031: Expected selector, found ')' (6114,126): run-time error CSS1025: Expected comma or open brace, found ')' (6118,35): run-time error CSS1030: Expected identifier, found ',' (6118,126): run-time error CSS1031: Expected selector, found ')' (6118,126): run-time error CSS1025: Expected comma or open brace, found ')' (6121,35): run-time error CSS1030: Expected identifier, found ',' (6121,126): run-time error CSS1031: Expected selector, found ')' (6121,126): run-time error CSS1025: Expected comma or open brace, found ')' (6126,35): run-time error CSS1030: Expected identifier, found ',' (6126,126): run-time error CSS1031: Expected selector, found ')' (6126,126): run-time error CSS1025: Expected comma or open brace, found ')' (6129,35): run-time error CSS1030: Expected identifier, found ',' (6129,126): run-time error CSS1031: Expected selector, found ')' (6129,126): run-time error CSS1025: Expected comma or open brace, found ')' (6135,35): run-time error CSS1030: Expected identifier, found ',' (6135,126): run-time error CSS1031: Expected selector, found ')' (6135,126): run-time error CSS1025: Expected comma or open brace, found ')' (6139,35): run-time error CSS1030: Expected identifier, found ',' (6139,126): run-time error CSS1031: Expected selector, found ')' (6139,126): run-time error CSS1025: Expected comma or open brace, found ')' (6144,35): run-time error CSS1030: Expected identifier, found ',' (6144,126): run-time error CSS1031: Expected selector, found ')' (6144,126): run-time error CSS1025: Expected comma or open brace, found ')' (6147,35): run-time error CSS1030: Expected identifier, found ',' (6147,126): run-time error CSS1031: Expected selector, found ')' (6147,126): run-time error CSS1025: Expected comma or open brace, found ')' (6153,35): run-time error CSS1030: Expected identifier, found ',' (6153,126): run-time error CSS1031: Expected selector, found ')' (6153,126): run-time error CSS1025: Expected comma or open brace, found ')' (6157,35): run-time error CSS1030: Expected identifier, found ',' (6157,126): run-time error CSS1031: Expected selector, found ')' (6157,126): run-time error CSS1025: Expected comma or open brace, found ')' (6161,35): run-time error CSS1030: Expected identifier, found ',' (6161,126): run-time error CSS1031: Expected selector, found ')' (6161,126): run-time error CSS1025: Expected comma or open brace, found ')' (6164,35): run-time error CSS1030: Expected identifier, found ',' (6164,126): run-time error CSS1031: Expected selector, found ')' (6164,126): run-time error CSS1025: Expected comma or open brace, found ')' (6167,35): run-time error CSS1030: Expected identifier, found ',' (6167,126): run-time error CSS1031: Expected selector, found ')' (6167,126): run-time error CSS1025: Expected comma or open brace, found ')' (6170,35): run-time error CSS1030: Expected identifier, found ',' (6170,126): run-time error CSS1031: Expected selector, found ')' (6170,126): run-time error CSS1025: Expected comma or open brace, found ')' (6173,35): run-time error CSS1030: Expected identifier, found ',' (6173,126): run-time error CSS1031: Expected selector, found ')' (6173,126): run-time error CSS1025: Expected comma or open brace, found ')' (6178,35): run-time error CSS1030: Expected identifier, found ',' (6178,126): run-time error CSS1031: Expected selector, found ')' (6178,126): run-time error CSS1025: Expected comma or open brace, found ')' (6181,35): run-time error CSS1030: Expected identifier, found ',' (6181,126): run-time error CSS1031: Expected selector, found ')' (6181,126): run-time error CSS1025: Expected comma or open brace, found ')' (6187,35): run-time error CSS1030: Expected identifier, found ',' (6187,126): run-time error CSS1031: Expected selector, found ')' (6187,126): run-time error CSS1025: Expected comma or open brace, found ')' (6190,35): run-time error CSS1030: Expected identifier, found ',' (6190,126): run-time error CSS1031: Expected selector, found ')' (6190,126): run-time error CSS1025: Expected comma or open brace, found ')' (6193,35): run-time error CSS1030: Expected identifier, found ',' (6193,126): run-time error CSS1031: Expected selector, found ')' (6193,126): run-time error CSS1025: Expected comma or open brace, found ')' */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 0.5s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-dots { position: absolute; bottom: 0; left: 0; background: white; border-radius: 0 8px 0 0; padding-right: 5px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; width: 12px; height: 12px; margin: 5px; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; background: #666; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } @charset "UTF-8"; /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ /* EXEMPLE : @include keyframes(name) { 0% { value: 1; } 100% { value: 0; } } */ /* EXEMPLE : @include keyframes(name) { 0% { value: 1; } 100% { value: 0; } } */ .breadcrumb-wrapper { background-color: #ffffff; border-bottom: 1px solid #f2f2f2; padding: 0 0.625rem; } .breadcrumb-wrapper .breadcrumbs { background-color: #ffffff; } .breadcrumb-wrapper .retour-button { color: #808080; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; } .breadcrumb-wrapper .retour-button:hover { color: #2c2c2c; } .tooltip { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif !important; } #facilite-paiement .title-facilite { margin-top: 2px; margin-bottom: 15px; color: #222; font-size: 14px; font-weight: bold; } #facilite-paiement .columns { padding-left: 0; padding-right: 0; } #facilite-paiement p .text-ul { display: block; font-size: 13px; color: #222; } #facilite-paiement p .text-ul.-second { margin-top: 15px; } #facilite-paiement ul { margin-left: 11px; margin-bottom: 0; } #facilite-paiement ul li { font-size: 11px; color: #222; } .fidelity-wrapper { padding: 0.5rem !important; background: #F2F2F2; margin: 1rem 0; } .fidelity-wrapper p { margin: 0 !important; font-style: italic; } .fidelity-wrapper p a { text-decoration: none; font-style: normal; margin-left: 0.25rem; } .comparison-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .comparison-wrapper p { margin: 0 !important; padding-right: 5px; } .comparison-wrapper p a { text-decoration: none; font-style: normal; margin-left: 0.25rem; } #price-comparison { font-size: 0.95rem; } #comparison-price { margin-top: -35px; padding: 1rem 2rem 1rem 1rem; font-size: 0.75rem; } #comparison-price p { font-size: 0.75rem; } .-hidden { display: none; } .-margin { margin-bottom: 0.625rem; } .a-mainTitle { padding: 0; color: #333; text-align: center; margin-bottom: 1rem; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-stretch: condensed; text-transform: uppercase; font-weight: bold; font-size: 1.75rem; line-height: 1.75rem; } @media only screen and (min-width:40.063em) { .a-mainTitle { font-size: 2rem; line-height: 2rem; } } @media only screen and (min-width:64.0625em) { .a-mainTitle { font-size: 2.375rem; line-height: 2.375rem; } } .a-title { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.125rem; text-transform: uppercase; font-weight: bold; margin: 0 0 0.3125rem; padding: 0; color: #333; } .a-title.-sub { text-transform: inherit; } .a-title.-valid { color: #ff352f; } .a-title.-big { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-stretch: condensed; font-size: 1.375rem; line-height: 1.5rem; } .a-subtitle { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.9375rem; line-height: 1.0625rem; font-weight: bold; margin: 0 0 0.3125rem; padding: 0; color: #333; } .a-articlesNumber { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.9375rem; line-height: 1.0625rem; text-transform: uppercase; color: #666666; font-stretch: condensed; font-weight: normal; } .a-amount span { color: #ff352f; } .a-brand { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 0.8125rem; line-height: 0.8125rem; text-transform: uppercase; font-weight: bold; color: #333; } p, li { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; color: #666666; margin: 0 0 0.25rem; padding: 0; } p > a { color: inherit; text-decoration: underline; } .a-deal { display: inline-block; background: #cf0072; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 0.02em; padding: 5px 10px; margin: 0 0 0.5rem; font-size: 0.5625rem; line-height: 0.5625rem; } .a-description { display: block; margin-bottom: 1rem; color: #666666; } .a-description:hover { color: #666666; } .a-secur { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 0.875rem; color: #666; text-align: center; margin: 0.75rem 0 0; display: block; } .a-secur.-margin { margin-bottom: 0.625rem; } .a-secur:before { position: relative; display: inline-block; margin-right: 0; font-family: ElegantIcons; margin-right: 0.4rem; content: "~"; } .a-info { color: #999; font-size: 0.75rem; line-height: 0.875rem; overflow: hidden; } .a-subinfo { color: #999; font-size: 0.75rem; line-height: 0.875rem; font-stretch: condensed; } .a-schedule { font-stretch: condensed; color: #999; } .a-cancel { font-stretch: condensed; color: #999; position: absolute; right: 0.625rem; top: 0; } .a-price { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.125rem; white-space: nowrap; font-weight: bold; margin: 0; color: #333; } .a-price.-main { color: #ff352f; } .a-price.-discount { font-size: 0.6875rem; line-height: 0.8125rem; display: inline-block; font-weight: bold; background: #cf0072; color: white; padding: 3px 5px; vertical-align: middle; } .a-price.-save { color: #00A99D; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; text-transform: inherit; } .a-price.-strikethroughPrice { font-size: 0.875rem; line-height: 1rem; text-decoration: line-through; color: #666666; vertical-align: middle; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-weight: normal; } .a-price.-estimated { font-size: 0.625rem; line-height: 0.75rem; font-weight: normal; color: #666; margin-bottom: 0.25rem; } .a-price.-forYou { font-size: 0.8125rem; line-height: 0.9375rem; } .a-price.-forYou span { font-size: 1rem; line-height: 1.125rem; } .-tangerine { color: #ff352f; } .a-vendor strong { color: #333; } .a-vendor span { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 0.9375rem; line-height: 1.0625rem; text-transform: uppercase; display: inline-block; font-weight: bold; color: #ff352f; } .a-vendor.-marketplace:before { content: ""; width: 14px; height: 14px; display: inline-block; position: relative; top: 2px; margin-left: 2px; margin-right: 4px; background: url(/Images/category/click-and-collect-picto.png); } .a-vendor.-marketplace span { color: #314276; } .a-link { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-stretch: condensed; font-size: 0.8125rem; line-height: 0.9375rem; color: #999; border-bottom: 1px solid #999; margin-bottom: 0.25rem; display: inline-block; } .a-link.-angle:before { content: "5"; font-family: "ElegantIcons"; font-style: normal; display: inline-block; line-height: 0; padding: 0; margin-left: -0.15rem; margin-right: 0.05rem; vertical-align: middle; position: relative; top: -0.07rem; } .a-link.-angle.-reverse:before { content: "4"; } .a-link:hover { color: #666; border-color: #666; } .a-option b { color: #333; } .a-option span { display: inline-block; vertical-align: middle; } .a-option strong { color: #ff352f; } .a-stock span { color: #00A99D; font-weight: bold; } .a-stock.-error span { color: #E00034; } .a-stock.-warning span { color: #F15A24; } .a-oups { width: 105px; height: 46px; display: inline-block; text-indent: -9999px; background: url(/Images/oups.png) center center no-repeat; } .a-phone-number { width: 203px; height: 40px; display: inline-block; text-indent: -9999px; background: url(/Images/numero-telephone-maty.png) center center no-repeat; } .a-advantage { padding-left: 0.3125rem; color: #333; } .a-advantage.-valid { color: #00A99D; } .a-advantage:before { content: "N"; margin-right: 0.2rem; font-family: "ElegantIcons"; } .a-warning { color: #F15A24; margin-top: 5px; margin-bottom: 15px; font-weight: bold; } .a-warning.-big { font-size: 1rem; line-height: 1.125rem; } .a-warning.-important { color: #E00034; } .a-warning.-marketplace { margin: 5px; color: #666666; font-size: 0.8125rem; line-height: 0.9375rem; } .a-warning.-nopicto { font-stretch: condensed; } .a-warning.-nopicto:before { content: none; } .a-warning:before { color: #E00034; display: inline-block; content: "\e061"; font-size: 1.2em; margin-right: 0.4rem; -ms-transform: translateY(0.15rem); transform: translateY(0.15rem); font-family: "ElegantIcons"; } .a-disabled { background-color: #4D4D4D !important; border-color: #4d4d4d !important; color: #fff !important; cursor: not-allowed !important; } .a-message { font-weight: bold; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-style: normal; font-size: 0.8125rem; line-height: 0.8125rem; } .a-message.-valid { color: #00A99D; } .a-message.-marketplace { color: #314276; font-size: 0.9rem; line-height: 1.1rem; font-weight: normal; background-color: #FFFFFF; padding: 6px; border-radius: 5px; } .a-message.-marketplace:before { content: "s"; font-family: "ElegantIcons"; margin-right: -0.1rem; } .a-message.-error { color: #E00034; } .a-message__pfp { color: black; font-size: 0.9rem; font-weight: normal; background-color: #FCCE35; padding: 6px; border-radius: 5px; } .a-message__pfp.-inverted { background-color: #005FA2; color: white; } .a-message__marketing { color: black; font-size: 0.9rem; font-weight: normal; background-color: #FCCE35; padding: 6px; border-radius: 5px; } .a-message__marketing.-inverted { background-color: #005FA2; color: white; } .a-message__sis { color: white; font-size: 0.9rem; font-weight: normal; background-color: #FF352F; padding: 6px; border-radius: 5px; } .a-message__sis.-inverted { background-color: #005FA2; color: white; } .a-message__cart { color: #E00034; font-size: 0.9rem; font-weight: normal; background-color: #FFFFFF; padding: 6px; border-radius: 5px; } .a-message__cart.-inverted { background-color: #005FA2; color: white; } .a-message__loyalty { color: black; font-size: 0.9rem; font-weight: normal; background-color: grey; padding: 6px; border-radius: 5px; } .a-message__loyalty.-inverted { background-color: #005FA2; color: white; } .a-delivery { font-weight: bold; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.9375rem; line-height: 0.9375rem; font-stretch: condensed; } .a-delivery.-warning { color: #F15A24; } .a-delivery.-valid { color: #00A99D; } .a-address { font-size: 0.75rem; line-height: 0.9375rem; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; color: #666; } .a-address strong { font-size: 0.9375rem; line-height: 0.9375rem; color: #333; } .a-label { background: transparent; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 0.25rem; font-size: 0.9375rem; line-height: 0.9375rem; color: #333; font-stretch: condensed; margin: 0; } .a-label.-required:after { content: "*"; } .a-label span { font-size: 0.8125rem; line-height: 0.9375rem; color: #666666; font-weight: normal; display: inline-block; font-stretch: normal; } .a-label span.delivery-times { font-weight: 700; color: #ff352f !important; } .a-label a { font-weight: normal; } .a-label.-sub { font-size: 0.8125rem; line-height: 0.9375rem; color: #666666; font-weight: normal; font-stretch: normal; } .a-transparent-phone { font-family: inherit; font-size: 0.875rem; color: #666666; padding: 0.625rem !important; display: block; background: #F2F2F2; width: 100%; } .a-engraving { padding: 0.25rem; cursor: pointer; } .a-engraving.selected .a-engraving__number:before { background-color: #ff352f; } .a-engraving__number { display: inline-block; padding-right: 26px; margin-right: 0.2rem; position: relative; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8125rem; color: #666666; text-transform: uppercase; font-weight: normal; } .a-engraving__number:before { width: 10px; height: 10px; right: 4px; margin-top: -5px; background: transparent; } .a-engraving__number:after { height: 18px; width: 18px; border: 1px solid #dadada; right: 0; margin-top: -9px; } .a-engraving__number:before, .a-engraving__number:after { content: ""; display: block; position: absolute; top: 50%; border-radius: 100%; } .a-engraving__preview { display: inline-block; border: 1px solid #dadada; width: 55px; height: 30px; vertical-align: middle; padding: 0.25rem; text-align: center; } .merch { -ms-touch-action: none; touch-action: none; margin: 0 -0.625rem; } @media only screen and (min-width:64.0625em) { .merch { margin: 0; } } .m-product { margin: 0.3125rem 0; padding: 0.3125rem; background: white; position: relative; } .m-product__image { width: 120px; margin: auto; padding: 0.3125rem; } @media only screen and (min-width:40.063em) { .m-product__image { width: 170px; } } .m-product__info:first-of-type { margin-top: 0.5rem; } .m-product__informations { padding: 0.3125rem; } .m-product__informations .tags-wrapper { display: -ms-flexbox; display: flex; max-height: 21px; gap: 0.625rem; } .m-product__informations .tags-wrapper .tag { padding: 0.15rem; } .m-product__informations .tags-wrapper .tag span { font-size: 0.75rem; } .m-product__informations .tags-wrapper .tag span:has(img) { display: -ms-flexbox; display: flex; max-height: 100%; } .m-product__informations .tags-wrapper .tag span img { max-height: 24px; margin: 0; } .m-product__informations .a-description { min-height: 30px; } .m-product__price { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 46px; margin-top: 5px; } .m-product__price .remise { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6px; } .m-productInline { padding: 0.3125rem 0; background: white; position: relative; } .m-productInline__delete { position: absolute; z-index: 10; top: 0.15625rem; right: 0.15625rem; } .m-productInline__delete_left { position: absolute; z-index: 10; top: 0.15625rem; left: 0.15625rem; } .m-productInline__cell { padding: 0.3125rem; display: table-cell; vertical-align: middle; } .m-productInline__row { display: table; width: 100%; table-layout: fixed; position: relative; /*@media only screen and (max-width: 40em) { padding-bottom: 2.5rem; }*/ } .m-productInline__seeMore { margin: 0.5rem 0; } .m-productInline__seeMore:after { content: ""; display: block; } .m-productInline__image { width: 120px; } @media only screen and (min-width:40.063em) { .m-productInline__image { width: 170px; } .-small .m-productInline__image { vertical-align: top; width: 100px; } } .m-productInline__info:first-of-type { margin-top: 0.5rem; } .m-productInline__informations { padding-right: 1.25rem; } .m-productInline__stock { margin: 1rem 0 0; } @media only screen and (max-width: 40em) { .m-productInline__stock { margin: 0; bottom: 0.25rem; left: 0; width: 100%; } } .m-productInline__price { text-align: right; } .m-productInline__price.-sub { text-align: left; margin-top: 0.625rem; } @media only screen and (min-width:64.0625em) { .m-productInline__price.-sub { position: absolute; top: 50%; right: 0.625rem; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } } .m-productInline__shippingMethod { font-weight: 400; font-size: 0.75rem; } .m-productInline__status { margin-bottom: 0.8rem; /*padding: 0 .625rem;*/ } .m-productInline__status.delivery-status { color: #00a99d; font-weight: 500; } .article-epuise { background: url(/Images/product/epuise/article-epuise-350.png) center center no-repeat; background-size: 100%; position: absolute; z-index: 1; height: 150px; width: 150px; } @media screen and (max-width: 640px) { .article-epuise { height: 120px; width: 120px; } } .merch { -ms-touch-action: none; touch-action: none; margin: 0 -0.625rem; } @media only screen and (min-width:64.0625em) { .merch { margin: 0; } } .m-product { margin: 0.3125rem 0; padding: 0.3125rem; background: white; position: relative; } .m-product__image { width: 120px; margin: auto; padding: 0.3125rem; } @media only screen and (min-width:40.063em) { .m-product__image { width: 170px; } } .m-product__info:first-of-type { margin-top: 0.5rem; } .m-product__informations { padding: 0.3125rem; } .m-product__informations .tags-wrapper { display: -ms-flexbox; display: flex; max-height: 21px; gap: 0.625rem; } .m-product__informations .tags-wrapper .tag { padding: 0.15rem; } .m-product__informations .tags-wrapper .tag span { font-size: 0.75rem; } .m-product__informations .tags-wrapper .tag span:has(img) { display: -ms-flexbox; display: flex; max-height: 100%; } .m-product__informations .tags-wrapper .tag span img { max-height: 24px; margin: 0; } .m-product__informations .a-description { min-height: 30px; } .m-product__price { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 46px; margin-top: 5px; } .m-product__price .remise { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6px; } .m-tooltip { display: inline-block; position: relative; font-style: normal; cursor: pointer; vertical-align: bottom; } .m-tooltip.-vcenter { -ms-transform: translateY(10%); transform: translateY(10%); } .m-tooltip:before { content: "\e064"; font-family: "ElegantIcons"; color: #999; font-size: 1rem; line-height: 1rem; height: 1rem; width: 1rem; display: inline-block; } .m-tooltip__dropdown { padding: 0.5rem; margin-left: -0.35rem; } .m-tooltip__dropdown.-dark { padding: 0; background: #666; color: #FFFFFF; border: 1px solid #666; max-width: 260px !important; } .m-tooltip__dropdown.-dark .row .columns:first-child { padding: 0.5rem; } .m-tooltip__dropdown.-dark:before { border-color: transparent transparent #666 transparent; } .m-engravingType { border: 1px solid #dadada; border-radius: 10px; display: inline-block; padding: 0.5rem; margin: 0.5rem 0; text-align: center; cursor: pointer; transition: all 0.5s ease-in-out; } .m-engravingType:hover { transition: all 0.5s ease-in-out; border-color: #333; background: #333; } .m-engravingType:hover .m-engravingType__title { color: white; transition: all 0.5s ease-in-out; } .m-engravingType:hover .m-engravingType__title * { color: white; transition: all 0.5s ease-in-out; } .m-engravingType:hover .m-engravingType__picto * { transition: all 0.5s ease-in-out; } .m-engravingType:hover .m-engravingType__picto .fill { fill: white; } .m-engravingType:hover .m-engravingType__picto .stroke { stroke: white; } .m-engravingType__title { transition: all 0.5s ease-in-out; } .m-engravingType__picto svg { margin: 0 auto; width: 60px; height: 60px; } .m-engravingType__picto svg * { transition: all 0.5s ease-in-out; } .m-option { position: relative; padding: 0.3125rem !important; background: white !important; overflow: hidden; } .m-option p { margin: 0; } .m-option .columns { padding: 0.3125rem !important; } .m-option__price { letter-spacing: normal; text-align: right; } .m-option__delete { margin-top: 0.3125rem; } .m-option__change.-on { display: none; } .-active .m-option__change.-off { display: none; } .-active .m-option__change.-on { display: block; } .m-option__content { padding: 0.3125rem; } .-case .m-option__content { padding: 0.625rem 0.3125rem 0.625rem 3.125rem; position: relative; } .-case .m-option__content img { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: -0.3125rem; display: inline-block; } .m-option__buttonContainer { text-align: right; padding-right: 0.3125rem; } .m-option:before { content: ""; border-top: 1px solid #dadada; position: absolute; top: 0; z-index: 2; right: 0.625rem; left: 0.625rem; display: block !important; } .m-exemples { -ms-flex-pack: justify; justify-content: space-between; margin: 0; letter-spacing: -0.33em; display: -ms-flexbox; display: flex; } .m-exemples__item { max-width: 80px; padding: 10px; width: 25%; display: inline-block; letter-spacing: normal; position: relative; } .m-exemples__item.valid-2 div { background-position: -180px 0; } .m-exemples__item.invalid-1 div { background-position: 0; } .m-exemples__item.invalid-2 div { background-position: -60px 0; } .m-exemples__item.invalid-2 div { background-position: -60px 0; } .m-exemples__item.-invalid:before { content: "Q"; color: #d21e24; } .m-exemples__item:before { content: "R"; position: absolute; font-family: "ElegantIcons"; color: #00a99d; top: 10px; right: 10px; background: white; display: inline-block; border-radius: 100%; font-size: 1rem; } .m-exemples__item div { padding-top: 100%; background-image: url(/images/Gravure/exemples-gravure.jpg); background-size: 400%; width: 100%; background-position: -120px 0; } .m-warrantyModal { padding: 3rem 1rem; width: 100% !important; min-height: auto !important; } .m-warrantyModal > .close-reveal-modal { position: absolute; } @media only screen and (min-width:40.063em) { .m-warrantyModal { max-width: 600px !important; left: 50% !important; margin-left: -300px; } } .m-warrantyModal__picto { /*max-width: 50px;*/ padding-bottom: 0.5rem; } .m-warrantyModal__title { color: #000; font-weight: bold; margin: 0.5rem 0 1rem; } .m-warrantyModal__title strong { font-size: 1.25em; } .m-warrantyModal__title span { color: #ff352f; } .m-warrantyModal__subtitle { color: #ff352f; margin-top: 1rem; font-weight: bold; } .m-warrantyModal__subtext { font-size: 0.625rem; line-height: 0.75rem; margin-top: 1rem; } .m-warrantyModal__content { color: #000; } .m-warrantyModal__content p { margin-top: 15px; } .m-warrantyModal__content span { color: #ff352f; font-weight: bold; } .m-warrantyModal ul { margin: 0; list-style: none; } .m-warrantyModal ul li { margin: 0, 10px, 0 0; } .m-warrantyModal .free { color: #ff352f; font-weight: bold; text-transform: uppercase; font-size: 1rem; } .m-warrantyModal .crossed { text-decoration: line-through; color: #000; } .modal { position: fixed; } .modal.-full-height { height: 100dvh; width: 100%; margin: 0; } @media all and (max-width: 959px) { .modal.-full-height { top: 2.5rem !important; } } @media all and (min-width: 960px) { .modal.-full-height { top: 0 !important; } } .modal.-right, .modal.-left { max-width: 60rem; } .modal.-left { left: 0; right: inherit; } .modal.-right { right: 0; left: inherit; } .modal-add-to-cart { --swiper-navigation-sides-offset: .625rem; --swiper-navigation-size: 1.25rem; --swiper-theme-color: #333; --swiper-slider-width: 250px; padding: 0px; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc), .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc) { line-height: 1 !important; height: 2.8125rem; padding-top: 0; padding-bottom: 0; padding-left: 1.875rem !important; padding-right: 1.875rem !important; transition: all 0.5s !important; margin: 0 !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-small, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-small { height: 2rem; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull { background: #ff352f; border: solid 1px #ff352f; color: white; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull * { color: white; transition: all 0.5s; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover { background: transparent; color: #ff352f; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover * { color: #ff352f; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent { color: #333; border: solid 1px #333; background: transparent; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent * { transition: color 0.5s; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover { background: #333; color: white; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover * { color: white; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull { background: #333; color: white; border: solid 1px #333; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull * { color: white; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover { background: transparent; color: #333; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover * { color: #333; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent { color: #222d65; border: #222d65; background: transparent; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent:hover, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent:hover { background: #222d65; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull { background: white; border: solid 1px transparent; color: #333; border: solid 1px transparent; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull * { color: #333; transition: all 0.5s; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover { background: transparent; color: white; border-color: white; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover * { color: white; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent { color: white; border: solid 1px white; background: transparent; transition: all 0.5s; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent * { color: white; transition: all 0.5s; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover { background: white; color: #333; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover *, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover * { color: #333; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-fw, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-fw { width: 100%; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-big, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-big { height: 2.75rem; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-center, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-center { margin: auto !important; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal { top: inherit; right: inherit; position: inherit; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).tc-privacy-button, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).tc-privacy-button { margin: 0 0.625rem !important; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-round, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-round { border-radius: 50%; padding: 0 !important; height: 2.5rem; width: 2.5rem; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-rounded, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-rounded { border-radius: 999px; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal { font-size: 0.875rem; } .modal-add-to-cart button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-icon, .modal-add-to-cart .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-icon { padding: 0 1rem !important; } .modal-add-to-cart button.-link, .modal-add-to-cart .button.-link { background: none; padding: 0; margin: 0; transition: opacity 0.2s; } .modal-add-to-cart button.-link.-underline, .modal-add-to-cart .button.-link.-underline { text-decoration: underline; } .modal-add-to-cart button.-link.-center, .modal-add-to-cart .button.-link.-center { margin: auto !important; display: block; } .modal-add-to-cart button.-link:hover, .modal-add-to-cart .button.-link:hover { color: inherit; opacity: 0.7; } .modal-add-to-cart button.-bold, .modal-add-to-cart .button.-bold { font-weight: bold; } .modal-add-to-cart button.close-modal-text, .modal-add-to-cart .button.close-modal-text { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; } .modal-add-to-cart button.-disabled, .modal-add-to-cart .button.-disabled { opacity: 0.5; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .modal-add-to-cart .scrollToTop .fs1 { -ms-transform: translateY(2px); transform: translateY(2px); } .modal-add-to-cart .scrollToTop .fs1:before { font-family: "ElegantIcons"; content: "2"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 2rem; color: #cecece; } .modal-add-to-cart * { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-size: 0.875rem; } .modal-add-to-cart p { margin: 0; } .modal-add-to-cart h4, .modal-add-to-cart .-title-h4 { font-weight: bold; font-size: 1.25rem; } .modal-add-to-cart .modal-wrapper { height: 100%; width: 100%; max-height: 100dvh; overflow-y: auto; border-bottom: 75px solid #fff; } @media all and (max-width: 959px) { .modal-add-to-cart .modal-wrapper { max-height: calc(100dvh - 2.5rem); } } .modal-add-to-cart .modal__header { margin: 30px; position: relative; } .modal-add-to-cart .modal__header .modal__title { text-align: center; margin: 0; } .modal-add-to-cart .modal__header .close-reveal-modal { top: 0; right: 0; color: #333; } .modal-add-to-cart .modal__content { padding: 30px; max-width: 43.125rem; margin: 0 auto; } .modal-add-to-cart .modal__content:last-of-type { margin-bottom: 75px; } .modal-add-to-cart .modal__content.-full-width { max-width: inherit; } .modal-add-to-cart .modal__content.-padding-10 { padding: 10px; } .modal-add-to-cart .modal__content.marketing-message { background: #FBFBFB; text-align: center; } .modal-add-to-cart .modal__footer { bottom: 0; left: 0; width: 100%; padding: 0.9375rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 1.875rem; box-shadow: 0 -3px 6px 0px rgba(0, 0, 0, 0.1254901961); background: white; z-index: 10; } @media all and (min-width: 960px) { .modal-add-to-cart .modal__footer { position: absolute; } } @media all and (max-width: 959px) { .modal-add-to-cart .modal__footer { position: fixed; } } .modal-add-to-cart .modal__footer .close-reveal-modal.no-icon { position: relative; font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; } .modal-add-to-cart .-crossed { text-decoration: line-through; } .modal-add-to-cart .slider { position: relative; } .modal-add-to-cart .slider-title { font-size: 1.25rem; font-weight: bold; margin-bottom: 1.875rem; } .product { border-top: solid 0.5px #BBBBBB; border-bottom: solid 0.5px #BBBBBB; display: -ms-flexbox; display: flex; gap: 1.25rem; -ms-flex-align: center; align-items: center; margin-bottom: 30px; padding: 0.3125rem; } .product__image { height: 150px; width: 150px; } .product__details > *, .product__details > p { margin: 0.3125rem 0 0.3125rem; } .swiper { max-width: calc(100% - 2 * var(--swiper-navigation-sides-offset) - 2 * (var(--swiper-navigation-size) + 1.25rem)); } .swiper-button-next, .swiper-button-prev { font-weight: bold; } .products-slider .product-slider__wrapper { margin: auto; max-width: var(--swiper-slider-width); /* limite la largeur */ } .products-slider .product-slider__image { position: relative; } .products-slider .product-slider__image:after { box-shadow: inset 0px 0px 58px 0px rgba(0, 0, 0, 0.0588235294); content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; } .products-slider .product-slider__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 1.25rem 0 0.625rem; } .first-price, .first-price * { color: #666; } .first-price sup, .first-price * sup { top: -0.3em; font-size: 0.75rem; } .o-accordion.-empty .o-accordion__change { padding: 0.625rem !important; } .o-accordion__navigation.-disable { opacity: 0.6; cursor: not-allowed; pointer-events: none; } .o-accordion__navigation.accordion-navigation { margin-bottom: 0.625rem !important; } .o-accordion__navigation.active .o-accordion__change:after { -ms-transform: rotate(90deg); transform: rotate(90deg); } .o-accordion__navigation.active > .o-accordion__change > .o-accordion__radio:before { background: #ff352f; } .o-accordion__navigation.active > .o-accordion__change > .o-accordion__radio.-alma-scale:before { background: #000000; } .o-accordion__button { text-align: right; } .o-accordion__more { position: absolute; top: 50%; right: 1.875rem; font-size: 0.875rem; line-height: 0.875rem; margin-top: -0.4375rem; } @media only screen and (min-width:40.063em) { .o-accordion__more { right: 2.5rem; } } .o-accordion__radio { display: block; position: absolute; top: 50%; border-radius: 100%; height: 1.125rem; width: 1.125rem; border: 1px solid #dadada; left: 0.625rem; margin-top: -0.5625rem; } .o-accordion__radio:before { content: ""; position: absolute; display: block; top: 50%; border-radius: 100%; width: 0.625rem; height: 0.625rem; left: 0.2rem; margin-top: -0.3125rem; background: transparent; } .o-accordion__content { padding: 0.625rem !important; position: relative; } .o-accordion__content:before { content: ""; display: block; border-top: 1px solid #dadada; position: absolute; top: 0; left: 0.625rem; right: 0.625rem; z-index: 2; } .o-accordion__change { background: #FFFFFF !important; padding: 0.78125rem 2.25rem !important; position: relative; } .o-accordion__change p { margin: 0; padding: 0; } .o-accordion__change:after { content: "5"; display: block; position: absolute; top: 50%; right: 0.625rem; font-family: "ElegantIcons"; font-size: 1.125rem; line-height: 1.125rem; margin-top: -0.5625rem; } .o-engraving { margin-left: 0 !important; padding: 0; position: relative; } .o-engraving:not(.-modal) { width: 100%; } .o-engraving.-modal { max-width: 960px; } @media all and (min-width: 40.063rem) { .o-engraving.-modal { -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; top: 50% !important; } } @media all and (max-width: 40rem) { .o-engraving.-modal { width: 100%; height: 100%; overflow: scroll; position: fixed; top: 0 !important; left: 0 !important; } } .o-engraving.-modal .o-engraving__header { padding: 0; } .o-engraving.-modal .o-engraving__overflow { padding: 1rem; } @media all and (min-width: 40.063rem) { .o-engraving.-modal .o-engraving__overflow { max-height: 90vh; } } .o-engraving.-step1 #engraving-step1 { -ms-transform: translateX(0); transform: translateX(0); transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out 0.1s; opacity: 1; max-height: inherit; } .o-engraving.-step2a #engraving-step2a { -ms-transform: translateX(0); transform: translateX(0); transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out 0.1s; opacity: 1; max-height: inherit; } .o-engraving.-step2b #engraving-step2b { -ms-transform: translateX(0); transform: translateX(0); transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out 0.1s; opacity: 1; max-height: inherit; } .o-engraving.-step2c #engraving-step2c { -ms-transform: translateX(0); transform: translateX(0); transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out 0.1s; opacity: 1; max-height: inherit; } .o-engraving__row { width: inherit; } .o-engraving__row:before, .o-engraving__row:after { content: inherit; } .o-engraving__overflow { overflow: auto; width: 100%; } .o-engraving__header { padding: 2rem 0 0.5rem; } .o-engraving__close { position: absolute; top: 1rem; right: 1rem; z-index: 2; cursor: pointer; } .o-engraving__content { padding: 0.5rem 0; } .o-engraving__step { transition: transform 0.25s ease-in-out 0.1s, opacity 0.25s ease-in-out; opacity: 0; -ms-transform: translateX(-100%); transform: translateX(-100%); max-height: 0; overflow: hidden; } .o-engraving__step > .row { display: -ms-flexbox; display: flex; } .o-engraving__change { border-top: 2px solid #b49374; margin-top: 1rem; padding-top: 1rem; } .o-engraving__change .a-button { border: 0; text-decoration: underline; } .o-engraving__change .a-button:hover { background: none; color: inherit; } .o-engraving__input-after { display: none; } .o-engraving__input-after p { font-stretch: condensed; } .o-engraving__preview { max-height: 150px; overflow: auto; } .o-engraving__preview iframe { width: 100%; border: none; height: 148px; } .o-engraving___img { margin: auto; } .o-engraving__image { padding: 0 1rem; position: relative; } .o-engraving__input { margin-bottom: 2rem; } .o-engraving__mention { position: absolute; bottom: 0; left: 0; z-index: 2; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.75rem; color: #999; text-align: center; width: 100%; } .o-engraving__row { display: -ms-flexbox; display: flex; gap: 15px; } @media all and (max-width: 64rem) { .o-engraving__row { -ms-flex-direction: column; flex-direction: column; } } .o-engraving__row.owl-carousel .owl-nav { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; width: 90% !important; margin: auto !important; } .o-engraving__row.owl-carousel .owl-nav > div { font-family: ElegantIcons !important; background: none !important; color: #333 !important; font-size: 1.5rem !important; } .o-engraving__row.owl-carousel .owl-dots { left: 50% !important; bottom: 10px !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; display: -ms-flexbox !important; display: flex !important; gap: 5px !important; position: absolute !important; } .o-engraving__row.owl-carousel .owl-dots .item { cursor: pointer; } .o-engraving__row.owl-carousel .owl-dots .item span { font-weight: bold !important; font-family: Montserrat !important; color: #999 !important; } .o-engraving__row.owl-carousel .owl-dots .item.active span { color: #333 !important; } .o-engraving__row.owl-carousel .owl-dots .item:hover span { color: #333 !important; } .o-engraving__col { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; gap: 15px; } .o-engraving__col-item { padding: 5px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; cursor: pointer; } .o-engraving__col-item img { height: 100%; width: 100%; } @media all and (max-width: 40rem) { .reveal-modal.engraving-reveal-modal { min-height: 50vh; position: fixed !important; top: 25% !important; } } @media all and (min-width: 40.063rem) and (max-width: 64rem) { .reveal-modal.engraving-reveal-modal { position: fixed !important; top: 7% !important; } } @media all and (max-width: 64.063rem) { .reveal-modal.engraving-reveal-modal { position: fixed !important; top: 6% !important; width: 50%; margin-left: -25%; } } .o-products .owl-carousel { position: relative; padding-bottom: 1.5rem; } .o-products .owl-dot { display: block; border-radius: 5px; display: inline-block; margin: 0 0.3125rem; height: 1.5rem; width: 1.5rem; position: relative; cursor: pointer; } .o-products .owl-dot span { background: none !important; } .o-products .owl-dot.active:before { background: #999; } .o-products .owl-dot:before { position: absolute; top: 50%; display: block; margin-top: -1px; left: 0; content: ""; background: #DDD; height: 2px; width: 20px; } .o-products .owl-dots { text-align: center; position: absolute; width: auto; bottom: 0; display: inline-block; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); background: none !important; } .o-products .owl-prev { left: 0; } .o-products .owl-next { right: 0; } .o-products .owl-theme .owl-nav [class*=owl-] { font-size: 2rem; line-height: 1.25rem; cursor: pointer; text-align: center; bottom: 0; position: absolute; background: none !important; color: #333; font-family: "ElegantIcons"; } .location_wrapper { margin-top: 15px; } .location_wrapper .price_bold { font-weight: bold; } .location_wrapper .accordion .accordion-navigation > .content.active.renting { background: #F2F2F2 !important; } .location_wrapper .o-accordion__radio { border: 1px solid #333333; } .location_wrapper .o-accordion__change { min-height: 50px; background: #f2f2f2 !important; } .location_wrapper .o-accordion__change .a-label { position: absolute; top: 20%; left: 2.5rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 13px; } .location_wrapper .o-accordion__change .o-accordion__more { top: 70%; right: initial; left: 2.5rem; } .location_wrapper .accordion .accordion-navigation > .content.active { background: #f2f2f2 !important; } .location_wrapper .o-accordion__change::after { display: none; } .location_wrapper .o-accordion__navigation.active .o-accordion__change::after { display: none; } .location_wrapper .ajouter-panier { margin-top: 0.5rem !important; } .location_wrapper .delivery-times-wrapper { padding-top: 0.4rem !important; padding-bottom: 0.6rem !important; } .location_wrapper .button_paypal { background: #ffffff; } .location_wrapper .text_location p { margin: 0; padding-top: 15px; } .location_wrapper .text_location p:first-child { padding-top: 0; } .location_wrapper .text_location ul { margin-bottom: 0; padding-top: 15px; } .location_wrapper .text_location ul li strong { color: #000000; } .location_wrapper .text_location ul li:nth-child(2) { margin: 15px 0; list-style-type: none; } .etancheite { margin-top: 10px; } @media (max-width: 640px) { .etancheite { text-align: center; margin-top: 5px; } .etancheite a { color: #999999; } } .m-sealingModal { max-width: 850px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); margin: inherit; text-align: center; } .m-sealingModal__content h2 { font-size: 1.5rem; } @media all and (max-width: 40rem) { .m-sealingModal__content h2 { font-size: 1.125rem; } } .m-sealingModal__content img { width: 100%; } @media all and (max-width: 640px) { .m-sealingModal__content img { display: none; } } body:has(.reveal-modal.open) { overflow-y: hidden; } .waranty-free { color: #ff352f; font-weight: bold; text-transform: uppercase; font-size: 1rem; } .waranty-crossed { text-decoration: line-through; color: #000; } .row.vam { letter-spacing: -0.33em; } .row.vam > * { letter-spacing: normal; display: inline-block; float: none !important; vertical-align: middle; } @media all and (min-width: 800px) { .ReactModal__Content { max-height: 80dvh; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } @media all and (max-width: 800px) { .ReactModal__Content { top: 0; bottom: inherit; } } .fiche-produit-wrapper { overflow: hidden; /* Typo */ /********/ /* Séparateur */ /**************/ /* Check list */ /**************/ /* Boutons */ /***********/ /* Tooltips */ /*@import "../../foundation/functions";*/ /*.select { position: relative; overflow: hidden; select { color: #808080; font-size: rem-calc(12); font-family: 'Montserrat', Arial, Helvetica, sans-serif; background: #fff; border-color: #808080; position: relative; &:hover { cursor: pointer; } } &:after { background: #808080; position: absolute; float: right; content: '\000043'; font-family: 'ElegantIcons'; font-size: 0.875rem; right: 0; top: 0; padding: .82em 1.2em; width: 48px; color: #fff; pointer-events: none; // pour pouvoir cliquer " à travers " l'element after, et donc sur le select } &.small { max-width: rem-calc(300); } }*/ /*************************/ /** Click&Collect Page **/ /************************/ } .fiche-produit-wrapper > .row > .columns { padding: 0.5rem; } .fiche-produit-wrapper .marques_logo_maty_svg { margin-top: 50px; margin-bottom: 55px; max-width: 220px; height: auto; } .fiche-produit-wrapper .custom-select-wrapper { position: relative; } .fiche-produit-wrapper .custom-select-wrapper:before { content: "3"; position: absolute; top: 50%; font-size: 1.4rem; line-height: 1; height: 1.4rem; margin-top: -0.7rem; right: 0.5rem; font-family: "ElegantIcons"; display: inline-block; z-index: 2; pointer-events: none; /* pour que l'eventement CLICK ne soit pas bloqué par ce :before */ } .fiche-produit-wrapper .custom-select-wrapper:after { content: ""; position: absolute; top: 0.375rem; right: 0.375rem; bottom: 0.375rem; display: block; width: 36px; background: white; pointer-events: none; /* pour que l'eventement CLICK ne soit pas bloqué par ce :after */ } .fiche-produit-wrapper .custom-select-wrapper select { outline: none; height: auto; background: white; border: 0.375rem solid #ddd; } .fiche-produit-wrapper { /* Marges latérales pour le mobile */ } @media only screen and (max-width:64em) { .fiche-produit-wrapper { padding: 0 10px; } } .fiche-produit-wrapper div, .fiche-produit-wrapper p, .fiche-produit-wrapper span, .fiche-produit-wrapper ul, .fiche-produit-wrapper li { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 0.875rem; } .fiche-produit-wrapper h2, .fiche-produit-wrapper h3, .fiche-produit-wrapper h4, .fiche-produit-wrapper h5, .fiche-produit-wrapper h6, .fiche-produit-wrapper .-title { color: #333; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } .fiche-produit-wrapper h4, .fiche-produit-wrapper h5, .fiche-produit-wrapper h6, .fiche-produit-wrapper .-title.-h4 { text-transform: lowercase; } .fiche-produit-wrapper h2 { font-size: 1rem; line-height: 1.125rem; } .fiche-produit-wrapper h3, .fiche-produit-wrapper .-title.-h3 { font-size: 0.875rem; line-height: 1rem; } .fiche-produit-wrapper select { background-image: none; } .fiche-produit-wrapper .separator { clear: both; content: ""; height: 1px; background-color: #ddd; margin-top: 1.25rem; margin-bottom: 1.25rem; } .fiche-produit-wrapper ul.check-list { list-style-type: none; list-style-position: outside; margin-left: 0; } .fiche-produit-wrapper ul.check-list li { line-height: 1.5; } .fiche-produit-wrapper ul.check-list li:before { content: "N"; display: inline-block; font-family: "ElegantIcons"; margin-right: 1em; } .fiche-produit-wrapper .button-1 { background-color: #ff352f; border: 0px solid #ff352f; color: #fff; display: inline-block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.875rem; line-height: 1rem; margin-bottom: 0; padding: 1em; text-transform: uppercase; } .fiche-produit-wrapper .button-1:hover { background-color: #ff6762; } .fiche-produit-wrapper .button-1.disabled { background-color: #333; cursor: not-allowed; } .fiche-produit-wrapper .button-1.disabled:hover { background-color: #4d4d4d; } .fiche-produit-wrapper .button-1 .picto { width: 1.5rem; height: 1.5rem; /*margin-bottom: -1.25rem;*/ display: inline-block; vertical-align: middle; /*@include prefix((transform : translateY(-50%)), moz o webkit ms);*/ } .fiche-produit-wrapper .button-1 .picto svg { width: 100%; height: 100%; vertical-align: middle; } .fiche-produit-wrapper .button-1 .picto svg * { stroke: white; } .fiche-produit-wrapper .button-2 { background-color: #fff; color: #000; border: 2px solid #000; display: inline-block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.6875rem; line-height: 0.8125rem; margin-bottom: 0; padding: 1.3em; text-transform: uppercase; } .fiche-produit-wrapper .button-2:hover { background-color: #e6e6e6; } .fiche-produit-wrapper .button-2 .picto { width: 1rem; height: 1rem; margin-bottom: -0.75rem; display: inline-block; vertical-align: middle; -ms-transform: translateY(-50%); transform: translateY(-50%); } .fiche-produit-wrapper .button-2 .picto svg { width: 100%; height: auto; vertical-align: middle; } .fiche-produit-wrapper .button-2 .picto svg * { stroke: #000; } .fiche-produit-wrapper .button-3 { background-color: #333; color: #fff; display: inline-block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.6875rem; line-height: 0.8125rem; margin-bottom: 0; padding: 1.3em; text-transform: uppercase; } .fiche-produit-wrapper .button-3:hover { background-color: #4d4d4d; } .fiche-produit-wrapper .button-5 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; line-height: 10px; letter-spacing: 0.5px; background-color: #000; color: #fff; border: 2px solid #000; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 0.6875rem; line-height: 0.8125rem; margin-bottom: 0; padding: 0.8em; text-transform: uppercase; } .fiche-produit-wrapper .button-5:hover { background-color: #fff; color: #000; } .fiche-produit-wrapper .button-5:hover svg * { stroke: #000 !important; } .fiche-produit-wrapper .button-5 .picto { margin-right: 15px; width: 1.4rem; height: 1.4rem; display: inline-block; vertical-align: middle; } .fiche-produit-wrapper .button-5 .picto svg { width: 100%; height: 100%; vertical-align: middle; } .fiche-produit-wrapper .button-5 .picto svg * { stroke: #fff; } .fiche-produit-wrapper .more-content { width: 1.2rem; height: 1rem; margin-left: 0.2rem; position: relative; display: inline-block; } .fiche-produit-wrapper .more-content .more-infos { width: auto; bottom: 100%; right: 2.5rem; margin-right: -140px; padding: 0 0 0rem; margin-bottom: 0.5rem; z-index: 110; left: -150px; opacity: 1; position: absolute; /*visibility: hidden;*/ display: none; transition: opacity 0.2s linear 0.1s; } .fiche-produit-wrapper .more-content .more-infos .content { border: #999999 1px solid; padding: 1.2rem; font-size: 0.7rem; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; background: white; display: inline-block; } .fiche-produit-wrapper .more-content .more-infos .content strong { font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif; } .fiche-produit-wrapper .more-content .more { display: inline-block; position: relative; top: -0.05rem; cursor: pointer; width: 1.2rem; height: 1rem; vertical-align: middle; overflow: hidden; } .fiche-produit-wrapper .more-content .more:before { content: "\e064"; display: inline-block; font-size: 0.75rem; line-height: 0.875rem; color: black; font-family: "ElegantIcons"; } .fiche-produit-wrapper .brand-title { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 0.625rem; padding-bottom: 0.625rem; position: relative; text-align: center; text-transform: uppercase; } .fiche-produit-wrapper .brand-title:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 50%; width: 50%; display: block; bottom: -1px; -ms-transform: translateX(-50%); transform: translateX(-50%); } .fiche-produit-wrapper h1 { font-size: 1.125rem; line-height: 1.25rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; line-height: 1.3; text-align: center; } .fiche-produit-wrapper .savoir-plus-anchor-wrapper { margin-bottom: 0.625rem; text-align: center; } .fiche-produit-wrapper .savoir-plus-anchor-wrapper .savoir-plus-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 82%; vertical-align: middle; } .fiche-produit-wrapper .savoir-plus-anchor-wrapper .savoir-plus-ref { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; } @media only screen and (min-width:40.063em) and (max-width:64em) { .fiche-produit-wrapper .savoir-plus-anchor-wrapper .savoir-plus-title { width: 64%; } } .fiche-produit-wrapper .savoir-plus-anchor-wrapper .savoir-plus-anchor { display: inline-block; color: #999999; text-align: center; text-decoration: underline; vertical-align: middle; } .fiche-produit-wrapper .notation-globale { margin-bottom: 0.625rem; text-align: center; } .fiche-produit-wrapper .notation .etoile-active, .fiche-produit-wrapper .notation .etoile, .fiche-produit-wrapper .notation .demi-etoile { color: #ff352f; display: inline-block; line-height: inherit; position: relative; } .fiche-produit-wrapper .notation .etoile-active:before, .fiche-produit-wrapper .notation .etoile:before, .fiche-produit-wrapper .notation .demi-etoile:before { content: "\e033"; font-family: "ElegantIcons"; font-size: 1rem; line-height: 0; position: relative; top: 0; vertical-align: middle; } .fiche-produit-wrapper .notation .etoile:before { content: "\e031"; } .fiche-produit-wrapper .notation .demi-etoile:before { content: "\e032"; } .fiche-produit-wrapper .notation .reviews-count { color: #999999; display: inline-block; padding-left: 1em; vertical-align: middle; } .fiche-produit-wrapper .reviews-summary .panel-dropdown { padding: 10px; } .fiche-produit-wrapper .reviews-summary .panel-dropdown .skeepers_product__reviews { margin: 0; } @media all and (max-width: 64rem) { .fiche-produit-wrapper .reviews-summary .panel-dropdown .skeepers_product__reviews .pagination__list__item__link { padding: 4px 6px 5px !important; } } @media all and (max-width: 25rem) { .fiche-produit-wrapper .reviews-summary .panel-dropdown .skeepers_product__reviews .pagination__list__item__link { padding: 4px 3px 5px !important; } } @media all and (max-width: 22rem) { .fiche-produit-wrapper .reviews-summary .panel-dropdown .skeepers_product__reviews .pagination__list__item__link { padding: 4px 1px 5px !important; } } .fiche-produit-wrapper .price-wrapper { margin-top: 1.25rem; margin-bottom: 11px; text-align: center; } .fiche-produit-wrapper .price-wrapper .amount { display: inline-block; vertical-align: middle; } .fiche-produit-wrapper .price-wrapper .amount .final-price { display: block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.8125rem; line-height: 1.9375rem; text-align: center; } .fiche-produit-wrapper .price-wrapper .amount .final-price span { font-size: 1.3125rem; line-height: 1.4375rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .fiche-produit-wrapper .price-wrapper .amount .prix-base, .fiche-produit-wrapper .price-wrapper .amount .prix-base span { margin-top: 3px; font-size: 0.875rem; line-height: 1rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .fiche-produit-wrapper .price-wrapper .amount .outprice { color: #666; display: block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.0625rem; line-height: 1.1875rem; text-align: right; text-decoration: line-through; } .fiche-produit-wrapper .price-wrapper .discount { display: inline-block; margin-left: 0.3125rem; vertical-align: middle; } .fiche-produit-wrapper .price-wrapper .discount .remise { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5rem; line-height: 1.625rem; color: #fff; padding: 0.5rem; } .fiche-produit-wrapper .price-wrapper .discount .remise.default { background-color: #333; } .fiche-produit-wrapper .price-wrapper .discount .remise.remise-20 { background-color: #aa2fb2; } .fiche-produit-wrapper .price-wrapper .discount .remise.remise-30 { background-color: #1eb0e0; } .fiche-produit-wrapper .price-wrapper .discount .remise.remise-40 { background-color: #8cc030; } .fiche-produit-wrapper .price-wrapper .discount .remise.remise-50 { background-color: #ffc000; } .fiche-produit-wrapper .price-wrapper .discount .remise.remise-60 { background-color: #e73064; } .fiche-produit-wrapper .subprice { top: -0.25em; } .fiche-produit-wrapper #payment-terms { margin-top: 0.3125rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .fiche-produit-wrapper .payment-terms-wrapper { margin-top: 0; color: #999999; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 0.8125rem; line-height: 0.9375rem; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; padding-right: 1px; border-radius: 2px; } @media only screen and (max-width:64em) { .fiche-produit-wrapper .payment-terms-wrapper { line-height: 2rem; } } .fiche-produit-wrapper .payment-terms-wrapper .block-facilite { display: -ms-flexbox; display: flex; -ms-flex-align: first baseline; align-items: first baseline; } .fiche-produit-wrapper .payment-terms-wrapper span { display: block; } .fiche-produit-wrapper .payment-terms-wrapper .facilites-or, .fiche-produit-wrapper .payment-terms-wrapper .has-tooltip { margin-left: 5px; margin-right: 5px; } .fiche-produit-wrapper .payment-terms-wrapper .simulation { font-size: 0.75rem; } .fiche-produit-wrapper .payment-terms-wrapper .term { display: inline-block; } .fiche-produit-wrapper .payment-terms-wrapper .term .more-link { color: #666666; margin-left: 0.25em; } .fiche-produit-wrapper .payment-terms-wrapper .term-separator { display: inline-block; margin: 0 0.5rem; } .fiche-produit-wrapper .tooltip-term { margin-top: 31px; border: 1px solid #333; padding: 0.625rem; clear: both; color: #666; position: absolute; z-index: 110; background-color: #fff; right: 1.25rem; left: 1.25rem; width: 60%; right: 20%; left: 20%; } @media only screen and (max-width:64em) { .fiche-produit-wrapper .tooltip-term { width: 100%; right: 0%; left: 0%; } } .fiche-produit-wrapper .tooltip-term .logo { margin-bottom: 0.625rem; } .fiche-produit-wrapper .tooltip-term .close-tooltip { position: absolute; top: 0.625rem; right: 0.625rem; width: 18px; height: 18px; } .fiche-produit-wrapper .tooltip-term .Pop_FID { padding-right: 22px; } .fiche-produit-wrapper .facilite-paiement .facilite { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8rem; position: relative; display: inline-block; line-height: 1rem; padding: 0.5rem; } .fiche-produit-wrapper .facilite-paiement .facilite:hover .facilites-tooltip { transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; visibility: visible; opacity: 1; } .fiche-produit-wrapper .facilite-paiement .facilite .facilite-text { font-size: 1.1em; } .fiche-produit-wrapper .facilite-paiement .facilite .facilite-link { color: #999999; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; text-decoration: underline; } .fiche-produit-wrapper .facilite-paiement .facilite.troisfois { text-align: right; position: relative; float: right; } .fiche-produit-wrapper .facilite-paiement .facilite.troisfois:after { top: 0.5rem; background: #999999; content: ""; display: inline-block; position: absolute; width: 1px; bottom: 0.5rem; right: 0; } .fiche-produit-wrapper .facilite-paiement .facilite.troisfois .facilites-tooltip { right: -120px; } .fiche-produit-wrapper .facilite-paiement .facilite.troisfois .facilites-tooltip .tooltip-content:before { left: 87px; margin-left: -0.25rem; } .fiche-produit-wrapper .facilite-paiement .facilite.vingtfois .facilites-tooltip { left: -120px; } .fiche-produit-wrapper .facilite-paiement .facilite.vingtfois .facilites-tooltip .tooltip-content:before { right: 87px; margin-right: -0.25rem; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip { position: absolute; transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; padding: 0.5rem; bottom: 90%; opacity: 1; /*visibility: hidden;*/ z-index: 2; display: none; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip .tooltip-content { width: 240px; font-size: 10.5px; padding: 0.5rem; line-height: 12px; background-color: white; border: 1px solid #999999; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip .infos { text-align: left; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip .infos a { color: inherit; text-decoration: underline; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip .infos a.close { text-decoration: none; font-family: "ElegantIcons"; font-size: 1.5rem; font-weight: normal; color: #333; position: absolute; right: 0.6875rem; top: 0.625rem; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip .infos a.close:before { content: "Q"; } .fiche-produit-wrapper .facilite-paiement .facilites-tooltip .infos a.close:hover { color: #999; } @media all and (max-width: 450px) { .fiche-produit-wrapper .fiche-produit-wrapper .tooltip-term { width: 98%; right: 1%; left: 1%; } } .fiche-produit-wrapper .merch-communication-1-wrapper { margin: 0.625rem 0; } .fiche-produit-wrapper .merch-communication-1-wrapper p { margin-bottom: 0.5em; } .fiche-produit-wrapper .merch-communication-1-wrapper p:last-child { margin-bottom: 0; } .fiche-produit-wrapper .merch-communication-1-wrapper .-campaign-1 { color: var(--campaign-1-mainColor, #ff352f) !important; } .fiche-produit-wrapper .merch-communication-1-wrapper .-campaign-2 { color: var(--campaign-2-mainColor, #ff352f) !important; } .fiche-produit-wrapper .merch-communication-1-wrapper .-campaign-3 { color: var(--campaign-3-mainColor, #ff352f) !important; } .fiche-produit-wrapper .message-occasion { text-align: center; font-style: italic; font-weight: normal; color: #999; margin: 1rem 0; } .fiche-produit-wrapper .variant-help { display: block; color: #999999; text-align: center; text-decoration: underline; } .fiche-produit-wrapper .variant-help.-black { color: #333333; } @media only screen and (min-width:40.063em) and (max-width:64em) { .fiche-produit-wrapper .variant-help { margin-bottom: 0.625rem; } } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .variant-help { text-align: right; } } .fiche-produit-wrapper .variant-type-choice { color: #666666; display: block; text-align: center; } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .variant-type-choice { text-align: left; } } .fiche-produit-wrapper .variant-wrapper { margin-top: 0.3125rem; text-align: center; } .fiche-produit-wrapper .variant-wrapper:after { clear: both; display: block; content: ""; width: 100%; } .fiche-produit-wrapper .variant-wrapper .variant-choice { border: 1px solid #666; cursor: pointer; display: inline-block; font-weight: normal; margin: 0 0.3125rem 0.3125rem 0; position: relative; } .fiche-produit-wrapper .variant-wrapper .variant-choice.available.selected { background-color: #00a99d; } .fiche-produit-wrapper .variant-wrapper .variant-choice.delayed.selected { background-color: #f15a24; } .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock { color: #999999; border-color: #999999; } .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock.selected { background-color: #d21e24; } .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock.selected:before, .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock.selected:after { background-color: #fff; } .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock:before, .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock:after { position: absolute; content: ""; background: #999999; display: block; width: 2em; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0.75; } .fiche-produit-wrapper .variant-wrapper .variant-choice.out-of-stock:after { -ms-transform: rotate(45deg); transform: rotate(45deg); } .fiche-produit-wrapper .variant-wrapper .variant-choice:hover { outline: 1px solid #000; border-color: #000; } .fiche-produit-wrapper .variant-wrapper .variant-choice .value { display: block; font-size: 1rem; line-height: 1.125rem; margin: 0; padding: 0.75em; min-width: 3rem; } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .variant-wrapper .variant-choice .value { font-size: 0.875rem; line-height: 1rem; } } .fiche-produit-wrapper .variant-wrapper .variant-choice.selected .value { color: #fff; } .fiche-produit-wrapper .variant-wrapper .tooltip { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; } .fiche-produit-wrapper .stock-status { display: block; font-weight: bold; font-size: 0.8125rem; line-height: 0.9375rem; margin: 0.625rem 0 0 0; text-align: center; } .fiche-produit-wrapper .stock-status:before { font-family: "ElegantIcons"; display: inline-block; line-height: 1em; } .fiche-produit-wrapper .stock-status.available { color: #00a99d; } .fiche-produit-wrapper .stock-status.available:before { content: "N"; } .fiche-produit-wrapper .stock-status.delayed { color: #f15a24; } .fiche-produit-wrapper .stock-status.delayed:before { content: "}"; } .fiche-produit-wrapper .stock-status.out-of-stock { color: #d21e24; } .fiche-produit-wrapper .stock-status.out-of-stock:before { content: "M"; } .fiche-produit-wrapper .ajouter-panier { margin-top: 1.25rem; margin-bottom: 0.625rem; width: 100%; text-align: center; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; } @media only screen and (max-width: 40em) { .fiche-produit-wrapper #cac-wrapper { margin-top: 10px; } .fiche-produit-wrapper #cart-wrapper { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; background-color: #fff; padding: 10px; -webkit-backface-visibility: hidden; } .fiche-produit-wrapper #cart-wrapper:before { content: ""; display: block; position: absolute; width: 100%; height: 15px; background: transparent; background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0.35) 100%); top: -15px; left: 0; } .fiche-produit-wrapper #cart-wrapper .variante-dropdown { margin-bottom: 0; } .fiche-produit-wrapper #cart-wrapper #add-to-cart-button { margin-top: 0.625rem; } .fiche-produit-wrapper #cart-wrapper.not-fixed { position: relative; } } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #cart-wrapper .cart-buttons-wrapper { position: relative; } } .fiche-produit-wrapper #show-clickandcollect { display: block; margin-top: 0.625rem; margin-bottom: 0.5rem; width: 100%; border-bottom: 0; text-decoration: underline; color: #333333; font-size: 0.9rem; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #show-clickandcollect { margin-top: 0; } } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper #show-clickandcollect { margin-bottom: 0.625rem; margin-top: 0; } } .fiche-produit-wrapper .ereservation__header { margin-bottom: 1rem; } .fiche-produit-wrapper .ereservation__mainTitle { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif !important; font-stretch: condensed; } .fiche-produit-wrapper .ereservation .close-reveal-modal { position: inherit; font-size: 0.8125rem !important; line-height: 0.8125rem !important; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif !important; color: #FFFFFF; } .fiche-produit-wrapper .ereservation .close-reveal-modal:hover { color: #333; } .fiche-produit-wrapper .delivery-times-wrapper { padding-top: 1.25rem; padding-bottom: 0.5rem; } .fiche-produit-wrapper .delivery-times-wrapper .delivery-times { color: #333333; line-height: 1.5; } .fiche-produit-wrapper .delivery-times-wrapper .delivery-times .picto { width: 1rem; height: 1rem; margin-bottom: -0.75rem; display: inline-block; vertical-align: middle; -ms-transform: translateY(-50%); transform: translateY(-50%); } .fiche-produit-wrapper .delivery-times-wrapper .delivery-times .picto svg { width: 100%; height: auto; vertical-align: middle; } .fiche-produit-wrapper .delivery-times-wrapper .delivery-times .picto svg * { stroke: #333333 !important; } .fiche-produit-wrapper .delivery-times-wrapper .a-link { color: #333333; } .fiche-produit-wrapper .ajouter-bijoux-preferes, .fiche-produit-wrapper .ajouter-bijoux-soldes, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes, .fiche-produit-wrapper .ajouter-bijoux-preferes-price { background: url(/Images/category/sprite-favoris.png) left no-repeat; height: 21px; outline: none; padding: 0; text-indent: -999em; width: 22px; display: inline-block; margin-bottom: 0; position: absolute; right: 0; top: 0.25em; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; cursor: pointer; } .fiche-produit-wrapper .ajouter-bijoux-preferes:hover, .fiche-produit-wrapper .ajouter-bijoux-soldes:hover, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes:hover, .fiche-produit-wrapper .ajouter-bijoux-preferes-price:hover { background-position: -22px, 0; } .fiche-produit-wrapper .ajouter-bijoux-preferes.bijou-ajoute, .fiche-produit-wrapper .ajouter-bijoux-soldes.bijou-ajoute, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes.bijou-ajoute, .fiche-produit-wrapper .ajouter-bijoux-preferes-price.bijou-ajoute { background-position: -44px, 0; } .fiche-produit-wrapper .ajouter-bijoux-preferes.bijou-ajoute:hover, .fiche-produit-wrapper .ajouter-bijoux-soldes.bijou-ajoute:hover, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes.bijou-ajoute:hover, .fiche-produit-wrapper .ajouter-bijoux-preferes-price.bijou-ajoute:hover { background-position: -66px, 0; } .fiche-produit-wrapper .ajouter-bijoux-preferes-price, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes { left: 0; display: none; } .fiche-produit-wrapper .ajouter-bijoux-preferes-price, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes { left: 0; display: none; } .fiche-produit-wrapper .ajouter-bijoux-soldes, .fiche-produit-wrapper .ajouter-bijoux-preferes-price-soldes { background: url(/Images/category/sprite-soldes.png) left no-repeat; } .fiche-produit-wrapper .ajouter-bijoux-preferes2, .fiche-produit-wrapper .ajouter-bijoux-soldes2 { background: url(/Images/category/sprite-favoris-v2.png) left no-repeat; height: 34px; outline: none; padding: 0; text-indent: -999em; width: 36px; display: inline-block; margin-bottom: 0; position: absolute; left: 40px; top: 20px; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; cursor: pointer; } .fiche-produit-wrapper .ajouter-bijoux-preferes2:hover, .fiche-produit-wrapper .ajouter-bijoux-soldes2:hover { background-position: -36px, 0; } .fiche-produit-wrapper .ajouter-bijoux-preferes2.bijou-ajoute, .fiche-produit-wrapper .ajouter-bijoux-soldes2.bijou-ajoute { background-position: -72px, 0; } .fiche-produit-wrapper .ajouter-bijoux-preferes2.bijou-ajoute:hover, .fiche-produit-wrapper .ajouter-bijoux-soldes2.bijou-ajoute:hover { background-position: -108px, 0; } .fiche-produit-wrapper #add-to-whishlist { position: absolute; right: 1.25rem; top: 0.625rem; z-index: 99; text-align: right; width: 140px; } .fiche-produit-wrapper #add-to-whishlist .text-favoris { position: absolute; right: 30px; font-weight: bold; } .fiche-produit-wrapper #add-to-whishlist2 { display: block; line-height: 2.5rem; margin-left: 0; position: relative; z-index: 100; /*&.no-e-reservation { float:none; display:block; text-align:center; }*/ } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #add-to-whishlist2 { position: absolute; bottom: 1rem; right: 5px; } } .fiche-produit-wrapper #add-to-whishlist2 .ajouter-bijoux-preferes2 { display: inline-block; position: relative; top: auto; left: auto; vertical-align: middle; } .fiche-produit-wrapper #add-to-whishlist2 .text-favoris { display: inline-block; margin-left: 10px; text-align: left; vertical-align: middle; font-weight: normal; text-decoration: underline; cursor: pointer; font-size: 0.875rem; line-height: 1rem; } .fiche-produit-wrapper .gravure-wrapper { position: relative; } .fiche-produit-wrapper .gravure-wrapper input, .fiche-produit-wrapper .gravure-wrapper img { position: absolute; top: 0.25em; left: 0; } .fiche-produit-wrapper .gravure-wrapper label { margin-bottom: 1em; margin-left: 1.5em; } .fiche-produit-wrapper .gravure-wrapper .update-gravure-inline { text-decoration: underline; color: #4d4d4d; } .fiche-produit-wrapper .gravure-wrapper .disabled { color: #ccc; } .fiche-produit-wrapper .engraving-choice-price { font-size: 0.875rem; color: #ff352f; font-weight: bold; margin: 0.625rem 0 0 0; } .fiche-produit-wrapper .engraving-choice-price span.price { font-size: 0.875rem; } .fiche-produit-wrapper .personnalisation-form-wrapper { margin-bottom: 2.5rem; /* Formulaires spécifiques de gravure */ /* Cadre de naissance */ } .fiche-produit-wrapper .personnalisation-form-wrapper h3 { margin-top: 2.5rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .gravure-help-wrapper { border: 1px solid #b3b3b3; color: #808080; padding: 1.25rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .gravure-help-wrapper .title { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8125rem; margin-bottom: 0; line-height: 1.3em; text-align: center; } .fiche-produit-wrapper .personnalisation-form-wrapper .gravure-help-wrapper .content { font-size: 0.6875rem; margin-bottom: 0; text-align: center; } .fiche-produit-wrapper .personnalisation-form-wrapper .gravure-help-wrapper .content img { margin-bottom: 0.5em; } .fiche-produit-wrapper .personnalisation-form-wrapper .gravure-help-wrapper .phone { font-size: 1rem; font-weight: bold; margin-top: 1rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .select-wrapper select { color: #808080; font-size: 0.75rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; background: transparent; border-color: #808080; margin-bottom: 2em; position: relative; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .select-wrapper select:hover { cursor: pointer; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .select-wrapper:after { background: #808080; float: right; position: absolute; content: "C"; font-family: "ElegantIcons"; font-size: 0.875rem; right: 0; top: 0; padding: 0.65em 1.2em; width: 48px; color: #fff; max-height: 2.5rem; line-height: 1.25rem; pointer-events: none; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .picto-item label { margin-left: 0; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .picto-item img { border: 1px solid #fff; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .picto-item:hover label, .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .picto-item.current label { color: #00a99d; } .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .picto-item:hover img, .fiche-produit-wrapper .personnalisation-form-wrapper .select-picto-wrapper .picto-item.current img { border: 1px solid #00a99d; } .fiche-produit-wrapper .personnalisation-form-wrapper .no-picto-label { line-height: 2.3125rem; font-size: 0.875rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .no-picto-label .fs1 { font-size: 1.25rem; vertical-align: middle; } .fiche-produit-wrapper .personnalisation-form-wrapper .no-picto-label:hover { color: #00a99d; } .fiche-produit-wrapper .personnalisation-form-wrapper .checkbox-wrapper, .fiche-produit-wrapper .personnalisation-form-wrapper .radio-wrapper { margin-bottom: 0.5em; } .fiche-produit-wrapper .personnalisation-form-wrapper .checkbox-wrapper.inline, .fiche-produit-wrapper .personnalisation-form-wrapper .radio-wrapper.inline { display: inline-block; margin-right: 1.25rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .checkbox-wrapper label, .fiche-produit-wrapper .personnalisation-form-wrapper .radio-wrapper label { display: inline-block; } .fiche-produit-wrapper .personnalisation-form-wrapper .checkbox-wrapper input[type=radio].css-checkbox + span.fake-check, .fiche-produit-wrapper .personnalisation-form-wrapper .radio-wrapper input[type=radio].css-checkbox + span.fake-check { padding-left: 25px; height: 1rem; display: inline-block; line-height: 1rem; background-repeat: no-repeat; background-position: 0 0; font-size: 1rem; vertical-align: middle; cursor: pointer; width: 20px; } .fiche-produit-wrapper .personnalisation-form-wrapper .checkbox-wrapper input[type=radio].css-checkbox:checked + span.fake-check, .fiche-produit-wrapper .personnalisation-form-wrapper .radio-wrapper input[type=radio].css-checkbox:checked + span.fake-check { background-position: 0 -20px; } .fiche-produit-wrapper .personnalisation-form-wrapper .checkbox-wrapper span.fake-check, .fiche-produit-wrapper .personnalisation-form-wrapper .radio-wrapper span.fake-check { background-image: url(/Images/product/gravure/radio-sprite.png); -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .fiche-produit-wrapper .personnalisation-form-wrapper .button-1 { margin-top: 1.25rem; } @media all and (max-width: 40rem) { .fiche-produit-wrapper .personnalisation-form-wrapper .button-1 { width: 100%; } } @media all and (max-width: 40rem) { .fiche-produit-wrapper .personnalisation-form-wrapper .gravure-help-wrapper { margin-top: 0.625rem; } } .fiche-produit-wrapper .personnalisation-form-wrapper .custom-links.more-link { display: block; margin-bottom: 1.25rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .hour-label { font-family: Montserrat; font-weight: bold; line-height: 2rem; text-align: center; } .fiche-produit-wrapper .personnalisation-form-wrapper .tb-perso-preview { margin-bottom: 0.3125rem; } .fiche-produit-wrapper .personnalisation-form-wrapper .btn-perso-preview { width: 100px; } @media all and (max-width: 40rem) { .fiche-produit-wrapper .personnalisation-form-wrapper .btn-perso-preview { width: 100%; } } .fiche-produit-wrapper .liste-reseaux-sociaux { margin-left: 0; padding: 1rem 0 0; text-align: center; width: 100%; } @media only screen and (max-width: 40em) { .fiche-produit-wrapper .liste-reseaux-sociaux { margin-bottom: 0; } } .fiche-produit-wrapper .liste-reseaux-sociaux li { padding: 0.25rem; display: inline-block; } .fiche-produit-wrapper .liste-reseaux-sociaux li a:before { content: none; } .fiche-produit-wrapper .liste-reseaux-sociaux li a svg { width: 25px; height: 25px; } .fiche-produit-wrapper .liste-reseaux-sociaux li a svg * { color: #808080; transition: 0.25s ease-in-out all; } .fiche-produit-wrapper .liste-reseaux-sociaux li.twitter:hover svg * { transition: 0.25s ease-in-out all; fill: #0ba4fb; } .fiche-produit-wrapper .liste-reseaux-sociaux li.facebook:hover svg * { transition: 0.25s ease-in-out all; fill: #39579a; } .fiche-produit-wrapper .liste-reseaux-sociaux li.instagram:hover svg * { transition: 0.25s ease-in-out all; fill: #f24a6e; } .fiche-produit-wrapper .liste-reseaux-sociaux li.pinterest:hover svg * { transition: 0.25s ease-in-out all; fill: #b50411; } .fiche-produit-wrapper .liste-reseaux-sociaux li.google:hover svg * { transition: 0.25s ease-in-out all; fill: #df4432; } .fiche-produit-wrapper .liste-reseaux-sociaux li.youtube:hover svg * { transition: 0.25s ease-in-out all; fill: #ea2304; } .fiche-produit-wrapper #facilite-paiement ul:not(:last-of-type) { margin-bottom: 1rem; } .fiche-produit-wrapper #facilite-paiement ul > li:before { content: inherit; } .fiche-produit-wrapper #product-informations-wrapper { max-width: 450px; margin: auto; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #product-informations-wrapper { padding: 1rem 0; } } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper #product-informations-wrapper { padding: 3rem 0; } } .fiche-produit-wrapper #product-informations-wrapper .button_paypal, .fiche-produit-wrapper #product-informations-wrapper .button_paypal_grey { margin-top: 0; margin-bottom: 0.625rem; border-radius: 0; } .fiche-produit-wrapper #product-informations-wrapper .button_paypal span, .fiche-produit-wrapper #product-informations-wrapper .button_paypal_grey span { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif, Helvetica; font-stretch: condensed; text-align: center; font-size: 1.125rem; line-height: 1.125rem; } .fiche-produit-wrapper #red-price { border: 1px solid lightgray; width: 40%; left: 30%; color: #999; margin-top: -10px; } .fiche-produit-wrapper #red-price .columns { font-size: 0.8rem; } @media all and (max-width: 640px) { .fiche-produit-wrapper #red-price { left: 15%; min-width: 69%; } } .fiche-produit-wrapper .red-price { margin-bottom: 15px; } .fiche-produit-wrapper .red-price a { color: #666; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8rem; margin-bottom: 1rem; line-height: normal; display: inline-block; margin: auto; -ms-flex: initial; flex: initial; } .fiche-produit-wrapper .red-price span.red-circle { display: inline-block; width: 11px; height: 11px; background-color: red; border-radius: 50%; margin-right: 3px; } @media all and (max-width: 640px) { .fiche-produit-wrapper #product-informations-wrapper .button_paypal { margin-top: 0.625rem; } } .fiche-produit-wrapper .images-wrapper { padding: 0.5rem 0; text-align: center; height: 700px; /* On fixe une hateur pour le CLS */ } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .images-wrapper { padding: 1rem !important; } } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper .images-wrapper .m-productZoom { overflow: hidden; display: inline-block; } } @media all and (max-width: 1200px) { .fiche-produit-wrapper .images-wrapper { height: 59.35vw; } } @media all and (max-width: 1024px) { .fiche-produit-wrapper .images-wrapper { height: 73.2vw; } } @media all and (max-width: 641px) { .fiche-produit-wrapper .images-wrapper { height: calc(100vw + 25px); } } @media all and (max-width: 40rem) and (min-width: 35.8125rem) { .fiche-produit-wrapper .images-wrapper.-configurator { height: 46.4375rem; } } @media all and (max-width: 35.75rem) and (min-width: 31.25rem) { .fiche-produit-wrapper .images-wrapper.-configurator { height: 135vw; } } @media all and (max-width: 31.25rem) and (min-width: 28.125rem) { .fiche-produit-wrapper .images-wrapper.-configurator { height: 140vw; } } @media all and (max-width: 28.125rem) and (min-width: 25rem) { .fiche-produit-wrapper .images-wrapper.-configurator { height: 145vw; } } @media all and (max-width: 25rem) and (min-width: 21.875rem) { .fiche-produit-wrapper .images-wrapper.-configurator { height: 150vw; } } @media all and (max-width: 21.875rem) { .fiche-produit-wrapper .images-wrapper.-configurator { height: 155vw; } } .fiche-produit-wrapper .owl-nav div { position: absolute; top: 50%; } .fiche-produit-wrapper .owl-theme .owl-nav .owl-next, .fiche-produit-wrapper .owl-theme .owl-nav .owl-prev { cursor: pointer; background: none; padding: 0; background: transparent; } .fiche-produit-wrapper .owl-prev { left: 5px; } .fiche-produit-wrapper .owl-next { right: 5px; } .fiche-produit-wrapper .card { cursor: pointer; } .fiche-produit-wrapper #navigation { position: absolute; left: 0; bottom: 0; width: 100%; } .fiche-produit-wrapper #navigation .prev, .fiche-produit-wrapper #navigation .next { cursor: pointer; height: 64px; /* equals max image height */ white-space: nowrap; text-align: center; margin: 1em 0; } .fiche-produit-wrapper #navigation .prev .helper, .fiche-produit-wrapper #navigation .next .helper { display: inline-block; height: 100%; vertical-align: middle; } .fiche-produit-wrapper #navigation .prev img, .fiche-produit-wrapper #navigation .next img { vertical-align: middle; max-height: 40px; } .fiche-produit-wrapper #navigation .card-container { display: block; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; max-width: 100%; } .fiche-produit-wrapper #navigation .card { width: 64px; cursor: pointer; border: 1px solid black; outline: 1px solid transparent; margin-right: 5px; } .fiche-produit-wrapper #navigation .card:hover { outline: 1px solid black; } .fiche-produit-wrapper #navigation .card.card-selected { outline: 1px solid black; } .fiche-produit-wrapper .navigation { padding-top: 10px; padding-bottom: 10px; text-align: center; position: relative; -ms-transform: inherit; transform: inherit; background: inherit; } .fiche-produit-wrapper .navigation .prev { cursor: pointer; display: inline-block; margin-right: 5px; } .fiche-produit-wrapper .navigation .next { cursor: pointer; display: inline-block; } .fiche-produit-wrapper .navigation .card { cursor: pointer; display: inline-block; border: 1px solid black; margin-right: 5px; vertical-align: middle; } .fiche-produit-wrapper .navigation .card.card-360 { position: relative; width: 66px; } .fiche-produit-wrapper .navigation .card.card-360:after { content: ""; background: url(/images/fiche_produit/v2/360.png) right center no-repeat; background-size: cover; z-index: 3; width: 90%; height: 90%; display: block; position: absolute; top: 5%; } .fiche-produit-wrapper .navigation .card:hover { outline: 1px solid black; border-color: black; } .fiche-produit-wrapper .navigation-zoom { margin-top: 40px; margin-bottom: 15px; } .fiche-produit-wrapper #wrapper-dots { text-align: center; min-height: 20px; margin-top: 15px; } .fiche-produit-wrapper #wrapper-dots .owl-dot { width: 15px; display: inline-block; height: 15px; background: #cccccc; border-radius: 50%; margin-right: 10px; cursor: pointer; } .fiche-produit-wrapper #wrapper-dots .owl-dot .active { background: #999999 !important; } .fiche-produit-wrapper #wrapper-instructions { text-align: center; } .fiche-produit-wrapper .reveal-modal { padding-left: 0 !important; padding-right: 0 !important; min-height: 0 !important; } .fiche-produit-wrapper .tags-wrapper { position: absolute; left: 15px; top: 15px; z-index: 10; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 0.3125rem; -ms-flex-align: start; align-items: flex-start; } .fiche-produit-wrapper .tags-wrapper .tag { padding: 0.3125rem; text-transform: uppercase; } .fiche-produit-wrapper .tags-wrapper .tag:has(img) { background: none !important; } .fiche-produit-wrapper .tags-wrapper .tag img { height: 15px; } .fiche-produit-wrapper .zone-merch-wrapper .tags-wrapper { position: inherit; top: inherit; left: inherit; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.3125rem; } .fiche-produit-wrapper .zone-merch-wrapper .tags-wrapper .tag { padding: 0.15625rem; } .fiche-produit-wrapper .zone-merch-wrapper .tags-wrapper .tag span { font-size: 0.625rem; } .fiche-produit-wrapper .zone-merch-wrapper .tags-wrapper .tag img { height: 10px; } .fiche-produit-wrapper #slider-related-products, .fiche-produit-wrapper #slider-complementary-products, .fiche-produit-wrapper #slider-musthave-products, .fiche-produit-wrapper #slider-lastvisited-products { padding: 0 2.8em; position: relative; } .fiche-produit-wrapper #slider-related-products:not(.owl-carousel), .fiche-produit-wrapper #slider-complementary-products:not(.owl-carousel), .fiche-produit-wrapper #slider-musthave-products:not(.owl-carousel), .fiche-produit-wrapper #slider-lastvisited-products:not(.owl-carousel) { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 15px; } .fiche-produit-wrapper #slider-related-products:not(.owl-carousel) .item, .fiche-produit-wrapper #slider-complementary-products:not(.owl-carousel) .item, .fiche-produit-wrapper #slider-musthave-products:not(.owl-carousel) .item, .fiche-produit-wrapper #slider-lastvisited-products:not(.owl-carousel) .item { max-width: 33%; } .fiche-produit-wrapper #slider-complementary-products .item .desc { padding-top: 1.5rem; } .fiche-produit-wrapper #slider-related-products .item .desc, .fiche-produit-wrapper #slider-musthave-products .item .desc { padding-top: 2.5rem; } .fiche-produit-wrapper #slider-related-products { margin-bottom: 20px; } .fiche-produit-wrapper #slider-related-products .item, .fiche-produit-wrapper #slider-complementary-products .item, .fiche-produit-wrapper #slider-musthave-products .item, .fiche-produit-wrapper #slider-lastvisited-products .item { display: block; padding: 0 0.5em; min-height: 150px; position: relative; } .fiche-produit-wrapper #slider-related-products .item a, .fiche-produit-wrapper #slider-complementary-products .item a, .fiche-produit-wrapper #slider-musthave-products .item a, .fiche-produit-wrapper #slider-lastvisited-products .item a { z-index: 2; display: block; } .fiche-produit-wrapper #slider-related-products .item .desc, .fiche-produit-wrapper #slider-complementary-products .item .desc, .fiche-produit-wrapper #slider-musthave-products .item .desc, .fiche-produit-wrapper #slider-lastvisited-products .item .desc { padding-top: 2.5rem; position: relative; } .fiche-produit-wrapper #slider-related-products .item .operation, .fiche-produit-wrapper #slider-complementary-products .item .operation, .fiche-produit-wrapper #slider-musthave-products .item .operation, .fiche-produit-wrapper #slider-lastvisited-products .item .operation { font-size: 0.84375rem; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; top: 1rem; color: #333333; position: absolute; } .fiche-produit-wrapper #slider-related-products .item .operation.outlet, .fiche-produit-wrapper #slider-complementary-products .item .operation.outlet, .fiche-produit-wrapper #slider-musthave-products .item .operation.outlet, .fiche-produit-wrapper #slider-lastvisited-products .item .operation.outlet { color: #dc4198; } .fiche-produit-wrapper #slider-related-products .item .product-title, .fiche-produit-wrapper #slider-complementary-products .item .product-title, .fiche-produit-wrapper #slider-musthave-products .item .product-title, .fiche-produit-wrapper #slider-lastvisited-products .item .product-title { font-size: 0.75rem; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-weight: bold; color: #333; text-transform: uppercase; margin: 0; overflow: hidden; } .fiche-produit-wrapper #slider-related-products .item h3, .fiche-produit-wrapper #slider-complementary-products .item h3, .fiche-produit-wrapper #slider-musthave-products .item h3, .fiche-produit-wrapper #slider-lastvisited-products .item h3 { font-size: 0.75rem; text-transform: none; font-weight: normal; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; color: #333333; overflow: hidden; margin-top: 0; margin-bottom: 0.25rem; } .fiche-produit-wrapper #slider-related-products .item .product-price, .fiche-produit-wrapper #slider-complementary-products .item .product-price, .fiche-produit-wrapper #slider-musthave-products .item .product-price, .fiche-produit-wrapper #slider-lastvisited-products .item .product-price { font-size: 1rem; line-height: 1rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; color: #333; } .fiche-produit-wrapper #slider-related-products .item .product-price.prix-barre, .fiche-produit-wrapper #slider-complementary-products .item .product-price.prix-barre, .fiche-produit-wrapper #slider-musthave-products .item .product-price.prix-barre, .fiche-produit-wrapper #slider-lastvisited-products .item .product-price.prix-barre { color: #ff352f; } .fiche-produit-wrapper #slider-related-products .item .product-price.prix-barre .barre, .fiche-produit-wrapper #slider-complementary-products .item .product-price.prix-barre .barre, .fiche-produit-wrapper #slider-musthave-products .item .product-price.prix-barre .barre, .fiche-produit-wrapper #slider-lastvisited-products .item .product-price.prix-barre .barre { font-size: 0.875rem; line-height: 0.875rem; text-decoration: line-through; color: #333; } .fiche-produit-wrapper #slider-related-products .item .remise-produit, .fiche-produit-wrapper #slider-complementary-products .item .remise-produit, .fiche-produit-wrapper #slider-musthave-products .item .remise-produit, .fiche-produit-wrapper #slider-lastvisited-products .item .remise-produit { display: inline-block; color: #FFFFFF; line-height: 0.8125rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; background: #333; margin-top: 0.5rem; vertical-align: middle; color: #fff; font-size: 0.8125rem; padding: 0.3em; vertical-align: 0.5em; } .fiche-produit-wrapper #slider-related-products .item .remise-produit.remise-20, .fiche-produit-wrapper #slider-complementary-products .item .remise-produit.remise-20, .fiche-produit-wrapper #slider-musthave-products .item .remise-produit.remise-20, .fiche-produit-wrapper #slider-lastvisited-products .item .remise-produit.remise-20 { background-color: #aa2fb2; } .fiche-produit-wrapper #slider-related-products .item .remise-produit.remise-30, .fiche-produit-wrapper #slider-complementary-products .item .remise-produit.remise-30, .fiche-produit-wrapper #slider-musthave-products .item .remise-produit.remise-30, .fiche-produit-wrapper #slider-lastvisited-products .item .remise-produit.remise-30 { background-color: #1eb0e0; } .fiche-produit-wrapper #slider-related-products .item .remise-produit.remise-40, .fiche-produit-wrapper #slider-complementary-products .item .remise-produit.remise-40, .fiche-produit-wrapper #slider-musthave-products .item .remise-produit.remise-40, .fiche-produit-wrapper #slider-lastvisited-products .item .remise-produit.remise-40 { background-color: #8cc030; } .fiche-produit-wrapper #slider-related-products .item .remise-produit.remise-50, .fiche-produit-wrapper #slider-complementary-products .item .remise-produit.remise-50, .fiche-produit-wrapper #slider-musthave-products .item .remise-produit.remise-50, .fiche-produit-wrapper #slider-lastvisited-products .item .remise-produit.remise-50 { background-color: #ffc000; } .fiche-produit-wrapper #slider-related-products .item .remise-produit.remise-60, .fiche-produit-wrapper #slider-complementary-products .item .remise-produit.remise-60, .fiche-produit-wrapper #slider-musthave-products .item .remise-produit.remise-60, .fiche-produit-wrapper #slider-lastvisited-products .item .remise-produit.remise-60 { background-color: #e73064; } .fiche-produit-wrapper #slider-related-products .item:hover h2, .fiche-produit-wrapper #slider-complementary-products .item:hover h2, .fiche-produit-wrapper #slider-musthave-products .item:hover h2, .fiche-produit-wrapper #slider-lastvisited-products .item:hover h2 { text-decoration: underline; } .fiche-produit-wrapper #slider-related-products .hide-nav .owl-controls, .fiche-produit-wrapper #slider-complementary-products .hide-nav .owl-controls, .fiche-produit-wrapper #slider-musthave-products .hide-nav .owl-controls, .fiche-produit-wrapper #slider-lastvisited-products .hide-nav .owl-controls { display: none; } .fiche-produit-wrapper #slider-related-products .owl-buttons, .fiche-produit-wrapper #slider-complementary-products .owl-buttons, .fiche-produit-wrapper #slider-musthave-products .owl-buttons, .fiche-produit-wrapper #slider-lastvisited-products .owl-buttons { height: 100%; width: 100%; } .fiche-produit-wrapper #slider-related-products .owl-prev, .fiche-produit-wrapper #slider-related-products .owl-next, .fiche-produit-wrapper #slider-complementary-products .owl-prev, .fiche-produit-wrapper #slider-complementary-products .owl-next, .fiche-produit-wrapper #slider-musthave-products .owl-prev, .fiche-produit-wrapper #slider-musthave-products .owl-next, .fiche-produit-wrapper #slider-lastvisited-products .owl-prev, .fiche-produit-wrapper #slider-lastvisited-products .owl-next { background: none !important; display: block; height: auto; position: absolute; padding: 0 !important; top: 2.5rem; } .fiche-produit-wrapper #slider-related-products .owl-prev, .fiche-produit-wrapper #slider-complementary-products .owl-prev, .fiche-produit-wrapper #slider-musthave-products .owl-prev, .fiche-produit-wrapper #slider-lastvisited-products .owl-prev { left: -1em; } .fiche-produit-wrapper #slider-related-products .owl-prev:before, .fiche-produit-wrapper #slider-complementary-products .owl-prev:before, .fiche-produit-wrapper #slider-musthave-products .owl-prev:before, .fiche-produit-wrapper #slider-lastvisited-products .owl-prev:before { content: "4"; font-family: "ElegantIcons"; font-size: 2.8125rem; line-height: 1; color: #b3b3b3; position: relative; top: -0.15em; vertical-align: middle; } .fiche-produit-wrapper #slider-related-products .owl-next, .fiche-produit-wrapper #slider-complementary-products .owl-next, .fiche-produit-wrapper #slider-musthave-products .owl-next, .fiche-produit-wrapper #slider-lastvisited-products .owl-next { right: -1em; } .fiche-produit-wrapper #slider-related-products .owl-next:before, .fiche-produit-wrapper #slider-complementary-products .owl-next:before, .fiche-produit-wrapper #slider-musthave-products .owl-next:before, .fiche-produit-wrapper #slider-lastvisited-products .owl-next:before { content: "5"; font-family: "ElegantIcons"; font-size: 2.8125rem; line-height: 1; color: #b3b3b3; position: relative; vertical-align: middle; } .fiche-produit-wrapper .hide-nav .owl-nav { display: none; } .fiche-produit-wrapper .tabs .tab-title { background-color: #fff; } .fiche-produit-wrapper .tabs .tab-title:first-of-type { margin-left: 1rem; } .fiche-produit-wrapper .tabs .tab-title span { margin: 0; padding: 0; color: #999; font-size: 0.75rem; line-height: 0.875rem; font-weight: bold; text-transform: uppercase; } .fiche-produit-wrapper .tabs .tab-title a { display: block; background-color: #fff; padding: 0.5rem 1em; } .fiche-produit-wrapper .tabs .tab-title.active { background-color: #ddd; } .fiche-produit-wrapper .tabs .tab-title.active a { background-color: #ddd; color: #333; } .fiche-produit-wrapper .tabs-content { margin-bottom: 0; } .fiche-produit-wrapper .tabs-content h2, .fiche-produit-wrapper .tabs-content .title { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; margin: 0; } .fiche-produit-wrapper .tabs-content .title { font-weight: bold; text-transform: uppercase; } .fiche-produit-wrapper .tabs-content h3:nth-of-type(1) { margin-top: 0; } .fiche-produit-wrapper .tabs-content h4 { text-transform: inherit; } .fiche-produit-wrapper .tabs-content .content { padding: 0; } @media only screen and (max-width: 40em) { .fiche-produit-wrapper .tabs-content .content { display: block; } } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper .tabs-content { border: 4px solid #ddd; } } .fiche-produit-wrapper .tabs-content .panel-title { cursor: pointer; width: 100%; } .fiche-produit-wrapper .tabs-content .panel-title:after { font-family: ElegantIcons; content: "5"; font-size: 1.5rem; float: right; transition: all 0.5s; } .fiche-produit-wrapper .tabs-content .panel-title.-active:after { -ms-transform: rotate(90deg); transform: rotate(90deg); } .fiche-produit-wrapper .tabs-content .panel-dropdown { margin-top: 1rem; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #information-wrapper { padding: 1.25rem; } } .fiche-produit-wrapper #information-wrapper .description { color: #999999; } .fiche-produit-wrapper #information-wrapper .check-list { margin-bottom: 0; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #partner-wrapper { padding: 1.25rem; } } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #characteristics-wrapper { padding: 1.25rem 0.625rem; } .fiche-produit-wrapper #characteristics-wrapper .informations { float: left; width: 50%; padding-right: 0.625rem; padding-left: 0.625rem; } } .fiche-produit-wrapper #characteristics-wrapper #characteristics-text { padding-bottom: 0.5rem; } .fiche-produit-wrapper #characteristics-wrapper #characteristics-text p { float: none; width: 100%; margin-bottom: 0.5rem; } .fiche-produit-wrapper #characteristics-wrapper .informations { margin-bottom: 1.25rem; } .fiche-produit-wrapper #characteristics-wrapper .informations:last-of-type { margin-bottom: 0; } .fiche-produit-wrapper #characteristics-wrapper h3, .fiche-produit-wrapper #characteristics-wrapper .-title.-h3 { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 0.875rem; margin-top: 0; width: 100%; margin-bottom: 0.3125rem; } .fiche-produit-wrapper #characteristics-wrapper ul { margin: 0; list-style: none; } .fiche-produit-wrapper #characteristics-wrapper li { width: 100%; overflow: hidden; padding: 0; margin: 0; border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 1px; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 0.875rem; padding-bottom: 5px; padding-top: 5px; } .fiche-produit-wrapper #characteristics-wrapper h4, .fiche-produit-wrapper #characteristics-wrapper .-title.-h4 { float: left; width: 50%; /* adjust the width; make sure the total of both is 100% */ padding: 0; margin: 0; font-size: 0.75rem; line-height: 0.875rem; color: #999999; font-weight: normal; text-transform: none; } .fiche-produit-wrapper #characteristics-wrapper p { float: left; width: 50%; /* adjust the width; make sure the total of both is 100% */ padding: 0; margin: 0; color: #666666; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #brand-wrapper { padding: 1.25rem; } } .fiche-produit-wrapper #brand-wrapper h3 { margin-bottom: 1.25rem; } .fiche-produit-wrapper #brand-wrapper h4 { font-size: 0.75rem; line-height: 0.875rem; text-transform: inherit; } .fiche-produit-wrapper #brand-wrapper p { color: #666666; line-height: 1.3; } .fiche-produit-wrapper #brand-wrapper .brand-logo { margin-top: 1.25rem; } @media all and (max-width: 40rem) { .fiche-produit-wrapper #brand-wrapper .panel-dropdown { max-height: 100vh; overflow: auto; } } .fiche-produit-wrapper ul.related-pages { list-style-type: none; margin-left: 0; margin-top: 1rem; display: grid; grid-template-rows: repeat(5, auto); grid-auto-rows: 0px; overflow: hidden; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper ul.related-pages { padding: 0 1.325rem; grid-template-columns: repeat(3, 1fr); } } .fiche-produit-wrapper ul.related-pages.-active { grid-auto-rows: inherit; } .fiche-produit-wrapper ul.related-pages li { margin-top: 1em; margin-bottom: 1em; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper ul.related-pages li { margin-top: 0em; margin-bottom: 0.75em; } } .fiche-produit-wrapper ul.related-pages li a { /*color:#222; /* même couleur que le texte dans les onglets caractéristiques... pour harmoniser */ text-decoration: underline; } @media only screen and (max-width: 40em) { .fiche-produit-wrapper ul.related-pages li a { display: block; line-height: 1.5em; } } .fiche-produit-wrapper div.related-pages h2 { text-transform: uppercase; font-size: 0.875rem; line-height: 1rem; color: #333; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0.25rem; } .fiche-produit-wrapper div.related-pages a { font-size: 0.75rem; line-height: 0.875rem; text-decoration: underline; line-height: inherit !important; text-transform: capitalize; } .fiche-produit-wrapper div.related-pages .related-pages__wrapper { width: 100%; } .fiche-produit-wrapper div.related-pages .related-pages__wrapper .related-pages__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 1.325rem; margin: 1rem 0; } .fiche-produit-wrapper div.related-pages .related-pages__wrapper .related-pages__list .list__item { width: 33%; list-style: none; margin-bottom: 0.75em; } .fiche-produit-wrapper #wrapper-infos-vendeur { padding: 0.5rem; border: 2px solid #313d53; margin-bottom: 1rem; position: relative; } .fiche-produit-wrapper #wrapper-infos-vendeur .tooltip-term { margin-top: 0; width: 100%; left: 0; right: 0; position: absolute; top: 42px; } .fiche-produit-wrapper #wrapper-infos-vendeur .tooltip-term h3 { padding-right: 12px; text-transform: inherit; } .fiche-produit-wrapper #wrapper-infos-vendeur .mkp-infos { margin-top: 0.625rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; } .fiche-produit-wrapper #wrapper-infos-vendeur .mkp-infos .row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .fiche-produit-wrapper #wrapper-infos-vendeur .voir-tous { text-decoration: underline; } .fiche-produit-wrapper #wrapper-infos-vendeur p { margin: 0; } .fiche-produit-wrapper #wrapper-infos-vendeur p.nb-ventes-wrapper { font-size: 0.6875rem; line-height: 0.8125rem; } .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par { font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 0.25rem; } .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par a, .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par span { text-transform: uppercase; font-weight: bold; } .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par a:not(.-tangerine), .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par span:not(.-tangerine) { color: #313d53; } .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par a:hover, .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par span:hover { text-decoration: underline; } .fiche-produit-wrapper #wrapper-infos-vendeur p.vendu-par:before { content: ""; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 2px; background: url(/images/Category/click-and-collect-picto.png); } .fiche-produit-wrapper #wrapper-infos-vendeur .notes-wrapper { vertical-align: top; text-align: right; } .fiche-produit-wrapper #wrapper-infos-vendeur .notes-wrapper .stars-wrapper .star { color: #313d53; } .fiche-produit-wrapper #wrapper-infos-vendeur .notes-wrapper .stars-wrapper .star.full:before { content: "\e033"; } .fiche-produit-wrapper #wrapper-infos-vendeur .notes-wrapper .stars-wrapper .star.demi:before { content: "\e032"; } .fiche-produit-wrapper #wrapper-infos-vendeur .notes-wrapper .stars-wrapper .star:before { content: "\e031"; font-family: "ElegantIcons"; font-size: 0.875rem; line-height: 1rem; } .fiche-produit-wrapper .cross-sell-wrapper { margin-top: 1rem; } .fiche-produit-wrapper .cross-sell-wrapper .title h2 { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: 0.8rem; } .fiche-produit-wrapper .cross-sell-wrapper .cross-sell-item { color: #999999; font-size: 0.75rem; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; margin-bottom: 0.3125rem; } .fiche-produit-wrapper .cross-sell-wrapper .cross-sell-item img { border: 1px solid #999; display: inline-block; vertical-align: middle; } .fiche-produit-wrapper .cross-sell-wrapper .cross-sell-item a { color: #999999; text-decoration: underline; } .fiche-produit-wrapper .cross-sell-wrapper .cross-sell-item .description { margin-top: 0.5rem; } .fiche-produit-wrapper .cross-sell-wrapper .cross-sell-item .price { margin-top: 0.75rem; font-size: 0.875rem; font-family: "Montserrat-bold", Arial, Helvetica, sans-serif; display: inline-block; vertical-align: middle; color: #333; } .fiche-produit-wrapper .saisie-wrapper h3 { margin-top: 1.25rem; } .fiche-produit-wrapper .saisie-wrapper .tabs-content { margin-left: 0; padding: 1.25rem; text-align: center; } .fiche-produit-wrapper .saisie-wrapper .tabs-content .postfix { line-height: 2.25rem; } @keyframes loader { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } .fiche-produit-wrapper .click-init { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(255, 255, 255, 0.2); } .fiche-produit-wrapper .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.2); } .fiche-produit-wrapper .preloader .loader-css, .fiche-produit-wrapper .preloader .loader-css:after { border-radius: 50%; width: 6rem; height: 6rem; } .fiche-produit-wrapper .preloader .loader-css { position: absolute; top: 50%; left: 50%; margin-top: -3rem; margin-left: -3rem; font-size: 10px; z-index: 111; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.5); border-right: 1.1em solid rgba(255, 255, 255, 0.5); border-bottom: 1.1em solid rgba(255, 255, 255, 0.5); border-left: 1.1em solid #fff; animation: loader 1.1s infinite linear; } .fiche-produit-wrapper #module-360 { border: 1px solid #ddd; overflow: hidden; position: relative; } .fiche-produit-wrapper #module-360:hover .drag-content { opacity: 0; transition: all 0.25s ease-in-out; } .fiche-produit-wrapper #module-360 .image-content { width: 100%; position: relative; padding-top: 100%; cursor: url(/images/fiche_produit/v2/cursor.png) 32 4, move; transition: all 0.25s ease-in-out; } .fiche-produit-wrapper #module-360 .image-content img { position: absolute; top: 0; left: 0; width: 100%; } .fiche-produit-wrapper #module-360 .drag-content { width: 74px; height: 33px; position: absolute; bottom: 1rem; z-index: 20; right: 1rem; background: url(/images/fiche_produit/v2/cursor.png); transition: all 0.2s ease-in-out 0.75s; } .fiche-produit-wrapper .clickncollectV2 { margin-top: 0.5rem !important; } .fiche-produit-wrapper .clickncollectV2__header { padding-bottom: 0.4rem; border-bottom: 2px solid #333333; } .fiche-produit-wrapper .clickncollectV2__infos { padding-top: 0.8rem; padding-bottom: 1rem; } .fiche-produit-wrapper .clickncollectV2__infos > p { font-size: 0.9375rem; } .fiche-produit-wrapper .clickncollectV2__infos__clickncollect { margin: 0 0 0.5rem; } .fiche-produit-wrapper .clickncollectV2__infos__clickncollect .clickncollect-title { color: #ff352f; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper .a-label { font-size: 0.9375rem; padding-left: 0.25rem; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__row { margin: 0.2rem 0 0 0 !important; padding: 0; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__input .a-input { box-shadow: none !important; outline: none !important; margin-bottom: 0; width: calc(100% - 113px); } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__button { position: absolute; top: 0; right: 0; bottom: 0; max-height: 37px; width: 103px; background-color: transparent; margin: 0 auto; padding: 0.1rem; transition: 0.2s all ease-in-out; display: block; color: #333333; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__button:hover { color: #4d4d4d; background: #333; color: #fff; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__listing { position: relative; margin-top: 1rem; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__listing .a-label { padding-top: 1.5rem; } .fiche-produit-wrapper .clickncollectV2__postalcode .m-inputWrapper__listing .a-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='12px' y='0px' width='24px' height='3px' viewBox='0 0 6 3' enable-background='new 0 0 6 3' xml:space='preserve'%3E%3Cpolygon points='5.992,0 2.992,3 -0.008,0 '/%3E%3C/svg%3E"); } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .clickncollectV2__postalcode { margin-top: 1rem; } } .fiche-produit-wrapper .clickncollectV2__postalcode .product-list { margin-left: 0; } .fiche-produit-wrapper .clickncollectV2__postalcode .product-list .m-productInline li { list-style: none; } .fiche-produit-wrapper .clickncollectV2__postalcode .product-list .m-productInline::marker { content: none; } @media only screen and (min-width:40.063em) and (max-width:64em) { .fiche-produit-wrapper .clickncollectV2__postalcode .product-list .m-productInline__row { margin: 0 auto; } } .fiche-produit-wrapper .clickncollectV2 .o-tab { margin-top: 1rem; } .fiche-produit-wrapper .clickncollectV2 .o-tab__header { padding-top: 0.5rem; padding-bottom: 0.5rem; } .fiche-produit-wrapper .clickncollectV2__store { position: relative; } @media only screen and (max-width: 40em) { .fiche-produit-wrapper .clickncollectV2__store { margin-bottom: 2rem; } } .fiche-produit-wrapper .clickncollectV2__store:before { content: ""; border-bottom: 1px solid #ddd; position: absolute; left: 0; right: 0; z-index: 2; display: inline-block; } .fiche-produit-wrapper .clickncollectV2__store:last-child:after { content: ""; border-bottom: 1px solid #ddd; position: absolute; left: 0; right: 0; z-index: 2; display: inline-block; padding-bottom: 1rem; } .fiche-produit-wrapper .clickncollectV2__store .tabs-content { border: 0; padding-top: 1rem; margin-bottom: 1rem; } .fiche-produit-wrapper .clickncollectV2__store .a-delivery.-closingtime { color: #707070; font-weight: 500; } @media only screen and (min-width:40.063em) and (max-width:64em) { .fiche-produit-wrapper .clickncollectV2__store .m-card__content { margin-top: 0.625rem; } } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .clickncollectV2__store .m-card__cta.show-for-medium-up { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } } .fiche-produit-wrapper .clickncollectV2__store .m-card__delivery { margin-top: 0.625rem; } .fiche-produit-wrapper .clickncollectV2__store .m-card__delivery.short-time:before { font-family: "ElegantIcons"; content: "}"; font-size: 0.875rem; line-height: 0; vertical-align: middle; position: relative; top: -0.15em; margin-right: 0.5em; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper .clickncollectV2__store .m-card__delivery.short-time { font-size: 0.9rem; } } .fiche-produit-wrapper .clickncollectV2__store .m-card__delivery.long-time:before { font-family: "ElegantIcons"; content: "\e0e1"; font-size: 0.875rem; line-height: 0; vertical-align: middle; position: relative; top: -0.15em; margin-right: 0.5em; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper .clickncollectV2__store .m-card__delivery.long-time { font-size: 0.9rem; } } .fiche-produit-wrapper .clickncollectV2__store .m-card__button { display: block; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 40em), only screen and (min-width:40.063em) and (max-width:64em) { .fiche-produit-wrapper .clickncollectV2__store .m-card__button { margin-top: 1rem; } } @media only screen and (min-width:40.063em) and (max-width:64em) { .fiche-produit-wrapper .clickncollectV2__store .m-card__button { width: auto; } } .fiche-produit-wrapper .clickncollectV2__store .m-card__button.-secondary:focus { background-color: #ff352f; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown .withdrawal-horaires-wrapper-toggle { border: 0; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown .withdrawal-horaires-wrapper-toggle:before { font-family: "ElegantIcons"; content: "\e01d"; font-size: 0.875rem; line-height: 0; vertical-align: middle; position: relative; top: -0.15em; margin-right: 0.25em; text-decoration: none; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown .withdrawal-horaires-wrapper-toggle:after { font-family: "ElegantIcons"; content: "3"; font-size: 0.875rem; line-height: 0; vertical-align: middle; position: relative; top: -0.15em; margin-right: 0.5em; text-decoration: none; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown .withdrawal-horaires-wrapper-toggle .list-horaires-title { text-decoration: underline; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown.-active { margin-bottom: 2rem; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown.-active .withdrawal-horaires-wrapper-toggle:after { content: "2"; } .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown .a-schedule { margin-bottom: 1rem; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper .clickncollectV2__store #list-horaires-wrapper.m-dropdown .a-schedule.a-horaires { font-size: 0.9rem; line-height: 1.2rem; display: table-cell; vertical-align: middle; height: 400px; } } .fiche-produit-wrapper .clickncollectV2__footer { padding-top: 2rem; } .fiche-produit-wrapper .clickncollectV2__footer .a-button { position: relative; top: 0; right: 0; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-stretch: condensed; font-size: 0.8125rem; line-height: 0.9375rem; margin-bottom: 0.25rem; margin-top: 1rem; display: block; width: 10rem; margin: 0.3rem auto; color: #FFFFFF; background: #4d4d4d; border-color: #4d4d4d; } .fiche-produit-wrapper .clickncollectV2__footer .a-button:hover { color: #4d4d4d; background: transparent; } @media only screen and (max-width: 40em) { .fiche-produit-wrapper .clickncollectV2__footer .a-button { width: 100%; } } .fiche-produit-wrapper .clickncollectV2 #show-clickandcollect { display: block; margin-top: 0.625rem !important; margin-bottom: 0.5rem; width: 100%; border-bottom: 0; text-decoration: underline; color: #333333; font-size: 0.9rem; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper .clickncollectV2 #show-clickandcollect { margin-top: 0; } } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper .clickncollectV2 #show-clickandcollect { margin-bottom: 0.625rem; margin-top: 0; } } .fiche-produit-wrapper #show-clickandcollectV2 { display: block; margin-top: 0.625rem; width: 100%; } .fiche-produit-wrapper #show-clickandcollectV2.button-5 { cursor: pointer; margin-top: 0px; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; color: #fff; transition: background-color 300ms ease-out; } .fiche-produit-wrapper #show-clickandcollectV2.button-5:hover { color: #000; } @media only screen and (min-width:40.063em) { .fiche-produit-wrapper #show-clickandcollectV2 { margin-top: 0; } } @media only screen and (min-width:64.0625em) { .fiche-produit-wrapper #show-clickandcollectV2 { margin-top: 0; } } .fiche-produit-wrapper .available-infos { font-size: 0.59375rem; color: #999999; margin-top: 0.3rem; margin-bottom: 0.625rem; } .fiche-produit-wrapper .Etape-H3 { margin-bottom: 1rem; color: #000; font-size: 0.938rem; line-height: 1.0625rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: initial; } @media (max-width: 640px) { .fiche-produit-wrapper .Etape-H3 { font-size: 0.813rem; } } .fiche-produit-wrapper .renting-steps { padding: 15px 0px; padding-bottom: 0; } .fiche-produit-wrapper .renting-steps h3 { color: #383838; font-size: 0.938rem; line-height: 1.0625rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; } @media (max-width: 640px) { .fiche-produit-wrapper .renting-steps h3 { font-size: 0.813rem; } } .fiche-produit-wrapper .renting-steps .row { display: grid; grid-template-columns: repeat(5, 213px); -ms-flex-pack: space-evenly; justify-content: space-evenly; gap: 2rem; justify-items: center; } .fiche-produit-wrapper .renting-steps .row:before, .fiche-produit-wrapper .renting-steps .row:after { display: none; } @media screen and (max-width: 1350px) and (min-width: 901px) { .fiche-produit-wrapper .renting-steps .row { grid-template-columns: repeat(6, 125px); } .fiche-produit-wrapper .renting-steps .row .wrapper:first-of-type { grid-column: 1/3; } .fiche-produit-wrapper .renting-steps .row .wrapper:nth-of-type(2) { grid-column: 3/5; } .fiche-produit-wrapper .renting-steps .row .wrapper:nth-of-type(3) { grid-column: 5/7; } .fiche-produit-wrapper .renting-steps .row .wrapper:nth-of-type(4) { grid-column: 1/4; } .fiche-produit-wrapper .renting-steps .row .wrapper:last-of-type { grid-column: 4/7; } } @media screen and (max-width: 900px) and (min-width: 601px) { .fiche-produit-wrapper .renting-steps .row { grid-template-columns: repeat(2, 250px); } .fiche-produit-wrapper .renting-steps .row .wrapper:last-of-type { grid-column: 1/3; } } @media screen and (max-width: 600px) { .fiche-produit-wrapper .renting-steps .row { grid-template-columns: repeat(1, 250px); } } .fiche-produit-wrapper .renting-steps .row .wrapper { max-width: 250px; } .fiche-produit-wrapper .renting-steps .row .wrapper__image { display: -ms-flexbox; display: flex; text-align: center; -ms-flex-direction: column; flex-direction: column; } .fiche-produit-wrapper .renting-steps .row .wrapper__image h3 { margin-top: 0.5rem; } .fiche-produit-wrapper .renting-steps .row .wrapper__description { margin-top: 1rem; } .fiche-produit-wrapper .renting-steps .row .wrapper__description p { text-align: center; } #zoom-modal-wrapper.reveal-modal { padding-top: 40px; /* Pour que le contenu de la modale ne passe pas par dessus la croix de fermeture de la popin */ position: fixed; top: 0 !important; left: 0; height: 100%; width: 100%; margin: 0; } #zoom-modal-wrapper.reveal-modal .close-reveal-modal { z-index: 100; } #zoom-modal-wrapper.reveal-modal .content { cursor: zoom-in; height: 100%; width: 100%; overflow: auto; text-align: center; vertical-align: middle; position: relative; } #zoom-modal-wrapper.reveal-modal .content img { max-width: none; } #zoom-modal-wrapper.reveal-modal .content .fiche-produit-wrapper { height: 100%; width: 100%; position: absolute; } a.full-screen-zoom { cursor: zoom-in !important; } #owl-product-slider-zoom-navigation { padding: 0 40px; max-width: 450px; position: absolute; left: 50%; bottom: 2rem; z-index: 4; -ms-transform: translateX(-50%); transform: translateX(-50%); } #owl-product-slider-zoom-navigation .owl-stage { margin: 0 auto; } #owl-product-slider-zoom-navigation .card-container { display: block; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #owl-product-slider-zoom-navigation .card { padding: 0.25rem; } #owl-product-slider-zoom-navigation .card img { border: 1px solid #666; } #owl-product-slider-zoom-navigation .owl-nav div { position: absolute; top: 35%; } #owl-product-slider-zoom-navigation .owl-prev { left: 0; } #owl-product-slider-zoom-navigation .owl-next { right: 0; } #owl-product-slider-zoom.owl-carousel .owl-item img { margin: 0 auto; width: auto; max-width: 100%; -ms-transform: none; transform: none; } #owl-product-slider-zoom .owl-stage-outer { height: 100%; } #owl-product-slider-zoom .owl-stage { height: 100%; } #owl-product-slider-zoom .owl-item { height: 100%; } #owl-product-slider-zoom .owl-item .item { height: 100%; padding: 2rem 0.5rem; } @media (orientation: landscape) { #owl-product-slider-zoom .owl-item .item { padding: 0.5rem; } } @media only screen and (min-width:40.063em) { #owl-product-slider-zoom .owl-item .item { padding: 2rem 1rem; } } @media only screen and (min-width:40.063em) and (orientation: landscape) { #owl-product-slider-zoom .owl-item .item { padding: 1rem 1rem; } } #owl-product-slider-zoom .owl-item .item .m-productZoom { overflow: hidden; max-height: 100%; height: auto; width: auto; max-width: 100%; position: relative; display: inline-block; } @media (orientation: landscape) { #owl-product-slider-zoom .owl-item .item .m-productZoom { height: 100%; } #owl-product-slider-zoom .owl-item .item .m-productZoom img { height: 100%; width: auto; } } /*@import"../../foundation/functions"; @import"../../master.settings"; @import "../../foundation/components/global";*/ /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ /*$body-bg: #f2f2f2 !default;*/ meta.foundation-version { font-family: "/5.3.0/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { box-sizing: border-box; } html, body { font-size: 100%; } body { background: #ffffff; color: #222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: normal; margin-bottom: 1.25rem; position: relative; padding: 0.875rem 1.5rem 0.875rem 0.875rem; font-size: 0.8125rem; transition: opacity 300ms ease-out; background-color: #333; border-color: #2c2c2c; color: #fff; } .alert-box .close { font-size: 1.375rem; padding: 9px 6px 4px; line-height: 0; position: absolute; top: 50%; margin-top: -0.6875rem; right: 0.25rem; color: #333; opacity: 0.3; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { border-radius: 3px; } .alert-box.round { border-radius: 1000px; } .alert-box.success { background-color: #00a99d; border-color: #009187; color: #fff; } .alert-box.alert { background-color: #d21e24; border-color: #b51a1f; color: #fff; } .alert-box.secondary { background-color: #e7e7e7; border-color: #c7c7c7; color: #4f4f4f; } .alert-box.warning { background-color: #F15A24; border-color: #e0460e; color: #fff; } .alert-box.info { background-color: #ff585f; border-color: #ff2831; color: #fff; } .alert-box.alert-close { opacity: 0; } /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ .primary-button, .retrait-bijouterie-wrapper .valider-reserver-button { font-size: 0.75rem; background-color: #4d4d4d; padding: 0.5rem 1.5625rem; margin-top: 1.5em; display: inline-block; color: #fff; margin: 0.9em 0; text-align: center; text-transform: uppercase; font-family: "Montserrat", Arial, Helvetica, sans-serif; transition: background-color 300ms ease-out; } .primary-button:hover, .retrait-bijouterie-wrapper .valider-reserver-button:hover, .primary-button:focus, .retrait-bijouterie-wrapper .valider-reserver-button:focus { background-color: #333; color: #fff; } .primary-button:before, .retrait-bijouterie-wrapper .valider-reserver-button:before { font-family: "ElegantIcons"; content: "5"; font-size: 0.875rem; line-height: 0; vertical-align: middle; position: relative; top: -0.15em; } /*@import "../../foundation/functions";*/ /*.select { position: relative; overflow: hidden; select { color: #808080; font-size: rem-calc(12); font-family: 'Montserrat', Arial, Helvetica, sans-serif; background: #fff; border-color: #808080; position: relative; &:hover { cursor: pointer; } } &:after { background: #808080; position: absolute; float: right; content: '\000043'; font-family: 'ElegantIcons'; font-size: 0.875rem; right: 0; top: 0; padding: .82em 1.2em; width: 48px; color: #fff; pointer-events: none; // pour pouvoir cliquer " à travers " l'element after, et donc sur le select } &.small { max-width: rem-calc(300); } }*/ .reveal-modal > .close-reveal-modal { padding: 0.5rem; line-height: 0; text-align: center; } @media only screen and (max-width: 40em) { .reveal-modal > .close-reveal-modal { position: fixed; top: 0; right: 0; background: rgba(255, 255, 255, 0.5); } } .reveal-modal > .close-reveal-modal img { vertical-align: bottom; } .retrait-bijouterie-wrapper { width: 100%; min-height: 0; max-width: 60rem; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0 !important; counter-reset: titleCounter; } @media only screen and (max-width: 40em) { .retrait-bijouterie-wrapper { position: fixed !important; height: 100%; overflow: auto; padding: 1em 0.5em; top: 0 !important; } } .retrait-bijouterie-wrapper .title { counter-increment: titleCounter; font-size: 0.875rem; color: #808080; text-transform: uppercase; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; background: #f2f2f2; width: 100%; padding: 0.5em 3em; position: relative; margin-bottom: 0.5rem; margin-top: 1rem; } .retrait-bijouterie-wrapper .title:before { content: counter(titleCounter); background: #333; font-stretch: condensed; color: #fff; height: 100%; position: absolute; top: 0; left: 0; padding: 0.5em 0.9em; width: 1.875rem; } .retrait-bijouterie-wrapper #clickncollect-booking-form { margin-bottom: -1rem; } .retrait-bijouterie-wrapper .description-produit { background: #f2f2f2; padding: 2em; } @media only screen and (max-width: 40em) { .retrait-bijouterie-wrapper .description-produit { text-align: center; } } .retrait-bijouterie-wrapper .description-produit .product-info-wrapper { display: inline-block; vertical-align: middle; } @media only screen and (max-width: 40em) { .retrait-bijouterie-wrapper .description-produit .product-info-wrapper { width: 100%; } } .retrait-bijouterie-wrapper .description-produit .product-info { padding: 1rem 0; } @media only screen and (max-width: 40em) { .retrait-bijouterie-wrapper .description-produit .product-info { width: 100%; position: relative; margin-bottom: 1rem; } .retrait-bijouterie-wrapper .description-produit .product-info:before { content: ""; width: 120px; border-bottom: 1px solid #b3b3b3; position: absolute; bottom: 0; left: 50%; margin-left: -60px; } } @media only screen and (min-width:40.063em) { .retrait-bijouterie-wrapper .description-produit .product-info { border-right: 1px solid #b3b3b3; padding: 0 1.5rem 0 0; } } .retrait-bijouterie-wrapper .description-produit .product-info, .retrait-bijouterie-wrapper .description-produit .horaires { display: inline-block; vertical-align: middle; } @media only screen and (min-width:40.063em) { .retrait-bijouterie-wrapper .description-produit .product-info, .retrait-bijouterie-wrapper .description-produit .horaires { margin-right: 1.5em; } } .retrait-bijouterie-wrapper .description-produit .horaires { font-size: 0.75rem; color: #808080; line-height: 1.5em; } .retrait-bijouterie-wrapper .description-produit img { display: inline-block; vertical-align: middle; width: 150px; } @media only screen and (min-width:40.063em) { .retrait-bijouterie-wrapper .description-produit img { margin-right: 1.5em; } } .retrait-bijouterie-wrapper .description-produit .product-title, .retrait-bijouterie-wrapper .description-produit .product-price { color: #666; margin-bottom: 0.3em; } .retrait-bijouterie-wrapper .description-produit .product-state { font-size: 0.75rem; color: #808080; margin: 1rem 0 0 0; } .retrait-bijouterie-wrapper .description-produit .product-state .disponible { color: #00A99D; } .retrait-bijouterie-wrapper .description-produit .product-state .indisponible { color: #E00034; } .retrait-bijouterie-wrapper .description-produit .coordonnees { list-style-type: none; margin: 1em 0; } .retrait-bijouterie-wrapper .description-produit .coordonnees .ville { font-size: 0.75rem; line-height: 0.875rem; margin-top: 0.25em; } .retrait-bijouterie-wrapper .description-produit .coordonnees .ville a { font-weight: bold; } .retrait-bijouterie-wrapper .changeCaptcha { display: inline-block; padding: 0.25rem; cursor: pointer; } .retrait-bijouterie-wrapper .reservez-maintenant { font-size: 0.875rem; line-height: 1rem; text-align: center; margin: 1em; } .retrait-bijouterie-wrapper .reservez-maintenant .dispoAjd { color: #FF352F; font-size: 18px; } .retrait-bijouterie-wrapper .reservez-maintenant .nonDispoAjd { color: #00A99D; } .retrait-bijouterie-wrapper .reservez-maintenant.-warning span { color: #F15A24; } .retrait-bijouterie-wrapper .reservez-maintenant.-error span { color: #E00034; } .retrait-bijouterie-wrapper .formulaire-retrait { margin-top: 1em; } .retrait-bijouterie-wrapper .valider-reserver-button { font-size: 0.75rem; background-color: #ff585f; padding: 0.5rem 1.5625rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; } .retrait-bijouterie-wrapper .valider-reserver-button:hover { background-color: #cc4852; } .retrait-bijouterie-wrapper .valider-reserver-button:before { content: ""; } .retrait-bijouterie-wrapper .mentions { padding: 1rem 0.5rem 0.5rem; } .retrait-bijouterie-wrapper .mentions p { font-size: 0.75rem; line-height: 0.875rem; } .retrait-bijouterie-wrapper .choix-bijouterie { position: relative; max-width: 18.75rem; margin: 2em 0; } .retrait-bijouterie-wrapper .choix-bijouterie select { color: #808080; font-size: 0.75rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; background: transparent; border-color: #808080; margin-bottom: 0.2em; z-index: 1; position: relative; } .retrait-bijouterie-wrapper .choix-bijouterie select:hover { cursor: pointer; } .retrait-bijouterie-wrapper .choix-bijouterie:after { background: #808080; position: absolute; float: right; content: "C"; font-family: "ElegantIcons"; font-size: 0.875rem; right: 0; top: 0; padding: 0.82em 1.2em; width: 48px; color: #fff; } .retrait-bijouterie-wrapper .confirmation-message-wrapper { color: #00a99d; line-height: 1.3em; font-size: 0.875rem; margin: 2rem 0; } .retrait-bijouterie-wrapper .alert-message { color: #4d4d4d; font-size: 0.75rem; font-size: 0.75rem; } .retrait-bijouterie-wrapper .alert-message.success:before { color: #00a99d; content: "\e052"; font-family: "ElegantIcons"; font-size: 1.25em; margin-right: 0.2em; } .retrait-bijouterie-wrapper .alert-message.warning:before { color: #F15A24; content: "\e061"; font-family: "ElegantIcons"; font-size: 1.25em; margin-right: 0.2em; } /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ /*$body-bg: #f2f2f2 !default;*/ /*@import "../../MainLayout/components/_primary-button.scss";*/ /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ /* EXEMPLE : @include keyframes(name) { 0% { value: 1; } 100% { value: 0; } } */ #erreur-globale { padding: 0; min-height: 0; max-width: 60rem; left: 0; right: 0; margin: auto; } #erreur-globale .padding { padding: 0 1.25rem 0 1.25rem; } #erreur-globale .error-wrapper { margin: 2.5rem 0 0 0; } #erreur-globale .bg { background: url(/Images/bg-form-livraison.png) repeat-x top left; padding: 0.625rem 1.25rem 0 1.25rem; } #erreur-globale .error-title { color: #d21e24; font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif; font-size: 0.75rem; text-transform: uppercase; line-height: 1.25rem; margin: 0.3125rem 0 1.25rem 0; } #erreur-globale .error-icon { margin-bottom: 1.25rem; font-family: "ElegantIcons"; color: #808080; text-align: center; font-size: 1.5rem; line-height: 1.5rem; vertical-align: middle; } #erreur-globale .error-text { font-size: 1rem; /* border-bottom: 1px solid #b3b3b3;*/ text-align: center; padding-bottom: 0.625rem; margin-bottom: 1.5rem; font-family: "Montserrat", Arial, Helvetica, sans-serif; color: #d21e24; } #erreur-globale .button { position: relative; top: auto; right: auto; display: block; margin: 0 auto 1.25rem auto; background: #4d4d4d; color: #fff; font-family: "Montserrat", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.6875rem; width: 30%; } #erreur-globale .button:hover { background: #333; } @media only screen and (max-width: 40em) { #erreur-globale .padding { padding: 0 0.625rem 0 0.625rem; } #erreur-globale .bg { padding: 0.625rem 0.625rem 0 0.625rem; } #erreur-globale .error-title { margin: 0.3125rem 0 0.625rem 0; } } dialog .close-reveal-modal, .reveal-modal .close-reveal-modal { font-family: "ElegantIcons"; font-size: 1.5em; font-weight: normal; } /*****************************/ /** Click&Collect V2 Modal **/ /****************************/ .validation-clickandcollectV2 { display: block; margin-top: 0.625rem; width: 100%; } @media only screen and (min-width:40.063em) { .validation-clickandcollectV2 { margin-top: 0; } } @media only screen and (min-width:64.0625em) { .validation-clickandcollectV2 { margin-top: 0; } } .click-and-collectV2-validation-wrapper .clickncollectV2Modal__header { margin-bottom: 1rem; } .click-and-collectV2-validation-wrapper .clickncollectV2Modal__mainTitle { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif !important; font-stretch: condensed; color: #ff352f; text-transform: none; } .click-and-collectV2-validation-wrapper .clickncollectV2Modal__content__infos { margin-bottom: 1rem; } .click-and-collectV2-validation-wrapper .clickncollectV2Modal__content .a-button { display: block; margin: 0.75rem auto; } .click-and-collectV2-validation-wrapper .clickncollectV2Modal__footer .close-reveal-modal { position: inherit !important; font-size: 0.8125rem !important; line-height: 0.8125rem !important; font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif !important; color: #333; text-decoration: underline; } .click-and-collectV2-validation-wrapper .clickncollectV2Modal__footer .close-reveal-modal:hover { color: #333; } #baguier-wrapper h1 { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-weight: bold; font-size: 1.875rem; } #baguier-wrapper h2, #baguier-wrapper h2 > a, #baguier-wrapper .-title-h2 { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-weight: bold; text-transform: uppercase; font-size: 1.5625rem; } #baguier-wrapper h3, #baguier-wrapper h3 > a, #baguier-wrapper .-title-h3 { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-weight: bold; font-size: 1.375rem; } #baguier-wrapper h3.-small, #baguier-wrapper h3 > a.-small, #baguier-wrapper .-title-h3.-small { font-size: 0.875rem; } #baguier-wrapper p, #baguier-wrapper a, #baguier-wrapper span, #baguier-wrapper ul, #baguier-wrapper li, #baguier-wrapper button { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-size: 0.875rem; } #baguier-wrapper p.title-link, #baguier-wrapper a.title-link, #baguier-wrapper span.title-link, #baguier-wrapper ul.title-link, #baguier-wrapper li.title-link, #baguier-wrapper button.title-link { text-decoration: underline; text-transform: initial; } #baguier-wrapper p.title-link:after, #baguier-wrapper a.title-link:after, #baguier-wrapper span.title-link:after, #baguier-wrapper ul.title-link:after, #baguier-wrapper li.title-link:after, #baguier-wrapper button.title-link:after { font-family: "ElegantIcons"; content: "5"; } #baguier-wrapper p.info, #baguier-wrapper a.info, #baguier-wrapper span.info, #baguier-wrapper ul.info, #baguier-wrapper li.info, #baguier-wrapper button.info { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-size: 0.75rem; color: #999; } #baguier-wrapper p.info a, #baguier-wrapper p.info p, #baguier-wrapper p.info span, #baguier-wrapper a.info a, #baguier-wrapper a.info p, #baguier-wrapper a.info span, #baguier-wrapper span.info a, #baguier-wrapper span.info p, #baguier-wrapper span.info span, #baguier-wrapper ul.info a, #baguier-wrapper ul.info p, #baguier-wrapper ul.info span, #baguier-wrapper li.info a, #baguier-wrapper li.info p, #baguier-wrapper li.info span, #baguier-wrapper button.info a, #baguier-wrapper button.info p, #baguier-wrapper button.info span { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-size: 0.75rem; color: #999; } #baguier-wrapper p.-small, #baguier-wrapper p.-small *, #baguier-wrapper a.-small, #baguier-wrapper a.-small *, #baguier-wrapper span.-small, #baguier-wrapper span.-small *, #baguier-wrapper ul.-small, #baguier-wrapper ul.-small *, #baguier-wrapper li.-small, #baguier-wrapper li.-small *, #baguier-wrapper button.-small, #baguier-wrapper button.-small * { font-size: 0.75rem; } #baguier-wrapper .button p, #baguier-wrapper .button span, #baguier-wrapper .button a, #baguier-wrapper .button i, #baguier-wrapper .button b { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; font-size: 0.875rem; font-size: 1rem; } #baguier-wrapper p.-marketplace, #baguier-wrapper span.-marketplace, #baguier-wrapper a.-marketplace, #baguier-wrapper label.-marketplace, #baguier-wrapper strong.-marketplace, #baguier-wrapper b.-marketplace, #baguier-wrapper i.-marketplace, #baguier-wrapper ul.-marketplace, #baguier-wrapper li.-marketplace, #baguier-wrapper h1.-marketplace, #baguier-wrapper h2.-marketplace, #baguier-wrapper h3.-marketplace { color: #314289; } #baguier-wrapper p.-marketplace > *, #baguier-wrapper span.-marketplace > *, #baguier-wrapper a.-marketplace > *, #baguier-wrapper label.-marketplace > *, #baguier-wrapper strong.-marketplace > *, #baguier-wrapper b.-marketplace > *, #baguier-wrapper i.-marketplace > *, #baguier-wrapper ul.-marketplace > *, #baguier-wrapper li.-marketplace > *, #baguier-wrapper h1.-marketplace > *, #baguier-wrapper h2.-marketplace > *, #baguier-wrapper h3.-marketplace > * { color: inherit; } #baguier-wrapper p.-tangerine, #baguier-wrapper span.-tangerine, #baguier-wrapper a.-tangerine, #baguier-wrapper label.-tangerine, #baguier-wrapper strong.-tangerine, #baguier-wrapper b.-tangerine, #baguier-wrapper i.-tangerine, #baguier-wrapper ul.-tangerine, #baguier-wrapper li.-tangerine, #baguier-wrapper h1.-tangerine, #baguier-wrapper h2.-tangerine, #baguier-wrapper h3.-tangerine { color: #ff352f !important; } #baguier-wrapper p.-tangerine > *, #baguier-wrapper span.-tangerine > *, #baguier-wrapper a.-tangerine > *, #baguier-wrapper label.-tangerine > *, #baguier-wrapper strong.-tangerine > *, #baguier-wrapper b.-tangerine > *, #baguier-wrapper i.-tangerine > *, #baguier-wrapper ul.-tangerine > *, #baguier-wrapper li.-tangerine > *, #baguier-wrapper h1.-tangerine > *, #baguier-wrapper h2.-tangerine > *, #baguier-wrapper h3.-tangerine > * { color: inherit; } #baguier-wrapper p.-turcoise, #baguier-wrapper span.-turcoise, #baguier-wrapper a.-turcoise, #baguier-wrapper label.-turcoise, #baguier-wrapper strong.-turcoise, #baguier-wrapper b.-turcoise, #baguier-wrapper i.-turcoise, #baguier-wrapper ul.-turcoise, #baguier-wrapper li.-turcoise, #baguier-wrapper h1.-turcoise, #baguier-wrapper h2.-turcoise, #baguier-wrapper h3.-turcoise { color: #00a99d; } #baguier-wrapper p.-turcoise > *, #baguier-wrapper span.-turcoise > *, #baguier-wrapper a.-turcoise > *, #baguier-wrapper label.-turcoise > *, #baguier-wrapper strong.-turcoise > *, #baguier-wrapper b.-turcoise > *, #baguier-wrapper i.-turcoise > *, #baguier-wrapper ul.-turcoise > *, #baguier-wrapper li.-turcoise > *, #baguier-wrapper h1.-turcoise > *, #baguier-wrapper h2.-turcoise > *, #baguier-wrapper h3.-turcoise > * { color: inherit; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc), #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc) { line-height: 1 !important; height: 2.8125rem; padding-top: 0; padding-bottom: 0; padding-left: 1.875rem !important; padding-right: 1.875rem !important; transition: all 0.5s !important; margin: 0 !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-small, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-small { height: 2rem; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull { background: #ff352f; border: solid 1px #ff352f; color: white; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull * { color: white; transition: all 0.5s; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover { background: transparent; color: #ff352f; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-red.-bgfull:hover * { color: #ff352f; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent { color: #333; border: solid 1px #333; background: transparent; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent * { transition: color 0.5s; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover { background: #333; color: white; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgtransparent:hover * { color: white; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull { background: #333; color: white; border: solid 1px #333; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull * { color: white; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover { background: transparent; color: #333; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-black.-bgfull:hover * { color: #333; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent { color: #222d65; border: #222d65; background: transparent; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent:hover, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-yellow.-bgtransparent:hover { background: #222d65; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull { background: white; border: solid 1px transparent; color: #333; border: solid 1px transparent; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull * { color: #333; transition: all 0.5s; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover { background: transparent; color: white; border-color: white; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgfull:hover * { color: white; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent { color: white; border: solid 1px white; background: transparent; transition: all 0.5s; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent * { color: white; transition: all 0.5s; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover { background: white; color: #333; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover *, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-white.-bgtransparent:hover * { color: #333; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-fw, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-fw { width: 100%; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-big, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-big { height: 2.75rem; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-center, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-center { margin: auto !important; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal { top: inherit; right: inherit; position: inherit; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).tc-privacy-button, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).tc-privacy-button { margin: 0 0.625rem !important; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-round, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-round { border-radius: 50%; padding: 0 !important; height: 2.5rem; width: 2.5rem; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-rounded, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-rounded { border-radius: 999px; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).close-reveal-modal { font-size: 0.875rem; } #baguier-wrapper button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-icon, #baguier-wrapper .button:not(.-link, .close-hellobars, .owl-next, .owl-prev, .gm-ui-hover-effect, .gm-control-active, .gm-svpc).-icon { padding: 0 1rem !important; } #baguier-wrapper button.-link, #baguier-wrapper .button.-link { background: none; padding: 0; margin: 0; transition: opacity 0.2s; } #baguier-wrapper button.-link.-underline, #baguier-wrapper .button.-link.-underline { text-decoration: underline; } #baguier-wrapper button.-link.-center, #baguier-wrapper .button.-link.-center { margin: auto !important; display: block; } #baguier-wrapper button.-link:hover, #baguier-wrapper .button.-link:hover { color: inherit; opacity: 0.7; } #baguier-wrapper button.-bold, #baguier-wrapper .button.-bold { font-weight: bold; } #baguier-wrapper button.close-modal-text, #baguier-wrapper .button.close-modal-text { font-family: Roboto, Arial, Arial, Helvetica, sans-serif; line-height: normal; color: #333; } #baguier-wrapper button.-disabled, #baguier-wrapper .button.-disabled { opacity: 0.5; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } #baguier-wrapper .scrollToTop .fs1 { -ms-transform: translateY(2px); transform: translateY(2px); } #baguier-wrapper .scrollToTop .fs1:before { font-family: "ElegantIcons"; content: "2"; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 2rem; color: #cecece; } .modal-baguier .modal-baguier__wrapper { text-align: center; } .modal-baguier .modal-baguier__wrapper h2 { margin-bottom: 1.25rem; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__choice { margin-top: 1.25rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 0.625rem; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__return:not(.button) { position: absolute; top: 0.5rem; left: 0.6875rem; height: 20px; width: 20px; -ms-transform: rotate(180deg); transform: rotate(180deg); } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__instructions { margin-bottom: 1.25rem; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__actions { margin: 1.25rem 0; display: -ms-flexbox; display: flex; gap: 0.625rem; -ms-flex-pack: center; justify-content: center; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__actions .button { -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__bankcard-image { height: 350px; overflow: hidden; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__bankcard-image .bankcard { max-width: inherit; max-height: 100%; min-height: 200px; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__end { margin-top: 1.25rem; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__result { margin-bottom: 1.25rem; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__ring-image { margin: 1.25rem 0; height: 165px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__ring-image .ring { max-height: 100%; min-height: 70px; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__coin-image { margin: 1.25rem 0; height: 150px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: start; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__coin-image .coin-image__line { width: 100%; height: 1px; border: dashed 1px #333; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__coin-image .coin { max-width: 150px; min-width: 100px; width: 130px; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__coin-image .coin:before, .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__coin-image .coin:after { content: ""; position: absolute; border: solid 1px red; top: 0; left: 0; height: 50px; width: 50px; background: red; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__tutorial p { text-align: left; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__tutorial .tutorial__item { display: -ms-flexbox; display: flex; gap: 1.25rem; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.25rem; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__tutorial .tutorial__item > * { -ms-flex: 1; flex: 1; } .modal-baguier .modal-baguier__wrapper .modal-baguier__content .content__tutorial .tutorial__item > * img { width: 80%; } #baguier-wrapper { max-height: 100vh; overflow: auto; position: fixed; top: 0 !important; } #baguier-wrapper .close-reveal-modal:not(.button) { position: absolute; } .borderRadius{-moz-border-radius:0; border-radius:0; } .borderRadiusTp{-moz-border-radius:0 0 0 0; border-radius:0 0 0 0;} .borderRadiusBtm{-moz-border-radius:0 0 0 0 ; border-radius:0 0 0 0;} .ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;margin: 0 0 1rem 0;} .ddcommon ul{padding:0;margin:0;} .ddcommon ul li{list-style-type:none;} .borderRadiusTp ul li:last-child{-moz-border-radius:0 0 0 0; border-radius:0 0 0 0;border-bottom:0 none #c3c3c3; } .borderRadiusBtm ul li:first-child{-moz-border-radius:0 0 0 0; border-radius:0 0 0 0;border-bottom:0 solid #c3c3c3; } .ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{ opacity: .5; /* standard: ff gt 1.5, opera, safari */ -ms-filter:"alpha(opacity=50)"; /* ie 8 */ filter:alpha(opacity=50); /* ie lt 7 */ -khtml-opacity:.5; /* safari 1.x */ -moz-opacity:.5; /* ff lt 1.5, netscape */ color:#999999; } .ddcommon .clear{clear:both} .ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:0 0 0 0 #888888;box-shadow: 0 0 0 0 #888888;} .ddcommon input.text{color:rgba(0, 0, 0, 0.75);padding:0.5rem; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;} .ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .borderRadius .shadow{-moz-box-shadow:0 #888888;-webkit-box-shadow:0 #888888;box-shadow: 0 #888888;} .borderRadiusBtm .shadow{-moz-box-shadow:0 #888888;-webkit-box-shadow:0 #888888;box-shadow: 0 #888888} .borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0; border-radius:0;} .borderRadiusBtm .border{-moz-border-radius:0; border-radius:0;} img.fnone{float:none !important} .ddcommon .divider{width:0; height:100%; position:absolute;} .ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;} .ddcommon .ddArrow:hover{/*background-position:0 100%;*/} .ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%; font-size:0.875rem} .ddcommon .ddTitle .ddTitleText{display:block;} .ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;} .ddcommon .ddTitle .description{display:block;} .ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left; width:50px;height:50px; display:none;} .ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999} .ddcommon .ddChild li{clear:both;} .ddcommon .ddChild li .description{display:block;} .ddcommon .ddChild li img{border:1px solid #999; position:relative;vertical-align:middle;float:left;width:50px; height:50px} .ddcommon .ddChild li.optgroup{padding:0;} .ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .ddcommon .noBorderTop{border-top:none 0 !important; padding:0; margin:0;} /*************** default theme **********************/ .dd{border:1px solid #999;} .dd .divider{border-left:0px solid #c3c3c3; border-right:0 solid #fff; right:24px;} .dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) no-repeat 100% center;} .dd .ddArrow:hover{/*background-position:0 100%;*/} .dd .ddTitle{color:rgba(0, 0, 0, 0.75);background:#fafafa;} .dd .ddTitle .ddTitleText{padding:.5rem;} .dd .ddTitle .ddTitleText .ddTitleText{padding:0;} .dd .ddTitle .description{font-size:12px; color:#666} .dd .ddTitle .ddTitleText img{padding-right:5px;} .dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;} .dd .ddChild li{padding:5px; background-color:#fff; border-bottom:0px solid #c3c3c3;} .dd .ddChild li .description{color:#666;} .dd .ddChild li .ddlabel{color:rgba(0, 0, 0, 0.75);font-size:0.875rem; margin-left:0.875rem} .dd .ddChild li.hover{background-color:#f2f2f2} .dd .ddChild li img{padding:0 ; width:50px; height:50px} .dd .ddChild li.optgroup{padding:0;} .dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .dd .ddChild li.selected{background-color:#d5d5d5; color:#000;} /*************** default theme **********************/ .dd2{border:1px solid #999;} .dd2 .divider{border-left:0px solid #c3c3c3; border-right:0 solid #fff; right:24px;} .dd2 .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) no-repeat 100% center;} .dd2 .ddArrow:hover{/*background-position:0 100%;*/} .dd2 .ddTitle{color:rgba(0, 0, 0, 0.75);background:#fafafa;} .dd2 .ddTitle .ddTitleText{padding:.5rem;} .dd2 .ddTitle .ddTitleText .ddTitleText{padding:0;} .dd2 .ddTitle .description{font-size:12px; color:#666} .dd2 .ddTitle .ddTitleText img{padding-right:5px;} .dd2 .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;} .dd2 .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;} .dd2 .ddChild li .description{color:#666;} .dd2 .ddChild li .ddlabel{color:rgba(0, 0, 0, 0.75);font-size:0.875rem; margin-left:0.875rem} .dd2 .ddChild li.hover{background-color:#f2f2f2} .dd2 .ddChild li img{padding:0 ; width:50px; height:50px} .dd2 .ddChild li.optgroup{padding:0;} .dd2 .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .dd2 .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .dd2 .ddChild li.selected{background-color:#d5d5d5; color:#000;} /*$modules: () !default; @mixin exports($name) { @if (index($modules, $name) == false) { $modules: append($modules, $name); @content; } }*/ /* EXEMPLE : @include keyframes(name) { 0% { value: 1; } 100% { value: 0; } } */ /* EXEMPLE : @include keyframes(name) { 0% { value: 1; } 100% { value: 0; } } */ .engraving-preview-wrapper { overflow: hidden; } .engraving-preview-wrapper .font-wrapper { margin-top: 0.3125rem; text-align: center; } .engraving-preview-wrapper .font-wrapper:after { clear: both; display: block; content: ""; width: 100%; } .engraving-preview-wrapper .font-wrapper .font-choice { border: 1px solid #666; cursor: pointer; display: inline-block; font-weight: normal; margin: 0 0.3125rem 0.3125rem 0; position: relative; } .engraving-preview-wrapper .font-wrapper .font-choice.available.selected { background-color: #00a99d; } .engraving-preview-wrapper .font-wrapper .font-choice:hover { outline: 1px solid #000; border-color: #000; } .engraving-preview-wrapper .font-wrapper .font-choice .value { display: block; font-size: 1rem; line-height: 1.125rem; margin: 0; padding: 0.75em; min-width: 3rem; } @media only screen and (min-width:64.0625em) { .engraving-preview-wrapper .font-wrapper .font-choice .value { font-size: 0.875rem; line-height: 1rem; } } .engraving-preview-wrapper .font-wrapper .font-choice.selected .value { color: #fff; } .engraving-preview-wrapper ul { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 0.875rem; } .engraving-preview-wrapper .tabs .tab-title { background-color: #fff; } .engraving-preview-wrapper .tabs .tab-title:first-of-type { margin-left: 1rem; } .engraving-preview-wrapper .tabs .tab-title h2 { margin: 0; padding: 0; color: #222; font-size: 0.75rem; line-height: 0.875rem; font-weight: bold; text-transform: uppercase; } .engraving-preview-wrapper .tabs .tab-title a { display: block; background-color: #fff; padding: 0.5rem 1em; } .engraving-preview-wrapper .tabs .tab-title.active { background-color: #ddd; } .engraving-preview-wrapper .tabs .tab-title.active a { background-color: #ff352f; color: #333; } .engraving-preview-wrapper .tabs .tab-title.active h2 { color: #fff; } .engraving-preview-wrapper .tabs-content h2 { font-family: "Roboto", "Asap", Arial, Helvetica, sans-serif; font-size: 0.8125rem; line-height: 0.9375rem; } .engraving-preview-wrapper .tabs-content h3:nth-of-type(1) { margin-top: 0; } .engraving-preview-wrapper .tabs-content h4 { text-transform: inherit; } .engraving-preview-wrapper .tabs-content .content { padding: 0; } @media only screen and (max-width: 40em) { .engraving-preview-wrapper .tabs-content .content { display: block; } } @media only screen and (min-width:40.063em) { .engraving-preview-wrapper .tabs-content { border-top: 2px solid #ff352f; } } .engraving-preview-button-wrapper { overflow: hidden; text-align: center; } .engraving-preview-button-wrapper .button-1 { background-color: #ff352f; border: 0px solid #ff352f; color: #fff; display: inline-block; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.875rem; line-height: 1rem; margin-bottom: 0; padding: 1em; text-transform: uppercase; } .engraving-preview-button-wrapper .button-1:hover { background-color: #ff6762; } .engraving-preview-button-wrapper .button-1.disabled { background-color: #333; cursor: not-allowed; } .engraving-preview-button-wrapper .button-1.disabled:hover { background-color: #4d4d4d; } .engraving-preview-button-wrapper .button-1 .picto { width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; } .engraving-preview-button-wrapper .button-1 .picto svg { width: 100%; height: 100%; vertical-align: middle; } .engraving-preview-button-wrapper .button-1 .picto svg * { stroke: white; } @font-face { font-family: 'f01'; src: url(/content/fonts/Personnalisation/01.ttf) format('truetype') } @font-face { font-family: 'f02'; src: url(/content/fonts/Personnalisation/02.ttf) format('truetype') } @font-face { font-family: 'f03'; src: url(/content/fonts/Personnalisation/03.ttf) format('truetype') } @font-face { font-family: 'f04'; src: url(/content/fonts/Personnalisation/04.ttf) format('truetype') } @font-face { font-family: 'f05'; src: url(/content/fonts/Personnalisation/05.ttf) format('truetype') } @font-face { font-family: 'f06'; src: url(/content/fonts/Personnalisation/06.ttf) format('truetype') } @font-face { font-family: 'f13'; src: url(/content/fonts/Personnalisation/13.ttf) format('truetype') } @font-face { font-family: 'f16'; src: url(/content/fonts/Personnalisation/16.ttf) format('truetype') } @font-face { font-family: 'f20'; src: url(/content/fonts/Personnalisation/20.ttf) format('truetype') } @font-face { font-family: 'f21'; src: url(/content/fonts/Personnalisation/21.ttf) format('truetype') } @font-face { font-family: 'f22'; src: url(/content/fonts/Personnalisation/22.ttf) format('truetype') } @font-face { font-family: 'f23'; src: url(/content/fonts/Personnalisation/23.ttf) format('truetype') } @font-face { font-family: 'f24'; src: url(/content/fonts/Personnalisation/24.ttf) format('truetype') } @font-face { font-family: 'f28'; src: url(/content/fonts/Personnalisation/28.ttf) format('truetype') } @font-face { font-family: 'f29'; src: url(/content/fonts/Personnalisation/29.ttf) format('truetype') } @font-face { font-family: 'f30'; src: url(/content/fonts/Personnalisation/30.ttf) format('truetype') } @font-face { font-family: 'f38'; src: url(/content/fonts/Calibri.ttf) format('truetype') } @font-face { font-family: 'f40'; src: url(/content/fonts/Personnalisation/40.ttf) format('truetype') } @font-face { font-family: 'f42'; src: url(/content/fonts/Personnalisation/42.ttf) format('truetype') } @font-face { font-family: 'f43'; src: url(/content/fonts/Personnalisation/43.ttf) format('truetype') } @font-face { font-family: 'f53'; src: url(/content/fonts/Personnalisation/53.ttf) format('truetype') } @font-face { font-family: 'f56'; src: url(/content/fonts/Personnalisation/56.ttf) format('truetype') } @font-face { font-family: 'f57'; src: url(/content/fonts/Personnalisation/57.ttf) format('truetype'),url(/content/fonts/Personnalisation/57.woff) format('woff') } @font-face { font-family: 'f58'; src: url(/content/fonts/Personnalisation/58.ttf) format('truetype') } @font-face { font-family: 'f59'; src: url(/content/fonts/Personnalisation/59.ttf) format('truetype') } @font-face { font-family: 'f61'; src: url(/content/fonts/Personnalisation/61.ttf) format('truetype'),url(/content/fonts/Personnalisation/61.woff) format('woff') } @font-face { font-family: 'f62'; src: url(/content/fonts/Personnalisation/62.ttf) format('truetype') } @font-face { font-family: 'f63'; src: url(/content/fonts/Personnalisation/63.ttf) format('truetype'),url(/content/fonts/Personnalisation/63.woff) format('woff') } @font-face { font-family: 'f65'; src: url(/content/fonts/Personnalisation/65.ttf) format('truetype') } @font-face { font-family: 'f67'; src: url(/content/fonts/Personnalisation/67.ttf) format('truetype') } @font-face { font-family: 'f68'; src: url(/content/fonts/Personnalisation/68.ttf) format('truetype') }