@charset "utf-8";
@import 'lib/shadowbox.css';
@import 'lib/jquery-ui.css';
@import 'IceCubeCSS/Internal/forms/password.css';

/* Reset */
abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}article,aside,details,figure,footer,header,main,nav,section,summary{display:block}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:separate;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}

/* Shadowbox */
#sb-wrapper-inner{border:none;border-radius:6px}#sb-player.html{padding:0}#sb-player h3{display:block;font-weight:600;color:#fff;background:#656565;padding:8px 15px}#sb-player h3+p{padding:12px 15px;font-size:13px}#sb-player #txtEMail{width:calc(100% - 30px);margin:0 0 15px 15px;font-size:16px;border:1px solid #b7b7b7;border-radius:5px;padding:9px 8px}#sb-player .btn{margin:0 0 20px 15px}#sb-player .ErrorMessage p{font-size:13px;display:inline-block;margin:0 0 4px 15px;background:#51632a;text-align:left;border-radius:2px;box-shadow:0 0 6px rgba(0,0,0,.12);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2);padding:6px 12px;position:relative;max-width:250px}#sb-player .ErrorMessage p::after{content:'';display:block;width:12px;height:12px;border-radius:2px;background:#51632a;position:absolute;left:13px;bottom:-4px;transform:rotate(45deg)}#RemindPasswordResult .success{display:block;position:relative;padding:40px 24px 6px 24px;margin-top:20px;text-align:center}#RemindPasswordResult .success::before{content:'✓';position:absolute;left:50%;top:5px;color:#fff;z-index:1;transform:translateX(-50%)}#RemindPasswordResult .success::after{content:'';display:block;width:30px;height:30px;background:#51632a;position:absolute;left:50%;top:0;margin-left:-15px;border-radius:50px}#ProgressIndicator{display:block;margin:0 auto}@media (min-width:480px){#sb-player h3{padding:12px 20px}#sb-player h3+p{font-size:15px;padding:12px 20px}#sb-player .ErrorMessage p{margin:0 0 -3px 25px;max-width:320px}#sb-player #txtEMail{width:calc(100% - 40px);margin:0 0 20px 20px}#sb-player .btn{margin:0 0 20px 20px}}@media (min-width:768px){#RemindPasswordResult .success{margin-top:40px}#sb-player .ErrorMessage p{max-width:none}#RemindPasswordResult .success::before{top:2px}}

/* Ico font for payments */
/* Attention! Pour éviter les effets de cache du navigateur, mettre à jour la version de la font d'icônes */
@font-face{font-family:icons;src:url(/Htdocs/Fonts/checkout_1.woff) format("woff");font-weight:400;font-style:normal}
[class*=icon-]:before {display:inline-block;font-family:icons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; vertical-align: baseline}
.icon-a-pay:before{content:"\e900"}.icon-fac:before,.icon-vb:before{content:"\e901"}.icon-cc:before{content:"\e902"}.icon-datatrans:before,.icon-dts:before{content:"\e903"}.icon-g-pay:before{content:"\e904"}.icon-ppl:before{content:"\e905"}.icon-postfinance:before{content:"\e906"}

/* Utility classes */
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

