.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* shopago.app */ /* COLOR */ /* IMG */ /* FONT */ /* RESPONSIVE */ /* RESPONSIVE : MEDIA QUERIES*/ 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%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } a { color: inherit; text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, label, select, button, textarea { margin: 0; display: inline-block; vertical-align: middle; white-space: normal; line-height: 1; box-sizing: border-box; } button { border: 0; cursor: pointer; } input[type=search] { -webkit-appearance: textfield; } ::-webkit-search-decoration { display: none; } /*formulaire IOS*/ input { border-radius: 0; -webkit-appearance: none; } button, input[type="reset"], input[type="button"], input[type="submit"] { overflow: visible; width: auto; } ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } textarea { vertical-align: top; overflow: auto; } select[multiple] { /* Move the label to the top */ vertical-align: top; } @font-face { font-family: 'Gotham Rounded-light'; font-style: normal; font-weight: lighter; font-display: swap; src: local("Gotham Rounded"), url("https://www.shopago.app/Public/Fonts/GothamRoundedLight.woff2") format("woff2"), url("https://www.shopago.app/Public/Fonts/GothamRoundedLight.woff") format("woff"); } @font-face { font-family: 'Gotham Rounded'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.shopago.app/Public/Fonts/GothamRoundedMedium.ttf") format("truetype"); } @font-face { font-family: 'Gotham Book'; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.shopago.app/Public/Fonts/GothamBook.ttf") format("truetype"); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; font-display: swap; src: local("Quicksand"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-Regular.woff2") format("woff2"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-Regular.woff") format("woff"); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 600; font-display: swap; src: local("Quicksand"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-Bold.woff2") format("woff2"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-Bold.woff") format("woff"); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; font-display: swap; src: local("Quicksand"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-SemiBold.woff2") format("woff2"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-SemiBold.woff") format("woff"); } @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 300; font-display: swap; src: local("Quicksand"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-Light.woff2") format("woff2"), url("https://www.shopago.app/Public/Fonts/Quicksand/Quicksand-Light.woff") format("woff"); } .semi-bold { font-weight: 600; } .bold { font-weight: 700; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } body { font-family: "Gotham Rounded", sans-serif; color: #707070; min-height: 100vh; width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; } body.menu_livreur_open { position: fixed; } .container { width: 92%; margin: auto; } @media all and (max-width: 777px) { .container { width: 95%; } } .main-container { max-width: 1610px; width: 95%; margin: 0 auto; } main { -webkit-box-flex: 1; flex-grow: 1; position: relative; } a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a:hover { color: #f7be07; } .hidden { display: none; } .cookieWrapper { position: fixed; width: 100%; background-color: #3C3C3C; color: white; margin: 0px; left: 0px; bottom: 0px; z-index: 10000; font-size: 12px; padding: 10px; text-align: center; } .cookieWrapper .cookieCnt { float: left; width: 80%; } .cookieWrapper .cookieCnt a { color: inherit; margin-left: 8px; } .cookieWrapper .dismiss { background: url(../../Public/Images/site/close.png) no-repeat 100% 0; background-size: contain; height: 17px; width: 17px; display: block; float: right; } .inscription_droit { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .layout-block { width: 100%; height: auto; border-radius: 15px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); padding: 25px; } .mt-1 { margin-top: 10px; } .mr-5 { margin-right: 40px; } .ml-5 { margin-left: 40px; } .hr { display: inline-block; margin: 0; padding: 0; width: 100%; height: 2px; background: #E6E6E6; } .livreurv2_container { width: 100%; height: 0; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .btn-primary { display: block; background-color: #f7be07; color: white; border-radius: 20px; padding: 12px 30px; border: none; -webkit-transition: 0.2s -webkit-transform ease-in-out; transition: 0.2s -webkit-transform ease-in-out; transition: 0.2s transform ease-in-out; transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); cursor: pointer; overflow: hidden; z-index: 0; position: relative; } .btn-primary:hover { color: white; -webkit-transform: scale(1.05); transform: scale(1.05); } .btn-primary:hover::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .btn-primary::after { background-color: #facb2e; border-radius: 3rem; content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transform: translate(-100%, 0) rotate(10deg); transform: translate(-100%, 0) rotate(10deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: .2s transform ease-out; transition: .2s transform ease-out; z-index: -1; } .btn-primary a:hover { color: #fff; } .icon_call { background-image: url(../../Public/Images/site/icon-call.png); background-repeat: no-repeat; width: 16px; height: 27px; margin-right: 10px; } .btn-primary.btn-call { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 5px 30px; } .button-secondary { background: none; padding: 0; color: #95348d; font-weight: bold; font-size: 14px; margin-top: 10px; } .button-secondary:hover { text-decoration: underline; } .slick-slider { width: 75%; margin: auto; } .slick_item { width: 100%; } .slick-arrow { height: 30px; width: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; background-repeat: no-repeat; background-position: center; background-color: white; } .slick-prev { left: -70px; background-image: url(../../Public/Images/site/arrow_slide.svg); } .slick-next { right: -70px; background-image: url(../../Public/Images/site/arrow_slide.svg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .avis_preview { background-color: rgba(247, 247, 247, 0.9); border-radius: 50px; padding: 12px 10px; margin-left: 10px; } .avis_preview:hover { cursor: pointer; } @media screen and (max-width: 991px) { .avis_preview { margin: 0; } } .avis_preview_txt { text-align: center; margin-bottom: 5px; } .star { display: inline-block; margin-right: 5px; width: 17px; height: 18px; background-image: url(../../Public/Images/site/star_empty.png); background-size: cover; } .stars-1 .star:nth-child(-n+1), .stars-1-0 .star:nth-child(-n+1) { background-image: url(../../Public/Images/site/star_full.png); } .stars-2 .star:nth-child(-n+2), .stars-2-0 .star:nth-child(-n+2) { background-image: url(../../Public/Images/site/star_full.png); } .stars-3 .star:nth-child(-n+3), .stars-3-0 .star:nth-child(-n+3) { background-image: url(../../Public/Images/site/star_full.png); } .stars-4 .star:nth-child(-n+4), .stars-4-0 .star:nth-child(-n+4) { background-image: url(../../Public/Images/site/star_full.png); } .stars-5 .star:nth-child(-n+5), .stars-5-0 .star:nth-child(-n+5) { background-image: url(../../Public/Images/site/star_full.png); } .stars-1-5 .star:nth-child(-n+1) { background-image: url(../../Public/Images/site/star_full.png); } .stars-1-5 .star:nth-child(2) { background-image: url(../../Public/Images/site/star_half.png); } .stars-2-5 .star:nth-child(-n+2) { background-image: url(../../Public/Images/site/star_full.png); } .stars-2-5 .star:nth-child(3) { background-image: url(../../Public/Images/site/star_half.png); } .stars-3-5 .star:nth-child(-n+3) { background-image: url(../../Public/Images/site/star_full.png); } .stars-3-5 .star:nth-child(4) { background-image: url(../../Public/Images/site/star_half.png); } .stars-4-5 .star:nth-child(-n+4) { background-image: url(../../Public/Images/site/star_full.png); } .stars-4-5 .star:nth-child(5) { background-image: url(../../Public/Images/site/star_half.png); } .header_avis { position: fixed; left: 0; right: 0; top: 0; z-index: 10; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); background-color: white; font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: 500; max-height: 250px; } .header_avis_ctn { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 15px; margin-top: 10px; } @media screen and (max-width: 991px) { .header_avis_ctn { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; position: fixed; height: 100vh; background-color: white; top: 70px; bottom: 0; width: 100%; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; margin: 0; padding-top: 30px; padding-bottom: 30px; } } .avis_close { display: block; margin: auto; font-size: 14px; border: none; background-color: initial; font-family: "Quicksand", sans-serif; color: #707070; margin-top: 10px; } .header_avis_ctn .slick-slider { margin: 60px 0 0 0; } .header_avis_ctn .slick-track { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .header_avis_ctn .slick-slide { position: relative; margin-right: 30px; height: inherit; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .header_avis_ctn .slick-slide { margin-right: 0; margin-bottom: 20px; } } .header_avis_ctn .slick-slide:before { content: ''; display: block; position: absolute; height: 70%; bottom: 0; left: -15px; width: 2px; background-color: rgba(84, 84, 83, 0.35); border-radius: 50px; } @media screen and (max-width: 991px) { .header_avis_ctn .slick-slide:before { display: none; } } .header_avis_ctn .slick-slide.slick-active :last-child { margin-right: 0; } .header_avis_ctn .slick-slide.slick-active :last-child::before { display: none; } .slick-active + .slick-slide:not(.slick-active)::before { display: none; } .header_avis_ctn .slick_item { text-align: center; padding: 0 25px 0 25px; } @media screen and (max-width: 991px) { .header_avis_ctn .slick_item { padding: 0; } } .header_client { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .header_client_avis { font-size: 14px; line-height: 24px; margin-top: 10px; } .slick-prev-mobile, .slick-next-mobile { position: absolute; bottom: 0; top: 100%; width: auto; height: auto; background-color: initial; border: none; color: #95348d; font-size: 14px; font-family: "Quicksand", sans-serif; } .slick-prev-mobile { left: 0; } .slick-next-mobile { right: 0; } /* QUESTIONNAIRE AVIS */ .block_questionnaire_ctn { margin-top: 83px; padding-top: 100px; padding-bottom: 100px; text-align: center; } .questionnaire_title { font-size: 24px; color: #95348d; margin-bottom: 30px; } .questionnaire_ss_title { margin-bottom: 20px; } .questionnaire_avis_item { margin-bottom: 5px; } .questionnaire_avis_ctn { margin-bottom: 25px; } .questionnaire_textarea { width: 25%; margin-top: 10px; } @media all and (max-width: 777px) { .questionnaire_textarea { width: 95%; } } .avis_submit { display: inline-block; font-size: 16px; font-family: "Quicksand", sans-serif; margin-top: 10px; } .rating { display: inline-block; position: relative; height: 50px; line-height: 50px; font-size: 50px; } .rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; } .rating label:last-child { position: static; } .rating label:nth-child(1) { z-index: 5; } .rating label:nth-child(2) { z-index: 4; } .rating label:nth-child(3) { z-index: 3; } .rating label:nth-child(4) { z-index: 2; } .rating label:nth-child(5) { z-index: 1; } .rating label input { position: absolute; top: 0; left: 0; opacity: 0; width: 0; height: 0; } .rating label .icon { float: left; color: transparent; } .rating label:last-child .icon { color: #F1F0F0; } .rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon { color: #f7be07; } .rating label input:focus:not(:checked) ~ .icon:last-child { color: #F1F0F0; } [type="text"], [type="email"], [type="password"], [type="tel"], [type="number"] { width: 300px; height: 45px; background-color: #F6F6F5; border-radius: 50px; border: none; padding: 15px 40px 15px 40px; font-size: 14px; } textarea { width: 100%; background-color: #F6F6F5; border-radius: 25px; border: none; padding: 15px 40px 15px 40px; font-size: 14px; font-family: "Gotham Rounded", sans-serif; } [type="checkbox"] { width: 15px; height: 15px; border: 1px solid #BFBFBF; } [type="checkbox"]:checked { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } [type="radio"] { width: 12px; height: 12px; border-radius: 50px; border: 1px solid #BFBFBF; } [type="radio"]:checked { border: 1px solid #f7be07; position: relative; } [type="radio"]:checked::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 50%; bottom: 0; left: 50%; right: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #f7be07; } [type="number"] { height: 30px; width: 60px; background-color: #F6F6F5; border-radius: 50px; border: none; padding: 15px 40px 15px 40px; font-size: 14px; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; /* Chrome */ /* Opera*/ } [type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } [type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } .input-number-small { width: 60px; padding: 5px 0; text-align: center; } .custom_select { position: relative; font-family: "Quicksand", sans-serif; overflow: hidden; width: 200px; border-radius: 25px; -webkit-box-flex: 0; flex: none; } .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered { background-color: #f7be07; color: white; border-radius: 25px; padding-left: 15px; line-height: 40px; } .custom_select .select2-container--default .select2-selection--multiple .select2-selection__rendered { background-color: #f7f7f7; border-radius: 25px; padding-left: 35px; line-height: 40px; } .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow, .custom_select .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 40px; width: 40px; } .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow b, .custom_select .select2-container--default .select2-selection--multiple .select2-selection__arrow b { border-color: white transparent transparent transparent; border-width: 7px 5px 0 5px; } .custom_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .custom_select .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b { border-color: transparent transparent white transparent; border-width: 0 5px 7px 5px; } .custom_select .select2-container .select2-selection--single, .custom_select .select2-container .select2-selection--multiple { height: inherit; } .custom_select .select2-selection--single, .custom_select .select2-selection--multiple { border: none; } .custom_select .select2-container--default .select2-selection--multiple { border: none; } .custom_select .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-bottom: 5px; background-color: #f7be07; color: white; border: 1px solid #f7f7f7; } .custom_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #f7f7f7; margin-right: 5px; } ul.select2-results__options { border-radius: 15px; /*li:first-child { display: none; }*/ } ul.select2-results__options li { padding: 15px; font-family: "Quicksand", sans-serif; font-size: 14px; } ul.select2-results__options li:nth-child(odd) { background-color: #f7f7f7; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #f7be07; } .select2-container--open .select2-dropdown--below { margin-top: 5px; border: 1px solid #DADADA; border-radius: 15px; } .custom_select option { border: none; color: white; } .dialog { position: fixed; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 5px; width: 300px; padding: 20px 30px; background-color: #fff; box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.25); z-index: 6; -webkit-transition: opacity .25s, visibility .25s, top .25s; transition: opacity .25s, visibility .25s, top .25s; font-family: 'Quicksand', sans-serif; } .dialog .dialog-buttons { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } .dialog .dialog-button { padding-top: 10px; padding-bottom: 10px; padding-right: 0; padding-left: 0; max-width: 95px; width: 100%; text-align: center; } .dialog button, .dialog a.dialog-button { display: block; border-radius: 3px; padding: 10px 35px; background-color: #f7be07; border: 1px solid #f7be07; color: white; margin: 0 auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: .8em; font-family: inherit; } .dialog button:hover, .dialog button:focus, .dialog a.dialog-button:hover, .dialog a.dialog-button:focus { background-color: #facb2e; border: 1px solid #facb2e; color: white; } .dialog button:active, .dialog a.dialog-button:active { background-color: #facb2e; border: 1px solid #facb2e; color: white; } .dialog-title { padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 1.2em; color: #707070; } .dialog-content { padding: 15px 0; color: #707070; } .js-dialog--hidden { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } #loaderDiv { display: none; } .lds-dual-ring { display: inline-block; width: 80px; height: 80px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px; margin-bottom: 20px; } .lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #878787; border-color: #878787 transparent #878787 transparent; -webkit-animation: lds-dual-ring 1.2s linear infinite; animation: lds-dual-ring 1.2s linear infinite; } @-webkit-keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: block; width: 100%; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; max-height: 370px; overflow: auto; } .autocomplete-items div { position: relative; padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div::after { content: attr(data-prenomclient); margin-left: 5px; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } .popup_remove_confirm_ctn { visibility: visible; } .popup_remove_confirm_ctn.js-popup-hidden { visibility: hidden; } .popup_remove_confirm_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_supprimer_confirm_ctn { visibility: visible; } .popup_supprimer_confirm_ctn.js-popup-hidden { visibility: hidden; } .popup_supprimer_confirm_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_modify_confirm_ctn { visibility: visible; } .popup_modify_confirm_ctn.js-popup-hidden { visibility: hidden; } .popup_modify_confirm_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_modify_client_ctn { visibility: visible; } .popup_modify_client_ctn.js-popup-hidden { visibility: hidden; } .popup_modify_client_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_commande_confirm_ctn { visibility: visible; } .popup_commande_confirm_ctn.js-popup-hidden { visibility: hidden; } .popup_commande_confirm_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_container { font-family: 'Quicksand', sans-serif; font-weight: normal; } .popup_container h4 { margin-bottom: 30px; } .popup_container .popup_remove_text { margin-bottom: 0; } .popup_modify_coord { padding: 30px !important; } .form_popup_row { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 15px; box-sizing: border-box; } .form_popup_ascenseur input { margin-left: 30px; margin-right: 10px; } .input_popup_secondary { padding: 10px 80px; } .popup_validation_livraison_ctn { visibility: visible; } .popup_validation_livraison_ctn.js-popup-hidden { visibility: hidden; } .popup_validation_livraison_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_validation_livraison_ctn .button_huge { width: 100%; } .popup_validation_livraison_ctn .popup_anomalie { padding: 15px; width: 90%; } .popup_validation_livraison_ctn .popup_anomalie .popup_remove_close { position: relative; margin-left: auto; width: 43px; height: 43px; color: #fff; background-color: #f7be07; border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; top: 0; right: 0; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .popup_validation_livraison_ctn .popup_anomalie .popup_remove_close svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); stroke: #fff; } .popup_validation_livraison_ctn .popup_anomalie .popup_remove_close:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .popup_validation_livraison_ctn .popup_anomalie .popup_img { padding-bottom: 50px; } .popup_validation_livraison_ctn .popup_anomalie .popup_remove_text { font-family: 'Quicksand'; font-weight: 400; font-size: 20px; line-height: 30px; margin-top: 40px; } .popup_validation_livraison_ctn .popup_anomalie .button_huge button { width: 100%; } /* Fin popup */ .header_full { position: fixed; left: 0; right: 0; top: 0; z-index: 1; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); width: 100%; background-color: white; font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header_top { background-color: transparent; box-shadow: none; } .header_top .header_logo { background-image: url(../../Public/Images/site/header_logo_white.png); height: 49px; width: 208px; } .header_top a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: white; } .header_top a:hover { color: #f7be07; } @media screen and (max-width: 991px) { .header_top .menu_txt { color: white; } .header_top .burger_menu_1, .header_top .burger_menu_2 { background-color: #f7be07; } .header_top .menu_ctn > div a { color: #878787; font-size: 24px; } } @media all and (max-width: 1500px) { .header_ctn.container { width: 95% !important; } } .header_ctn { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 10px; margin-bottom: 10px; height: 63px; } @media all and (max-width: 1310px) { .header_ctn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } } @media screen and (max-width: 991px) { .header_ctn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; display: -webkit-box; display: flex; } } .header_logo_ctn { width: 20%; } @media screen and (max-width: 991px) { .header_logo_ctn { margin-right: 0; } } .header_logo { background-image: url(../../Public/Images/site/header_logo.png); background-repeat: no-repeat; background-position: center; width: 163px; height: 100%; } @media all and (min-width: 1500px) { .header_logo { margin-left: auto; } } @media screen and (max-width: 991px) { .header_logo { height: 60px; } } .menu_ctn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 991px) { .menu_ctn { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: fixed; left: -100%; height: calc(100vh - 70px); background-color: white; top: 70px; bottom: 0; width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-animation: slideout 0.5s ease-in; animation: slideout 0.5s ease-in; padding-top: 30%; padding-bottom: 30%; } .menu_ctn.js-visible { -webkit-animation: slidein 1s ease-in; animation: slidein 1s ease-in; left: 0; } .menu_ctn > div a { font-size: 24px; color: #878787; } .menu_ctn .div, .menu_ctn a { margin-bottom: 10px; } } .menu_ctn > div { margin-right: 20px; } .menu_ctn > div:last-child { margin-right: 0; } .header_ctn .btn-primary { margin-right: 15px; } .header_ctn .btn-primary:hover { color: white; } @media all and (max-width: 1025px) { .header_ctn .btn-primary { padding: 12px 15px; } } @media all and (max-width: 1025px) { .header_ctn .btn-primary.btn-call { padding: 5px 15px; } } .hamburger { display: inline-block; cursor: pointer; } .menu { display: none; } @media screen and (max-width: 991px) { .menu { display: block; } } .menu_txt { display: inline-block; cursor: pointer; margin-left: 1.5em; } .hamburger-box { width: 30px; display: inline-block; position: relative; } .burger_menu_1, .burger_menu_2 { width: 30px; height: 3px; background-color: #95348d; border-radius: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .15s; transition-duration: .15s; margin-bottom: 5px; } .burger_menu_2 { margin-bottom: initial; } .burger_menu_1.icon-close { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; margin-bottom: initial; top: -8px; } .burger_menu_2.icon-close { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: -8px; } .header_avis_ctn .slick-slider { width: 85%; margin: auto; margin-top: 40px; } .header_avis_ctn .slick-slider .slick-prev { left: -50px; } .header_avis_ctn .slick-slider .slick-next { right: -50px; } /* HEADER LOG */ .header_log_full { background-color: white; font-family: "Quicksand", sans-serif; } @media screen and (max-width: 991px) { .header_log_full { position: fixed; top: 0; left: 0; right: 0; z-index: 10; } } .header_log_full .btn-primary { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); } .header_log_ctn { width: 100%; display: -webkit-box; display: flex; } @media screen and (max-width: 991px) { .header_log_ctn { background-color: #832c7c; margin-bottom: 0; } } .header_log { margin-bottom: 26px; } .header-submenu { display: -webkit-box; display: flex; font-weight: lighter; padding-top: 26px; font-family: "Quicksand", sans-serif; max-width: 1610px; width: 95%; margin: 0 auto; -webkit-box-pack: end; justify-content: flex-end; } .header-submenu .header-submenu-item { margin-right: 50px; font-weight: 700; } .header-submenu .header-submenu-item a { -webkit-transition: all .3s; transition: all .3s; } .header-submenu .header-submenu-item a:hover, .header-submenu .header-submenu-item a.active { color: #832c7c; } .header-submenu .header-submenu-item:last-child { margin-right: 0; } @media all and (max-width: 992px) { .header-submenu .header-submenu-item { margin-right: 0; } } @media all and (max-width: 992px) { .header-submenu { justify-content: space-around; margin-top: 40px; margin-right: 0; width: 100%; font-size: 13px; } } .header_log_logo_ctn { position: relative; width: 10%; } @media screen and (max-width: 991px) { .header_log_logo_ctn { display: none; } } .header_log_info_ctn { position: relative; width: 100%; background-color: #95348d; padding: 10px 10px 10px 50px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-left: auto; /* @include media-max-large { width: 100%; }*/ /* le petit cercle tout mignon a gauche de la navbar */ } @media all and (min-width: 1400px) { .header_log_info_ctn { width: 90%; border-bottom-left-radius: 50px; border-top-left-radius: 50px; } } @media only screen and (max-width: 1400px) { .header_log_info_ctn { padding: 10px 10px 10px 10px; } } .header_log_info_ctn::before { content: ""; position: absolute; top: 50%; box-sizing: border-box; width: 46px; height: 46px; border-radius: 50%; left: -65px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #95348d; display: none; } @media all and (min-width: 1400px) { .header_log_info_ctn::before { display: block; } } .header_log_logo { text-align: right; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .header_log_logo img { margin-right: 20px; } .header_log_magasin { font-size: 16px; color: white; } .header_log_ctn .menu_ctn { margin-right: 5%; } .header_log_ctn .menu_ctn a { color: white; } .header_connectee .menu_ctn { margin-right: 5%; } .header_connectee .menu_ctn a:not(.btn-primary):hover { color: #f7be07; } @media only screen and (max-width: 1400px) { .header_connectee .menu_ctn { margin-right: 0; } } .header_log_ctn .menu_ctn .btn-primary { background-color: rgba(255, 255, 255, 0.25); margin-right: 10px; } .header_log_ctn .menu_ctn .btn-primary:last-child { margin-right: 0; } .header_log_ctn .menu_ctn .btn-primary::after { background-color: #832c7c; } .header_log_link { margin-right: 5%; text-align: right; margin-bottom: 50px; } .header_log_link a { margin-right: 50px; font-size: 14px; } @media all and (max-width: 380px) { .header_log_link a { display: block; text-align: center; margin-right: 0; margin-bottom: 20px; } } .header_log_link a:last-child { margin-right: 0; } @media screen and (max-width: 991px) { .header_log_link { margin-top: 60px; } } @media all and (max-width: 380px) { .header_log_link { margin-right: 0; } } @media screen and (max-width: 991px) { .menu.menu_connecte { min-width: 100px; } } .menu.menu_connecte .burger_menu_1, .menu.menu_connecte .burger_menu_2 { background-color: white; } .menu.menu_connecte .menu_txt { color: white; } @media screen and (max-width: 991px) { .menu_ctn.menu_connecte_ctn { top: 36px; height: calc(100vh - 36px); } .menu_ctn.menu_connecte_ctn a { color: #707070; } .menu_ctn.menu_connecte_ctn .btn-primary { color: white; } } .header_connectee .header_log_ctn .menu_ctn .btn-primary, .header_livreur .header_log_ctn .menu_ctn .btn-primary { background-color: #95348d; } .header_connectee .header_log_ctn .menu_ctn .btn-primary::after, .header_livreur .header_log_ctn .menu_ctn .btn-primary::after { background-color: #832c7c; } .livreur_header_ctn { width: 100%; border-radius: inherit; -webkit-box-pack: justify; justify-content: space-between; padding: 10px; padding-left: 5%; } .livreur_header { margin-right: 5%; } .back_arrow { margin-right: 10%; } .back_arrow svg * { fill: #ffffff; } .back_arrow svg { width: 20px; } @media screen and (max-width: 991px) { .menu-livreur-ctn { top: 42px; height: calc(100vh - 42px); } } .menu--livreur { background-color: white; } /* Header livreur */ .header_livreur { position: fixed; width: 100%; height: 60px; color: #fff; background-color: #95348d; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 0 15px; z-index: 10000; } .header_livreur .header_logo_livreur { margin-left: auto; max-width: 160px; width: 100%; } .header_livreur .header_logo_livreur img { width: 100%; height: auto; } .header_livreur .menu_burger_v2 { margin-right: 20px; } .header_livreur .btn_livreur_enlevement, .header_livreur .btn_livreur_livraison, .header_livreur .btn_livreur_commande { display: none; } .header_livreur .btn_livreur_enlevement.active, .header_livreur .btn_livreur_livraison.active, .header_livreur .btn_livreur_commande.active { display: -webkit-box; display: flex; } .header_livreur .btn_livreur_livraison { fill: #fff; color: #fff; } .btn_primary_huge { text-transform: uppercase; background-color: #f7be07; width: 43px; height: 43px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 10px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); cursor: pointer; overflow: hidden; margin-left: 5px; font-size: 30px; font-weight: bold; } .btn_primary_huge:first-child { margin-left: 0; } .btn_primary_huge:hover { background-color: #f7be07; opacity: .9; color: #fff !important; } /* Burger */ /* .menu_burger_v2 { display: block; width: 39px; height: 18px; position: relative; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .menu_burger_v2 span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; -webkit-border-radius: 9px; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .menu_burger_v2 span:nth-child(1) { top: 0px; } .menu_burger_v2 span:nth-child(2) { top: 8px; } .menu_burger_v2 span:nth-child(3) { top: 16px; } .menu_burger_v2.active span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .menu_burger_v2.active { height: 39px; } .menu_burger_v2.active span:nth-child(2) { opacity: 0; left: -60px; } .menu_burger_v2.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }*/ .page-anomalie .menu_burger_v2 { display: none; } .page-anomalie .btn-retour { display: -webkit-box; display: flex; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .btn-retour { display: none; } .btn-retour::after { content: "Retour"; position: absolute; font-size: 15px; text-transform: capitalize; right: -50px; z-index: 10000; } .menu_burger_v2 { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-height: 28px; background-color: transparent; color: inherit; padding-left: 0; padding-right: 0; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; } .menu_burger_v2 .sr-only { text-indent: -10000000px; } .menu_burger_v2:focus { outline: none; } .menu_burger_v2__text { margin-left: 10px; font-size: 1.125rem; font-weight: 700; line-height: 1; } .menu_burger_v2__bars { display: block; position: relative; width: 39px; height: 2px; background-color: #fff; -webkit-transition: .3s; transition: .3s; } .menu_burger_v2__bars:before, .menu_burger_v2__bars:after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: .3s; transition: .3s; } .menu_burger_v2__bars:before { -webkit-transform: translate(0, -12px); transform: translate(0, -12px); } .menu_burger_v2__bars:after { -webkit-transform: translate(0, 12px); transform: translate(0, 12px); } .menu_burger_v2.active .menu_burger_v2__bars { background-color: transparent; } .menu_burger_v2.active .menu_burger_v2__bars:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu_burger_v2.active .menu_burger_v2__bars:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* menu responsive */ .header_responsive { display: none; position: absolute; top: 60px; left: 0; right: 0; bottom: 0; height: calc(100vh - 60px); overflow: auto; background-color: #832c7c; color: #fff; z-index: 10000; } .header_responsive.active { display: block; } .header_responsive_container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; font-size: 29px; } .header_responsive_container > * { margin-top: 60px; } .header_responsive_container .btn-primary { font-size: 14px; } .footer_full_ctn { background-color: #95348d; font-family: "Quicksand", sans-serif; } .footer_full_logo { text-align: center; padding: 50px 0 50px 0; } .footer_logo { display: block; margin: auto; margin-bottom: 20px; } .footer_connexion { color: white; display: inline-block; padding: 15px 40px 15px 40px; background-color: #832c7c; border-radius: 50px; font-size: 16px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } .footer_connexion:last-child { margin-right: 0; } .footer_infos_ctn { background-color: #832c7c; color: white; padding: 10px 0 10px 0; } .footer_infos { width: 85%; margin: auto; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media all and (max-width: 1110px) { .footer_infos { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .footer_infos_copy { font-size: 12px; } @media all and (max-width: 1110px) { .footer_infos_copy { margin-bottom: 10px; } } .footer_infos_link { text-transform: uppercase; font-size: 16px; } @media screen and (max-width: 991px) { .footer_infos_link { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; margin-top: 10px; margin-bottom: 5px; } .footer_infos_link div { margin-bottom: 5px; } } .footer_infos_link a { display: inline-block; margin-right: 30px; } @media screen and (max-width: 991px) { .footer_infos_link a { margin-right: 0; margin-bottom: 5px; } } .footer_infos_rs { display: -webkit-box; display: flex; } @media all and (max-width: 1110px) { .footer_infos_rs { margin-top: 10px; } } .footer_infos_rs a { margin-right: 15px; } .footer_infos_rs a:last-child { margin-right: 0; } .footer_infos_rs .linkedin { background-image: url(../../Public/Images/site/linkedin.png); height: 24px; width: 24px; } .footer_infos_rs .facebook { background-image: url(../../Public/Images/site/facebook.png); height: 24px; width: 24px; } .footer_infos_rs .drcreation { background-image: url(../../Public/Images/site/drcreation.png); height: 24px; width: 24px; background-repeat: no-repeat; background-position: center; } .img_header { height: 100vh; width: 100%; background-image: url(../../Public/Images/site/img_header.jpg); background-repeat: no-repeat; background-size: cover; -o-object-fit: cover; object-fit: cover; position: relative; background-position: center center; top: 0; } .accueil_first_ctn { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: 100%; } @media screen and (max-width: 991px) { .accueil_first_ctn { text-align: center; padding: 0 15px 0 15px; } } .accueil_title { color: white; font-size: 35px; margin-bottom: 15px; } .accueil_ss_title { color: white; font-size: 24px; margin-bottom: 15px; font-family: "Gotham Book", sans-serif; } .accueil_block_services { width: 80%; margin: auto; margin-top: 50px; } @media screen and (max-width: 991px) { .accueil_block_services { width: 90%; } } .service_title { text-align: center; font-weight: normal; } .service_purple { color: #95348d; font-size: 18px; display: inline-block; margin-right: 25px; } .service_yellow { color: #f7be07; font-size: 18px; } .block_services_infos { display: -webkit-box; display: flex; margin-top: 40px; margin-bottom: 100px; font-family: "Gotham Book", sans-serif; } @media screen and (max-width: 991px) { .block_services_infos { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 50px; } } .service_item { text-align: center; margin-right: 50px; width: calc(100% - 100px)/3; padding: 0 30px 0 30px; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } @media screen and (max-width: 991px) { .service_item { margin-right: 0; margin-bottom: 35px; padding: 0; -webkit-transform: initial; transform: initial; opacity: 1; -webkit-transition: inherit; transition: inherit; } } .service_item:last-child { margin-right: 0; } .service_item.anim_item_1 { transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1); -ms-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1); } .service_item.anim_item_2 { transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); } .service_item.anim_item_3 { transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -ms-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); } .service_item.js-anim-service { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .service_img_ctn { height: 141px; margin-bottom: 10px; } .service_item_title { color: #95348d; font-size: 18px; margin-bottom: 10px; } .service_item_ss_title { color: #f7be07; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .service_item_desc { color: #878787; line-height: 24px; } .icon_plus { display: inline-block; background-image: url(../../Public/Images/site/icon_plus.png); width: 19px; height: 19px; } .shopago_title { color: #95348d; font-size: 18px; text-align: center; font-weight: normal; } .accueil_block_shopago { width: 90%; margin: auto; margin-top: 50px; margin-bottom: 80px; } @media screen and (max-width: 991px) { .accueil_block_shopago { margin-bottom: 50px; } } .block_shopago_infos { margin-top: 60px; font-family: "Quicksand", sans-serif; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .block_shopago_infos { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .shopago_item { margin-right: 40px; text-align: center; width: calc((100% - 160px) / 5); } @media screen and (max-width: 991px) { .shopago_item { margin-right: 0; margin-bottom: 35px; width: 100%; } } .shopago_item:last-child { margin-right: 0; } .shopago_img_ct { margin-bottom: 15px; } .shopago_item_title { color: #ebb941; font-size: 16px; margin-bottom: 10px; } .shopago_desc { font-size: 14px; line-height: 24px; } .accueil_block_pro { background: -webkit-gradient(linear, left top, right top, color-stop(40%, #95358b), color-stop(41%, white)); background: linear-gradient(90deg, #95358b 40%, white 41%); transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1); } @media all and (max-width: 1891px) { .accueil_block_pro { background: initial; } } @media screen and (max-width: 991px) { .accueil_block_pro { -webkit-transform: initial; transform: initial; -webkit-transition: inherit; transition: inherit; } } .block_pro_effect { -webkit-transform: translateX(0%); transform: translateX(0%); } .block_pro_ctn { background-image: url(../../Public/Images/site/background_violet.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding-top: 60px; padding-bottom: 60px; position: relative; min-height: 344px; } @media all and (max-width: 1220px) { .block_pro_ctn { background-image: initial; background-color: #95358b; } } .block_pro_ctn:before { content: ''; display: block; background-image: url(../../Public/Images/site/camion_new.png); background-repeat: no-repeat; background-size: contain; background-position-x: 80px; width: 995px; height: 481px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); left: -7%; transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -ms-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); } @media all and (min-width: 2000px) { .block_pro_ctn:before { background-position-x: 50%; } } @media all and (max-width: 1570px) { .block_pro_ctn:before { background-position-y: 60px; } } @media all and (max-width: 1480px) { .block_pro_ctn:before { background-size: 50%; background-position-y: 50%; } } @media all and (max-width: 1220px) { .block_pro_ctn:before { display: none; } } .block_pro_effect .block_pro_ctn::before { -webkit-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%); } .block_pro_infos { width: 40%; margin: auto; padding-left: 5%; color: white; } @media all and (max-width: 1830px) { .block_pro_infos { margin-left: 35%; } } @media all and (max-width: 1510px) { .block_pro_infos { width: 75%; } } @media all and (max-width: 1220px) { .block_pro_infos { text-align: center; margin: auto; padding: 0; width: 100%; } } .block_pro_ctn .btn-primary { display: inline-block; position: relative; } .pro_title { font-size: 24px; margin-bottom: 40px; font-weight: normal; line-height: 24px; } .pro_title span { color: #f7be07; } .pro_desc_ctn { display: -webkit-box; display: flex; margin-bottom: 35px; } @media all and (max-width: 1220px) { .pro_desc_ctn { -webkit-box-pack: center; justify-content: center; } } @media screen and (max-width: 991px) { .pro_desc_ctn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 25px; } } .block_desc_item { margin-right: 50px; font-size: 14px; } .block_desc_item p { margin-bottom: 15px; } @media screen and (max-width: 991px) { .block_desc_item p { margin-bottom: 25px; } } .block_desc_item:last-child { margin-right: 0; } @media screen and (max-width: 991px) { .block_desc_item { margin-right: 0; } } .accueil_block_avis .service_title { margin-bottom: 40px; } @media screen and (max-width: 991px) { .accueil_block_avis .service_title { width: 90%; margin: auto; } } .accueil_block_avis .service_title .service_purple { font-weight: normal; } .accueil_block_avis { background-color: #F8F7F8; padding: 50px 0 50px 0; } /* Slider avis specifif css */ .accueil_avis_slider { margin-top: 20px; } .accueil_avis_slider.slick-slider { width: 80%; } .accueil_avis_slider .slick-track { padding-bottom: 50px; padding-top: 50px; } @media all and (max-width: 777px) { .accueil_avis_slider .slick-track { padding-top: 30px; padding-bottom: 20px; } } .accueil_avis_slider .slick-slide { margin-right: 50px; position: relative; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .accueil_avis_slider .slick-slide { margin-right: 0; } } .accueil_avis_slider .slick-slide > div { width: 50%; display: inline-block; text-align: center; position: relative; } @media screen and (max-width: 991px) { .accueil_avis_slider .slick-slide > div { width: 80%; } } .accueil_avis_slider .slick-slide > div::before { content: ''; display: block; position: absolute; top: -15px; left: -55px; background-image: url(../../Public/Images/site/citations.svg); background-repeat: no-repeat; width: 55px; height: 55px; } @media all and (max-width: 777px) { .accueil_avis_slider .slick-slide > div::before { width: 30px; height: 30px; top: -1%; left: -10%; } } @media all and (max-width: 440px) { .accueil_avis_slider .slick-slide > div::before { display: none; } } .accueil_avis_slider .slick-slide > div::after { content: ''; display: block; position: absolute; bottom: -10px; right: -65px; background-image: url(../../Public/Images/site/citations.svg); -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 55px; height: 55px; } @media all and (max-width: 777px) { .accueil_avis_slider .slick-slide > div::after { width: 30px; height: 30px; bottom: 0; right: -40px; } } @media all and (max-width: 440px) { .accueil_avis_slider .slick-slide > div::after { display: none; } } .accueil_avis_slider .slick-dots { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .accueil_avis_slider .slick-dots a { margin-right: 5px; } .accueil_avis_slider .slick-dots .slick-active { color: #f7be07; } .accueil_avis_text { text-align: center; } .accueil_avis_ctn { font-family: "Quicksand", sans-serif; font-size: 14px; line-height: 30px; } .accueil_avis_client { margin-top: 20px; color: #f7be07; font-weight: bold; text-align: right; } .accueil_block_partenaire { margin-top: 50px; margin-bottom: 50px; } .partenaire_title { font-size: 18px; color: #95348d; text-align: center; margin-bottom: 50px; font-weight: normal; } .patenaire_label { display: none; } .partenaire_img { background-color: #f7f7f7; height: 120px; width: 250px; border-radius: 25px; position: relative; } @media screen and (max-width: 991px) { .partenaire_img { margin: auto; } } .partenaire_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 200px; } @media screen and (max-width: 991px) { .partenaire_slick .slick-slide { margin-bottom: 15px; } } .partenaire_slick .slick-prev-mobile, .partenaire_slick .slick-next-mobile { width: 40%; z-index: 0; } .mentions_legales_ctn { position: relative; top: 100px; width: 80%; margin: 120px auto; margin-top: 0; line-height: 24px; } .mentions_legales_ctn h1 { text-align: center; font-size: 28px; color: #95348d; margin-bottom: 50px; } .mentions_legales_ctn h2 { font-size: 18px; margin-bottom: 15px; color: #95348d; } .mentions_legales_ctn > div { margin-top: 30px; } .bg-left::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; right: 0; display: block; background: transparent; z-index: -1; background-image: url(../../Public/Images/site/login_background.png); background-repeat: no-repeat; background-position-x: -40px; background-position-y: center; } @media only screen and (max-width: 1300px) { .bg-left::after { background-image: none; display: none; } } .block_login_ctn { margin-top: 83px; padding-top: 120px; padding-bottom: 120px; text-align: center; background-image: url(../../Public/Images/site/login_background.png); background-repeat: no-repeat; background-position-x: -40px; background-position-y: center; } @media screen and (max-width: 991px) { .block_login_ctn { background-image: inherit; } } .login_title { color: #95348d; font-size: 18px; margin-bottom: 20px; font-weight: normal; } .form_login { display: -webkit-box; display: flex; } .block_login_ctn .login_email, .block_login_ctn .login_pass { margin-bottom: 20px; } a.login_change_mdp { display: inline-block; margin-bottom: 15px; font-size: 14px; font-family: "Gotham Rounded", sans-serif; color: #707070; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a.login_change_mdp:hover { color: #f7be07; } .login_label_remember { font-size: 14px; } .login_remember { width: 12px; height: 12px; border-radius: 50px; border: 1px solid #BFBFBF; margin-right: 5px; } .login_remember:hover { cursor: pointer; } .login_remember:checked { border: 1px solid #f7be07; position: relative; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } .login_remember:checked::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 50%; bottom: 0; left: 50%; right: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #f7be07; } .login_label_remember:hover { cursor: pointer; } .login_submit { text-align: center; margin: auto; margin-top: 20px; padding: 15px 60px; font-size: 14px; } .login_submit:hover { cursor: pointer; background-color: #facb2e; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .login_mdp_link { margin-bottom: 20px; } .login_mail_ctn { position: relative; } .block_contact_ctn { margin-top: 83px; padding-top: 100px; padding-bottom: 100px; } .contact_title { font-size: 20px; color: #f7be07; text-align: center; margin-bottom: 50px; font-weight: normal; } .contact_title span { display: inline-block; font-size: 25px; font-weight: bold; color: #95348d; margin-left: 15px; } .contact_ctn { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; /*background-image: url($path-to-images + '/ordinateur.png');*/ } @media all and (max-width: 1020px) { .contact_ctn { width: 95%; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .contact_infos_ctn { font-size: 16px; line-height: 25px; color: white; background-color: #f7be07; padding: 10px 20px 10px 20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; border-radius: 15px; margin-right: 40px; } .contact_infos_ctn a:hover { color: white; } @media all and (max-width: 1020px) { .contact_infos_ctn { text-align: center; margin-bottom: 20px; } } .contact_itineraire { display: inline-block; background-color: white; color: #f7be07; padding: 12px 30px; margin-top: 20px; border-radius: 50px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; } .contact_itineraire:hover { color: white; background-color: #facb2e; } .contact_form_ctn { border-radius: 15px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); padding: 25px; } @media all and (max-width: 1020px) { .contact_form_ctn { text-align: center; } } .contact_civilite { margin-right: 5px; margin-left: 15px; } .contact_civilite:first-child { margin-left: 0; } .civilite_ctn { margin-bottom: 20px; } .contact_input_ctn > input { margin-bottom: 10px; font-family: "Gotham Rounded-light", sans-serif; } @media all and (max-width: 1550px) { .contact_input_ctn > input { width: 100%; } } .contact_submit { margin-top: 30px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); background-color: #f7be07; color: white; border: initial; padding: 12px 30px; border-radius: 50px; font-family: "Gotham Rounded", sans-serif; font-size: 14px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; } .contact_submit:hover { background-color: #facb2e; } .contact_submit_ctn { text-align: center; } .contact_img { margin-left: 30px; align-self: center; } @media all and (max-width: 1550px) { .contact_img { display: none; } } .contact__input_textarea { height: 116px; resize: none; font-family: "Gotham Rounded-light", sans-serif; } /* RGPD */ .rgpd_container { margin-bottom: 10px; margin-top: 15px; max-width: 600px; } .rgpd_container label { display: inline; } .rgpd_checkbox_contact { margin-right: 5px; } .rgpd_link { text-decoration: underline; } .block_livraison_ctn { margin-top: 83px; padding-top: 100px; color: #878787; } @media screen and (max-width: 991px) { .block_livraison_ctn { padding-top: 50px; } } .livraison_presentation_ctn { width: 70%; margin: auto; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (max-width: 991px) { .livraison_presentation_ctn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; width: 90%; } } .livraison_presentation { width: 40%; text-align: center; } @media screen and (max-width: 991px) { .livraison_presentation { width: 90%; margin-bottom: 30px; } } .livraison_pres_title { color: #f7be07; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .livraison_pres_ss_title { font-size: 18px; color: #95348d; } .livraison_pres_desc { margin-top: 20px; font-size: 16px; line-height: 24px; font-family: "Gotham Book", sans-serif; } .livraison_pro_ctn { margin-top: 60px; text-align: center; background-image: url(../../Public/Images/site/livraison_background.svg); background-repeat: no-repeat; background-position-x: 98%; background-size: contain; } @media all and (max-width: 1250px) { .livraison_pro_ctn { background-image: none; } } @media screen and (max-width: 991px) { .livraison_pro_ctn { margin-top: 10px; } } .livraison_pro { width: 50%; margin: auto; } @media screen and (max-width: 991px) { .livraison_pro { width: 90%; } } .livraison_pro_btn { display: inline-block; text-align: center; background-color: #95348d; border-radius: 50px; color: white; padding: 12px 100px; margin-bottom: 30px; } .livraison_pro_pres { font-size: 16px; line-height: 24px; color: #95348d; font-family: "Gotham Book", sans-serif; } .livraison_pro_items { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 90px; padding-bottom: 90px; } @media screen and (max-width: 991px) { .livraison_pro_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding-bottom: 30px; margin-top: 50px; } } .livraison_pro_item { margin-right: 50px; width: 33%; } @media screen and (max-width: 991px) { .livraison_pro_item { width: 100%; margin-right: 0; margin-bottom: 30px; } } .livraison_pro_item:last-child { margin-right: 0; } .livraison_pro_desc { font-size: 16px; line-height: 24px; margin-top: 10px; } .livraison_services_ctn { text-align: center; padding-bottom: 50px; } @media screen and (max-width: 991px) { .livraison_services_ctn { width: 80%; margin: auto; } } .livraison_service_title { font-size: 20px; color: #f7be07; margin-bottom: 30px; font-weight: normal; } .livraison_service_title span { font-size: 23px; font-weight: bold; color: #95348d; display: inline-block; margin-left: 15px; } .livraison_service_desc { font-size: 16px; line-height: 24px; font-family: "Gotham Book", sans-serif; } .block_entreprise_ctn { padding-bottom: 50px; width: 90%; margin: auto; margin-top: 133px; color: #878787; font-size: 14px; font-family: "Gotham Rounded", sans-serif; position: relative; min-height: 1250px; line-height: 24px; } .block_entreprise_ctn > div { width: 33%; } @media all and (max-width: 1250px) { .block_entreprise_ctn > div { position: initial; top: initial; right: initial; bottom: initial; width: 100%; margin-bottom: 50px; } } .entreprise_pres_desc { margin-top: 30px; } .entreprise_historique { position: absolute; top: 30%; left: 0; } .block_entreprise_ctn .entreprise_promesse { position: absolute; top: 1%; right: 4%; margin-bottom: 15%; } @media all and (max-width: 1600px) { .block_entreprise_ctn .entreprise_promesse { width: 28%; } } @media all and (max-width: 1250px) { .block_entreprise_ctn .entreprise_promesse { position: initial; top: initial; right: initial; bottom: initial; width: 100%; margin-bottom: 50px; } } .entreprise_prestations { position: absolute; top: 48%; right: 8%; } .block_entreprise_ctn .entreprise_equipe { position: absolute; bottom: 10%; left: 0; width: 45%; } @media all and (max-width: 1600px) { .block_entreprise_ctn .entreprise_equipe { bottom: 5%; width: 45%; } } @media all and (max-width: 1250px) { .block_entreprise_ctn .entreprise_equipe { position: initial; top: initial; right: initial; bottom: initial; width: 100%; } } .equipe_desc { display: -webkit-box; display: flex; margin-top: 20px; } @media screen and (max-width: 991px) { .equipe_desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding-bottom: 30px; } } .equipe_fondateur { width: 50%; display: -webkit-box; display: flex; } @media screen and (max-width: 991px) { .equipe_fondateur { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; margin-bottom: 50px; } } .fondateur_desc { text-align: center; padding: 0 20px 0 20px; } @media all and (max-width: 1555px) { .fondateur_desc { padding: 0; } } @media screen and (max-width: 991px) { .fondateur_desc { width: 100%; } } .fondateur_nom { color: #95348d; font-size: 14px; margin-bottom: 5px; } .fondateur_titre { color: #f7be07; font-size: 14px; margin-bottom: 10px; } .entreprise_background { position: absolute; top: 38%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30%; } .entreprise_background img { width: 100%; } @media all and (max-width: 1250px) { .entreprise_background { display: none; } } .entreprise_title { font-size: 18px; color: #95348d; margin-bottom: 30px; font-weight: normal; } .form_commande_client { width: 100%; margin: auto; display: -webkit-box; display: flex; margin-bottom: 30px; -webkit-box-pack: justify; justify-content: space-between; } @media all and (max-width: 992px) { .form_commande_client { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } } .form_commande_client [type="text"], .form_commande_client [type="email"], .form_commande_client [type="password"], .form_commande_client [type="tel"], .form_commande_client [type="number"] { width: 100% !important; display: block; padding: 0 0px 0 20px; box-sizing: border-box; } .form_recap_commande_client { -webkit-box-pack: center; justify-content: center; } .form_enlevement_ctn { font-family: "Gotham Book", sans-serif; } .form_commande_enlevement { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; width: 33%; padding: 32px 90px; } @media only screen and (max-width: 1400px) { .form_commande_enlevement { padding: 20px 40px; } } @media all and (max-width: 992px) { .form_commande_enlevement { margin-bottom: 20px; width: 100%; padding: 50px 30px; } } .form_commande_destination { width: 66%; padding: 32px 169px; } @media all and (max-width: 992px) { .form_commande_destination { width: 100%; padding: 50px 35px; } } @media all and (max-width: 1500px) { .form_commande_destination { padding: 32px 100px; } } @media all and (max-width: 1250px) { .form_commande_destination { padding: 32px 35px; } } .form_commande_destination textarea { height: 78px; resize: none; } .form_enlevement_img img { max-width: 145px; } .livraison_shopago { margin: 10px 0 30px 0; } .form_commande_title { font-size: 18px; color: #95348d; margin-bottom: 20px; font-weight: inherit; } .form_enlevement_ctn input { margin-bottom: 10px; } @media all and (max-width: 992px) { .form_enlevement_ctn input { display: block; margin: auto; margin-bottom: 15px; } } .form_destination_ctn { width: 100%; margin: auto; font-family: "Gotham Book", sans-serif; } .form_destination_ctn [type="number"] { height: 45px; } .form_destination_row { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 15px; box-sizing: border-box; } .form_destination_row > * + * { margin-left: 14px; } @media all and (max-width: 992px) { .form_destination_row { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 0; } .form_destination_row input:not([type=radio]):not([type=checkbox]) { margin-bottom: 15px; } .form_destination_row > * + * { margin-left: 0px; } } .form_destination_center { margin-bottom: 15px; } .form_destination_option { text-align: initial; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .form_destination_option > .form_options { width: 50%; } @media all and (max-width: 992px) { .form_destination_option > .form_options { width: 100%; } } .input_adresse { width: 100%; } @media all and (max-width: 992px) { .input_adresse { width: 300px; } } .form_options { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 15px; width: 100%; padding-left: 10px; } .form_options label { margin-left: 5px; } .ascenseur_cnt { width: 100%; display: block; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; justify-content: space-around; height: 45px; box-sizing: border-box; } /*.section_commande_client { border-bottom: 1px solid $light-white; }*/ .article_commande { width: 100%; margin: auto; padding-top: 30px; margin-bottom: 20px; position: relative; border-top: 1px solid #f7f7f7; border-radius: 15px; } @media all and (max-width: 380px) { .article_commande { padding-top: 35px; margin-bottom: 35px; } } .article_commande_title { text-align: center; font-family: "Quicksand", sans-serif; font-weight: bold; font-size: 18px; margin-bottom: 30px; color: #95348d; } .article_commande_title--section { font-size: 22px; margin-bottom: 50px; text-align: center; font-family: "Quicksand", sans-serif; font-weight: bold; color: #95348d; } .article_commande_head { position: relative; margin-bottom: 20px; } @media all and (max-width: 992px) { .article_commande_head { text-align: center; } } .search_article { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 340px; height: 45px; background-color: #F6F6F5; border-radius: 50px; border: none; padding: 15px 40px 15px 60px; font-size: 14px; font-family: "Gotham Book", sans-serif; background-image: url(../../Public/Images/site/search_input.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position-x: 10%; background-position-y: center; } @media all and (max-width: 992px) { .search_article { position: static; top: initial; -webkit-transform: initial; transform: initial; } } @media all and (max-width: 420px) { .search_article { width: 100%; } } .remove_article { position: absolute; bottom: 15px; right: 0; background-color: inherit; color: #707070; font-family: "Gotham Book", sans-serif; font-size: 14px; padding: 0; display: inline-block; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media all and (max-width: 992px) { .remove_article { position: static; } } .remove_article:hover { color: #95348d; } .remove_article:hover .remove-icon { background-image: url(../../Public/Images/site/remove_article_violet.svg); } .remove-icon { display: inline-block; width: 11px; height: 13px; background-image: url(../../Public/Images/site/remove_article.svg); background-repeat: no-repeat; background-size: contain; margin-right: 5px; } .add_article { font-size: 14px; font-family: "Gotham Book", sans-serif; color: white; background-color: #f7be07; padding: 12px 30px; border-radius: 50px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: inline-block; cursor: pointer; overflow: hidden; z-index: 0; position: relative; } .add_article:hover { color: white; -webkit-transform: scale(1.05); transform: scale(1.05); } .add_article:hover::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .add_article::after { background-color: #facb2e; border-radius: 3rem; content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transform: translate(-100%, 0) rotate(10deg); transform: translate(-100%, 0) rotate(10deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: .2s transform ease-out; transition: .2s transform ease-out; z-index: -1; } .add_article_ctn { text-align: center; } .commande_infos { width: 100%; background-color: #95348d; padding: 20px 0; color: #fff; margin: 20px 0; border-radius: 50px; } .commande_infos_ctn { width: 80%; margin: auto; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; font-family: "Gotham Book", sans-serif; } @media all and (max-width: 680px) { .commande_infos_ctn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .commande_infos_ctn > div { margin-bottom: 15px; } .commande_infos_ctn > div:last-child { margin-bottom: 0; } } /* For addArticle JS*/ .article_commande_clone { display: none; } .article_commande_slide.slick-slider { width: 100%; margin: auto; } .categorie_nb { display: none; } .categorie_label_nb { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; cursor: pointer; } .slick_article { padding: 15px 15px 15px 15px; } .slick_date .slick-next { -webkit-transform: rotate(180deg) translateY(50%) !important; transform: rotate(180deg) translateY(50%) !important; } .svg_selected * { fill: #fff; color: #fff; } .icon-svg > svg { max-width: 100px; max-height: 100px; } .categorie_article_label .icon-svg > svg { width: 100px; height: 100px; fill: #5E5E5E; } .label_tournee_date .icon_svg * { fill: #5E5E5E; } .categorie_article_label { width: 100%; height: 150px; background-color: #f7f7f7; border-radius: 15px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .categorie_article_label.svg_selected { background-color: #F7BE07; } .categorie_article_name { margin-top: 5px; font-family: "Gotham Book", sans-serif; font-size: 13px; /*word-break: break-word; padding: 0px 5px; text-align: center;*/ } .commande_infos { margin-top: 50px; } .article_commande_slide .slick-track { padding-bottom: 20px; position: static; min-height: 200px; } @media all and (max-width: 680px) { .article_commande_slide .slick-track { padding-bottom: 35px; } } .article_commande_slide .slick-list { position: relative; } .sous_cat_ctn { display: none; bottom: 0; left: 15px; width: 80%; flex-wrap: wrap; } @media all and (max-width: 992px) { .sous_cat_ctn { width: 100%; -webkit-box-pack: center; justify-content: center; } } @media all and (max-width: 680px) { .sous_cat_ctn { padding-top: 10px; } } .sous_cat_ctn.js-show-sscat { display: -webkit-box; display: flex; } .article_ss_cat { font-family: "Gotham Book", sans-serif; } .article_ss_cat:hover { cursor: pointer; } .radio_ctn { position: relative; margin-right: 20px; margin-bottom: 20px; } .radio_ctn .label_ss_cat { position: relative; top: -31px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; text-align: center; font-size: 14px; } @media all and (max-width: 992px) { .radio_ctn .label_ss_cat { left: 32%; } } .radio_ctn [type="radio"] { position: relative; width: 100%; height: 45px; border-radius: 50px; background-color: #f7f7f7; color: #707070; border: none; pointer-events: visible; padding: 0 30px; } .radio_ctn [type="radio"]:checked { background-color: #f7be07; } .radio_ctn [type="radio"]:checked ~ .label_ss_cat { color: white; } .radio_ctn [type="radio"]::-ms-check { background-color: #f7be07; color: #f7be07; border: none; width: 0; height: 0; appearance: none; } .input_tournee_date { display: none; } .tournee_dispo { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; position: relative; flex-wrap: wrap; width: 80%; margin: auto; } .label_tournee_date { width: 138px; height: 120px; padding: 15px; border-radius: 15px; background-color: #f7f7f7; text-align: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; } .label_tournee_date:hover { cursor: pointer; } @media all and (max-width: 420px) { .label_tournee_date { margin: auto; } } .label_date_name { margin-bottom: 10px; font-family: "Gotham Rounded", sans-serif; } .slick_date { padding-bottom: 20px; width: 90%; } @media all and (max-width: 992px) { .slick_date { padding-bottom: 30px; } } .input_tournee_date:checked ~ .label_tournee_date { color: #fff; } .input_tournee_date:checked ~ .label_tournee_date .icon_svg * { fill: #fff; } .input_tournee_date:checked + label { background: #f7be07; } .tournee_heure_ctn { display: none; margin: 20px 0; } .tournee_heure { display: none; text-align: center; margin-right: 15px; margin-bottom: 15px; } .input_tournee_heure { display: none; } .input_tournee_heure:checked ~ .label_tournee_heure { background-color: #f7be07; color: white; } .label_tournee_heure { padding: 20px; background-color: #f7f7f7; color: #707070; border-radius: 50px; font-family: "Gotham Rounded", sans-serif; } .label_tournee_heure:hover { cursor: pointer; } .input_commande, .btn_input_commande { display: block; text-align: center; border: 1px solid #f7be07; /*position: relative; left: 50%; transform: translateX(-50%); margin-top: 30px; margin-bottom: 30px;*/ margin: 20px auto; font-family: "Quicksand", sans-serif; font-size: 14px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .input_commande:hover, .btn_input_commande:hover { background-color: #facb2e; border: 1px solid #facb2e; } .article_commande_size { position: relative; } @media all and (max-width: 992px) { .article_commande_size { text-align: center; } } .error_date_match { display: none; } .error_article_match { display: none; } .error_msg { display: inline-block; margin: 15px 0 15px 0; width: auto; background-color: #95348d; color: white; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 30px; border-radius: 50px; } .error_msg::before { content: ''; display: block; width: 20px; height: 20px; background-color: #95348d; position: absolute; top: -5px; z-index: -1; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .error_msg--login { position: absolute; top: -100%; } .error_msg--login::before { bottom: -5px; top: initial; } .error_msg--login.hidden { display: none; } .date_indisponible { text-align: center; } .error_CP, .error_article { display: none; margin: 20px 0; text-align: center; } .slick-next-mobile.article-mobile, .slick-prev-mobile.article-mobile { top: 90%; } /* PROFIL MAGASIN */ .profil_ctn { text-align: center; } @media all and (max-width: 992px) { .profil_ctn { width: 95%; margin-top: 60px; } } .profil_img { text-align: center; } .profil_detail { margin-bottom: 20px; } .choixDateLivraison { margin-bottom: 20px; } /* Page recap */ .form_recap_commande_client_cnt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 775px; width: 100%; } @media only screen and (max-width: 992px) { .form_recap_commande_client_cnt { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); top: 0; left: 0; } } .form_recap_commande_client { -webkit-box-pack: center; justify-content: space-between; font-family: 'Quicksand', sans-serif; display: -webkit-box; display: flex; width: 100%; width: 100%; padding: 0 10px; margin-bottom: 0; margin-left: auto; margin-right: auto; -webkit-box-align: start; align-items: flex-start; } .form_recap_commande_client:last-child { margin-bottom: 20px; } .form_recap_commande_client .form_commande_enlevement, .form_recap_commande_client .form_commande_destination { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0; width: 100%; } .form_recap_commande_client .form_recap_commande_client_content { padding-right: 10px; } @media only screen and (max-width: 992px) { .form_recap_commande_client { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 10px; } } .form_recap_commande_client_buttons { -webkit-box-pack: center; justify-content: center; margin-top: 60px; } .form_recap_commande_client_buttons .input_commande, .form_recap_commande_client_buttons .btn_input_commande { margin: 10px 40px 0 0 !important; } @media only screen and (max-width: 992px) { .form_recap_commande_client_buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-top: 10px; } .form_recap_commande_client_buttons .input_commande, .form_recap_commande_client_buttons .btn_input_commande { max-width: 270px; width: 100%; } } .form_recap_commande_client_content { font-size: 14px; line-height: 22px; } .form_recap_commande_client_content h4 { margin: 14px 0; } .block_login_ctn { margin-top: 83px; padding-top: 120px; padding-bottom: 120px; text-align: center; background-image: url(../../Public/Images/site/login_background.png); background-repeat: no-repeat; background-position-x: -40px; background-position-y: center; } @media screen and (max-width: 991px) { .block_login_ctn { background-image: inherit; } } .form_recap_commande_client_content_block { margin-top: 30px; } .form_recap_commande_client_content_block:first-child { margin-top: 0; } @media only screen and (max-width: 992px) { .form_recap_commande_client_content_block { margin-top: 15px; } } .select_filtre { background-color: #f7be07; color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: auto; border: 0; margin: 0; padding: 15px; text-overflow: ellipsis; overflow: hidden; } .form_filtre_ctn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (max-width: 991px) { .form_filtre_ctn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .submit_filtre { font-family: "Quicksand", sans-serif; font-size: 16px; } @media screen and (max-width: 991px) { .submit_filtre { margin-left: 0; margin-top: 20px; } } .listing_etat .star_ctn { margin-top: 10px; } .search_cmd { max-width: 480px; width: 100%; border: none; background-color: #f7f7f7; color: #707070; font-family: "Quicksand", sans-serif; font-size: 16px; padding: 15px 0; padding-left: 30px; border-radius: 25px; background-image: url(../../Public/Images/site/search_input.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position-x: 95%; background-position-y: center; } @media only screen and (max-width: 992px) { .search_cmd { margin-top: 20px; } } .listing_ctn { margin: auto; max-width: 1610px; width: 95%; } .listing_table_ctn { width: 100%; margin: 35px 0; font-family: "Quicksand", sans-serif; } .listing_table_head { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 20px 5px; border-radius: 50px; background-color: #f7f7f7; margin-bottom: 20px; } .table_title { -webkit-box-flex: 1; flex: 1; font-family: "Quicksand", sans-serif; font-weight: bold; font-size: 14px; } .table_title { text-align: center; } .listing_table_body { border: 2px solid #DADADA; } .table_row { position: relative; } .table_row:hover .remove_table_row { display: -webkit-box; display: flex; } .listing_table_body .table_infos { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .table_row .remove_table_row { display: none; position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; border-radius: 50%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: #fff; cursor: pointer; border: none; } .table_content { -webkit-box-flex: 1; flex: 1; text-align: center; padding: 15px; border-right: 2px solid #DADADA; word-break: break-word; } .table_content:last-child { border-right: none; } .listing_date { width: 9%; -webkit-box-flex: inherit; flex-grow: inherit; flex-basis: inherit; word-wrap: break-word; } @media screen and (max-width: 991px) { .listing_date { width: 20%; } } .listing_cp { width: 7%; -webkit-box-flex: inherit; flex-grow: inherit; flex-basis: inherit; } .listing_tel { width: 9%; -webkit-box-flex: inherit; flex-grow: inherit; flex-basis: inherit; word-wrap: break-word; } @media screen and (max-width: 991px) { .listing_adresse, .listing_cp, .listing_tel, .listing_ville { display: none; } } .listing_ref { width: 10%; -webkit-box-flex: inherit; flex-grow: inherit; flex-basis: inherit; } @media screen and (max-width: 991px) { .listing_ref { width: 20%; } } .table_row:nth-child(even) { background-color: #f7f7f7; } .num_commande { color: #95348d; font-size: 14px; word-wrap: break-word; } .plus_de_details { display: block; cursor: pointer; background-color: inherit; border: none; color: #707070; text-align: center; padding: 0; margin: auto; margin-top: 10px; } .plus_de_details:hover { text-decoration: underline; } .details_listing { display: none; padding-bottom: 25px; width: 95%; margin: auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .listing_table_body .js-show-details { display: block; } .listing_table_body .js-show-details .table_content { border-right: none; } .listing_table_body .js-show-details .details_listing { display: block; } .details_listing_infos { font-family: "Quicksand", sans-serif; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; } .details_listing_infos h4 { font-weight: 600; margin: 25px 0; } .details_listing_infos .details_listing_row { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 15px; width: 100%; } .details_listing_infos .details_listing_row:first-child { margin-top: 0; } .details_listing_infos .details_listing_row:last-child { margin-bottom: 24px; } .details_listing_infos .details_listing_row > * { width: 33%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0 20px; } .details_listing_infos .details_listing_row > *:first-child { padding-left: 0; } .details_listing_infos .details_listing_row > *:last-child { padding-right: 0; } @media only screen and (max-width: 992px) { .details_listing_infos .details_listing_row { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 0; } .details_listing_infos .details_listing_row > * { width: 100%; margin-top: 2em; padding: 0; } } .details_listing_infos .details_listing_block { margin-top: 10px; line-height: 1.5; } .details_listing_infos .details_listing_block:first-child { margin-top: 0; } .details_listing_infos .details_listing_block_photo_cnt { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .details_listing_infos .details_listing_block_photo_cnt .details_listing_block_photo { max-width: 110px; width: 100%; /* display: flex; */ margin: 5px; cursor: pointer; } .details_listing_infos .details_listing_block_photo_cnt .details_listing_block_photo img { display: block; width: 100%; height: 75px; } #lightbox__view { display: none; position: absolute; z-index: 1000; top: 50%; left: 50%; /* bottom: 0; */ -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; } @media only screen and (max-width: 992px) { #lightbox__view { width: 100%; } } #lightbox__view.active { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #lightbox__view img { max-width: 90%; max-height: 80%; } .lightbox__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .lightbox__close__button { position: absolute; z-index: 1000; top: 20px; left: 20px; background-color: #95348d; color: #fff; border-radius: 5px; padding: 5px 10px; } .lightbox__close__button:hover { background-color: #832c7c; } @media only screen and (max-width: 992px) { .lightbox__close__button { display: none; } } .mobile_infos { display: none; } @media screen and (max-width: 991px) { .mobile_infos { display: block; } .mobile_infos > div { margin-bottom: 20px; } } .button_cmd { display: -webkit-box; display: flex; flex-wrap: wrap; position: relative; } .button_cmd > button { margin-right: 20px; } @media screen and (max-width: 991px) { .button_cmd > button { margin-bottom: 20px; } } @media only screen and (max-width: 992px) { .button_cmd > * + * { margin-top: 10px; } .button_cmd .button_cmd { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .button_cmd a:hover { color: white; } .totalPrix { position: absolute; right: 0; } .remove_cmd { margin-right: 35px; } .overlay { height: 100vh; width: 100%; top: 0; bottom: 0; position: fixed; z-index: 1; } .popup_remove_confirm { -webkit-transition: opacity .25s, visibility .25s, top .25s; transition: opacity .25s, visibility .25s, top .25s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; padding: 50px 70px; border-radius: 15px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); text-align: center; z-index: 10; } @media only screen and (max-width: 992px) { .popup_remove_confirm { padding: 20px 10px; width: 90%; } } .popup_remove_text { margin-bottom: 30px; font-size: 14px; } .popup_remove_link button { text-align: center; margin: auto; } .popup_remove_links { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } @media only screen and (max-width: 992px) { .popup_remove_links { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .popup_remove_links a { margin-top: 10px; } } .popup_remove_close { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; cursor: pointer; } .listing_pagination { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 20px; } .listing_pagination_item { margin-right: 15px; /*padding: 5px 10px; background-color: $light-white; border-radius: 5px;*/ } .current_page { color: #f7be07; } .listing_to_top { text-align: right; } .details_txt { overflow: hidden; max-height: 150px; } .details_txt_inner { width: 100%; overflow: auto; height: 100%; } .label_details { margin-bottom: 5px; font-weight: bold; } .date_ctn { width: auto; } @media only screen and (max-width: 992px) { .date_ctn { width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .input_date_custom { max-width: 150px; width: 100%; font-family: 'Quicksand', sans-serif; padding: 0 20px; -webkit-appearance: none; } @media only screen and (max-width: 992px) { .input_date_custom { max-width: 480px; margin-top: 20px; } } .label_date_custom { margin-right: 5px; font-family: 'Quicksand', sans-serif; } @media only screen and (max-width: 1620px) { .label_date_custom { display: none; } } .flatpickr-day.selected { background: #f7be07 !important; border-color: #f7be07 !important; } .color { position: relative; width: 20px; height: 20px; border-radius: 50%; margin: 10px auto; border: 1px solid black; box-shadow: inset 0px 5px 8px -4px rgba(0, 0, 0, 0.2); } .livreur_ctn { width: 80%; margin: auto; } @media screen and (max-width: 991px) { .livreur_ctn { width: 90%; margin-top: 36px; padding-top: 20px; text-align: center; } } @media screen and (max-width: 991px) { .livreur_ctn .btn-primary { margin: 5px auto; } .livreur_ctn .btn-primary:last-child { margin: 5px auto; } } .listing_tournee_title { text-align: center; font-size: 20px; color: #95348d; margin-bottom: 30px; } @media screen and (max-width: 991px) { .listing_tournee_title { padding: 0; } } .tournee_title { font-size: 18px; color: #95348d; margin-bottom: 20px; line-height: 24px; } .commande_ctn { margin-bottom: 25px; background-color: #f7f7f7; padding: 20px; border-radius: 25px; line-height: 20px; } .tournee_button { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 20px; } .tournee_button > button { margin-right: 20px; margin-bottom: 15px; font-size: 14px; } .tournee_button > button:last-child { margin-right: 0; } .tournee_button > button a:hover { color: white; } .commande_contenu { margin-top: 10px; } .livreur_ss_title { font-weight: bold; } .livreur_titre_commande { font-weight: bold; border: 2px solid #f7f7f7; border-radius: 50px; padding: 10px 10px; padding-right: 30px; margin-bottom: 5px; color: white; } .js-drop-down { position: relative; max-width: 500px; margin: auto; } .drop_down_icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; display: inline-block; height: 0; width: 0; border-top: 9px solid transparent; border-right: 15px solid white; border-bottom: 9px solid transparent; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .drop_down_icon.js-down { -webkit-transform: rotate(-90deg) translateX(50%); transform: rotate(-90deg) translateX(50%); -webkit-transform-origin: center; transform-origin: center; } .livreur_ctn .custom_select { width: inherit; margin-top: 10px; } .livreur_ctn .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered { text-align: left; } .livreur_ctn input[type="submit"] { font-size: 16px; } .listing_enlevement_ctn { line-height: 20px; } .tournee_infos_ctn { margin-bottom: 20px; font-size: 16px; line-height: 24px; } .tournee_ctn { padding: 20px 0; border-bottom: 1px solid #f7f7f7; } .enlevee, .livree, .enlevee_ctn, .livree_ctn { opacity: 0.7; position: relative; } .enlevee::after, .livree::after, .enlevee_ctn::after, .livree_ctn::after { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(128, 128, 128, 0.3); border-radius: 25px; pointer-events: visible; } .enlevee ~ .drop_down_icon, .livree ~ .drop_down_icon, .enlevee_ctn ~ .drop_down_icon, .livree_ctn ~ .drop_down_icon { opacity: 0.7; } .enlevee_ctn, .livree_ctn { pointer-events: initial; } .declarer_explication { margin-top: 10px; } .livraison_ctn { background-color: #95348d; color: white; } .livraison_ctn ~ .drop_down_icon { border-right: 15px solid #ebb941; } .enlevement_ctn { background-color: #ebb941; color: white; } .enlevement_ctn ~ .drop_down_icon { border-right: 15px solid #95348d; } /* Tournee livreur v2 */ .tournee_infos_container { width: 100%; height: auto; padding: 10px 15px; color: #fff; background-color: #832c7c; } .tournee_infos { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .livreurv2_table { /* Checkbox */ } .livreurv2_table .control { font-family: arial; display: block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 16px; } .livreurv2_table .control input { position: absolute; z-index: -1; opacity: 0; } .livreurv2_table .control_indicator { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 23px; width: 23px; background: transparent; border: 3px solid #5E5E5E; border-radius: undefinedpx; } .livreurv2_table .control:hover input ~ .control_indicator, .livreurv2_table .control input:focus ~ .control_indicator { background: #cccccc; } .livreurv2_table .control input:checked ~ .control_indicator { background: transparent; } .livreurv2_table .control:hover input:not([disabled]):checked ~ .control_indicator, .livreurv2_table .control input:checked:focus ~ .control_indicator { background: transparent; } .livreurv2_table .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; } .livreurv2_table .control input:checked ~ .control_indicator:after { display: block; } .livreurv2_table .control-radio .control_indicator { border-radius: 50%; } .livreurv2_table .control-radio .control_indicator:after { left: 4px; top: 4px; height: 9px; width: 9px; border-radius: 50%; background: #5E5E5E; -webkit-transition: background 250ms; transition: background 250ms; } .livreurv2_table .control-radio input:disabled ~ .control_indicator:after { background: #7b7b7b; } .livreurv2_table .control-radio .control_indicator::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; margin-left: -1.3rem; margin-top: -1.3rem; background: transparent; border-radius: 3rem; opacity: 0.6; z-index: 99999; -webkit-transform: scale(0); transform: scale(0); } .livreurv2_table { width: 100%; height: auto; border-collapse: collapse; } @media only screen and (max-width: 777px) { .livreurv2_table { font-size: 14px; } } .livreurv2_table tr td, .livreurv2_table tr th { font-family: 'Quicksand', sans-serif; text-align: center; border: solid #fff 1px; color: #5E5E5E; } .livreurv2_table tr th { padding: 10px 0; } .livreurv2_table tr td { padding: 20px 0; } .livreurv2_table thead tr { background: #E4E4E4; } .livreurv2_table tbody tr { background: #F7F7F7; } .livreurv2_table tr.row_warning td, .livreurv2_table tr.row_danger td, .livreurv2_table tr.row_valid td, .livreurv2_table .code_couleur td { color: #fff; } .livreurv2_table tr.row_warning svg, .livreurv2_table tr.row_danger svg, .livreurv2_table tr.row_valid svg, .livreurv2_table .code_couleur svg { fill: #fff; stroke: #fff; } .livreurv2_table tr.row_warning .control-radio .control_indicator:after, .livreurv2_table tr.row_danger .control-radio .control_indicator:after, .livreurv2_table tr.row_valid .control-radio .control_indicator:after, .livreurv2_table .code_couleur .control-radio .control_indicator:after { background: #fff; } .livreurv2_table tr.row_warning .control_indicator, .livreurv2_table tr.row_danger .control_indicator, .livreurv2_table tr.row_valid .control_indicator, .livreurv2_table .code_couleur .control_indicator { border-color: #fff; } .livreurv2_table tr.row_warning { background-color: #EBB941; } .livreurv2_table tr.row_danger { background-color: #E36666; } .livreurv2_table tr.row_valid { background-color: #4BD195; } .livreurv2_table .show_more { padding: 0 !important; position: relative; cursor: pointer; } .livreurv2_table .show_more img, .livreurv2_table .show_more svg { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .livreurv2_table .commande_details { margin-top: 5px; margin-bottom: 5px; letter-spacing: 1px; } .livreurv2_table .commande_details:first-child { margin-top: 0; } .livreurv2_table .commande_details span { line-height: 30px; } .livreurv2_table .commande_details .address, .livreurv2_table .commande_details .observation, .livreurv2_table .commande_details .client_name, .livreurv2_table .commande_details .product_type { text-transform: uppercase; } .livreurv2_table .commande_details .observation, .livreurv2_table .commande_details .product_type { display: block; } .livreurv2_table .commande_buttons { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-top: 40px; } .livreurv2_table .commande_buttons > .btn-primary + .btn-primary { margin-top: 8px; } .livreurv2_table .commande_buttons .btn-primary { max-width: 236px; width: 100%; padding: 12px !important; } .livreurv2_table .product_type { margin: 5px 0; } .livreurv2_table .commande_details div { margin: 10px 0; } .popup_anomalie_ctn { visibility: visible; } .popup_anomalie_ctn.js-popup-hidden { visibility: hidden; } .popup_anomalie_ctn.js-popup-hidden .popup_remove_confirm { top: 25%; opacity: 0; visibility: hidden; pointer-events: none; } .popup_anomalie_ctn .button_huge { width: 100%; } .popup_anomalie_ctn .popup_anomalie { padding: 15px; width: 90%; } .popup_anomalie_ctn .popup_anomalie .popup_remove_close { position: relative; margin-left: auto; width: 43px; height: 43px; color: #fff; background-color: #f7be07; border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; top: 0; right: 0; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; } .popup_anomalie_ctn .popup_anomalie .popup_remove_close svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); stroke: #fff; } .popup_anomalie_ctn .popup_anomalie .popup_remove_close:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .popup_anomalie_ctn .popup_anomalie .popup_remove_text { font-family: 'Quicksand'; font-weight: 400; font-size: 20px; line-height: 30px; margin-top: 40px; } .popup_anomalie_ctn .popup_anomalie .button_huge button { width: 100%; } .livreurv2_container { margin-top: 60px; } .declarer_pb { margin-top: 80px; } .declarer_explication { height: 215px; } .livreur_charge { font-weight: bold; font-size: 18px; line-height: 24px; } .livreur_charge span { font-weight: initial; } .livreur_certification { font-style: italic; } .livreur_commande_infos_ctn > div { margin-bottom: 15px; } .livrer_infos { margin-bottom: 15px; } .livreur_certification { margin-bottom: 15px; } .livrer_submit_ctn { margin-top: 25px; } .block_signature { border: 1px solid black; max-width: 500px; width: 100%; /*@include media-max-large { position: relative; left: 50%; transform: translateX(-50%); }*/ } @media screen and (max-width: 991px) { .qrcode_ctn { text-align: center; } } @media screen and (max-width: 991px) { .livrer_signature { text-align: center; margin-bottom: 30px; } } .livreur_fiche_details { color: #95348d; } .livreur_commande_infos_ctn { line-height: 24px; } @media screen and (max-width: 991px) { .form_livreur_profil { text-align: center; } .form_livreur_profil input { width: 95%; } } .livreur_profil { margin-bottom: 2.5rem; text-align: center; } .form_livreur_profil { text-align: center; margin-bottom: 2rem; } .livreur_profil_info { margin-bottom: 1rem; } .livreur_profil_img { display: inline-block; margin-bottom: 0.5rem; } /* checkbox */ .round { position: relative; } .round label { background-color: transparent; border: 4px solid #fff; border-radius: 50%; cursor: pointer; height: 28px; left: 48%; position: absolute; width: 28px; top: -4px; width: 28px; margin: 0 auto; display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .round label:after { border: none; content: ""; opacity: 0; width: 10px; height: 10px; background: #fff; display: block; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .round.round-secondary label { border-color: #5E5E5E; } .round.round-secondary label:after { background: #5E5E5E; } .round input[type="checkbox"] { visibility: hidden; } .round input[type="checkbox"]:checked + label:after { opacity: 1; } .stat_wrapper { max-width: 420px; width: 100%; padding: 10px; height: 250px; background: #f8f8f8; border-radius: 20px; color: #000; margin-top: 20px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .stat_wrapper table { width: 100%; font-size: 14px; } .stat_wrapper table tr td:first-child { border-left: none; } .stat_wrapper table tr td:last-child { border-right: none; } .stat_wrapper table, .stat_wrapper tr, .stat_wrapper td { vertical-align: middle; } .stat_wrapper table tr td { border: solid #95348d .5px; } .stat_wrapper h4 { font-size: 24px; text-align: center; margin-bottom: 10px; } .stat_wrapper input[type="date"] { width: 100%; border: none; background: transparent; font-size: 14px; color: #707070; font-family: "Quicksand", sans-serif; padding: 5px; height: 30px; } .stat_wrapper .search_cmd { font-size: inherit; padding: 5px; height: 30px; } .subtitle { font-weight: lighter; text-align: center; margin-bottom: 10px; } .first-line { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .second-line { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .stat_button { background: #95348d; display: block; max-width: 200px; text-align: center; margin: 10px auto 0; padding: 5px 0; width: 100%; font-size: 13px; border-radius: 5px; cursor: pointer; color: #fff; -webkit-transition: all .3s; transition: all .3s; } .stat_button:hover { color: #fff; background: #832c7c; } .infos_magasin_item { margin-top: 15px; } .stat_icon img { max-width: 80px; } @media only screen and (max-width: 901px) { .first-line, .second-line { -webkit-box-pack: center; justify-content: center; } } .clear { clear: both; } .pull-left { float: left; } .pull-right { float: right; } .block_dynamique_ctn { min-height: auto; } .block_dynamique_ctn .entreprise_background { top: 50%; } .block_dynamique_ctn.entreprise_pres_desc { margin-top: 0; } .block_dynamique_historique, .block_dynamique_prestations, .entreprise_equipe { margin-top: 30px; } .block_dynamique_presentation .entreprise_pres_desc { margin-top: 0; } .submitImportLeclerc { width: 210px!important; height: inherit; background: #95348D; color: #fff; display: inline-block; font-size: 13px; font-weight: 400; padding: 10px 0; border: 0px; cursor: pointer; margin: auto; font-size: 18px; } .form-import-leclerc { display: flex; justify-content: center; } .form-import-leclerc input[type="file" i]::-webkit-file-upload-button { background: revert; padding: revert; border: revert; }