/**** NORMALIZE ****/
a { color: #69949b; text-decoration: none; letter-spacing: 0.4px; }
p { font-size: 15px; margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
* { font-family: 'Muli', sans-serif; }

/***** GENERAL ******/
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.center-align, .align-center { text-align: center; }
.right-align, .align-right { text-align: right; }
.left-align, .align-left { text-align: left; }
.clear { clear: both; }
h2 { margin-bottom: 30px; margin-top: 40px; }
p { font-size: 14px; line-height: 27px; margin-bottom: 15px; }
.mt-6 { margin-top: 4rem; }
.m-auto { margin: 0 auto; }

/**** TITLE *****/
div.box-title { text-align: center; margin-top: 40px; margin-bottom: 40px; }
div.box-title h1 { color: #232323; font-size: 20px; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; position: relative; margin-bottom: 15px; }
div.box-title h1 span.title { padding: 0 24px; position: relative; z-index: 1; background-color: #fff; font-weight: bold; }
div.box-title h1:before { position: absolute; content: ""; height: 1px; background-color: #e0e0e0; top: calc(50% - .5px); left: 0; right: 0; width: 100%; }
div.box-title h3 {  color: #232323; font-size: 20px; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; position: relative; margin-bottom: 15px; }
div.box-title h3 span.title { padding: 0 24px; position: relative; z-index: 1; background-color: #fff; }
div.box-title h3:before { position: absolute; content: ""; height: 1px; background-color: #e0e0e0; top: calc(50% - .5px); left: 0; right: 0; width: 100%; }

@media (max-width: 767px) {
    /*div.box-title { margin-top: 20px; margin-bottom: 20px; }*/
}

/************************************************* AUTOCOMPLETE */
.ui-autocomplete { position: absolute; z-index: 1000; float: left; min-width: 160px; padding: 0; margin: 2px 0 0;  list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #0b6ba8; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } 
.ui-autocomplete > li { list-style-type: none; margin-bottom: 0; }
.ui-autocomplete > li > div { display: block; padding: 7px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; }
.ui-state-hover,
.ui-state-active,
.ui-state-focus { text-decoration: none; color: #262626; background-color: #f5f5f5; cursor: pointer; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px;  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/****** PAGE *******/
.page {  }
.page p.version { text-decoration: underline; margin-bottom: 50px; }

/*** BANNER TOP *****/
.banner-top { color: #fff; height: 35px; }
.banner-top .message { text-transform: none; text-align: center; padding: 4px 0; }
.banner-top .message p { display: none; letter-spacing: 0.6px; font-family: "Oswald", serif; font-size: 16px; margin: 0; }
.banner-top .message p.show { display: block; }


/**** HEADER *****/
.header { margin-top: 20px; padding-left: 50px; padding-right: 50px; padding-bottom: 10px; display: flex; justify-content: space-between; border-bottom: 2px solid #f6f6f6; }
.header .left-header { width: 250px; }
.header .left-header a { display: block; }
.header .left-header a img { max-height: 50px; }
.header .navigation { position: relative; }
.header .navigation .main-menu {  }
.header .navigation .main-menu .nav-item { display: inline-block; margin-right: 0; }
.header .navigation .main-menu .nav-item  a { font-size: 18px; line-height: 42px; font-weight: normal; color: #000; letter-spacing: 0px; padding-top: 4px;}
.header .right-header { width: 40px; position: relative; }
.header .right-header .cart-header-icon { margin-top: 4px; }
.header .right-header .cart-header-icon a { font-size: 25px; position: relative; color: #444; }
.header .right-header .cart-header-icon a i {  }
.header .right-header .cart-header-icon a span.cart-count { font-size: 12px; font-weight: bold; background-color: #f8b26a; color: #fff; position: absolute; top: -1px; right: -11px; min-height: 18px; min-width: 18px; text-align: center; border-radius: 50%; }

.header .cart-detail { background-color: #fff; display: none; box-shadow: 0 3px 6px 0 rgba(0,0,0,.35); position: absolute; top: 65px; left: -275px; z-index: 10000; width: 320px; opacity: 1; border: 1px solid #E2E2E2; }
.header .cart-detail ul.cart-detail-products { background-color: #F5F5F5; padding: 10px; }
.header .cart-detail ul.cart-detail-products li { border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-top: 10px; }
.header .cart-detail ul.cart-detail-products li:first-child { padding-top: 0; }
.header .cart-detail ul.cart-detail-products li:last-child { padding-bottom: 0; border-bottom: none; }
.header .cart-detail ul.cart-detail-products .cart-left { float: left; width: 35%; }
.header .cart-detail ul.cart-detail-products .cart-left img { width: 100%; padding-left: 0; padding-right: 0; }
.header .cart-detail ul.cart-detail-products .cart-right { float: left; width: 60%; position: relative; margin-left: 10px; }
.header .cart-detail ul.cart-detail-products .cart-right .product-name { margin: 0 0 0 0; line-height: 22px; font-size: 13px; }
.header .cart-detail ul.cart-detail-products .cart-right .price { margin: 0; font-size: 13px;}
.header .cart-detail ul.cart-detail-products .cart-right .delete-product { cursor: pointer; font-size: 13px; }
.header .cart-detail ul.cart-total { padding: 10px 18px 5px 18px; }
.header .cart-detail ul.cart-total li { width: 100%; border-bottom: 1px solid #E2E2E2; line-height: 30px; padding: 7px 0; }
.header .cart-detail ul.cart-total li:last-child { border-bottom: none; }
.header .cart-detail ul.cart-total li span.text { float: left; }
.header .cart-detail ul.cart-total li span.value { float: right; font-weight: bold; }
.header .cart-detail .cart-button { margin-top: 0px; padding: 0 18px 10px 18px; }
.header .cart-detail .cart-button a { position: relative; font-weight: bold; color: #fff; background-color: #3fb34f; border: none; display: block; width: 100%; line-height: 1.4; padding: 8px 80px 12px 80px; font-size: 20px; height: auto; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.35); }

/* Mobile */
.header .navbar { background-color: #fff; text-decoration: none; }
.header .navbar button i { color: #000; font-size: 35px; }
.header .navbar .logo-mobile { max-height: 36px; }

@media (max-width: 1200px) {
    .header .navigation .main-menu .nav-item a { font-size: 14px;  padding: 5px 8px; }
}

@media (max-width: 1200px) {
    .header .navigation .main-menu .nav-item a { font-size: 14px;  padding: 5px 8px; }
}

/* A partir de 1000px, on mets le logo sur une ligne, et le menu en dessous */
@media (max-width: 1000px) {
    .header { display: block; position: relative; }
    .header .left-header { width: auto; text-align: center; }
    .header .navigation { text-align: center; }
    .header .navigation .main-menu .nav-item a { font-size: 16px;  padding: 5px 15px 0 15px; }
    .header .right-header { position: absolute; top: 10px; right: 10px; }
}

@media (max-width: 767px) {
    .header .navbar a { padding-right: 50px; padding-top: 10px; }
    .header { margin-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; display: block; border: 0; justify-content: center; }
    .header .right-header { top: 0; }
    .header .right-header i { color: #000; }
}

/*************** MENU MOBILE ***********************/
#slide-menu-mobile{ display: none; }
#slide-menu-mobile ul.off-canvas { position: fixed; width: 270px; top: 0; left: 0; padding: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; -webkit-box-shadow: 0 100px 0 0 #fff; box-shadow: 0 100px 0 0 #fff; z-index: 99999; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);transition: all 0.3s ease; backface-visibility: hidden;-webkit-backface-visibility: hidden;}
#slide-menu-mobile ul li.menu-item { border-bottom: 1px solid #eee; overflow: hidden;}
#slide-menu-mobile ul li.menu-item > a {line-height: 22px !important; padding: 10px 15px; font-size: 15px;color: #4db1b3; }
#slide-menu-mobile ul ul.sub-menu { list-style-type: none;transition: all 0.3s ease; opacity: 1; visibility: visible; position: absolute; top:0; left:0; width: 100%; min-height: 100%; background-color: #fff; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); backface-visibility: hidden;-webkit-backface-visibility: hidden;}
#slide-menu-mobile ul ul.sub-menu li a { font-size: 13px; line-height: 20px;}
#slide-menu-mobile ul ul.sub-menu.sub-menu-active { -webkit-transform: translateX(0); transform: translateX(0); z-index: 999; }
#slide-menu-mobile ul li.back-mb span{ cursor:pointer; padding: 13px 15px; font-size: 15px;}
#slide-menu-mobile ul.off-canvas-active { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }
#slide-menu-mobile ul span.submenu-toggle { border-left: 1px solid #eee; min-width: 42px; line-height: 42px; cursor: pointer;  font-size: 20px; }
#slide-menu-mobile ul span.submenu-toggle i { font-size: 20px !important; }
#slide-menu-mobile ul span.submenu-toggle .fa, #slide-menu-mobile ul span.submenu-toggle .far, #slide-menu-mobile ul span.submenu-toggle .fab, #slide-menu-mobile ul span.submenu-toggle .fal { font-size: 14px; line-height: 42px; }
#slide-menu-mobile ul > li.close-menu { touch-action: none;list-style-type: none; cursor: pointer; width: 30px; height: 30px;font-size: 20px;margin: 10px auto;line-height: 30px;}
.offsetnav-overlay { position: fixed;  top: 0; left: 270px; right: 0; height: 120vh; background-color: rgba(0,0,0,0.5); z-index: 99999; }

/** MODAL **/
.modal-dialog { max-width: 650px; margin-top: 8rem;}
.modal-body { padding-left: 0; padding-right: 0; }
.modal-content { border-radius: 0; }
.modal-content p { margin: 0; padding: 0; padding: 0 15px; }
.modal-content p.read-more { margin-top: 20px; }
.modal-content p.read-more a { color: #c64a34; text-transform: uppercase; font-size: 13px;  }
.modal-content .timer { background-color: #fef2f0; color: #4a4a4a; font-size: 20px; font-weight: bold; text-align: center; padding: 5px 0; }
.modal-content .timer span { color: #ff5533; }

.modal-content .product {  }
.modal-content .product img { max-width: 100%; padding: 0 30px 30px 30px; }
.modal-content .product .product-right { padding-left: 0; }
.modal-content .product .product-right h3 { font-size: 18px; font-weight: bold; }
.modal-content .product .product-right p { padding: 0 15px 0 0; margin-top: 20px; }

.modal-content .product .product-price {  }
.modal-content .product .product-price span.current-price { color: #444; font-size: 24px; line-height: 32px; }
.modal-content .product .product-price span.old-price { color: #444; font-size: 13px; text-decoration: line-through; margin-left: 10px; }
.modal-content .product .product-price span.discount { color: #31981e; margin-left: 10px; }

.modal-content .product .add {  }
.modal-content .product .add button { position: relative;  color: #fff; border: none; display: inline-block; width: 90%; line-height: 1.4; padding: 8px 0; font-size: 20px; height: auto; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.35); } 
.modal-content .product .add button.add-to-cart { background-color: #43b754; margin-bottom: 10px; font-weight: bold; }
.modal-content .product .add button.no-thanks { color: #444; background-color: #fff; border: none; text-decoration: underline; font-size: 15px; box-shadow: none;}

.modal-header { border: none; text-align: center; display: block; padding-bottom: 0; }
.modal-header button { position: absolute; right: 15px; top: 24px; }
.modal-header i.icon { display: block; font-size: 35px; color: #638b57; }
.modal-header span { text-transform: uppercase; color: #638b57; font-size: 21px;  }

.modal.popup-add-to-cart {  }
.modal.popup-add-to-cart .product-image { text-align: center; padding: 20px;}
.modal.popup-add-to-cart .product-image img { max-width: 100%; height: 250px;  }
.modal.popup-add-to-cart .product-name { background-color: #f0f2f6; text-align: center; padding: 15px 10px 15px 10px; margin: 15px auto; font-size: 18px; }
.modal.popup-add-to-cart .product-name p { margin: 0; padding: 0; font-size: 21px; }
.modal.popup-add-to-cart .product-buttons { margin: 15px auto; text-align: center; }
.modal.popup-add-to-cart .product-buttons a { margin: 0 auto 15px auto; text-transform: uppercase; font-size: 24px; display: inline-block; background: #43b754; border-color: #43b754; width: auto; line-height: 1.4; padding: 10px 60px; height: auto; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.35); } 
.modal.popup-add-to-cart .product-buttons button { background: #f6f6f6; color: #323e44; border: 3px solid #e2e5ea; margin: 0; font-size: 18px; padding: 12px 20px; display: inline-block; text-transform: uppercase; width: auto; line-height: 1.4; border-radius: 3px; } 

.modal.cross-selling-product {  }

@media (max-width: 768px) { 
    .modal-dialog { margin-top: 75px; }
    .modal.popup-add-to-cart .product-name { padding-top: 7px; padding-bottom: 6px; }
    .modal.popup-add-to-cart .product-name p {  font-size: 18px; }
    .modal.popup-add-to-cart .product-buttons a { font-size: 21px; }
    .modal.cross-selling-product .modal-header span { font-size: 15px; }
    .modal.cross-selling-product .modal-dialog { margin-top: 30px; }
    .modal.cross-selling-product .product img { display: block; margin: 0 auto; width: 40%; padding: 0; }
    .modal.cross-selling-product .product .product-price { text-align: center; }
    .modal.cross-selling-product .product-right { padding: 0 30px; }
    .modal.cross-selling-product .product-right p { text-align: center; margin-top: 0; }
    .modal.cross-selling-product .product-right h3 { text-align: center; }
    .modal.cross-selling-product .product-right button { width: 100%; }
}

/****** PROGRESS BAR ***********************/

@media (max-width: 992px) {
    /*.progressbar .step { width: 100px!important; }*/
    .progressbar .step:nth-child(7) { display: none;}
    .progressbar .step:nth-child(8) { display: none;}
}

/*@media (max-width: 1199px) {*/
/*.progressbar .step { width: 100px!important; }*/
/*}*/

@media (max-width: 768px) { 
    .progressbar { display: none; }
}

.progressbar { display: inline-block; margin: 20px auto 0px auto; width: 100%; }
.progressbar .step { float: left; padding: 0; position: relative; margin-left: 0; width: 33%; line-height: 22px; }
.progressbar .step.disabled {  }
.progressbar .step .step-info { font-size: 18px; color: #3fb34f; font-weight: bold; height: 44px; text-align: center; }
.progressbar .step .step-info i { display: block; font-size: 22px; }
.progressbar .step .step-info .step-label { display: block; margin-top: 5px; font-size: 16px; height: 44px; text-decoration: none;  }
.progressbar .step .step-info a.step-label { color: #3fb34f; }
.progressbar .step.disabled .step-info { color: #999; font-weight: normal; }
.progressbar .step .progress { position: relative; border-radius: 0; height: 4px; box-shadow: none; margin: 20px 0; overflow: hidden; background-color: #d6d6d6; }
.progressbar .step .progress.progress-active { background-color: #3fb34f; overflow: hidden; }
.progressbar .step .progress.progress-active.last { width: 50%; }
.progressbar .step .progress.progress-active:not(:first-child):not(.last) { width: 100%; }
.progressbar .step:first-child > .progress { left: 50%; width: 50%; }
.progressbar .step:last-child > .progress { left: 0%; width: 50%; }
.progressbar .step .progress .progress-bar-bar { width: 0; box-shadow: none; background: #fbe8aa; }
.progressbar .step .step-dot { top: 58px; position: absolute; width: 15px; height: 15px; display: block; background: #3fb34f; left: 50%; margin-top: -15; margin-left: -15px; border-radius: 50% }
.progressbar .step.disabled .step-dot { background: #d6d6d6; }



/***** PRODUCTS GRID *****/
.products-grid {  }
.products-grid .product { margin-bottom: 30px; }
.products-grid .product .product-inner { position: relative; border: 1px solid transparent; background: #fff; padding: 15px; -moz-box-shadow: rgba(0,0,0,.24) 0 1px 4px 0; -webkit-box-shadow: rgba(0,0,0,.24) 0 1px 4px 0; box-shadow: rgba(0,0,0,.24) 0 1px 4px 0; }
.products-grid .product .product-inner span.tag { position: absolute; top: 0; right: 0; background: #3fb34f; color: #fff; padding: 5px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; z-index: 10; -ms-transform: translate3d(0%, 0%, 0); -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); }
.products-grid .product .product-top { text-align: center;  }
.products-grid .product .product-top .product-image { overflow: hidden; margin-bottom: 15px; text-align: center;  }
.products-grid .product .product-top .product-image a { height: 325px; display: block; }
.products-grid .product .product-top .product-image a img { width: 80%; height: auto; max-width: 80%;  }
.products-grid .product .product-bottom { text-align: center; }
.products-grid .product .product-bottom a.product-title { color: #232323; display: block; margin-bottom: 3px; font-size: 15px; line-height: 25px; }
.products-grid .product .product-bottom .product-rating { margin-bottom: 6px; }
.products-grid .product .product-bottom .product-rating i { color: #f39b11; }
.products-grid .product .product-bottom .product-rating .rate-star { display: block; }
.products-grid .product .product-bottom .product-rating .info_rating { display: block; margin-top: 3px; }
.products-grid .product .product-bottom .product-rating .info_rating span { color: #444; font-size: 14px; }

.products-grid .product .product-bottom .price-box { font-size: 16px; line-height: 25px; margin-bottom: 0; }
.products-grid .product .product-bottom .price-box span {  }
.products-grid .product .product-bottom .price-box span.old-price { color: #969696; text-decoration: line-through; margin-right: 5px; }
.products-grid .product .product-bottom .price-box span.current-price { color: #444; font-weight: bold;  }
.products-grid .product .product-bottom .price-box.has-reduction span.current-price { color: #f8b26a }
.products-grid .product .product-bottom .see-product { margin-top: 12px; }
.products-grid .product .product-bottom .see-product a { display: block; background-color: #3fb34f; width: 50%; margin: 0 auto; color: #fff; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; border: none; border-radius: 00;  }
.products-grid .product .product-bottom .see-product a i { margin-right: 5px; }

/****** AVIS CLIENT AVEC IMAGE ***/
.product-ratings { position: relative; margin-top: 30px; }
.product-ratings h2 { text-align: center; margin: 0;  }
.product-ratings hr { background-color: #eda93a; width: 130px; height: 3px; margin: 10px auto 30px auto; opacity: 1; }
.product-ratings .image { height: 284px; text-align: center; }
.product-ratings .image img { max-width: 100%; max-height: 284px; display: block; border-radius: 30px; width: 305px; margin: 0 auto; }
.product-ratings .comment { margin-bottom: 14px; }
.product-ratings .comment .comment-inner { background-color: #f6f6f6; position: relative; padding: 15px; border-radius: 10px; height: auto; min-height: 284px; }
.product-ratings .comment .text-header {  }
.product-ratings .comment .text-header span.name { display: inline-block; margin-right: 10px; }
.product-ratings .comment .text-header .verified { display: inline-block; padding: 3px 7px; border-radius: 15px; background-color: #eda93a; color: #fff; font-size: 12px; }
.product-ratings .comment p.title { margin-top: 10px; font-weight: bold; font-size: 17px; }
.product-ratings .comment div.comment-text {  }
.product-ratings .comment div.comment-text p {  }

@media (max-width: 768px) { 
    .product-ratings .comment { margin: 15px auto; width: 330px; }
    .product-ratings .image { height: auto; }
}

/*********** FAQ ***********/
.product-faq { position: relative; margin-top: 30px; margin-bottom: 50px; }
.product-faq h2 { text-align: center; margin: 0;  }
.product-faq hr { background-color: #eda93a; width: 130px; height: 3px; margin: 10px auto 30px auto; opacity: 1; }
.product-faq .question { width: 100%; position: relative; margin-bottom: 15px; cursor: pointer; }
.product-faq .question p.title { border-top-right-radius: 15px; border-top-left-radius: 15px; color: #fff; margin: 0; padding: 0; font-size: 18px; background-color: #eda93a; padding: 8px 20px; }
.product-faq .question img.plus { width: 25px; position: absolute; right: 10px; top: 10px; }
.product-faq .question .answer { display: none; padding: 10px 20px; border: 2px solid #eda93a; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.product-faq .question .answer p { margin: 0; padding: 0; color: #333; font-size: 16px; }
.product-faq .pre { text-align: center; }

@media (max-width: 768px) {
    .product-faq .question { padding: 5px 15px; }
    .product-faq .question p.title { font-size: 14px; }
    .product-faq .question img.plus { display: none;}
    .product-faq .question .answer p { margin: 0; padding: 0; font-size: 14px; }
}

/***** RASSURANCE FOOTER *******/
.reassurance-footer { background-color: #f4f4f4; padding-top: 50px; padding-bottom: 50px; width: 100%;  }
.reassurance-footer .container .row > div { display: flex; flex-direction: row; }
.reassurance-footer i { display: inline-block; margin-right: 25px; font-size: 30px;}
.reassurance-footer div.text { display: inline-block;  }
.reassurance-footer div.text span {  }

@media (max-width: 768px) { 
    .reassurance-footer { padding-top: 20px; padding-bottom: 10px; }
    .reassurance-footer .line { vertical-align: middle; margin-bottom: 10px; }
    .reassurance-footer i { font-size: 20px; }
}

/****** FOOTER ******/
.footer { background-color: #232323; padding-top: 50px; padding-bottom: 50px; width: 100%;  }
.footer hr { height: 2px; color: #bbb; margin: 30px 0; }
.footer .description {  }
.footer .description p { color: #bbb; line-height: 28px; font-size: 16px; }
.footer ul.link-list {  }
.footer ul.link-list li { margin-bottom: 10px; }
.footer ul.link-list li a { color: #84b5be; }
.footer h3 { color: #84b5be; font-size: 21px; text-transform: uppercase; padding-bottom: 10px; padding-top: 4px; letter-spacing: 1px; }

@media (max-width: 768px) { 
    .footer { padding-top: 20px; padding-bottom: 10px; }
    .footer hr { margin-top: 10px; margin-bottom: 10px; }
}

/******************** SUIVI DE COMMANDE *************************/
.suivi {  }
.suivi h1 { text-align: center; font-size: 25px; margin: 40px 0 20px 0; }
.suivi hr.undertitle { width: 300px; height: 2px; border-width: 3px; border-style: solid; margin: 10px auto 50px auto; }

.suivi h2 { font-size: 21px; margin: 0 0 20px 0; }
.suivi p { margin-bottom: 5px; }

.suivi .follow-order { margin-top: 15px; display: inline-block; background: #43b754; color: #ffffff; border-color: #399a49; font-size: 20px; padding: 7px 40px; }
.suivi .follow-order i { margin-right: 10px; }

.suivi table { width: 100%; min-width: 100%; border-collapse: collapse; border: 1px solid #ddd; }
.suivi table td, .suivi table th { border: 1px solid #ddd; padding: 10px 15px; vertical-align: middle; text-align: center; font-size: 15px; }
.suivi table td.image img { max-width: 100px; }

.suivi p.explain { text-align: center; width: 60%; margin: 0 auto 40px auto; font-size: 18px; line-height: 30px; }

.suivi .input-group-text { padding: 12px 23px; }
.suivi .input-group-text sup { color: #ff0000; margin-left: 4px; }
.suivi .button { margin-top: 30px; }
.suivi .button button { background: #43b754; color: #ffffff; border-color: #399a49; font-size: 20px; padding: 7px 40px; }

.suivi .errors { padding: 20px; margin: 0 0 15px 0; background-color: #f2dede; border: 1px solid #ebcccc; color: #a94442; }
.suivi .errors p { margin: 0 0 5px 0; font-size: 16px;  }
.suivi .errors ul { margin: 0 0 0 30px;  }
.suivi .errors ul li { font-size: 16px; list-style-type: decimal; }

/***** PAGE PRODUIT ******/

.pagelife-inner { display: none; z-index: 15000; position: fixed; bottom: 0; margin-bottom: 8px; background-color: #fff; color: #000; height: 66px; width: 400px; border-radius: 4px; border: 2px solid #fafafa; padding: 0px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); left: 0; margin-left: 8px; }
.pagelife-inner.show { display: block; }
.pagelife .pagelife-image {   }
.pagelife .pagelife-image img { border-radius: 4px; border: 1px solid #cacaca; margin: 3px; box-shadow: 2px 2px 2px #cacaca; float: left; width: 55px; height: 55px; }
.pagelife .pagelife-content { width: 350px; margin-left: 70px; margin-top: 3px; }
.pagelife .pagelife-name { font-size: 13px; }
.pagelife .pagelife-name span { font-weight: bold; }
.pagelife .pagelife-product {  font-size: 12px; margin-top: 0;  }

.product-single { margin-top: 20px; }
.product-right h1 { color: #444; margin: 0 0 8px 0; font-size: 28px; font-weight: bold; }

.product-right .product-price { margin-top: 5px; }
.product-right .product-price .price { display: block; } 
.product-right .product-price .price span {  }
.product-right .product-price .price span.current-price { color: #444; font-size: 24px; line-height: 32px; font-weight: normal; }
.product-right .product-price .price span.old-price { color: #444; font-size: 13px; text-decoration: line-through; margin-left: 6px; vertical-align: 3px;}
.product-right .product-price .price span.old-price-empty { width: 51px; display: inline-block; }
.product-right .product-price .price .economy { margin-left: 8px; font-size: 14px; display: inline-block; vertical-align: 4px;}
.product-right .product-price .price .economy span { font-weight: bold; }
.product-right .product-price .best-price { font-size: 12px; line-height: 20px; display: inline-block; margin-left: 15px; vertical-align: 5px; margin-bottom: 0; }
.product-right .product-price .best-price i { color: #3fb34f; font-size: 20px; vertical-align: -3px; margin-right: 0px; }

.product-right .product-reviews { display: block; margin-top: 5px;  }
.product-right .product-reviews .product-rate { display: inline-block; cursor: pointer; }
.product-right .product-reviews .product-rate i { color: #f39c11; font-size: 15px; }
.product-right .product-reviews span.nb-reviews { cursor: pointer; display: inline-block; margin-left: 5px; vertical-align: 0; color: #000; font-size: 15px; }
.product-right .product-reviews span.rate { cursor: pointer; display: inline-block; margin-left: 5px; vertical-align: 0; color: #000; font-size: 15px; }

.product-right .noel { background-color: #ff0000; padding: 5px 10px; margin-top: 10px; width: 68%; }
.product-right .noel p { margin: 0; padding: 0; color: #ffffff; }

.product-right .best-seller { position: relative; display: block; width: 100%; margin: 10px 0 10px 0; }
.product-right .best-seller .best-seller-badge { font-size: 16px; height: 28px; padding: 4px 4px 0 10px; background: #fff0ed; color: #f03306; max-width: calc(100% - 20px); border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; position: relative; z-index: 2; margin-right: 20px; display: inline-block; line-height: 20px; box-sizing: border-box;} 
.product-right .best-seller .best-seller-badge span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.product-right .best-seller .best-seller-badge span:after { border: 14px solid #fff0ed; right: -20px; font-size: 14px; color: #fff; line-height: 20px; border-right-color: rgb(5, 70, 113); border-left-width: 14px; border-right-color: #fff !important; content: ""; position: absolute; display: block; bottom: 0; z-index: -1; height: 0; width: 0; border-left-width: 10px; }
.product-right .best-seller .category { color: #444; font-size: 12px; position: absolute; top: 4px; margin-left: 5px;}

.product-right .product-options { margin-top: 30px; }
.product-right .product-options .option { background-color: #fcfcfc; display: inline-block; cursor: pointer; margin-right: 10px; border: 1px solid #ddd;   }
.product-right .product-options .option.active { border: 2px solid #f8b26a; }
.product-right .product-options .option a { padding: 9px 17px; display: block; color: #000; }
.product-right .product-options .option a:hover { color: #000; }

.product-right .product-description { margin-top: 20px; width: 100%; text-align: left; }
.product-right .product-description p { margin: 0; font-size: 14px; line-height: 24px; letter-spacing: -0.2px; }
.product-right .product-description a { text-decoration: underline; font-size: 12px; }
.product-right .product-description a.read-next { display: block; margin-top: 10px; color: #000; }

.product-right .decreasing-price { margin-top: 20px; }
.product-right .decreasing-price h4 { font-size: 15px; }
.product-right .decreasing-price table { font-size: 12px; }
.product-right .decreasing-price table thead tr th { background: #fbfbfb; }

.product-right .product-quantity { margin-top: 20px; }
.product-right .product-quantity label.label-quantity { display: inline-block; text-align: left; }
.product-right .product-quantity label.label-quantity p { font-size: 18px; }
.product-quantity div.choice-quantity { display: inline-block; vertical-align: -15px; margin-left: 5px; }

.product-quantity div.choice-quantity div.choice { width: auto; float: left; }
.product-quantity div.choice-quantity div.choice input { float: left; border-radius: 0; color: #232323; background-color: #fff; padding: .175rem .5rem; display: block; text-align: center; height: 44px; width: 44px; border: 1px solid #d6d4d4; font-size: 18px; }
.product-quantity div.choice-quantity div.choice span.input-group-vertical { color: #232323; width: auto; float: left; position: relative; white-space: nowrap; }
.product-quantity div.choice-quantity div.choice span.input-group-vertical button { display: block; border: 1px solid #d6d4d4; height: 22px; padding: 0 4px; border-radius: 0; }
.product-quantity div.choice-quantity div.choice span.input-group-vertical button i { top: 1px; font-size: 15px; left: .1875rem; vertical-align: 2px; }
.product-quantity div.choice-quantity div.choice span.input-group-vertical button.product-quantity-up {  } 
.product-quantity div.choice-quantity div.choice span.input-group-vertical button.product-quantity-down {  }

.product-right .product-quantity.rupture { color: #ff0000;  font-style: italic; }
.product-right .product-quantity.rupture i { color: #ff0000; vertical-align: -1px; }

.product-right .product-quantity .add { margin: 0 0 10px 10px; float: none; display: inline-block; }
.product-right .product-quantity .add button { position: relative; font-weight: bold; color: #fff; background-color: #3fb34f; border: none; display: block; width: 100%; line-height: 1.4; padding: 8px 80px 12px 80px; font-size: 20px; height: auto; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.35); }
.product-right .product-quantity .add button span {  }

.product-right .product-available { margin-top: 20px; }
.product-right .product-available:before { float: left; content: "\25CF"; color: #aad264; font-size: 25px; margin-right: 7px; position: relative; top: -11px; }
.product-right .product-available > div {  }
.product-right .product-available p { margin: 0; font-size: 12px; line-height: 20px; }
.product-right .product-available span {  } 

.product-right .product-stock { margin-top: 10px; }
.product-right .product-stock:before { float: left; content: "\25CF"; color: #950701; font-size: 25px; margin-right: 7px; position: relative; top: -11px; }
.product-right .product-stock > div {  }
.product-right .product-stock p { margin: 0; font-size: 12px; line-height: 20px; }
.product-right .product-stock span {  } 


.product-right .product-reassurance { margin: 20px 0 0 0; text-align: center; }
.product-right .product-reassurance > .row > div { cursor: pointer; }
.product-right .product-reassurance > .row > div img { width: 38px; padding: 8px; }
.product-right .product-reassurance i { color: #054671; font-size: 25px; }
.product-right .product-reassurance .info { width: 100%; color: #444; }
.product-right .product-reassurance .info p.reassurance-title { font-size: 14px; font-weight: bold; line-height: 22px; text-transform: uppercase; margin-bottom: 6px; }
.product-right .product-reassurance .info p.reassurance-subtitle { font-size: 12px; margin-top: 0px; line-height: 18px; }

.product-left { position: relative; }
.product-left .product-flag span.discount { color: #fff; background-color: #3fb34f; font-weight: bold; right: 0; float: right; z-index: 10000; padding: 3px; font-size: 14px; }

.product-description {  }
.product-description .tabs {  }
.product-description .tabs ul.nav-tabs  { border-bottom: 1px solid #444; padding-bottom: 20px; }
.product-description .tabs ul.nav-tabs  li {  }
.product-description .tabs ul.nav-tabs  li a { text-transform: uppercase; border: none; color: #444; padding-right: 30px; padding-left: 30px;}
.product-description .tabs ul.nav-tabs  li a:first-child { padding-left: 0; }
.product-description .tabs ul.nav-tabs  li a.active { font-weight: bold;  }

.product-description .tabs .tab-content {  }
.product-description .tabs .tab-content .inner { margin: 0; padding: 0; padding: 20px 0; }
.product-description .tabs .tab-content .inner p { font-size: 15px; line-height: 28px; }
.product-description .tabs .tab-content .inner ul { margin: 0; padding: 0; font-size: 15px;}
.product-description .tabs .tab-content .inner ul li { font-size: 15px; line-height: 28px; }

.cross-selling-product {  }
.cross-selling-product h2 { margin-bottom: 50px; text-align: center; font-size: 18px; padding-top: 30px; border-top: 1px solid #444; font-weight: bold; text-transform: uppercase; color: #444; }

@media (max-width: 768px) { 
    .product-right .product-price .best-price { display: block; margin-left: 0; }
    .product-right .product-stock { margin-top: 20px; }
    .product-right .product-quantity label.label-quantity { display: none; }
    /*.product-quantity div.choice-quantity { display: none; }*/
    /*.product-right .product-quantity .add { width: 100%; margin: 0; }*/
/*    .product-right .product-quantity { margin-top: 20px; }*/
    .pagelife-inner { border-color: #ccc; width: 390px; border-width: 1px; height: 54px; }
    .pagelife .pagelife-image img { width: 45px; height: 45px; }
    .pagelife .pagelife-content { margin-left: 60px; }
}


/*** REVIEWS **/

/************ AVIS CLIENTS ****************/
.reviews { margin: 20px 0 20px 0; }

.reviews .head { border-bottom: 1px solid #dedede; margin: 20px auto 15px; padding: 0 0 7px; position: relative; }
.reviews .head .star_content { width: 100px; margin: 0 5px 0 0;  display: inline-block }
.reviews .head .star_content i { color: #f39c11; }
.reviews .head p.nb_review { display: inline-block; font-size: 20px; margin-bottom: 0; }
.reviews .head .comments_openform { margin-bottom: 0;  }
.reviews .head .comments_openform a { background-color: #43b754; border-color: #399a49; }

/*.reviews h2 { color: #454545; text-align: center; font-weight: 600; font-size: 1.5rem; }
.reviews hr { margin-top: 20px; width: 150px; height: 2px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 5px solid #ff5722; margin-bottom: 30px; }
.reviews .content { height: 100%; }
.reviews .content .row.display-flex { display: flex; flex-wrap: wrap; }
.reviews .content .row.display-flex > [class*='col-'] { display: flex; flex-direction: column; }*/

.reviews .review { margin-bottom: 10px; }
.reviews .review-inner { padding: 20px 20px; border: 1px solid #e0e0e0; border-radius: 5px; }
.reviews .review-inner .note { text-align: center; margin-bottom: 10px; }
.reviews .review-inner .note .star_content { width: 100px; margin: 0 auto; }
.reviews .review-inner .note .star_content i { color: #f39c11; }
.reviews .review-inner .date { color: #454545; text-align: center; font-size: 20px; }
.reviews .review-inner .title { color: #454545; text-decoration: underline; font-size: 18px; line-height: 27px; text-align: center; }
.reviews .review-inner .review { margin: 20px 0; color: #454545; font-size: 16px; line-height: 27px; }
.reviews .review-inner .author { margin-bottom: 0; font-size: 20px;}
.reviews .review-inner .author .name { float: left; color: #454545; font-weight: bold; }
.reviews .review-inner .author .country { float: right; }
.reviews .review-inner .author .country img { margin-right: 5px; }
.reviews .review-inner .author .country span { color: #454545; font-size: 15px; }
.reviews .review-inner p.image img { width: 100%; height: auto; max-width: 100%; }

@media (max-width: 768px) { 
    .product-right .product-options .option { margin-right: 0; display: inline-block; margin-bottom: 8px;}
    .product-right .product-reassurance { display: none; }

    .product-right { margin-top: 30px; }
    .product-right .product-price .product-reviews { margin-left: 25px; margin-top: 4px; }
    .product-right .product-description { width: 100%; }
    .product-right .product-quantity .add button { padding-left: 40px; padding-right: 40px; }

    .product-description .tabs ul.nav-tabs { padding-bottom: 10px; }
    .product-description .tabs ul.nav-tabs  li a { padding-left: 30px; padding-right: 30px; font-size: 15px; text-transform: none;  }

    .product-quantity div.choice-quantity div.product-delete { display: inline-block; margin-left: 20px; }
}

@media (min-width: 768px) { 
    .product-right { padding-left: 50px; }
}

/***** SLIDER ******/
.image-container { position: relative; }
.image-container .slider-image { padding: 5px; border: 1px solid #eee; }
.image-container .slider-image img { width: 100%; max-width: 100%; }
.image-container .slider-nav { text-align: center; width: 100%; max-width: 100%; position: relative; margin-top: 20px; }
.image-container .slider-nav img { width: 75px; border: 1px solid #ccc; padding: 3px; opacity: .5; cursor: pointer; margin: 0 5px; }
.image-container .slider-nav img.slider-current { opacity: 1; }
.image-container .slider-nav div.slider-arrow { padding-top: 15px;  }
.image-container .slider-nav div.slider-arrow i { font-size: 24px; cursor: pointer; }
.image-container .slider-nav div.slider-arrow.slider-prev { float: left; }
.image-container .slider-nav div.slider-arrow.slider-next { float: right; }

@media (max-width: 768px) { 
    .image-container .slider-image { text-align: center; }
    .image-container .slider-image img { height: 300px; width: auto; }
}

/*** PANIER ********/
.panier .stock-information { border: 1px solid #4cbb6c; margin: 0 0 15px 0; padding: 15px; font-size: 15px; }
.panier .stock-information p { color: #333; font-size: 14px; margin: 0 0 5px 0; padding: 0; }
.panier .stock-information p:last-child {  margin-bottom: 0; }
.panier .stock-information p i { margin-right: 7px; color: #4cbb6c; font-size: 20px; vertical-align: -3px; }
.panier .stock-information p.warning { color: #ff0000; }
.panier .stock-information p.warning i { color: #ff0000; }

.panier .cart-content { padding: 15px; border: 1px solid #D5D3D3; }
.panier .cart-content div.title { padding: 0 0 10px 0; }
.panier .cart-content div.title h1 { text-align: center; color: #333; font-size: 23px; padding-bottom: 15px; border-bottom: 1px solid #D5D3D3; text-transform: uppercase; }
.panier .cart-content div.cart-content-inner {  }
.panier .cart-content div.cart-content-inner .product-line {  }
.panier .cart-content div.cart-content-inner .product-line span.product-image {  }
.panier .cart-content div.cart-content-inner .product-line span.product-image img { border: 1px solid #ccc; max-width: 100%; width: 100%; padding: 10px; }
.panier .cart-content div.cart-content-inner a { color: #444; }

.panier .cart-content div.cart-content-inner .price { margin-top: 0px; }
.panier .cart-content div.cart-content-inner .price span.current-price { font-size: 20px; line-height: 32px; }
.panier .cart-content div.cart-content-inner .price.has-reduction span.current-price { color: #ff5722;  }
.panier .cart-content div.cart-content-inner .price span.old-price { color: #444; font-size: 14px; text-decoration: line-through; margin-left: 10px; }
.panier .cart-content div.cart-content-inner .product-quantity { margin-top: 16px; }
.panier .cart-content div.cart-content-inner .product-quantity .choice-quantity { margin-left: 0; }
.panier .cart-content div.cart-content-inner .product-delete a { cursor: pointer; }
.panier .cart-content div.cart-content-inner .product-delete a i { font-size: 20px; }

.panier .cart-content div.cart-content-inner .cart-empty { }
.panier .cart-content div.cart-content-inner .cart-empty p { font-size: 17px; }

.panier .cart-content .product-line { border-bottom: 1px solid #ccc; padding: 15px 0; }
.panier .cart-content .product-line:first-child { padding-top: 0; }
.panier .cart-content .product-line:last-child { border-bottom: 0; padding-bottom: 0; }

.panier .cart-details { position: relative; display: block; background-color: #fff; border-radius: 0; border: 1px solid #ccc; }
.panier .cart-details .cart-details-totals {  }
.panier .cart-details .cart-details-totals .total { background-color: #eaf4fe; padding: 10px 17px; font-size: 22px;}
.panier .cart-details .cart-details-totals .total span.ttc { color: #b3b3b3; }
.panier .cart-details .cart-details-totals .total:after { content: ""; display: block; clear: both; }
.panier .cart-details .cart-details-totals span.label { float: left; }
.panier .cart-details .cart-details-totals span.value { float: right; }

.panier .cart-details .cart-details-totals .subtotal { padding: 10px 17px; font-size: 15px; }
.panier .cart-details .cart-details-totals .subtotal .line { display: block; margin-bottom: 10px; }
.panier .cart-details .cart-details-totals .subtotal .line:last-child { margin-bottom: 0px; }
.panier .cart-details .cart-details-totals .subtotal .line:after { content: ""; display: block; clear: both; }

.panier .cart-details .cart-details-totals .discount-code { padding: 15px; text-align: center; }
.panier .cart-details .cart-details-totals .discount-code input { height: 40px; padding-left: 10px; width: 73%; }
.panier .cart-details .cart-details-totals .discount-code button { margin-left: -5px; background-color: #3fb34f; color: #fff; border: 0; border-radius: 0 5px 5px 0; height: 40px; text-transform: uppercase; }
.panier .cart-details .cart-details-totals .discount-code .message { margin-top: 5px;}
.panier .cart-details .cart-details-totals .discount-code .message p { margin: 0; padding: 0; }
.panier .cart-details .cart-details-totals .discount-code .message.error p { color: #ff0000; }
.panier .cart-details .cart-details-totals .discount-code .message.success p { color: #31981e; }

.panier .cart-details .cart-details-totals .checkout { text-align: center; margin: 20px 0; }
.panier .cart-details .cart-details-totals .checkout a { font-weight: bold; text-transform: uppercase; padding: 10px 30px; border-radius: 4px; border: 0; font-size: 23px; background-color: #3fb34f; color: #fff; }
.panier .cart-details .cart-details-totals .checkout a i { margin-left: 5px; vertical-align: -1px; }

.panier .cart-upsell { margin-top: 40px; }
.panier .cart-upsell div.title h1 { color: #777; font-size: 22px; text-transform: none; }
.panier .cart-upsell .product-add-to-cart { padding-top: 4px; }
.panier .cart-upsell .product-add-to-cart a { padding: 5px 5px 7px 5px; border-radius: 4px; border: 0; font-size: 14px; background-color: #fcfcfc; color: #333; border: 1px solid #333; }
.panier .cart-upsell .description { margin-top: 16px; }
.panier .cart-upsell .description p { line-height: 24px; font-size: 14px; }
/*.panier .cart-upsell .title { margin-bottom: 10px; background: #f3f0eb; text-transform: uppercase; padding: 12px 26px; color: #242424; font-size: 17px; }
.panier .cart-upsell .title span { float: right; font-size: 20px;}
.panier .cart-upsell .content { padding-top: 30px; }
.panier .cart-upsell .content .product-image a { height: 230px; }
.panier .cart-upsell .content .product-bottom .see-product button { width: 90%; }*/

.panier .reassurance-cart { margin: 20px 0 10px 0; padding: 10px 17px; text-align: center; }
.panier .reassurance-cart .reassurance-cart-block { margin-bottom: 10px; }
.panier .reassurance-cart .reassurance-cart-block span.icon { display: inline-block; margin-right: 7px; }
.panier .reassurance-cart .reassurance-cart-block span.icon i {  }
.panier .reassurance-cart .reassurance-cart-block .reassurance-cart-label { display: inline-block; font-weight: bold; }
.panier .reassurance-cart .reassurance-cart-block .reassurance-cart-label span { font-size: 14px; letter-spacing: 1.2px; }

@media (max-width: 768px) { 
    .panier .stock-information p { font-size: 13px; line-height: 20px;  }
    .panier .stock-information p i { vertical-align: -4px; margin-right: 3px;}
    .progressbar { display: none; }
    .panier .cart-upsell .product-add-to-cart { text-align: left; margin-top: 22px; }
    .panier .cart-upsell div.title h1 { font-size: 19px; }
}

@media (max-width: 992px) {
    .panier .cart-details { margin-top: 20px; }
    .panier .product-name { font-size: 14px; }
    .panier .cart-content div.cart-content-inner .price span.current-price { font-size: 15px; }
    .panier .cart-content div.cart-content-inner .price span.old-price { font-size: 11px; }
    .panier .cart-content div.cart-content-inner .product-quantity { margin-top: 3px; }
    .product-quantity div.choice-quantity div.choice input { height: 34px; width: 34px; }
    .product-quantity div.choice-quantity div.choice span.input-group-vertical button { height: 17px; }
    .product-quantity div.choice-quantity div.choice span.input-group-vertical button i { font-size: 11px; vertical-align: 5px; }
}

/******* ADRESSE DE LIVRAISON **********/
.shipping-address {  }
.shipping-address h3 { letter-spacing: 1.2px; color: #333; background-color: #ececec; margin-top: 10px; height: 22px; font-size: 19px; text-align: center; text-transform: uppercase; padding: 0 16px; }
.shipping-address h3 span { background-color: #fff; display: inline-block; padding: 0 20px; }
.shipping-address .block { padding-top: 30px; }

/*.shipping-address .form-group { margin-bottom: 24px; }
.shipping-address .form-group label { font-size: 18px; text-align: left; width: 32%; display: inline-block; }

.shipping-address .form-group .input { display: inline-block; width: 65%; }
.shipping-address .form-group .input input { width: 100%; color: #333; font-size: 17px; padding: 7px 3px 7px 10px; line-height: 10px; background-color: #fff; border: 1px solid #aaa; }
*/

.shipping-address .form-group { margin-bottom: 20px; position: relative; }
.shipping-address .form-group label { width: 30%; }
.shipping-address .form-group label sup { color: #ff0000; }
.shipping-address .form-group .gender-label { display: inline-block; margin-right: 25px; }
.shipping-address .form-group.gender { height: 50px; }
.shipping-address .form-group .gender-label input { margin-right: 5px; }
.shipping-address .form-group .gender-label:last-child { margin-right: 0; }
.shipping-address .form-group .form-group-container { border: 1px solid #e2e5ea; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; position: relative; }
.shipping-address .form-group .form-group-container label { min-width: 105px;  border-right: 2px solid #e2e5ea; padding: 5px 15px; line-height: 22px; text-align: left; }
.shipping-address .form-group .form-group-container input { outline: none; padding: 10px 15px; width: 100%;  -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; line-height: 22px; border-radius: 5px; background-color: transparent; min-width: 0; color: #323e44; }
.shipping-address .form-group .all-select, .shipping-address .form-group .country { width: 65%; display: inline-block; text-align: left; }
.shipping-address .form-group .country { float: right; }
.shipping-address .form-group .all-select .days { width: 25%; margin-right: 10px;display: inline-block;   }
.shipping-address .form-group .all-select .months { width: 36%; margin-right: 10px; display: inline-block;  }
.shipping-address .form-group .all-select .years { width: 30%; float: right;display: inline-block;  }
.shipping-address .form-group select { height: 40px; padding: 8px 10px 10px 10px; background-color: #fff; border-radius: 0; width: 100%; }
.shipping-address .form-group span.tips { font-size: 12px; margin-top: 5px; display: inline-block; }

.shipping-address .checkout { text-align: right; margin-top: 40px; }
.shipping-address .checkout button { font-weight: bold; text-transform: uppercase; padding: 10px 30px; border-radius: 4px; border: 0; font-size: 23px; background-color: #3fb34f; color: #fff;}
.shipping-address .checkout button i { margin-left: 5px; }

.shipping-address .errors { padding: 20px; margin: 15px 0; background-color: #f2dede; border: 1px solid #ebcccc; color: #a94442; }
.shipping-address .errors p { margin: 0 0 5px 0; font-size: 16px;  }
.shipping-address .errors ul { margin: 0 0 0 30px;  }
.shipping-address .errors ul li { font-size: 16px; list-style-type: decimal; }

@media (max-width: 768px) { 
    .shipping-address h3 { font-size: 13px; height: auto; }
    .shipping-address .form-group .form-group-container label { padding: 5px 10px; min-width: 145px; }
    .shipping-address .block:last-child { padding-top: 0; }
    .shipping-address .checkout { text-align: left; }
}

@media (min-width: 769px) { 
    .shipping-address .block:last-child { padding-left: 30px; }
}

/*/////////////////////// FORMULAIRE DE PAIEMENT /////////////////////*/
.payment h3 { letter-spacing: 1.2px; color: #333; background-color: #ececec; margin-top: 10px; height: 22px; font-size: 19px; text-align: center; text-transform: uppercase; padding: 0 16px; }
.payment h3 span { background-color: #fff; display: inline-block; padding: 0 20px; }
.payment_form { margin: 40px auto 0 auto; width: 450px; }
.payment_form label { color: #444; font-size: 18px; margin-bottom: 7px; }
.payment_form label sup { color: red; }
.payment_form input[type="text"] { width: 100%; padding: 8px 10px; font-size: 14px; }
.payment_form .form-group { margin-bottom: 15px; }
.payment_form .form-group.cardNumber img { width: 100px; margin-left: 10px; }
.payment_form .form-group.expirationDate { float: left; width: 60%; }
.payment_form .form-group.expirationDate label { }
.payment_form .form-group.expirationDate select { padding: 8px 10px; background-color: #fff; border: 1px solid #999; }
.payment_form .form-group.cvc { float: right; width: 35%; }
.payment_form button { background-color: #4fca00; border: 1px solid #999; color: #fff; border-radius: 2px; font-weight: 700; text-transform: uppercase;margin: 10px auto; width: 100%; padding: 10px 0 10px 0; font-size: 25px; cursor: pointer; }
.payment_form button span { display: inline-block; }
.payment_form button img { display: none; width: 30px; vertical-align: -6px; margin-right: 5px; }
.payment_form button:disabled { border: 1px solid #999999; background-color: #cccccc; color: #666666; }
.payment_form div.payment-errors { background-color: #ff6055; padding: 0 5px 0 15px ; margin: 10px 10px 20px 10px; text-align: left; color: #fff; }
.payment_form div.payment-errors p { margin: 0; padding: 0; color: #fff; font-size: 20px; text-align: left; }
.payment_form .warning { background-color: #D5D3D3; padding: 7px 20px; }
.payment_form .warning.noel { color: #ff0000; }

@media (max-width: 768px) { 
    .payment_form .form-group { }
    .payment_form .form-group label { display: block; margin-bottom: 10px; }
    .payment_form .form-group.expirationDate { float: none; width: 100%; }
    .payment_form .form-group.expirationDate select { width: 49%; }
    .payment_form .form-group.cvc { float: none; width: 100%; }
}

/************************* PAGE DE CONFIRMATION DE COMMANDE ******************/
.confirmation { }
.confirmation .card { border: 1px solid #ccc; border-radius: 0; padding: 10px 20px; }
.confirmation .content-top {  }
.confirmation .content-top h1 { font-size: 27px; margin: 10px 0 20px 0;  }
.confirmation .content-top h1 i { margin-right: 5px; }
.confirmation .content-top p {  }

.confirmation .content-bottom { margin-top: 30px; padding-top: 20px; padding-bottom: 20px; }
.confirmation .content-bottom #items { border-right: 1px solid #ccc; }
.confirmation .content-bottom #items h3 { font-size: 23px; margin: 0 0 20px 0; }
.confirmation .content-bottom #items h3 i { margin-right: 5px; }
.confirmation .content-bottom .items-list {  }
.confirmation .content-bottom .items-list .item {  }
.confirmation .content-bottom .items-list .item.head { margin-bottom: 15px; }
.confirmation .content-bottom .items-list .item .image {  }
.confirmation .content-bottom .items-list .item .image img { max-width: 100%; border: 1px solid #ccc; }
.confirmation .content-bottom .items-list .order-total {  }
.confirmation .content-bottom .items-list .order-total table { width: 100%; }
.confirmation .content-bottom .items-list .order-total table tr td { padding-bottom: 7px; }
.confirmation .content-bottom .items-list .order-total table tr td:last-child { text-align: right; }
.confirmation .content-bottom .items-list .order-total table tr.total td { font-weight: bold;  }
.confirmation .content-bottom #details { padding-left: 25px; }
.confirmation .content-bottom #details h3 { font-size: 23px; margin: 0 0 20px 0; }
.confirmation .content-bottom #details li { margin-bottom: 10px; }
.confirmation .content-bottom #details li span { font-weight: bold; }

@media (max-width: 768px) { 
    .confirmation .content-top h1 { font-size: 22px; }
    .items-list .item .image { display: none; }
    .items-list .item .product-name { font-size: 12px; }
    .items-list .item .quantity > div > div { font-size: 12px; }
    .confirmation .content-bottom #details { padding-left: 15px; margin-top: 30px; }
}

/******* FORMULAIRE DE CONTACT **********/
.contact { }
.contact h3 { letter-spacing: 1.2px; color: #333; background-color: #ececec; margin-top: 30px; height: 22px; font-size: 19px; text-align: center; text-transform: uppercase; padding: 0 16px; }
.contact h3 span { background-color: #fff; display: inline-block; padding: 0 20px; }
.contact .block { padding-top: 30px; }

/*.contact .form-group { margin-bottom: 24px; }
.contact .form-group label { font-size: 18px; text-align: left; width: 32%; display: inline-block; }

.contact .form-group .input { display: inline-block; width: 65%; }
.contact .form-group .input input { width: 100%; color: #333; font-size: 17px; padding: 7px 3px 7px 10px; line-height: 10px; background-color: #fff; border: 1px solid #aaa; }
*/

.contact .form-group { margin-bottom: 20px; position: relative; }
.contact .form-group label { width: 40%; }
.contact .form-group sup { color: #ff0000; }
.contact .form-group .form-group-container { border: 1px solid #e2e5ea; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; position: relative; }
.contact .form-group .form-group-container label { min-width: 105px;  border-right: 2px solid #e2e5ea; padding: 5px 15px; line-height: 22px; text-align: left; }
.contact .form-group .form-group-container input { outline: none; padding: 10px 15px; width: 100%;  -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; line-height: 22px; border-radius: 5px; background-color: transparent; min-width: 0; color: #323e44; }
.contact .form-group select { height: auto; padding: 13px 10px 13px 10px; background-color: #fff; width: 100%; }

.contact .form-group.textarea { }
.contact .form-group.textarea textarea { border: 1px solid #e2e5ea; border-radius: 5px; width: 100%; height: 130px; padding: 10px 15px;}

.contact .checkout { text-align: right; margin-top: 0; }
.contact .checkout button { font-weight: bold; text-transform: uppercase; padding: 10px 30px; border-radius: 4px; border: 0; font-size: 23px; background-color: #3fb34f; color: #fff;}
.contact .checkout button i { margin-left: 5px; }

.contact .errors { padding: 20px; margin: 15px 0; background-color: #f2dede; border: 1px solid #ebcccc; color: #a94442; }
.contact .errors p { margin: 0 0 5px 0; font-size: 16px;  }
.contact .errors ul { margin: 0 0 0 30px;  }
.contact .errors ul li { font-size: 16px; list-style-type: decimal; }

.contact .list-errors { font-size: 14px;background-color: #fd9595; color: #950701; line-height: 20px; margin: 0px 0 25px 0; padding: 10px 20px; }
.contact .list-errors.ok { background-color: #a5eda7;  }
.contact .list-errors li { font-size: 14px; color: #950701; list-style-type: decimal; margin-left: 30px; margin-top: 5px; }
.contact .list-errors.ok li { color: #14691a; list-style-type: none; margin-left: 10px; }

@media (max-width: 768px) { 
    .contact h3 { font-size: 13px; height: auto; }
    .contact .form-group .form-group-container label { padding: 5px 10px; min-width: 145px; }
    .contact .block:last-child { padding-top: 0; }
    .contact .checkout { text-align: left; }
}

@media (min-width: 769px) { 
    .contact .block:last-child { padding-left: 30px; }
}