/* FONT ---- */ @font-face { font-family: bzc-glyphes; src: url(/v2/assets/font/glyphes/bazarchic-glyphes.woff?57304983) format("woff"), url(/v2/assets/font/glyphes/bazarchic-glyphes.ttf?57304983) format("truetype"), url(/v2/assets/font/glyphes/bazarchic-glyphes.svg?57304983#bazarchic-glyphes) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "os-regular"; src: url("/v2/assets/font/OpenSans-regular.woff") format("woff"), url("/v2/assets/font/OpenSans-regular.ttf") format("truetype"), url("/v2/assets/font/OpenSans-regular.svg#OpenSans-regular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "os-bold"; src: url("/v2/assets/font/OpenSans-bold.woff") format("woff"), url("/v2/assets/font/OpenSans-bold.ttf") format("truetype"), url("/v2/assets/font/OpenSans-bold.svg#OpenSans-bold") format("svg"); font-weight: normal; font-style: normal; } /* @font-face { font-family: "Montserrat"; src: url(/v2/assets/font/Montserrat/Montserrat-Regular.ttf) format("truetype"); font-weight: normal; font-style: normal; } */ @font-face { font-family: "Montserrat"; src: url(/v2/assets/font/inter/Inter-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } /* @font-face { font-family: "MontserratSemiBold"; src: url(/v2/assets/font/Montserrat/Montserrat-SemiBold.ttf) format("truetype"); font-weight: normal; font-style: normal; } */ @font-face { font-family: "MontserratSemiBold"; src: url(/v2/assets/font/inter/Inter-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; } /* @font-face { font-family: "MontserratMedium"; src: url(/v2/assets/font/Montserrat/Montserrat-Medium.ttf) format("truetype"); font-weight: normal; font-style: normal; } */ @font-face { font-family: "MontserratMedium"; src: url(/v2/assets/font/inter/Inter-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "MontserratBold"; src: url(/v2/assets/font/Montserrat/Montserrat-Bold.ttf) format("truetype"); font-weight: normal; font-style: normal; } /* ---- FONT */ /* RESET ----- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /*vertical-align: baseline;*/ /* problème d'affichage panier: vertical align table */ } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /* ----- RESET */ /* BZC generic ----- */ html.special,body{ font-family: "os-regular", "Open sans", "Arial", sans-serif; font-size: 12px; width: 100%; height: 100%; } @-moz-document url-prefix() { .menuBottom__link{ letter-spacing: 0.6px; } } .title .register { font-family: 'Montserrat' !important; } #main{position: relative; margin-bottom: 20px;} fieldset{border: none;} strong, .strong, .bold{ font-family: "os-bold", "Open Sans", "Arial", sans-serif; } a, a:hover, a:focus{outline:none !important;text-decoration: none;} img{border: none; max-width: 100%;} input{height: auto;border-radius: 0;} input[type="text"]::-webkit-contacts-auto-fill-button, input[type="email"]::-webkit-contacts-auto-fill-button, input[type="password"]::-webkit-contacts-auto-fill-button { visibility: hidden; display: none; pointer-events: none; position: absolute; right: 0; } ::-ms-clear { display: none; } label{cursor: pointer;} label.disabled{cursor: not-allowed;} input.common{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;} input.common[type=submit]{cursor: pointer; font-family: 'os-bold', 'Open Sans', Arial, sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff;text-align: center;border: none;} input.common[type=submit]:hover{background: #000 !important;} input.common[type=text],input.common[type=password],input.common[type=email],textarea.common{background: #ececec;color: #000;border: 1px solid #999;padding: 8px 13px;height:auto !important;line-height: normal !important;} textarea.common{height: auto !important;font-family: "os-regular","Open Sans",Arial,sans-serif;font-size: 12px;} input.common[type=text]:hover,input.common[type=password]:hover,textarea.common:hover{background: white;} input.common[type=text]:focus,input.common[type=password]:focus,textarea.common:focus{background: white;color: #000;} input[type=text].colorer.common,input[type=password].colorer.common,input[type=email].colorer.common{background: #fff;color: #000;} .center{margin: 0 auto;} .fieldError{border: 1px solid #f00 !important;} .right{float: right;} .left{float: left;} .txtLeft{text-align: left;} .txtCenter{text-align: center;} .txtRight{text-align: right;} .ovh{overflow: hidden;} .clear{clear: both;} br.clear{font-size: 0;} .transAll{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;} .overlay{background: rgba(0,0,0,.40);position: fixed;z-index: 99999;top: 0;left: 0;} html.tablette .overlay{position: relative;} .overlay .content{position: relative;} .bdt{border-top: 1px solid #ccc;} .bdr{border-right: 1px solid #ccc;} .bdb{border-bottom: 1px solid #ccc;} .bdl{border-left: 1px solid #ccc;} .bd{border: 1px solid #ccc;} .js .overlay{display: none;} .ie8 .overlay{background: transparent url(/images/bg-overlay.png) 0 0;} .error{color: #f00;background: white;padding: 5px;border: 1px solid #f00;white-space:nowrap;display: inline-block;} .verifForm .error{ position: absolute;right: 350px;top: 5px;} .verifForm .error:after{position: absolute;right: -8px;top: 50%;margin-top: -9px;content:"";background: url(/images/infobulle-error.png) -8px 50% no-repeat;display: block;width: 8px;height: 17px;} .fieldError{border: 1px solid #f00 !important;} .check{background-image: url(/images/spr-check.png);background-repeat: no-repeat; position: relative;} .check.good{background-position: 0 0;} .check.bad{background-position: 0 -100px;} .input.check{background-image: none;} .bzchide{ display: none; } /* ----- BZC generic old */ /* ----- BZC generic */ .l-flex-vh-center { flex-direction: column; justify-content: center; } .l-flex-vhalign-center { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; } /* Landing Desktop ----- */ .landingDesktop .resultFacebookConnect{display:none;} .landingDesktop h1{position: absolute;top: 40px;left: 50%;margin-left: -189px;z-index: 100;} .landingDesktop h1 img{width: 378px;} .js .landingDesktop #main{position: relative;z-index: 1000;} .landingDesktop form .asterisk:after{content:"*";color: #09c;} .js .landingDesktop .posCarousel{position: fixed;top: 0;left: 0;z-index: 500;} .js .landingDesktop .jcarousel{ position: relative; overflow: hidden; } .landingDesktop .jcarousel ul{ position: absolute; list-style: none; margin: 0; padding: 0; } .no-js .landingDesktop .jcarousel ul{position: static;} .landingDesktop .jcarousel li { float: left;position: relative !important; } .no-js .landingDesktop .jcarousel{margin-top: 125px;width: 965px;margin: 125px auto 0;} .no-js .landingDesktop .jcarousel li{width: 33%;} .no-js .landingDesktop .jcarousel li img{width: 100% !important;height: auto;} .landingDesktop .jcarousel li a:first-child{display: block;} .landingDesktop .jcarousel li a:first-child img{display: block;width: 965px;} .landingDesktop .jcarousel li img{width: 965px;height: 1136px;} .landingDesktop .jcarousel li img.hidden{visibility: hidden;} .landingDesktop .jcarousel li .shadow{display: block;position: absolute;top: 0;left: 0;z-index: 500;background: black;} .landingDesktop .jcarousel li .inscription{ position: absolute;top: -10000px;left: 50%;background: #09c;color: #fff;font-size: 16px;font-weight:700;text-transform: uppercase;border: 2px solid #fff;z-index: 600;padding: 20px 50px;text-decoration: none;margin: -30px 0 0 -105px;} .landingDesktop .jcarousel li .inscription:hover{background: #000;} .landingDesktop .jcarousel li .txt{ display: none !important;position: absolute;top: 35%;left: 0;z-index: 600;font-size: 36px;font-family:'os-bold','Open Sans','Arial',sans-serif;-moz-osx-font-smoothing: grayscale;color: #fff;text-align: center;width: 965px; text-shadow: 2px 2px 2px #000; } .no-js .landingDesktop .jcarousel li .txt{display: none;} .no-js .landingDesktop .jcarousel li .inscription{display: none;} .landingDesktop .jcarousel li video{position: absolute;top: 0;left: 0;width: 965px;height: 1136px;z-index: 0;display: none;} .landingDesktop .jcarousel li video.visible{z-index: 500;display: block;} .no-js .landingDesktop .navJcarousel{display: none;} .landingDesktop .navJcarousel li{ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAJYCAYAAADCE67dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNjQ3OENDREZFNTlFNDExQjkxQkY4ODg3NThFOERDMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCM0NGRUEzMzVCODIxMUU0QUI3QkFFNUU0MUM2M0ZDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCM0NGRUEzMjVCODIxMUU0QUI3QkFFNUU0MUM2M0ZDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjQ3OENDREZFNTlFNDExQjkxQkY4ODg3NThFOERDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjQ3OENDREZFNTlFNDExQjkxQkY4ODg3NThFOERDMyIvPiA8L3JkZjpEZXNjcmlwdGlv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') no-repeat 0 0 transparent;width: 150px;height: 52px; position: fixed;top: 50%;margin-top: -26px;cursor: pointer;z-index: 500;line-height: 52px;font-size: 18px;color: #fff;text-transform: uppercase; } .landingDesktop .navJcarousel .prec{background-position: 0 0;left: 40px;padding-left: 60px;} .landingDesktop .navJcarousel .prec:hover{background-position: 0 -150px;} .landingDesktop .navJcarousel .suiv{background-position: right -300px;right: 40px;text-align: right;padding-right: 60px;} .landingDesktop .navJcarousel .suiv:hover{background-position: right -451px;} .landingDesktop #main header{ position: absolute;top: 0;left: 0;width: 100%;min-height: 122px;background: white;border-top: 3px solid #333; -webkit-box-shadow:0 3px 3px rgba(51,51,51,.5);-moz-box-shadow:0 3px 3px rgba(51,51,51,.5);box-shadow:0 3px 3px rgba(51,51,51,.5);box-shadow:0 3px 3px rgba(51,51,51,.5); z-index: 99; } .landingDesktop #main header.appbanner{ top: 105px; } .landingDesktop #main header .content{width: 965px;margin: 0 auto;} .landingDesktop #main header .content #logo img{margin: 40px 0 0 0;} .no-js .landingDesktop #main #content{position: absolute;top: 125px;left: 50%;margin:17% 0 0 -483px;width: 965px;} .js .landingDesktop #main #content{position: absolute;top: 50%;left: 50%;margin:0 0 0 -483px;width: 965px;display: none;} .landingDesktop #main #content .btnContainer{margin-top: 25px;} .landingDesktop #main #content .txt{font-size: 36px;font-family:'os-bold','Open Sans','Arial',sans-serif;-moz-osx-font-smoothing: grayscale;color: #fff;text-shadow: 2px 2px 2px #000;display: block;line-height: 40px;} .landingDesktop #main .inscription{ background: #09c;color: #fff;font-size: 16px;font-weight:700;text-transform: uppercase;border: 2px solid #fff;z-index: 600;padding: 20px 50px;text-decoration: none;display: inline-block;} .landingDesktop #main .inscription:hover{background: #000;} .no-js .landingDesktop #main .inscription{display: none;} .landingDesktop #userLogin{padding: 0 20px;position: relative;margin: 15px 0 0 0;} .landingDesktop #userLogin .champs{font-size: 0;} .landingDesktop #userLogin .input{display: inline-block;font-size: 12px;} .landingDesktop #userLogin .text input{width: 197px;} .landingDesktop #userLogin .password input{border-left: none !important;width: 134px;} .landingDesktop #userLogin .error{margin-top: 5px;width: 374px;} .landingDesktop #userLogin .input input:hover,#userLogin .input input:focus{} .landingDesktop #userLogin .input.submit input{background: #09C;color: white;border: none;cursor: pointer;width: 132px;font-weight:700;padding: 0;height: 33px;} .landingDesktop #userLogin .connecteFbk{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMzU3NzFDOEFCMjlFMjExQTg0MkQzQjhFQUI5RkEwMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGODU5MTgxNTVCOEUxMUU0QjUyQTg2RkVCMkM0QzUyRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGODU5MTgxNDVCOEUxMUU0QjUyQTg2RkVCMkM0QzUyRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M2ZhY2I1Yi01ZjI4LTQyMTYtOTBlYi1jMGJiY2QyZTE3NTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzM1NzcxQzhBQjI5RTIxMUE4NDJEM0I4RUFCOUZBMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tSEeDAAAEAElEQVR42rxWXWhcVRCemXPuz/50N5sfIUpNUXywRVCoWguNxbYmtkRURJT64KuIig/6IAh9jk/aJ32vVhtKRRuNRKg/tBA1UILW+mZRqwaTdPOz9++cce5utjS6yb2p0Flmuffcc+abmTPznYNw5Ag0hSzcNFeB2/7cAkYz6JUiREslcCtXgFS8i5GGkeE+BhiQ2dXWIqgD8iUwNJVYZwLJntUUsYldSIyC2Ingp4nHIax3Q1s0rCOI4oMbPSlGXmKgPSBI/N9ptwDjnUA8JEBvyKpzom/J+Afr2aVOg8xwB6roI6e0dEIi2AO5hR9gwOOo+DQqu70zoOSprVZUWRp0jPqakR+F6xQkc9D1oq/I0n6TrE2ihkah9aQs+JEeJMZTzFyD/ysWenxtTt561/knTFSZRLQtZ7YdGGvujUK4va/7yjkNto8zQ1idwZiJq51kgYLibhM6F5rvvVtnmwbciN7GWGWDpc4nepqZPldONItgrTw/JEZGOs01iepasuboXOI8LLVhdfxbFbRrHsNycDALDMUxE3onwkbpsHLjWDtBGqb8MJZYRzoXIELBMfu63MbTMZn3qFJbJL/ceI1zhCaLrUEcJS+KHRUITDqmSwLWteE60SKaV8tktZat3CmGduUsheU0J6ASQDBS1eodGRu6hgg22Ae8W1u1W8eJf8hxQuQcBSBSKoBl6bFmVRuj9knhDOTrlXTvaYQI+P6c0Z0WfR61qc9d3go/nhmGoF59nYSJEPDjHPuR7vVOIiceyBUdwxfy/y4rs9JYrsDfv26DJPI/lNQeFWMzeUJUyvRLgLAlZ0p6CaHbpuxEq01M3CXaK77vyEV8jCVqZTeXvGIZpqXKeqjd9xbGLNPP0i+H8jktx4A07WJOwJQDe/9F+LVV1XmrnKS6f9kEQyYZ71lJ/YNI2ym4QcLW+Z7Cohm/EWApLa7M1z4hmK1OQaK/RdyEp4ybBhSSmNHF4Bui8oIxXjgKnDMrRi/Wbr4Exeo8yLPJyzKOtm+WSouxnivGUq041hXQhGtxKAPXkzZ4wS/XF7fv/TS11M+WMsEgoC/DhcKx1vkogCmNhF78srfkn4VYd/P6rZm2xqhEBl5pqXkAS1tlMVQ99Osvct+8TdG1f3FHyw2Ei8sxP+X1/H6SdFLJOs0zI2uBrViXnyHtzlwTMK+J/p6hU/sLPX8dF4M911+STbAFYaTDUYHHjQ9XYda4KcwvFwY1CQk9yBY/u3p32Wy/GZq0gdorIOPtk6Kt1Mk7ie4HNs4jQeQ9K9fF3MQgez/NxM+FDf+AtM75jpeqDXnM4jEP7ftyvxxkxGGLcK8E3S+fym1uFL0sPfwdME1Els5oZTZslX8EGAC05L9UsKd/AAAAAABJRU5ErkJggg==') no-repeat 0 0;min-height: 30px;vertical-align: middle;display: inline-block;padding:10px 0 0 40px;text-decoration: none;color: #000;} .landingDesktop #userLogin .mdp{position: absolute;right: 20px;top: 10px;} .landingDesktop #userLogin .mdp a{color: #666;} .landingDesktop #userLogin .mdp a:hover{text-decoration: none;} .landingDesktop #userPassword, .landingDesktop #userEmail, .landingDesktop #userBtn{ min-height: 33px; max-height: 33px; box-sizing: border-box; } /* Footer ----- */ .js .landingDesktop .footer{background-color: rgba(0,0,0,0.5);z-index: 100;position: absolute;top: 840px;width: 100%;} .no-js .landingDesktop .footer{padding-top: 400px;} .landingDesktop .footer>nav{padding: 20px 0;} .no-js .landingDesktop .footer>nav{display: none;} .landingDesktop .footer>nav>ul{width: 750px;margin: 0 auto;font-size: 0;} .landingDesktop .footer>nav ul li{font-size: 12px;display: inline-block;color: #fff;margin: 0 17px;} .landingDesktop .footer>nav ul li a{color: #fff;text-decoration: none;} .landingDesktop .footer>nav ul li a:hover{text-decoration: underline;} .landingDesktop .footer>nav ul li.voirPlus{position: relative;} .landingDesktop .footer>nav ul li.voirPlus a{position: absolute;top: -16px;left: 0;} /* ----- Fin de footer */ /* hideShowPassword ----- */ .landingDesktop .hsp-toggleBtn{ width: 29px; height: 32px; background-color: transparent; background-image: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAsCAMAAADW+I/RAAAAM1BMVEUAAAAAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMwAiMxAmjldAAAAEHRSTlMA759AEGCAMM+/31Agj3CvUfUyNQAAAPpJREFUeF7t0rtuw0AMBdFL7vshef7/axMICCAkK6ewO+uULG4xoD7G7Xa7lfCt6M2CGwfz8M7Zxkl723Tml6x3iA8OtJwbBx5Rr6uAD/C9td1hOFD1ModelOkJYHSyQgfXi3aoUXIeGWBrbFKssK+qaWF9ngZTUqalbD/DmmCrasvlWOe6RC1SgqJKD5CkUtctWi36o9SmlQ0sKxoWQhiGReWrjyvYn0K7UbQ0DPo+AAwYqYMNLSXoSSepQ9KF6IA1Ds0Aj7qQAPN0FCnJDUi6FpwTL7o2jDNs6Km5dQ59m3oq5tO05ah/zfBt6n8xeQWonqI+wu12u30BLxYQIcArNb4AAAAASUVORK5CYII='); background-size: 53px auto; background-repeat: no-repeat; border: medium none; margin: 0; padding: 0; cursor: pointer; } .landingDesktop .hsp-toggleBtn.hideShowPassword-toggle-show{ background-position: 0 center; } .landingDesktop .hsp-toggleBtn.hideShowPassword-toggle-hide{ background-position: -27px center; } /* ----- hideShowPassword */ /* ----- Landing Desktop */ #breadcrumb #fontMontserrat { font-family: 'Montserrat'; } /*univers*/ /*defaut*/ .univers1 .color{color: #09c;} .univers1 .bgColor{background-color: #09c;color: #fff;} .univers1 .bdc{border-color: #09c;} .univers1 .bdtc{border-top-color: #09c;} .univers1 .bdrc{border-right-color: #09c;} .univers1 .bdbc{border-bottom-color: #09c;} .univers1 .bdlc{border-left-color: #09c;} /*vin*/ .univers2 .color{color: #cc9a99;} .univers2 .bgColor{background-color: #cc9a99;color: #fff;} .univers2 .bdc{border-color: #cc9a99;} .univers2 .bdtc{border-top-color: #cc9a99;} .univers2 .bdrc{border-right-color: #cc9a99;} .univers2 .bdbc{border-bottom-color: #cc9a99;} .univers2 .bdlc{border-left-color: #cc9a99;} /*deco*/ .univers3 .color{color: #b8a18c;} .univers3 .bgColor{background-color: #b8a18c;color: #fff;} .univers3 .bdc{border-color: #b8a18c;} .univers3 .bdtc{border-top-color: #b8a18c;} .univers3 .bdrc{border-right-color: #b8a18c;} .univers3 .bdbc{border-bottom-color: #b8a18c;} .univers3 .bdlc{border-left-color: #b8a18c;} /*fin univers*/ /*input quantite*/ .wrapQte{ position: relative;border: 1px solid #ccc;width: 50px; -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; } .wrapQte input{width: 40px;height: auto;background: white !important;border:none !important;color: #000;font-size: 12px;padding: 5px!important;} .wrapQte>span{ font-size: 11px;cursor: pointer;position: absolute;right: 0;width: 20px;height: 48%;display: inline-block;vertical-align: middle; background: #f0f0f0;color: #000;border: 1px solid #ccc;border-right: none;text-align: center;margin: 1px; } .wrapQte>span.plus{top: 0;border-top: none;} .wrapQte>span.moins{bottom: 0;border-bottom: none;} /*fin input quantite*/ /* Layer */ .js .layer{display: none;} .layer{margin: 0 auto;width: 405px;} .layer .fermer{cursor: pointer;text-align: right;color: #fff;text-decoration: underline;font-size: 18px;margin: 0; position: relative; z-index: 99999;} .layer .fermer:before{content:"";background: url(/images/croix-fermerb.png) no-repeat;width: 37px;height: 38px;display: inline-block;vertical-align: middle;background-size: 100%; background-position: center center;} .layer .fermer:hover{text-decoration: none;} .layer .fermer.txtCenter{text-align: center;} .layer .fermer.noTxt{font-size: 0;} .layer .fermer.noTxt:before{font-size: inherit;margin-right: 0;position: absolute;top: 6px; right: 20px;} .layer .fermer.noPicto:before{display: none;} .layer .structure{background: white;padding-bottom: 20px;} .layer .structure .titre{text-transform: uppercase;font-size: 14px;font-family:'os-bold','Open Sans','Arial',sans-serif;padding: 20px;border-bottom: 1px solid #999;} .layer .structure .contenu{margin: 0 auto;width: 365px;font-size: 13px;} /* Fin Layer */ .layer#ajoutPanier{width: 730px;} .layer#ajoutPanier .contenu{width: auto;} .layer#ajoutPanier .contenu .check{padding: 15px 20px 15px 50px;border-bottom: 1px solid #ccc;} .layer#ajoutPanier .check.good{background-position: 20px 18px;} .layer#ajoutPanier .check.bad{background-position: 20px -82px;} .layer#ajoutPanier .contenu .wrap{overflow-x: hidden !important;overflow-y: auto;} .layer#ajoutPanier .contenu table{border-collapse: collapse;width: 100%;border-bottom: 1px solid #ccc;} .layer#ajoutPanier .contenu table tr:first-child{background: #f0f0f0;color: #666;font-size: 12px;} .layer#ajoutPanier .contenu table tr:first-child th:first-child{text-align: left;padding-left: 20px;} .layer#ajoutPanier .contenu table tr:first-child th{padding-top: 10px;padding-bottom: 10px;} .layer#ajoutPanier .contenu table tr td{padding-top: 18px;padding-bottom: 18px;border-top:none;} .layer#ajoutPanier .contenu table tr td{text-align: center;} .layer#ajoutPanier .contenu table tr td+td{text-align: left;} .layer#ajoutPanier .contenu table tr td+td+td{text-align: center;} .layer#ajoutPanier .contenu table tr+tr td{border-top: 1px solid #ccc;;} .layer#ajoutPanier .contenu table tr+tr td:first-child{width: 75px;white-space: nowrap;} .layer#ajoutPanier .contenu table tr+tr td+td+td{width: 67px;white-space: nowrap;} .layer#ajoutPanier .contenu table tr+tr td+td+td+td{width: 33px;white-space: nowrap;} .layer#ajoutPanier .contenu table tr+tr td+td+td+td+td{width: 66px;white-space: nowrap;} .layer#ajoutPanier .contenu table tr+tr td+td+td+td+td+td{width: 77px;white-space: nowrap;} .layer#ajoutPanier .contenu table .wrapQte{margin: 0 auto;padding: 1px;} .layer#ajoutPanier .contenu .submit{padding: 20px;padding-bottom: 0;width: 360px;margin: 0 auto;} .layer#ajoutPanier .contenu .submit .left a.close{ display: block; padding: 8px 10px; margin:0 0 0 10px; font-family: 'os-bold', 'Open Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: none; font-size: 13px; background: #e5e5e5; color: #000; opacity: 1; line-height: normal; } .layer#ajoutPanier .contenu .submit .right a { padding: 8px 10px; font-size: 13px; line-height: normal; display: block; background: #09c; color: #fff; font-family: 'os-bold', 'Open sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: .3s all; } .layer#ajoutPanier .contenu .submit .right a:hover{background: #000;} .layer#afficheTaille{} .layer#afficheTaille .titre a{text-transform: none;text-decoration: underline;} .layer#afficheTaille .titre a:hover{text-decoration: none;} .layer#afficheTaille .contenu p{padding: 25px 0 35px;} .layer#afficheTaille form{margin-bottom: 30px;} .layer#afficheTaille .radio{min-height: 0;padding-left: 0;margin:0 5px 10px 0;} .layer#afficheTaille .radio:first-child{margin-left: 0;} .layer#afficheTaille .radio input{position: absolute;top: -50000px;left: -50000px;} .layer#afficheTaille .radio label span{text-transform: uppercase;font-size: 13px;border: 1px solid #ccc;padding: 1px 13px;display: block;color: #000;width: auto;height: auto;} .layer#afficheTaille .radio label span:hover{color: #fff;background: #09c;border-color: transparent;} .layer#alerteDispo{width: 500px;} .layer#alerteDispo .contenu{width: auto;} .layer#alerteDispo .contenu>*{padding: 20px;} .layer#alerteDispo .contenu>p{padding: 15px 20px;} .layer#alerteDispo .contenu .ovh.bdt.bdb{display: table;width: 460px;font-size: 0;/*peut poser souci*/} .layer#alerteDispo .contenu .ovh.bdt.bdb>*{display: inline-block;font-size: 13px;} .layer#alerteDispo .contenu .ovh.bdt.bdb>div:first-child{width: 60px;} .layer#alerteDispo .contenu .ovh.bdt.bdb>div+div{width: 300px;} .layer#alerteDispo .contenu .ovh.bdt.bdb>div+div+div{padding: 4px 10px;border-color: #999;text-transform: uppercase;width:auto;} .layer#alerteDispo .contenu .radio{padding: 0;margin-top: 20px;} .layer#alerteDispo .contenu .radio:first-child{margin-top: 0;} .layer#alerteDispo .contenu .radio input[type=radio]{display: inline-block;float: none;margin: 0;margin-right: 10px;} .layer#alerteDispo .contenu .radio label{display: inline;float: none;} .layer#alerteDispo .contenu .radio input[type=text]{display: inline;font-family:'os-bold','Open Sans','Arial',sans-serif;width: 110px;} .layer#alerteDispo .contenu .submit{text-align: center;} .layer#alerteDispo .contenu .submit input{padding: 15px 0;font-size: 16px;width: 195px;text-align: center;display: inline-block;} .layer#alerteDispo .contenu textarea{font-size: 13px;} .layer#alerteDispo #pickerSizeAvailability{width: auto;} .layer-close--notitle { position: absolute; z-index: 99999; right: 10px; top: 10px; cursor: pointer; } .layer-tuto { box-sizing: border-box; position: relative; width: 864px; height: 375px; padding: 35px; background: #fff; } /* Uniform Theme: Aristo Version: 1.1 By: 280North / Ported by Josh Pyles License: Creative Commons Share Alike --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ .uniform div.selector,.uniform div.selector span,.uniform div.checker span,.uniform div.radio span,.uniform div.uploader,.uniform div.uploader span.action,.uniform div.button,.uniform div.button span { background-image: url("/images/mobile/sprite-aristo.png"); background-repeat: no-repeat;} .uniform div.selector,.uniform div.checker,.uniform div.button,.uniform div.radio,.uniform div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } .uniform div.selector:focus,.uniform div.checker:focus,.uniform div.button:focus,.uniform div.radio:focus,.uniform div.uploader:focus { outline: 0; } .uniform div.selector,.uniform div.selector *,.uniform div.radio,.uniform div.radio *,.uniform div.checker,.uniform div.checker *,.uniform div.uploader,.uniform div.uploader *,.uniform div.button,.uniform div.button * { margin: 0; padding: 0; } .uniform .highContrastDetect { background: url("../images/bg-input-aristo.png") repeat-x 0 0; width: 0; height: 0; } /* Input & Textarea */ input, button, select, textarea { font-family: 'Montserrat' !important; } .uniform input.uniform-input, .uniform select.uniform-multiselect, .uniform textarea.uniform { padding: 4px; background: url("../images/bg-input-aristo.png") repeat-x 0 0; outline: 0; } .uniform input.uniform-input.active, .uniform select.uniform-multiselect.active, .uniform textarea.uniform.active { background: url("../images/bg-input-focus-aristo.png") repeat-x 0 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ .uniform div.checker input, .uniform input[type="search"], .uniform input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ .uniform div.selector { background-position: 0 -160px; line-height: 32px; height: 32px; padding: 0 0 0 10px; position: relative; overflow: hidden; } .uniform div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 32px; line-height: 32px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } .uniform div.selector.fixedWidth { width: 190px; } .uniform div.selector.fixedWidth span { width: 155px; } .uniform div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 24px; top: 4px; left: 0; width: 100%; } .uniform div.selector.active { background-position: 0 -192px; } .uniform div.selector.active span { background-position: right -32px; } .uniform div.selector.hover,.uniform div.selector.focus { background-position: 0 -224px; } .uniform div.selector.hover span,.uniform div.selector.focus span { background-position: right -64px; } .uniform div.selector.hover.active,.uniform div.selector.focus.active { background-position: 0 -256px; } .uniform div.selector.hover.active span,.uniform div.selector.focus.active span { background-position: right -96px; } .uniform div.selector.disabled,.uniform div.selector.disabled.active { background-position: 0 -288px; } .uniform div.selector.disabled span,.uniform div.selector.disabled.active span { background-position: right -128px; } /* Checkbox */ .uniform div.checker { position: relative; } .uniform div.checker,.uniform div.checker span,.uniform div.checker input { width: 26px; height: 26px; } .uniform div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -320px; } .uniform div.checker span.checked { background-position: -92px -318px; } .uniform div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } .uniform div.checker.active span { background-position: -92px -318px } .uniform div.checker.active span.checked { background-position: -92px -318px } .uniform div.checker.hover span, div.checker.focus span { background-position: 0 -320px; } .uniform div.checker.hover span.checked,.uniform div.checker.focus span.checked { background-position: -92px -318px; } .uniform div.checker.hover.active span,.uniform div.checker.focus.active span { background-position: 0 -320px; } .uniform div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: 0 -320px; } .uniform div.checker.disabled,.uniform div.checker.disabled.active { background-position: 0 -320px; } .uniform div.checker.disabled span.checked,.uniform div.checker.disabled.active span.checked { background-position: 0 -320px; } /* Radio */ .uniform div.radio { position: relative; } .uniform div.radio,.uniform div.radio span,.uniform div.radio input { width: 23px; height: 23px; } .uniform div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -343px; } .uniform div.radio span.checked { background-position: -92px -343px; } .uniform div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } .uniform div.radio.active span { background-position: -23px -18px -343px; } .uniform div.radio.active span.checked { background-position: -115px -343px; } .uniform div.radio.hover span,.uniform div.radio.focus span { background-position: -46px -36px -343px; } .uniform div.radio.hover span.checked,.uniform div.radio.focus span.checked { background-position: -138px -343px; } .uniform div.radio.hover.active span,.uniform div.radio.focus.active span { background-position: -69px -343px; } .uniform div.radio.hover.active span.checked,.uniform div.radio.focus.active span.checked { background-position: -161px -343px; } .uniform div.radio.disabled span,.uniform div.radio.disabled.active span { background-position: -184px -343px; } .uniform div.radio.disabled span.checked,.uniform div.radio.disabled.active span.checked { background-position: -207px -343px; } /* Uploader */ .uniform div.uploader { background-position: 0 -366px; height: 32px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } .uniform div.uploader span.action { background-position: right -494px; height: 32px; line-height: 32px; width: 90px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } .uniform div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 4px 0 4px 4px; line-height: 24px; width: 76px; padding: 0 10px; } .uniform div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } .uniform div.uploader.active span.action { background-position: right -558px; } .uniform div.uploader.hover, div.uploader.focus { background-position: 0 -430px; } .uniform div.uploader.hover span.action,.uniform div.uploader.focus span.action { background-position: right -526px; } .uniform div.uploader.hover.active span.action,.uniform div.uploader.focus.active span.action { background-position: right -590px; } .uniform div.uploader.disabled,.uniform div.uploader.disabled.active { background-position: 0 -398px; } .uniform div.uploader.disabled span.action,.uniform div.uploader.disabled.active span.action { background-position: right -462px; } /* Buttons */ .uniform div.button { background-position: 0 -750px; height: 32px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } .uniform div.button a,.uniform div.button button,.uniform div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .uniform div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 22px; text-align: center; background-position: right -622px; height: 22px; margin-left: 13px; padding: 5px 15px 5px 2px; } .uniform div.button.active { background-position: 0 -782px; } .uniform div.button.active span { background-position: right -654px; cursor: default; } .uniform div.button.hover, div.button.focus { background-position: 0 -814px; } .uniform div.button.hover span,.uniform div.button.focus span { background-position: right -686px; } .uniform div.button.disabled,.uniform div.button.disabled.active { background-position: 0 -846px; } .uniform div.button.disabled span,.uniform div.button.disabled.active span { background-position: right -718px; cursor: default; } /* INPUT & TEXTAREA */ .uniform input.uniform-input, .uniform select.uniform-multiselect, .uniform textarea.uniform { font-size: 14px; font-family: "os-regular", "Open Sans", Arial, sans-serif; font-weight: normal; color: #777; background-color: #a1cbe2; border-top: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .uniform input.uniform-input.hover,.uniform input.uniform-input.focus, .uniform select.uniform-multiselect.hover, .uniform select.uniform-multiselect.focus, .uniform textarea.uniform.hover, .uniform textarea.uniform.focus { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); border-color: #999; background-color: #a1cbe2; } /* Uploader */ .uniform div.button span { font-family:'os-bold','Open Sans','Arial',sans-serif; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .uniform div.button.hover span,.uniform div.button.focus span { color: #555; } .uniform div.button.disabled span,.uniform div.button.disabled.active span { color: #bbb; } /* Select */ .uniform div.selector { font-family:'os-bold','Open Sans','Arial',sans-serif; color: #464545; font-size: 14px; } .uniform div.selector span { color: #666; text-shadow: 0 1px 0 white; } .uniform div.selector select { font-family: "os-regular", "Open Sans", "Arial", sans-serif; font-size: 1em; border: solid 1px white; } .uniform div.selector.disabled span,.uniform div.selector.disabled.active span { color: #bbb; } /* Checker */ .uniform div.checker { margin-right: 10px; } /* Radio */ .uniform div.radio { margin-right: 10px; } .uniform div.uploader span.action { text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; background-color: #fff; font-family:'os-bold','Open Sans','Arial',sans-serif; -moz-osx-font-smoothing: grayscale; color: #1c4257; } .uniform div.uploader span.filename { color: #777; font-size: 11px; } .uniform div.uploader.disabled span.action,.uniform div.uploader.disabled.active span.action { color: #aaa; } .uniform div.uploader.disabled span.filename,.uniform div.uploader.disabled.active span.filename { border-color: #ddd; color: #aaa; } /* Fin Uniform */ .l-ctr { max-width: 965px; width: 100%; margin: auto; position: relative; } /* Sub header : 2 - choices */ .choices_filters.is-active .choices_label { color: #09c; } .choices_filters.is-active .icon_size g, .choices_filters.is-active .icon_chevron path { stroke: #09c; } .sub-header_choices { display: flex; justify-content: center; align-items: center; flex: 0 0 auto; height: 46px; } .choices_item:not(.choices_visualisation):hover, .choices_item.is-selected { background-color: #f1f2f3; } .choices_item:hover .icon_chevron, .choices_item.is-selected .icon_chevron { transform: rotate(180deg); } .choices_item .icon_size, .choices_item .icon_chevron { margin-left: 15px; } .choices_label { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0 15px; font-size: 14px; cursor: pointer; } .choices_content { display: none; position: absolute; z-index: 99; left: 0; background-color: #f1f2f3; } /* Choices : 2.2 - filtres */ .choices_select { position: relative; flex: 0 0 auto; min-width: 206px; height: 100%; } .select_list { width: 100%; padding: 0 15px; } .select_list_item { padding: 14px 0; } .select_list_item + .select_list_item { border-top: 1px solid #ccc; } .select_list_item_link:hover, .select_list_item_link.is-active { color: #09c; } /* Choices : 2.3 - visualisation */ .choices_visualisation { display: flex; align-items: center; justify-content: flex-end; width: 84px; } .choices_visualisation--small { margin-right: 20px; } .choices_visualisation--big { margin-right: 6px; } .choices_visualisation_link { display: block; width: 20px; height: 20px; } .choices_visualisation_link:hover path, .choices_visualisation_link.active path { fill: #09C; } /* <-- breadcrumb */ /* home --> */ .home_sells, .home_staff-sells_content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .home_sells_item, .home__bloc--action { flex: 1 0 50%; max-width: calc(50% - 15px); margin-bottom: 30px; } .home_sells--princ .home_sells_item:first-child { flex: 1 0 100%; max-width: 100%; } .home_staff-sells_item:first-child { flex: 1 0 auto; max-width: calc(66.6% - 15px); } .home_staff-sells_item:last-child { flex: 1 0 auto; max-width: calc(33.3% - 15px); } .home_staff-sells { margin-top: 30px; margin-bottom: 20px; } .home__titre { padding: 0.5em 0; text-align: center; font-family: "Open Sans", "Arial", sans-serif; font-size: 0.36em; font-weight: 700; } .home__titre > h1 { border: 0; } .titre--top { border: 0; padding: 0; margin: 0; } .home__titre:before { content:''; clear: both; } .home__bloc, .home__bloc--action, .venteFutur__bloc { display: block; position: relative; } .venteFutur__bloc { overflow: hidden; float: left; box-sizing: border-box; width: 3.1em; height: 3.1em; margin: 0 0.06em; } .bloc__app { display: block; font-size: 0.5em; } .bloc__illu { display: block; width: 100%; font-size: 0.5em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1, 1) rotate(0deg); -webkit-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } .noTouchDevice .home__bloc.autopromo:hover .bloc__illu { -moz-transform: scale(1, 1) rotate(0deg); -webkit-transform: scale(1, 1) rotate(0deg); -o-transform: scale(1, 1) rotate(0deg); -ms-transform: scale(1, 1) rotate(0deg); transform: scale(1, 1) rotate(0deg); } .home_sells_item .bloc__pastille { display: none; /*delete with hover*/ } .bloc__pastille { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: flex-end; align-items: center; height: 0.33em; } /*.home__bloc:not(:hover) .bloc__pastille { display: none; }*/ .pastille__date { display: flex; align-items: center; justify-content: center; width: 4.8em; height: 100%; background-color: #000; font-family: "os-regular", Arial, sans-serif; text-transform: uppercase; font-size: 0.12em; color: #fff; } .pastille__info img { display: block; height: 1.65em; max-height: 1.65em; font-size: 0.2em; } .venteFutur__slider { position: relative; height: 3.1em; } .venteFutur .slider__nav--prev, .venteFutur .slider__nav--next { position: absolute; z-index: 2; top: 1.44em; left: -0.39em; display: block; width: 0.36em; height: 0.36em; border-radius: 50%; border: 1px solid #cccccc; background-repeat: no-repeat; background-position: 0.11em 0.07em; background-image: url('/img/home/home-arrow_left.png'); } .venteFutur .slider__nav--next { right: -0.39em; left: auto; background-position: 0.13em 0.07em; background-image: url('/img/home/home-date_arrow.png'); } .venteFutur__slider .slider-wrapper { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; white-space: nowrap; } .venteFutur__bloc { display: inline-block; float: none; } .bloc__cache { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); } .bloc__illu2 { overflow: hidden; position: absolute; top: 0.8em; left: 0.57em; width: 1.85em; height: 1.44em; line-height: 12em; background-color: #ffffff; text-align: center; } .bloc__illu2 > div { font-size: 0.12em; width: 100%; height: 100%; line-height: 12em; } .bloc__illu2 img { vertical-align: middle; display: inline-block; width: 95%; height: auto; } .venteFutur .bloc__date { position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; } .venteFutur .date-wrapper { width: auto; padding: 0.3em 0; text-align: center; font-size: 0.25em; } /* <-- home */ /* Footer */ .scrollup {width: 50px; height: 50px; position: fixed; bottom: 50px; margin-bottom: -25px; right: 50px; display: none; text-indent: -9999px; background: url('../img/icon_top.png') no-repeat;z-index: 1;} .promo #site{background:#ededed no-repeat center top ;} .promo footer{padding-top: 30px;} .privacyWarning #privacyWarningBanner{position: fixed;width: 100%;bottom: 0;z-index: 5000;} .privacyWarning footer{margin-bottom: 42px;} #accesFooter{background: #ededed;} .no-js #accesFooter{background: transparent;} footer{position:relative !important;clear: both;background: white;width:100%; min-width: 965px; margin-top: 40px; border-top: 1px solid #ccc;} footer section{overflow: hidden;margin: 0 auto;} footer .mea{padding: 30px 0;border-top: none;} footer .mea>div{overflow: hidden;float: left;width: 200px;padding: 0 20px;} footer .mea>div img{float: left;} footer .mea>div .titre{float: right;font-size: 14px;width: 140px;margin:10px 0 0 10px;font-family:'os-bold','Open Sans','Arial',sans-serif;} footer .mea>div p{clear: both;color: #666;font-size: 12px;padding: 20px 0 0 0;} .footer_media_ctr, .footer_socialmedia_ctr, .footer_app_ctr, .footer_socialmedia_ctn, .footer_app_ctn { display: flex; } .footer_media_ctr { padding: 30px 0; } .footer_socialmedia_ctr, .footer_app_ctr { justify-content: space-between; align-items: center; flex-basis: 50%; } .footer_app_ctr { padding: 0 20px 0 48px; } .footer_socialmedia_ctr { border-right: 1px solid #ccc; max-width: 767px; padding: 0 20px; } .footer_media_title { width: 148px; } .footer_socialmedia_ico { display: flex; width: 55px; align-items: center; justify-content: center; height: 40px; } .footer_ico:hover .footer_ico_path { fill: #09c; stroke: #09c; } .footer_app_ico { display: inline-block; margin: 0 20px; } footer .assistance{background: #ededed;border: 1px solid #ccc;padding: 20px 0;} footer .assistance>div{font-size: 0;padding: 0 20px;} footer .assistance>div>*{font-size: 12px;display: table-cell;vertical-align: middle;} footer .assistance .titre{font-family:'os-bold','Open Sans','Arial',sans-serif;text-transform: uppercase;font-size: 13px;min-width: 160px;} footer .assistance .tel{padding: 0 100px 0 50px;} footer .assistance .tel .bold{font-size: 24px;background: transparent url(/images/bg-picto-tel-contact.png) 0 50% no-repeat;padding-left: 30px;} footer .assistance .tel+p{color: #666;} footer .infos{padding: 30px 0 40px;border: none;} footer .infos>div{width: 200px;float: left;padding: 0 20px;} footer .infos>div .titre{text-transform: uppercase;font-size: 13px;} footer .infos>div .titre~.titre{margin: 17px 0 0 0;} footer .infos>div ul{margin: 17px 0 0 0;} footer .infos>div li{margin: 5px 0 0 0;} footer .infos>div li:first-child{margin: 0;} footer .infos>div li a{text-decoration: none;color: #666;display: block;} footer .infos>div li a:hover{text-decoration: underline;} footer .infos a{color: #09c;} footer .infos a:hover{text-decoration: underline;} footer .pied{padding: 20px 0 0 0;width: 965px;margin: 0 auto;border-top: 1px solid #ccc;overflow: hidden;font-size: 14px;} footer .pied>.left {width: 290px;padding: 0 5px; text-align: center;} footer .pied>.left+.left{width: 230px;text-align: center;margin-top: 2px;} footer .pied>.left+.left+.left{width: 202px;text-align: center;} footer .pied>.left:first-child{margin: 15px 0 30px;} footer .pied>.left:first-child p{margin-top: 18px;} footer .pied>.left:nth-child(3) p{margin-top: 8px;} footer .pied>.left:nth-child(4) {margin-top: 5px;} footer .pied>.left:nth-child(4) p {margin-top: 9px;} footer .pied>p{clear: both;} footer .pied>.info{text-align: center; border-top: 1px solid #cccccc; font-size: 12px; padding: 1em 0 1em 7em; margin-top: 9em;} footer .pied img{vertical-align:middle;} footer .pied a:hover{text-decoration: underline;} footer .pied.desc>p{margin: 0 0 20px;color: #666;font-size: 12px;} footer .pied.desc>p a{text-decoration: none;} footer .pied.desc>p a:hover{text-decoration: underline;} footer .pied #privacyWarningBanner{position: static;clear: both;height: auto;} footer #privacyWarningBanner{margin: 0 auto;padding: 10px 20px;background: #ededed;color: #666; text-align:center;} footer #privacyWarningBanner #privacyWarningAccept{background-color: #ccc;border: 1px solid #bbb;font-size: 11px;padding: 0 4px;line-height: 20px;} footer #privacyWarningBanner.WarningBanner{position: fixed;bottom: 0;right: 0;width: 223px;padding: 40px;text-align: left;font-size: 15px;background: #ededed;color: #000;opacity: 0.8;} footer #privacyWarningBanner.WarningBanner button#privacyWarningAccept{font-size: 20px;padding: 20px;position: absolute;top: 0;right: 0;border: 0; background: transparent;cursor: pointer;} footer #privacyWarningBanner a{color: #09c;text-decoration: underline;} footer #privacyWarningBanner a:hover{text-decoration: underline;} footer #privacyWarningBanner.WarningBanner #privacyWarningAccept{font-size: 11px;padding: 20px;line-height: 20px;} /* Footer not log */ .menu-non-log.menu-footer {overflow: hidden;margin: 50px 0 0 0; border-top: 1px solid #cccccc;font-size: 12px;} .menu-non-log.menu-footer .shadow ul{display: flex;align-items: center;justify-content: space-between;padding: 20px 0 0;} .menu-non-log.menu-footer .shadow ul li{text-align: center;} .menu-non-log.menu-footer .shadow a{color: #666;} /* Widget avis vérifiés */ .footer_averif { display: flex; align-items: center; justify-content: center; text-align: left; } .footer_averif_logo { margin-right: 5px; } .footer_averif_rates_star { position: relative; width: 100px; height: 15px; display: inline-flex; } .footer_averif_rates_star:before, .footer_averif_rates_star:after { content: ""; width: 20px; height: 15px; background-size: 20px 100%; position: absolute; } .footer_averif_rates_star:before { background-image: url('/common/img/ico-star-grey.svg'); right: 0; } .footer_averif_rates_star:after { background-image: url('/common/img/ico-star.svg'); left: 0; } .footer_averif_rates_star--s--5:before, .footer_averif_rates_star--s--0:after { width: 0; } .footer_averif_rates_star--s--4:before, .footer_averif_rates_star--s--1:after { width: 20px; } .footer_averif_rates_star--s--3:before, .footer_averif_rates_star--s--2:after { width: 40px; } .footer_averif_rates_star--s--2:before, .footer_averif_rates_star--s--3:after { width: 60px; } .footer_averif_rates_star--s--1:before, .footer_averif_rates_star--s--4:after { width: 80px; } .footer_averif_rates_star--s--0:before, .footer_averif_rates_star--s--5:after { width: 100px; } /* Fin de footer */ .spinner { height: 60px; width: 60px; margin: 40px auto; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .spinner .spinner-container { position: absolute; width: 100%; height: 100%; } .container1 > div, .container2 > div, .container3 > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .alert.alert-bzc { background-color: #F0F0F0; border-color: #CCCCCC; color: black; padding-left: 30px; position: relative; } .alert-bzc.check { background-position: 8px 10px; } .alert-bzc.check.bad { background-position: 8px -91px; } input[type=submit]{cursor: pointer;background: #6C4DFF;font-family: 'os-bold', 'Open Sans', Arial, sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;color: #fff;text-align: center;border: none; border-radius: 25px;} input[type=submit]:hover{background: #907AFC;} button, input[type=button], input[type=submit]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .unlogged select { height: 30px; line-height: 30px; padding: 4px 6px; font-size: 14px; color: #555; border-radius: 4px; vertical-align: middle; } .unlogged .fbk img, .unlogged .pint img, .unlogged .gg img, .unlogged .tt img, .unlogged .btnLayer img, .unlogged .visionneuse img{ max-width: 100%; height: auto; } #productsHistoryContainer { position: relative;} @media screen and (max-width: 1055px) { .venteFutur .slider__nav--prev{ left: 0.15em; background-image: url('/img/home/home-arrow_left_white.png'); } .venteFutur .slider__nav--next{ right: 0.25em; background-image: url('/img/home/home-date_arrow_white.png');} } /*helper */ .hidden { display: none !important; } /* Popin accentage */ #acc-alert.acc-alert--visible { z-index: 99999; } .content.left{width: 700px;} .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } .spinner { margin: 100px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: #6C4DFF; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } /* Utilities */ .txt-link { text-decoration: underline; } .txt-link:hover { color: #09c; text-decoration: underline; } .txt-link:hover svg path { fill: #09c; stroke: #09c; } @media screen and (max-width: 1280px){ .popinSignup { overflow-y: scroll; height: calc(100vh - 229px); } } /* Spinner for loading data*/ .bzc-spinner { display: inline-block; position: relative; width: 80px; height: 80px; } .bzc-spinner div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #09c; border-radius: 50%; animation: bzc-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #09c transparent transparent transparent; } .bzc-spinner div:nth-child(1) { animation-delay: -0.45s; } .bzc-spinner div:nth-child(2) { animation-delay: -0.3s; } .bzc-spinner div:nth-child(3) { animation-delay: -0.15s; } @keyframes bzc-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ecoPart { color: #969696; font-size: 11px; } input[type=submit].btn-input { border-radius: 10px; width: 100%; font-size: 15px; padding: 10px; font-weight: bold; } .select-wrapper { position: relative; display: inline-block; max-width: 350px; } /* Select de base */ #countries { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 50px; line-height: 50px; padding: 0 50px 0 10px; font-size: 13px; font-weight: 500; color: #2d3748; background-color: #ffffff; border: 2px solid #ccc; border-radius: 10px; cursor: pointer; text-align: left; transition: all 0.3s ease; } /* Flèche chevron */ .select-wrapper::after { content: ''; position: absolute; top: 46%; right: 22px; width: 12px; height: 12px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; transform: translateY(-50%) rotate(225deg); /* pointe vers le haut */ pointer-events: none; transition: transform 0.3s ease; } /* Classe ajoutée par JS lors de l'ouverture */ .select-wrapper.open::after { transform: translateY(-50%) rotate(45deg); /* pointe vers le bas */ } /* Options sélectionnées */ #countries option:checked { background-color: #4f46e5 !important; color: #ffffff !important; font-weight: 600; }