body { background:#F2F2F2; color:#1D1D1D; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;font-size:100%;line-height:1.5}
header { background:#fff; padding: 10px 0}

.IC2Site a { color:#656565; text-decoration:none }
.IC2Site a:hover { color:#222; text-decoration:underline}

.IC2Site a.btn,
.IC2Site button { display:flex; align-items: center; background-color:#51632a;color:#fff;padding:9px 25px 10px;margin-bottom:0;font-weight:700; font-size:14px;line-height:1.42857143;cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:5px;transition:all ease .2s;position:relative }
.IC2Site .final-side-col .btn {display:block; margin-bottom: 15px; box-shadow: 0 1px 4px rgba(0,0,0,.16); text-decoration: none }
.IC2Site a.btn:hover { text-decoration:none; background-color:#6c8437; }
.IC2Site a.btn:active,
.IC2Site a.btn:focus { background-color:#3f4d20}

.IC2Site a.btn-lock { background-color: #656565 }
.IC2Site a.btn span { display:inline-block; width:13px; height: 16px; margin-left: 8px }

.container { width:100%; margin:0 auto; display: flex}

/* Header */
header .container { justify-content: space-between; padding:0 15px; align-items: center}
header .nav-container a { font-size:.8em }
.brand-container svg,
.brand-container a { width:170px; height: 41px; display: block }
@media (min-width:992px){
    .brand-container svg, .brand-container a { width:200px; height: 49px }
}

/* Footer */
.step-footer-container { background: #fff; margin-top:1px; padding:15px 25px; display: flex; justify-content: space-around }

/* General Layout */
#shop-checkout { margin-top:1px}
.shop-checkout-content { width:100%}
.shop-checkout-step { display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start}
.shop-checkout-step.error-step .final-main-col { margin:auto }
.shop-checkout-step h2 { font-weight:700; font-size: 16px; color:#272727}
.main-col,
.final-side-col { order:2; width:100% }
.side-col,
.final-main-col { order:1; width:100% }

/* Checkout Steps */
.shop-checkout-step-content,
.shop-final-step-content { box-shadow:0 1px 4px rgba(0,0,0,.16); margin-bottom:30px; position: relative }
.shop-final-step-content { margin-bottom:15px}
.shop-checkout-step-content::after { content:''; display:none; width:100%; height: 100%; position: absolute; left:0; top: 0; background: rgba(255,255,255,.8); z-index: 1 }
.shop-checkout-step-content.loading-content::after { display: block }
.shop-checkout-step-content .loading { display:none}
.shop-checkout-step-content.loading-content .loading { display:block; position: absolute; left:50%; top: 50%; width:44px; height: 44px; transform: translate(-22px, -22px); z-index: 2}
.step-title-container { display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
.step-title { order:2; width:100%; padding: 10px 15px 0; background: #fff }
.step-title-steps { order:1; width:100% }
.step-title-steps ol { background: #fff; margin: 1px 0; list-style-type: none; height: 45px; padding: 0; display: flex; align-items: center; width:100%; justify-content: space-between; position: relative }
.step-title-steps ol li { padding-right: 20px; position: relative  }
.step-title-steps ol::after { content:''; display:block; height:2px; width:100%; background: #C1C1C1; position: absolute; right:0; top:50%; transform: translateY(-1px)}
.step-title-steps ol li:last-child { padding-right:0}
.step-title-steps ol li:last-child::after { display:none}
.step-title-steps ol li a { display: flex; align-items: center; padding:0 10px; background: #fff; position: relative; z-index: 1 }
.step-title-steps ol li a svg { opacity: .5; transition: all ease .3s }
.step-title-steps ol li a:hover svg { opacity: 1}
.step-title-steps ol li.active a svg,
.step-title-steps ol li.done a svg { opacity: 1}
.step-title-steps ol li .done-icon { display:none; position: absolute; right:14px; bottom: -2px}
.step-title-steps ol li.done .done-icon { display:block}

/* Checkout Steps Content */
.step-content-container { background:#fff; padding:15px }
.step-content-container h3 { font-weight: 700; font-size:14px; color:#1D1D1D }
.step-content-tools { display:flex; justify-content: space-between; align-items: center; margin-bottom:15px}

.step-content-container input[type=checkbox] { vertical-align: baseline; margin-right: 5px}

.form-item { display:flex; justify-content:flex-start; flex-wrap: wrap; align-items: center; margin-bottom:15px; position: relative }
.form-item .formError { display: block; background:#51632a; text-align:left; border-radius:2px; box-shadow:0 0 6px rgba(0,0,0,.12); color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.2); font-size:14px; padding: 4px 20px; line-height: 1.2}
.form-item .formError::before { content:''; display:block; width:12px; height:12px;border-radius:2px; background: #51632a; position: absolute; left: 6px; top: -4px; transform: rotate(45deg); z-index: 0}
.form-item label { width:100%; font-weight: 700; color:#404040 }
.form-item .label-container { width:100%; display: flex; justify-content: flex-start; margin-right:15px}
.form-item .label-container label { width:auto; margin-right: 3px}
.form-item.form-item-composed input.large { width:calc(100% - 98px); margin-left: 10px}
.form-item.form-item-composed input.small { width:88px}
.form-item input,
.form-item .textarea-comment { width:100%; font-size:16px; border:1px solid #B7B7B7; border-radius:5px; padding:9px 8px}
.form-item select { width:100%; height: 38px}
.form-item.form-item-comment { max-width:none; align-items: flex-start; margin-bottom: 0}
.form-item.form-item-reduc  { max-width:none; margin-bottom:0; justify-content: space-between}
.form-item.form-item-reduc label { width:auto }
.form-item.form-item-reduc input { width:100%;border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-color:#51632a }
.form-item .input-validation form { position: relative; display: flex; align-items: center}
.form-item .input-validation button { width:51px; height: 38px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding:0; text-align:center}
.form-item .input-validation button svg { display:inline-block; margin: 0 auto}

/* */
.step-content-account { margin:0 0 12px}
.step-content-account .desc { font-size:14px; color:#999; }
#formShipping { padding:20px 0 0}

/* login User */
.step-login-form-footer { justify-content: flex-end; }

/* Delivery system */
.radio-item { display:flex; justify-content:space-between; align-items: flex-start; margin-bottom: 25px}
.radio-item:last-child { margin-bottom:0}
.radio-item-label { display:flex; align-items: flex-start}
.radio-item-label .radio-btn { width:25px}
.radio-item label { font-weight:700; font-size:16px; color:#3C3C3C }
.radio-item label span { display: block; font-size:14px; color:#656565; font-style: italic; line-height: 1.4}
.radio-item label span a { color:#51632a; text-decoration: underline}
.radio-item .radio-price p { color:#656565; font-weight: 700; font-size:14px; white-space: nowrap}
.radio-item .radio-price.shipping-type_6 span { font-weight: 700; color:#51632a; font-size:14px }
.radio-item .radio-price.shipping-type_6 p { display:none}

/* Payment Choice */
.radio-item-pay .radio-item-label { justify-content: space-between; width:100% }
.radio-label-payment-choice { width:calc(100% - 25px)}
.radio-label-payment-choice label { display:flex; justify-content: space-between }
.radio-label-payment-choice .text-label { font-weight:700; font-size:16px; color:#3C3C3C; font-style: normal }
.radio-item .radio-icon { color:#656565; text-align: center; width:64px; height: 42px; position: relative }
.radio-item .radio-icon i { font-size:64px; line-height: 1; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%)}

/* Small Cart */
.small-cart { color:#656565 }
.small-cart-header { background:#fff; height: 45px; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 8px 0 0; position: relative; font-size:16px }
.small-cart-header-col { display:flex; justify-content: space-between; align-items: center}
.small-cart-header a { text-indent:-9999px; line-height: 0; font-size: 0; display: block; width:100%; height: 100%; position: absolute; left:0; top: 0}
.small-cart-total p { color:#1D1D1D; font-weight: 700}
.small-cart-icon,
.small-cart-arrow { display:flex; align-items: center}
.open .small-cart-arrow { transform:rotate(-180deg)}
.small-cart-content { background:#fff; margin-top:1px; padding: 15px 10px 15px 20px; display:none}
.small-cart-content.open { display:block}
.small-cart-content-item { display:flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; font-size:12px } 
.small-cart-item-col { display:flex; justify-content: space-between; align-items: flex-start }
.small-cart-content-item img { margin-right:10px}
.small-cart-content-item p { font-weight:700; font-size:14px; color:#3C3C3C}
.small-cart-content-item .small-cart-item-price { white-space: nowrap; display: flex; align-items:flex-end}
.small-cart-content-item p span { display:block; font-weight: 400; font-size: 11px; margin-right: 5px}
.small-cart-item-col > a { margin-top:-10px}

.small-cart-price-line { font-size:12px; display:flex; justify-content: space-between; align-items: flex-start; border-top:1px solid #F2F2F2; padding:6px 0; margin-right: 10px}
.small-cart-price-line p:last-child { font-weight:700}
.small-cart-price-line.line-reduced p:last-child { color:#51632a}
.small-cart-price-line.line-total p { font-weight:700}

/* Shop properties */
.shop-properties { background:#fff; padding:15px 10px; color:#707070; font-size:14px; box-shadow:0 1px 4px rgba(0,0,0,.16) }
.shop-properties-item { display:flex; justify-content: space-between; align-items: center; margin-bottom: 5px}
.shop-properties-item p span { font-weight:700; color:#51632a}
.shop-properties-item:last-child { margin-bottom:0}
.shop-properties-item-icon { width:60px}
.shop-properties-item-desc { width:calc(100% - 70px)}
.shop-properties-item-desc .delivery-exception{color:#b11f1f;font-size:12px;}
.side-col .shop-properties { display:none }

/* */
.IC2Site .step-content-validation a { text-decoration:underline}
.final-side-col .shop-properties { margin-bottom:15px}

/* Errors Handling */
@keyframes colorchange { 0% {background: rgba(239,176,6)} 50% {background: rgba(239,149,6)} 100% {background: rgba(239,176,6)}}

.step-content-container.error-item { position:relative; margin: 0; border:none; padding:0; z-index: 1 }
.step-content-container.error-item .step-content { display: block; width:260px; position: absolute; left: 12px; top: -4px; background:#E31936; text-align:left; border-radius:2px; box-shadow:0 0 6px rgba(0,0,0,.12); color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.2); font-size:14px; padding: 6px 8px}
.step-content-container.error-item .step-content::after { content:''; display:block; width:12px; height:12px;border-radius:2px; background: #E31936; position: absolute; left: 13px; top: -4px; transform: rotate(45deg)}

.form-item .formError { left:10px !important }
.form-item-composed.form-item .formError { position: absolute !important; left: 10px !important; top: 62px !important; z-index: 2 }
.form-item-composed.form-item .formError.inBCityformError { left:110px !important }

.shop-checkout-step-content .error,
.shop-checkout-step-content .message { position:fixed; top: 15px; width: calc(100% - 30px); left: 15px; display: block; background: rgba(0,0,0,.85); color: #FFF; border-radius: 5px; font-size:14px; z-index: 3; margin: 0; padding: 8px 12px; box-shadow: 5px 5px 30px rgba(0,0,0,.46); text-align: center }

/* Order validation */
.step-content-thanks { text-align:center}
.step-content-thanks h1 { font-size:24px; font-weight: 700}
.step-content-thanks p { margin-bottom:20px; color:#707070}
.step-content-thanks p.info { font-size:14px}
.step-content-thanks p.info span { font-weight: 700}
.IC2Site .step-content-thanks .btn { justify-content: center; max-width: 300px; margin:0 auto 20px }
.IC2Site .step-content-thanks .btn svg { margin-left:10px}
.final-step .small-cart-content { display:block; padding:0}
.final-step .small-cart-content h2 { margin-bottom:15px}
.final-step .small-cart-price-line { font-size:14px; margin-right:0 }
.final-step .small-cart-content-item p span { font-size:12px}
.final-step .small-cart-content .info { font-size:14px; color:#707070  }

.final-side-col a { text-decoration:underline}
.final-side-col { padding:0 15px}

/* VALIDATION MOT DE PASSE */
.requirements {--font-size: 1rem;}
.requirements .requirement-icon:before {--icon-size: 1.2rem;--icon-margin-right:.2rem;}

@media (min-width:480px){
    .radio-label-payment-choice .text-label { font-size:18px}
    .radio-item label { font-size:18px}
    .radio-item .radio-icon i { font-size:74px}
    .radio-item .radio-price p { font-size:16px}
    .step-content-container.error-item .step-content { width:320px}
}
@media (min-width:768px){
    header { padding: 20px 0; box-shadow: 0 0 12px rgba(0,0,0,.12)}
    .form-item.form-item-reduc input { width:357px}
    .step-title-steps ol li { padding-right: 10px}
}
@media (min-width:992px){
    .container { width:962px}
    
    .main-col, .final-main-col { width:calc(58% - 7.5px); order:1 }
    .side-col, .final-side-col { width:calc(42% - 7.5px); order:2 }
    
    #shop-checkout { margin-top:15px}
    
    .step-title-container {  height: 72px; padding: 0 8px 0 25px; background: #fff }
    .step-title { order:1; padding:0; width:auto }
    .step-title-steps { order:2; width:auto}
    .shop-checkout-step h2 { font-size: 18px}
    
    .step-content-container { margin-top:1px; padding:15px 25px  }
    .step-content-tools { margin-bottom:25px}
    
    .small-cart-header { height: 72px}
    .small-cart { margin-bottom: 15px; box-shadow:0 1px 4px rgba(0,0,0,.16)  }
    
    .side-col .shop-properties { display:block }
    
    .step-content-container h3 { font-size:14px}
    
    .form-item { max-width:575px }
    .form-item label { width:175px; margin-right:15px }
    .form-item input,
    .form-item .textarea-comment,
    .form-item select { width:calc(100% - 190px) }
    
    .form-item.form-item-composed input.large { width:calc(100% - 288px) }
    
    .form-item .label-container { width:175px}
    #passwordArea { padding-top:10px}
    
    /* Footer */
    .step-footer-container { justify-content: flex-end}
    
    /* error */
    .shop-checkout-step-content .error { display: block; position: static; box-shadow: none; text-align: left; width:auto;border-radius:0; text-shadow: 1px 1px 1px rgba(0,0,0,.12); animation: colorchange 3s infinite alternate }
    .shop-checkout-step-content .message { display: block; position: static; box-shadow: none; text-align: left; width:auto;border-radius:0; text-shadow: 1px 1px 1px rgba(0,0,0,.12); background:#2F910D }
    
    .step-content-thanks { margin: 20px 0}
    
    .form-item .formError { left:190px !important }
    .form-item-composed.form-item .formError { left: 190px !important; top: 35px !important; }
    .form-item-composed.form-item .formError.inBCityformError { left:290px !important }
}
@media (min-width:1200px){
    .container { width:1170px}
    
    .main-col, .final-main-col { width:calc(65% - 15px) }
    .side-col, .final-side-col { width:calc(35% - 15px) }
    
    #shop-checkout { margin-top:30px}
    .shop-checkout-step h2 { font-size: 22px}
    
    .small-cart { margin-bottom: 30px }
    
    .step-title-steps ol li { padding-right: 20px}
    
    .IC2Site .final-side-col .btn { margin-bottom: 30px }
    .final-side-col .shop-properties { margin-bottom:30px}
}
@media (min-width:1400px){
    .container { width:1370px}
}