/* LV */

/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, footer, header, nav {margin: 0; padding: 0;}
table {border-spacing: 0; border-collapse: collapse;}
li {list-style: none;}
a, a:hover {text-decoration: none; outline: none;}
img, fieldset {border: 0; height: auto;}
h1, h2, h3, h4, h5, h6, th, td, p, caption {font-weight: 300; font-size: 1em;}
footer, header, nav, section {display: block;}
/* End CSS Mini Reset */

/* Defaults */
img, object {border:0;}
.wrap img, .content-home img, .content_wrap img {max-width: 100%;}
.clear {clear:both; display: block; height: 0px; overflow: hidden; line-height: 0px; font-size: 0px;}
.strong, b, strong {font-weight:500;}
.right {float:right;} .left {float:left;}
.orange {color:#f8670e;}
.small {font-size:11px;}

body{
  --light-green: #339623;
  --dark-green: #1b401b;
  --primary-font: "League Spartan", sans-serif;
  --secondary-font: "Lato", sans-serif; 
  --orange: #f8670e;
  background: var(--dark-green);
}

button {background:#838383; padding:3px 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0; font-family: var(--primary-font);}

.red {font-weight: 600; color:#ff0000;}

td.light {padding:2px 3px 2px 0px !important;}

ul li, .cms_forms ul.list li {list-style-type:square; padding-left:12px; list-style-position:outside; font-size:18px; margin:3px 0; margin-left:25px;}
ul {margin:12px 0;}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
  padding-left:6px;
  list-style-position:outside;
  margin:3px 0;
}

ol li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
}

ol li li {
    margin: 0;
}

ol li li:before {
    content: counters(item, ".") " ";
}

.cms_forms ul li {list-style-type: none; list-style-position:outside;}

#err, #err_msg {display:block; text-align:center; background:#b10000; color:#ffffff; font-weight: 600; padding:8px 16px; font-size:18px; margin-bottom:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#msg {display:block; text-align:center; background:#008c17; color:#ffffff; font-weight: 600; padding:8px 16px; font-size:18px; margin-bottom:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
span.error {color:red; font-weight: 600;}

.normalizer {margin:0; height:1px; padding:0;}
/* End Defaults */

.box-play {position: absolute; top: 20px; text-align: right; z-index:9; left:50%; margin-left:-590px !important;}


html, body {position: relative; height: 100%; margin:0; width:100%;}
body {font-family: var(--primary-font); color:#000000; font-size:18px; line-height:20px;  background-repeat:repeat-y; background-position:center 100px; /* background-image:url(img/promo-bg.jpg); */}

th {font-size:18px;}
td {font-family: var(--primary-font); color:#000000; font-size:18px; line-height:20px;}
a {color:#393939; text-decoration:none;}
a:hover {text-decoration:none;}
p {padding:10px 0; margin:0; line-height:25px; font-size:18px;}

#cms_main {/* min-height: 100%; height: auto !important; height: 100%; margin:0 auto -80px; */ margin:0 auto; width:100%; background: #fff;}

.wrapper {width:1350px; margin:0 auto; box-sizing:border-box;}

.sm {float:right; /* color:#ffffff; */ color:#d86d29; background:#e9f3e9; font-size:18px; font-weight: 600; padding:0 20px; height:71px;}
.sm span {font-size:18px; font-weight:normal;}
.sm strong {display:block; float:left; margin-top:4px; line-height:16px; font-weight:800;}
.sm small {font-size:11px; font-weight:normal; display:block; line-height:13px;}
.sm img {margin:20px 10px 20px 0; vertical-align:middle; float:left;}


/*        HEADER
=================================================== */

header{
  background: #1b401b;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.header-wrap{
  display: flex;
  justify-content: space-between;
}

.header-left{
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 20px;
}

.nav-toggle {
  z-index: 1000;
  width: 40px;
  height: 30px;
  margin-bottom: -4px;
  cursor: pointer;
  position: absolute;
}

.nav-toggle.back, .nav-toggle.back2{
  display: none;
  opacity: 0;
}

.trait1, .trait2, .trait3 {
    background-color: #fff;
    width: 35px;
    height: 2px;
    position: absolute;
    -webkit-transition: background-color 0.5s ease, transform 0.5 ease;
    -o-transition: background-color 0.5s ease, transform 0.5 ease;
    transition: background-color 0.5s ease, transform 0.5 ease;
}

.trait1{top: 0;left: 0;transform: rotate(0);}
.trait2{top: 10px;left: 0;transform: rotate(0);opacity: 1;}
.trait3{top: 20px;left: 0;transform: rotate(0);}

.header-logo{
  z-index: 900;
  position: relative;
  margin-left: 60px;
}

.logo-img{
  background-image: url(img/logo-blanc.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 264px 60px;
  -webkit-transition: background-image 0.5s ease 0.2s;
  -o-transition: background-image 0.5s ease 0.2s;
  transition: background-image 0.5s ease 0.2s;
  width: 264px;
  height: 60px;
  margin-bottom: -17px;
}

.search_bar{
	position: relative;
	z-index: 2;
  height: 42px;
}

.search-ok{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	height: 50px;
	width: 50px;
	background: url(img/icone-loupe.svg) no-repeat center;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 1;
	cursor: pointer;
}

#mod_search_searchword{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border-radius: 30px;
	padding: 11px 15px;
  padding-right: 45px;
	border: none;
	font-size: 17px;
	width: 40px;
	position: absolute;
  top: 0;
	z-index: 2;
	cursor: pointer;
}

.search_bar.active #mod_search_searchword{
	width: 330px;
	z-index: 1;
	background: #fff;
	outline: none;
	border: none;
	cursor: text;
  box-shadow: 20px 0px 30px 10px var(--dark-green);
}

.search_bar.active .search-ok{
	z-index: 2;left: 290px;
  background: url(img/icone-loupe.svg) no-repeat center var(--light-green);
  background-size: 25px 25px;
  height: 35px;
  width: 35px;
  border-radius: 18px;
  top: 4px;
  box-shadow: 1px 1px 0 var(--dark-green);
}

.header-right{
  display: flex;
  align-items: center;
}

ul.nav-right{
  padding: 0 30px;
  text-align: right;
}

ul.nav-right li{
  list-style: none;
  display: inline-block;
  padding-left: 0;
}

ul.nav-right li a{
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
}

ul.nav-right li a::before{
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 10px;
}

ul.nav-right li.c2585 a::before{
  background: url(img/icone-offres.svg) no-repeat center;
  background-size: contain;
}

ul.nav-right li.c3 a::before{
  background: url(img/icone-contact.svg) no-repeat center;
  background-size: contain;
}

ul.nav-right li.c1786 a::before{
  background: url(img/icone-actu.svg) no-repeat center;
  background-size: contain;
}

ul.nav-right li.c3122 a::before{
  background: url(img/icone-aide.svg) no-repeat center;
  background-size: contain;
}

.header-shop-icons{
  background: var(--light-green);
  padding: 25px;
}

.header-login{
  display: inline-block;
  vertical-align: middle;
  background: url(img/icone-compte.svg) no-repeat center;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 5px;
}

.header-cart{
  display: inline-block;
  vertical-align: middle;
  background: url(img/icone-panier.svg) no-repeat center;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 5px;
}



/*                  MEGAMENU 
===========================================================*/

body.with-sidebar .trait1,body.with-sidebar .trait2,body.with-sidebar .trait3{
  background: var(--dark-green);
}

body.with-sidebar .logo-img{
  background-image: url(img/logo-vert.svg);
  background-size: contain;
}

body.with-sidebar .trait1{transform:rotate(45deg); top: 10px;}
body.with-sidebar .trait2{opacity: 0;}
body.with-sidebar .trait3{transform:rotate(-45deg);top: 10px;}  

.nav-toggle.back .trait2, .nav-toggle.back2 .trait2{
  opacity: 1;
}

.nav-toggle.back .trait1, .nav-toggle.back2 .trait1{
  width: 20px;
  top: 17px;
  left: -2px;
}

.nav-toggle.back .trait3, .nav-toggle.back2 .trait3{
  width: 20px;
  top: 3px;
  left: -2px;
}

.megamenu{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 50;
  -webkit-transform: translateX(-400px);
      -ms-transform: translateX(-400px);
          transform: translateX(-400px);
  -webkit-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  background: #fff;
}

body.with-sidebar .megamenu{
  transform: translateX(0);
}

body.with-sidebar .nav-overlay{
  position: fixed;
  z-index: 49;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  -webkit-transition: background-color 1s ease;
  -o-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.megamenu-lvl1{
  width: 330px;
  padding-top: 110px;
  padding-left: 25px;
  padding-right: 25px;
  background: #fff;
  height: 100%;
}

.megamenu ul{margin: 0;}

.megamenu ul li{
  list-style: none;
  padding: 0;
  margin: 17px 0;
  position: relative;
}

.megamenu ul li a{
  color: #6a6a6a;
  display: block;
  position: relative;
  z-index: 1;
}


.megamenu ul li.has-sub > a{
  padding-right: 30px;
}

.megamenu ul li:first-child{
  margin-top: 0;
}

.megamenu ul li a strong{
  color: var(--dark-green);
  font-weight: 600;
  font-size: 18px;
}

.megamenu ul li.selected > a,
.megamenu ul li.selected > a strong,
.megamenu ul li:hover > a,
.megamenu ul li:hover > a strong{color: var(--light-green);}

.megamenu ul li.selected > .dropdown-wrap .dropdown-triangle{
  border-top: 2px solid var(--light-green);
  border-right: 2px solid var(--light-green);
}

.megamenu .dropdown-wrap{
  cursor: pointer;
  width: 20px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
}

.menu-lvl2 .dropdown-wrap{
  z-index: 3;
}

.megamenu .dropdown-triangle{
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--dark-green);
  border-right: 2px  solid var(--dark-green);
  transform: rotate(45deg);
}

.menu-lvl1{
  position: relative;
}

.menu-lvl2{
  position: fixed;
  left: 0;
  width: 360px;
  background: #fff;
  top: 0;
  bottom: 0;
  -webkit-transition: left 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: left 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: -2;
  overflow: auto;
}

.menu-lvl3{
  position: fixed;
  left: -170px;
  width: calc(100vw - 740px);
  max-width: 380px;
  top: 0;
  bottom: 0;
  -webkit-transition: left 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: left 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: -7000;
  -webkit-transform: translateX(-220px);
      -ms-transform: translateX(-220px);
          transform: translateX(-220px);
  background: #fff;
  border-left: 1px solid #e0e0e0;
  overflow: auto;
}

body.with-sidebar .menu-lvl3{
  transform: translateX(0);
}


body.with-sidebar li.selected > .menu-lvl2{
  left: 380px;
  opacity: 1;
}

body.with-sidebar li.selected > .menu-lvl3{
  max-width: 620px;
  left: 740px;
  opacity: 1;
}

.menu-lvl2 > ul{
  background: #fff;
  height: calc(100% - 60px);
  padding: 30px;
  border-left: 1px solid #e0e0e0;
}


.menu-items-wrap{
  display: flex;
  flex-wrap: wrap;
  margin: 15px;
}

.menu-item{
  width: 50%;
  padding: 15px 0;
}

.menu-item-img{margin: 0 15px; position: relative;overflow: hidden;}

.menu-item-img img{
  max-width: 100%;
}

.menu-item-title{
  margin: 0 15px;
  text-align: center;
}

.menu-item-title h4{
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.menu-item-title h4 strong{
  color: var(--light-green);
  display: block;
  font-weight: 700;
  font-size: 16px;
}

.menu-item .price{
  color: #6a6a6a;
}

.menu-item .price strong{
  color: var(--orange);
}

body.with-sidebar{
  overflow: hidden;
}


.btnval {-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.btnval.disabled {height: 0; padding: 0; border: 0; overflow:hidden; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.menu {height:50px; background-color:#1b401b; padding-top:20px; position:relative; z-index:10}
.main-nav {margin:0; padding:0;}
.main-nav li {display:inline-block; margin:0; padding:0;}
.main-nav li a {font-size:14px; font-weight:800; text-transform:uppercase; color:#ffffff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.main-nav li a:hover, .main-nav li.active a {background-color:#50bf52;}

.main-nav > li a {padding-left:58px; padding-right:24px; height:50px; line-height:50px; display:block; background-image:url(img/icons.png); background-repeat:no-repeat;}
.main-nav li.c1 a {background-position:20px -388px;}
.main-nav li.c3 a {background-position:20px -487px;}
.main-nav li.c2 a {background-position:20px -586px;}
.main-nav li.c2585 a {background-position:20px -786px;}

.sub-nav {float:right;}
.sub-nav li {display:inline-block; margin:0; padding:0; margin-left:30px;}
.sub-nav li a {font-size:12px; font-weight:400; color:#ffffff;}

.subline {background:#50bf52; height:53px; margin:0; padding:0; position:relative; z-index:10;}

.product-nav {margin:0; padding:0; float:left; /* width:900px; */ /* width:1000px; */ width:1100px;}
.product-nav li {display:inline-block; margin:0; padding:0;}
.product-nav li > a {font-size:18px; font-weight:800; color:#ffffff; text-transform:uppercase; display:block; height:43px; line-height:32px; padding:0 10px; margin:10px 5px 0 5px;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;}
.product-nav li > a:before {content: ""; bottom:0;
        -webkit-transition: all 0.45s;
        -moz-transition: all 0.45s;
        -o-transition: all 0.45s;
        transition: all 0.45s;}
.product-nav li > a:hover {color:#353535;}

.product-nav li:hover > a {background:#ececec; color:#353535; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.product-nav li:hover > a:before {display:block; position:absolute; left:0; right:0; bottom:-10px; height:10px; content:" "; background:#ececec;}

.product-nav li.active > a {background:#ececec; color:#353535; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.product-nav li.promo {float:right !important;}
.product-nav li.promo a {background:#ff6600; padding:0 26px; height:53px; line-height:52px; padding:0 20px; margin:0px;}
.product-nav li.promo:hover a:before {display:none;}


.product-nav li.cd467 > a, .product-nav li.cd1650 > a {height:53px; /* border:3px solid #d10000; */ /* background:#c39d32; */ background:#790808; border-radius:0px; line-height:52px; margin-top:0px; padding:0 12px; /* margin-top:7px; */}
.product-nav li.cd467:hover > a, .product-nav li.cd467.active > a, .product-nav li.cd1650:hover > a, .product-nav li.cd1650.active > a {background:#358037;}
.product-nav li.cd467:hover > a:before, .product-nav li.cd1650:hover > a:before {display:none;}

.product-nav li.cd1004 > a {height:53px; background:#074478; border-radius:0px; line-height:52px; margin-top:0px; padding:0 12px;}
.product-nav li.cd1004:hover > a, .product-nav li.cd467.active > a {background:#4590d1;}
.product-nav li.cd1004:hover > a:before {display:none;}



.search {background:#358037; height:53px; float:right; /* width:280px; */ width:180px;}
.search input[type="search"] {/* width:220px; */ width:100%; height:53px; padding-left:20px; background:#358037; color:#ffffff; border:0; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; -webkit-appearance: none; position: relative;z-index: 10;opacity: 0;}
.search input[type="submit"] {background-image:url(img/icons.png); background-repeat:no-repeat; background-position:left -685px; height:53px; width:38px; border:0; background-color:transparent; float:right;position: absolute;right: 0;z-index: 5;}

.search {height:53px; right:0; width:56px; position:absolute; overflow:hidden; z-index:12; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}

.search.active {width:280px;}
.search.active input[type="submit"]{z-index: 11;}
.search.active input[type="search"]{z-index: 5; opacity: 1;}

.slx-search ol{padding-bottom:15px; margin-top:30px;}
.slx-search ol li {list-style-position:inside;list-style-type:square; margin:3px 0; margin-left:15px;}

.shadow {width:1180px; height:57px; background:url(img/shadow.png) no-repeat center top; position:absolute; left:0; top:53px; z-index:-1;}

.slider-container {position:relative; margin-top: 100px; background: #fff;}
.slider-wrapper {z-index:1; float:left; width:100%; }
.slider-wrapper p {font-size:14px; font-weight:600; color:#272727;}

.slider-container .nivo-controlNav{margin-top: -90px; text-align: center;}

.slider-container .nivo-controlNav a{
  background: #fff;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  display: inline-block;
  vertical-align: middle;
}
.slider-container .nivo-controlNav a.active{
  height: 24px;
  width: 24px;
  background: #fff;
}

h1 {font-family: var(--secondary-font); font-size:30px; font-weight:700; color:#000; line-height: 30px;}
h2 {font-family: var(--secondary-font); font-size:26px; line-height:28px; font-weight:700; color:#000; margin:5px 0px 0px 0px;}
h3 {font-family: var(--secondary-font); font-size:17px; line-height:20px; font-weight:600; color:#000; margin:0px 0px 10px 0px;}
h4 {font-family: var(--secondary-font); font-size:20px; line-height:24px; font-weight:800; color:#2b2b2b;}
h5 {font-family: var(--secondary-font); font-size:17px; line-height:20px; font-weight:600; color:#2b2b2b;}

.button_bold, .btn, .cmsForms input[type="submit"] {background:#1b401b; border:1px solid #163316;box-shadow:inset 1px 1px 0px #204c20; -moz-box-shadow:inset 1px 1px 0px #204c20; -webkit-box-shadow:inset 1px 1px 0px #204c20; font-weight:800; font-size:14px; text-transform:uppercase; color:#ffffff; padding:10px 18px; cursor:pointer;}
a.button_bold {display:block; float:left; color:#ffffff; margin-top:15px; cursor:pointer;}

.boxes {position:relative; z-index:8; text-align:right;}
.boxes p {margin:0 !important; padding:0 !important;}
.boxes a {position:absolute; right:0; width:280px; height:126px; overflow:hidden; display:block; z-index:16; box-shadow:0px 0px 25px #000000; -moz-box-shadow:0px 0px 25px #000000; -webkit-box-shadow:0px 0px 25px #000000;}
.boxes a img {position:absolute; left:0; top:0; box-shadow:0px 0px 25px #000000; -moz-box-shadow:0px 0px 25px #000000; -webkit-box-shadow:0px 0px 25px #000000;}
.boxes a span {position:absolute;}
.boxes a.box1 {top:-360px;}
.boxes a.box2 {top:-220px;}

#cms_navigation, #cms_navigation a{color: #b7b7b7; font-size: 14px;}

 #cms_navigation a:hover{text-decoration: underline;}

#cms_navigation{padding-bottom: 30px;}

.boxes a.box1 .left {left:0; bottom:0; right:90px; height:40px; background:rgba(44, 44, 44, 0.9); color:#ffffff; text-align:left; padding-left:15px; line-height:39px; text-transform:uppercase; font-weight:800; font-size:14px;}
.boxes a.box1 .right {height:40px; bottom:0; right:0; left:190px; background:rgba(27, 64,27, 0.9); color:#ffffff; text-align:center; line-height:38px; text-transform:uppercase; font-weight:800; font-size:22px;}

.boxes a.box2 span {padding:10px 14px; background:rgba(27, 64,27, 0.7); left:15px; top:15px; color:#ffffff; font-size:14px; text-align:left; line-height:17px;}
.boxes a.box2 span strong {display:block; font-size:18px; font-weight:800; text-transform:uppercase;}

.belt-wrap{
  border: 2px solid var(--dark-green);
}

.belt {
  background: var(--dark-green); font-size:18px;color:#f5f5f5; padding:20px 25px 25px;
}

.orange {color:#ff8907;}
.click {text-transform:uppercase; display:inline-block; margin-left:10px;}

.info-belt {background:#fff; margin-top:0px; padding: 25px; font-size:18px; font-weight:500; color:#262626; text-align: center;}

.items {width:100%; padding-bottom:20px;}
.item {width:23.5%; /* height:255px; */ height:310px; float:left; /* background:#727272; */ display:block; margin:0px 2% 20px 0; position:relative; text-align: center;}
.items .item:nth-child(4n) {margin-right:0;}
.item img {max-height:230px !important; max-width: 100%;}

.item-title {line-height:18px; font-size:18px; font-weight: 600; position:absolute; top: 235px; left:0; right:0; /* background:rgba(223,223,223,0.8); */ /* color:#3c3c3c; */ color:#358037; /* padding-left:15px; */
        -webkit-transition: all 0.25s ease-in;
        -moz-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
        text-align: left;
}
.item-title > span {color:#000000; font-weight: 500; font-size: 16px;}

.item-title strike{font-size: 9px;}

.img-responsive, .desc-container img{max-width:100%;height:auto}

.item-price {position:absolute; bottom:0; left:0; right:0; padding-left:15px; /* background:url(img/plus.gif) no-repeat right top #358037; */ display:block; height:50px; line-height:49px; color:#ffffff; font-size:24px; font-weight:800; display:none;}
.item-price small {font-size:12px; font-weight:normal;}

.title h1 { float:left; padding-right:20px;}

.news-content span {}
.news-content p, .news-content li {font-size:125%;}

#cms_wrap {min-height:500px; clear:both; padding-top: 100px; background: #fff;}
#cms_wrap.home{padding-top: 0;}
#cms_wrap .wrapper {padding-top:30px !important;}

.products {}
.images-container {width:580px; float:left;}
.images-container img {display:block; width:580px;}
.images-container #zoom {width:580px !important;}

.thumbs-container {width:600px;}
.thumbs-container a img {width:126px; display:block; float:left; margin-right:20px; margin-top:20px;}

.desc-container .left {width:290px;}
.desc-container .right {width:270px; line-height:26px;}


.desc-container{
  margin-top: 30px;
  padding: 30px 0;
  background: #f2f2f2;
  position: relative;
}

.desc-container::before{
  position: absolute;
  content: "";
  display: block;
  background: #f2f2f2;
  top: 0;
  bottom: 0;
  right: 100%;
  left: -100%;
  z-index: 0;
}

.desc-container::after{
  position: absolute;
  content: "";
  display: block;
  background: #f2f2f2;
  top: 0;
  bottom: 0;
  right: -100%;
  left: 100%;
  z-index: 0;
}

.overflow{overflow-x: hidden;}
.caracteristiques-container{padding-right: 40px; box-shadow: 1px 0 0 #b4b4b4; padding-left: .5rem; }

.cross-selling-container{padding-left: 40px;     padding-right: .5rem; }

.variants-container {}

a.variant-name small {font-size:10px; color:#858585; display:block;}
.variant label {width:120px; margin-right:20px;}
.variant-wrap select {
  -webkit-box-sizing : border-box; 
  -moz-box-sizing : border-box; 
  box-sizing : border-box; 
  width: calc(100% - 20px);
  background: #fff;
  padding: 6px;
  border-color: #000;
  border-radius: 0;
  font-size: 14px;
}
.variant-wrap .status {margin-right:10px;font-weight: 700;font-size: 13px;  line-height: 15px;color:#c81800; white-space: nowrap;}
.variant-wrap .status::before {display: inline-block;vertical-align: middle; width: 15px;height: 15px; background: #c81800; border-radius: 8px; margin-right: 5px; content: ""; margin-top: -2px;}
.variant-wrap .status.active {color:var(--light-green); }
.variant-wrap .status.active::before {background:var(--light-green); }
.variant .buttons {width:250px; float:right;}
.variant-wrap .price {font-size:20px; font-weight:700; color: #000; margin-right: 10px; white-space: nowrap;}
.variant .price small {font-size:12px; font-weight:normal;}

.variant-wrap{
  padding: 15px;
  background: #f0f0f0;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.variant-wrap:nth-child(2n){
  background: #d4e1d4;
}

.variant-top-left{
  width: 50%;
}

.variant-top .name{
  width: 100%;
}

.name .variantname{
  font-weight: 650;
  color: var(--dark-green);
  font-size: 18px;
}

.variant-top-right{
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
}

.variant-wrap .input, .perso_wrap input[type="text"]{
  border: 1px solid #000;
  border-radius: 0;
  text-align: center;
  background: #fff;
  padding: 7px 10px;
}

.variant-wrap a.button{
  float: none;
  padding: 6px 10px;
  margin-right: 0;
}


.variant-bottom-left{
  width: 50%;
}

.variant-bottom-right{
  width: 50%;
  position: relative;
  text-align: right;
}

.variant-wrap .picto_perso{
	width:25px !important;
	height: 25px;
	margin-right: 5px;
	display: inline-block;
	background: url(img/icone-aiguille.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	margin-top: 5px;
  left: 0;
}

.discover-title{margin-bottom: 10px;}
.discover-title h3{display: inline-block;vertical-align: middle;}
.discover-title .button{display: inline-block;vertical-align: middle; float: none;}

.variant-wrap.prod-discover{background: #fff; border: 1px solid #bcbcbc; padding: 7px 15px; margin-bottom: 10px;}

.perso_wrap input{
  width: calc(100% - 35px);
  text-align: left !important;
}

.button {background:#358037; border:1px solid #28622a; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:inset 1px 1px 0px #469f48; -moz-box-shadow:inset 1px 1px 0px #469f48; -webkit-box-shadow:inset 1px 1px 0px #469f48; font-weight:600 !important; font-size:15px; color:#ffffff; padding:4px 10px; cursor:pointer; margin:0 10px;}
a.button {display:block; float:left; color:#ffffff; cursor:pointer;}

.button.orange {color:#ffffff; background:#f78100; border:1px solid #d56f00; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:inset 1px 1px 0px #ff9c30; -moz-box-shadow:inset 1px 1px 0px #ff9c30; -webkit-box-shadow:inset 1px 1px 0px #ff9c30;}

input[type="text"], input[type="password"], input[type="email"], input[type="phone"], select, textarea {font-family: var(--primary-font); background:transparent; margin:2px 0; padding:2px; border:1px solid #c3c3c3; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size:18px;}

.actualites-wrap{
  background: #eee;
  padding-bottom: 30px;
}

.quote {background-image:url(img/quote-bg.jpg); background-repeat:no-repeat; background-position:right top; background-size:cover; border-top:5px solid #143114; padding:64px 0; text-align:center; color:#ffffff;}
.quote p {background:url(img/quote.png) no-repeat center top; text-align:center; margin:0 auto; padding:0 20%; padding-top:55px; }
.quote .signature {display:block; text-align:center; background:url(img/signature.gif) no-repeat center top; padding-top:20px; margin-top:20px;}

#footer {border-top:5px solid #143114; background:#1b401b; padding-top:40px; padding-bottom:25px; color:#ffffff; font-size: 16px;}
#footer h5 {color:#ffffff; padding-bottom:10px;}

#footer ul, #footer li {margin:0; padding:0; list-style-type:none; font-style:italic; color:#82b581; font-size:14px;}
#footer li a {color:#82b581; display:block;}
#footer li {padding:3px 0;}
#footer p {color:#cecece; font-size: 16px;}
.footer-bottom div {color:#697885; font-size:14px; font-style:italic;}

.footer {width:155px; margin-right:20px; float:left;}
.footer.last {width:460px; float:right; margin-right:0;}

.newsletter{
  background: var(--light-green);
  color: #fff;
  padding: 15px 0;
}

.newsletter input[type="email"]{
  background: #fff;
  border: none;
  padding: 13px 15px;
  border-radius: 0;
  font-size: 16px;
  margin: 0;
  vertical-align: top;
  margin-right: -5px;
  width: 350px;
}

.newsletter input[type="submit"]{
  appearance:none;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 0;
  font-size: 16px;
  padding: 12px 15px;
  font-weight: 600;
  cursor: pointer;
  vertical-align: top;
}

.newsletter .tagline{font-size: 16px;}
.newsletter .tagline strong{font-size: 18px;}

/* Checkout tables */
table {border-spacing: 0px; border-collapse: collapse;}
th {padding: 0px;}
td {padding: 0px;}
table.dataTable {margin-bottom: 20px;border: 1px solid #dfdfdf;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px;}
table.dataTable .cart-header, table.dataTable .th {background-color: #424242 !important; color:#ffffff;}
table.dataTable .cart-header th, table.dataTable .th th {font-weight: 600;}
table.dataTable th {padding: 10px;border-bottom: 1px solid #dfdfdf; text-align: left; vertical-align: middle;}
table.dataTable td {padding: 5px 10px; text-align: left; vertical-align: middle; white-space: nowrap;}
table.dataTable tr.cart-footer {background-color: #f0f0f0;}
table.dataTable tr.cart-footer td {padding: 10px 10px; border-top: 1px solid #dfdfdf; color: #666; font-size:15px;}

table.dataTable tr.cart-line:nth-child(even) {background-color: #fcfcfc;}
table.dataTable tr.cart-line:nth-child(odd) {background-color: #f5f5f5;}

table.dataTable .cart-item {}
table.dataTable .cart-unit-cost {width:100px; text-align:right !important;}
table.dataTable .cart-quantity {width:140px; text-align:right !important; }
table.dataTable .cart-sum {width:100px; text-align:right !important;}

table.dataTable .cart-hr {text-align: right; padding:0px; background:#e5e5e5; height:5px; line-height:5px;}

.cart-del img, .cart-validate img, .button_promo {margin-left:3px; opacity:0.5;}
.cart-del img {vertical-align:-2px; width:12px;}
.cart-validate img, .button_promo {vertical-align:-3px; width:14px;}
table.dataTable tr:hover .cart-del img, table.dataTable tr:hover .cart-validate img, .button_promo {opacity:1;}

.cart-quantity input {text-align:center; margin-left:3px;}
.cart-item {}
.cart-item span {display:inline-block; margin-left:15px; font-style:italic;}
.cart-item span:before {content:"\2013 \00a0";}
.cart-item span strong {font-style:normal;}
.cart-perso input[type="text"] {padding:4px 6px; background:#ffffff;}
.cart-perso span {border-bottom:1px dashed #a3a3a3;}

.perso-active td {background:#d4e0ce;}

.promo {font-size:18px;}

h3.hr {border-bottom:2px solid #e5e5e5; padding-bottom:5px;}
h3.hr span {font-weight:normal; font-size:18px; text-transform:none;}

.container {width:100%;}

.box30 {width:32%; margin-right:2%; float:left;}
.box30.last {margin-right:0;}

.box30 textarea {width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height:120px;}
.box30 select {width:100%; padding:5px;}

.register, .checkout, .flat-button {background:#358037; display:block; padding:7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align:center; color:#ffffff; margin-top:8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0; font-family: var(--primary-font);}

.register {font-weight: 600;}
.checkout {font-weight:normal;}

.left50 {width:49%; float:left;}
.right50 {width:49%; float:right;}

.box30 input[type="text"], .box30 input[type="password"], .box30 select, .box30 textarea {background:#ffffff; padding:10px; display:block; width:100%; margin:6px 0 6px 0;}
.box30 select {padding:8px 10px;}
.box30 .flat-button {font-weight: 600; float:right; background:#424242; padding:7px 16px; text-transform:uppercase; margin:4px 0;}

.box66 {width:66%; float:right;}
.box66.left {float:left; margin-right:2%;}
.checkout-box .flat-button {float:left; background:#424242; padding:4px 12px; text-transform:uppercase; margin:4px 0;}
.checkout-box .flat-button.checkout-button {float:right; font-weight: 600; background:#358037; padding:7px 16px;}

.promo-container {position:relative;}
.promo-container .flat-button {position:absolute; right:3px; top:-1px;}

.cart-footer .promo {}
.cart-footer .promo input[type="submit"] {background:#424242; padding:3px 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align:center; color:#ffffff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0; font-family: var(--primary-font);}
.cart-footer .promo input[type="text"] {background:#ffffff; padding: 4px 6px; margin:6px 0 6px 0;}

.map {width:374px; /* border:2px solid #e5e5e5; */ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top:22px;}

.payment input {margin-right:6px;}
.delivery label, .payment label {display:block; margin-top:15px; padding:10px; border:3px solid #f3f5f2; line-height:18px;}
.payment label:hover, .delivery label:hover, .payment label.active, .delivery label.active {border:3px solid #8f9f87; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
}

.payment img {vertical-align:middle; margin:3px 8px 3px 0px; max-width:322px;}

.payment input[type="radio"] {} 

ul.checklist {}
ul.checklist li {background:url(img/checklist.png) no-repeat left center; list-style-type:none; padding-left:28px; margin-left:8px;}

.form table {width:100%;}
.form td {padding:0px 2px;}
.form input[type="text"], .form input[type="password"], .form input[type="email"], .form select, .form textarea, .formSpecial input[type="email"] {background:#ffffff; padding:6px 10px; display:block; width:100%; margin:6px 0 6px 0;}
.form textarea {min-height:120px;}

.form input:disabled, .form select:disabled {background:#eaeaea;}

.payment-summary {float:right; border:2px solid #dfdfdf; padding:10px 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:15px;}
.payment-summary img {vertical-align:middle; margin:0 8px;}

.summary-table {}
table.dataTable.summary-table th {padding: 3px 6px;border-bottom: 1px solid #dfdfdf; text-align: left; vertical-align: middle;}
table.dataTable.summary-table td {padding: 3px 6px; text-align: left; vertical-align: middle; white-space: nowrap;}


@media only screen and (max-width: 1320px) {
.nivo-caption {top:70px !important;}
}


.form_dot {width:1px; position:relative; border:1px solid transparent;}
.form_error {position:absolute; left:6px; top:-6px; white-space:nowrap; text-align:right; background:#c82f00; font-weight: 600; padding:2px 6px; font-size:11px; color:#ffffff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.form_error:after {content: " ";position:absolute;left:6px; bottom:-5px;	width: 0; 	height: 0; 	border-left: 5px solid transparent;  /* left arrow slant */	border-right: 5px solid transparent; /* right arrow slant */	border-top: 5px solid #c82f00; /* bottom, add background color here */	font-size: 0;	line-height: 0;}


/* Variants Table */
.variants-table {width:100%; text-align:left;}
.variants-table th {padding:10px 15px; font-weight: 600;}
.variants-table tr {background:#ececec;}
.variants-table tr.even {background:#f7f8f6;}
.variants-table tr.th {background:transparent;}
.variants-table td {padding:12px 15px; font-size:18px; vertical-align:top;}


.variants-table tr td:nth-child(5), .variants-table tr th:nth-child(5) {text-align:right;}
.variants-table tr td:nth-child(7), .variants-table tr th:nth-child(7),
.variants-table tr td:nth-child(6), .variants-table tr th:nth-child(6) {text-align:center;}

.variants-table td select {-webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; min-width:120px;}

.variants-table .status {font-weight: 600; color:#c81800;}
.variants-table .status.active {color:#358037;}

.variants-table .price {font-size:22px; font-weight:800;}
.variants-table .price small, .variants-table .price strike {font-size:12px; font-weight:normal;}
.variants-table .price strike {display:inline-block; margin-right:8px;}

a.variant-name small {font-size:14px; /* white-space:nowrap; */}

.perso-link {font-weight:600; color:#358037; margin-top: 5px; display: block; font-size: 16px;}
.variants-table big {font-weight:800; font-size:18px;}

/* Tabs */

.tabs li a {font-weight: 600; font-size:18px;}
.tabs {display: block; margin-bottom: 12px; margin-top:-8px; border-bottom:2px solid #e5e5e5;}
.tabs .index {margin: 0px; margin-left: 5px; padding: 0px 5px; vertical-align: text-bottom;}
.tabs .index li {display: inline-block; margin: 0px; margin-right:10px; padding: 0px;}

.tabs .index li a {display: block; padding: 6px 14px; background: #ececec; color: #272727; text-decoration: none; border: 1px solid #e5e5e5;  border-bottom: none;
  border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
}
.tabs .index li a:hover {background: #4b4b4b; color: #ffffff; border-color:#3a3a3a;}
.tabs .index li a.active {background: #4b4b4b; color: #ffffff; border-color:#3a3a3a;}

.p-30{padding: 30px 0;}

.item-page {width:50%; margin-bottom:32px; float:left; text-align:center;}
.item-page strong {font-size:14px; display:block;}
.item-page img {width:80%; display:block; margin:10px auto 10px auto; border:1px solid grey; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}
.item-page span {display:block; width:70%; margin:0 auto;}


table.table {width:100%;}
table.table .th th {background:#626262;}
table.table th {padding:6px 10px;}
table.table tr:nth-child(even) {background-color: #fcfcfc;}
table.table tr:nth-child(odd) {background-color: #f5f5f5;}
table.table tr:not(.th):hover td {background:#ececec;}


.add-to-cart-overlay.active {position:fixed; left:0; top:0; bottom:0; right:0; width:100%; height:100%; z-index:9000; background:rgba(0,0,0,0.3);}
.add-to-cart {position:fixed; z-index:9001; background:url(img/add-to-cart-bg.gif) repeat-y center top #ffffff; width:880px; padding:30px; left:50%; margin-left:-470px; top:10%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 30px #000000; -moz-box-shadow:0px 0px 30px #000000; -webkit-box-shadow:0px 0px 30px #000000;}

.add-to-cart-item {margin-top:18px;}
.add-to-cart-item h5 {margin-bottom:6px; text-transform:uppercase; font-weight:800;}
.add-to-cart-item img {width:170px; border:1px solid #999999; float:left; margin-right:10px;}

.add-to-cart > .left {width:410px; line-height:22px;}
.add-to-cart > .right {width:410px; background:#fafafa; line-height:26px;}

.add-to-cart-item > .left {width:182px;}
.add-to-cart-item > .right {width:218px;}
.add-to-cart-item select, .add-to-cart-item input {width:100%;}

.add-to-cart .button_bold.gray {background:#6d6d6d; border:1px solid #5f5f5f; box-shadow:inset 1px 1px 0px #858585; -moz-box-shadow:inset 1px 1px 0px #858585; -webkit-box-shadow:inset 1px 1px 0px #858585; margin-right:20px;}

.add-to-cart hr { border: 0; border-bottom: 1px dashed #cccccc; background: #999999; margin-bottom:12px;}
.add-to-cart .close {width:24px; height:24px; background:url(img/close-icon.png) no-repeat left top; position:absolute; right:15px; top:15px; cursor:pointer;}













































.select-listbox {background:red;}


/*
.list_count {z-index:10; position:relative;}
.list_count:hover .select-listbox {display:block;}
.select-listbox {position:absolute; left:0; top:100%; width:100%; z-index:11; display:none;}

td:hover .list_count {z-index:15;}

.select-listbox span {display:block; height:18px; line-height:17px; text-align:center; border:1px solid #d9d8d3; background:#eae4dc; color:#000000; cursor:pointer; font-size:11px; font-weight:normal; z-index:12;}
.select-listbox span:hover {background:#fefefe; box-shadow:inset 1px 1px 1px #ffffff; -moz-box-shadow:inset 1px 1px 1px #ffffff; -webkit-box-shadow:inset 1px 1px 1px #ffffff; z-index:14;}
*/






.left50 {width:48%; float:left;}
.right50 {width:48%; float:right;}

/* DEFAULT STYLES */
/* DEFAULT STYLES */
/* DEFAULT STYLES */
/* DEFAULT STYLES */
/* DEFAULT STYLES */
/* DEFAULT STYLES */
/* DEFAULT STYLES */
/* DEFAULT STYLES */

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert > p,.alert > ul{margin-bottom:0}
.alert > p + p{margin-top:5px}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}

span.error, div.error, .form-error {color:#ffffff; background:#8e0b0b; font-weight: 600; padding:10px 12px; border-radius:3px; margin: 0px 0 20px 0; position: relative; font-size: 12px; line-height: 12px; display:block;}

.error:after, .form-error:after {bottom: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(142, 11, 11, 0); border-bottom-color: #8e0b0b; border-width: 6px; margin-left: -6px;}

.transition {
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
-o-transition: all 0.45s;
transition: all 0.45s;
}

.login-left input[type="text"], .login-left input[type="password"], .login-left input[type="email"], .login-left input[type="phone"],
.login-right input[type="text"], .login-right input[type="password"], .login-right input[type="email"], .login-right input[type="phone"], .login-left select, .login-right select {display:block; margin:12px 0; width:100%; box-sizing:border-box; padding:10px 12px; border-radius:2px;}

.login-left h3, .login-right h3 {font-size:25px;}

/*
a.button {font:bold 11px Tahoma, Geneva, serif; color:#636363; padding:8px 10px; background:#dedacb; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
a.button:hover {background:#888888; color:#ffffff;}
*/

.btn {background:#1e1e1e; padding:6px 10px; color:#ffffff; font-weight:600; font-size:14px; margin:10px 0; display:inline-block; box-shadow:0px 0px 13px rgba(32,33,34,0.12);}
.btn2 {background:#004c66; padding:8px 14px; font-size:18px; font-weight: 600; color:#f6f9fa;}

.slx-shop-cart input[type="submit"], .formSpecial input[type="submit"] {background: #424242; display: block; margin: 30px 0 0 0; color: #ffffff; text-align: center; font-weight: 600; padding:6px 12px; border:0; display:inline-block; margin:0; font-size:14px;}
.slx-shop-cart-next input[type="submit"] {font-size:18px; padding:12px 20px; margin-top:10px; background:#000000;}

.slx-shop-cart input[type="submit"] {background: var(--light-green);}
.slx-shop-payments input {display: inline-block !important;}

.btn.alt {background:#5d5d5d; border-color: #5d5d5d;}

div.shop_step { margin:80px auto 20px auto; background: transparent url("img/shop_step_bar.gif") no-repeat center 20px;background-size: 610px 1px; text-align:center;}
.shop_step .step {vertical-align: top;width: 100px;height: 52px;margin-top: -10px;display: inline-block;text-align: center;  background: transparent url("img/shop_step_noactive.gif") no-repeat center bottom 16px;
color:#bbbbbb; font-size:11px; line-height:12px;}
.shop_step .step.active {color:#888888;  background: transparent url("img/shop_step_active.gif") no-repeat center bottom 16px;}
.shop_step td{text-align: center;} 

.left {float:left;}
.right {float:right;}

.list_count {position:relative; }
.list_count input[type=text]{width: 35px;}
.list_count:hover .select-listbox {display:block;}
.select-listbox {position:absolute; left:0; top:100%; width:100%; z-index:11; display:none;}

td:hover .list_count, .cart_count:hover .list_count {z-index:15;}

.select-listbox span {display:block; height:18px; line-height:17px; text-align:center; border:1px solid #d9d8d3; background:#eae4dc; color:#000000; cursor:pointer; font-size:11px; font-weight:normal; z-index:12;}
.select-listbox span:hover {background:#fefefe; box-shadow:inset 1px 1px 1px #ffffff; -moz-box-shadow:inset 1px 1px 1px #ffffff; -webkit-box-shadow:inset 1px 1px 1px #ffffff; z-index:14;}

.but { font-weight: 600; font-size:22px; display:inline-block; cursor:pointer; margin-top: 3px;}
.but.inc {float: right; width:10px; padding-top: 2px;}
.but.dec {float: left; width:10px;}
.slx-shop-cart-products input[type="text"] {display:inline-block; text-align:center; font-size: 13px;}

.div33 {width:33.33%; float:left; box-sizing:border-box; padding:0 20px;}

table {border-spacing: 0px; border-collapse: collapse;}
th {padding: 0px; font-weight: 600;}
td {padding: 0px;}

table.dataTable {margin-bottom: 20px; margin-top:15px; /* border: 1px solid #dfdfdf; */ border-radius: 5px; width:100%;}
table.dataTable th {padding: 10px; /* border-bottom: 1px solid #000000; */ text-align: left; vertical-align: middle; white-space: nowrap; font-weight: 600; background-color: #000; color:#ffffff;}
table.dataTable td {padding: 15px 10px 15px 10px; text-align: left; vertical-align: middle; /* white-space: nowrap; */ border-bottom: 1px solid #353535;}

table.dataTable td.thumb, table.dataTable th.thumb {width:60px; text-align:center;}
table.dataTable td.thumb img {max-height: 120px; max-width:50px !important;}



.slx-shop-cart-code {float:right;}


.slx-shop-cart input[type="text"] {padding:6px;}
.slx-shop-cart input[type="submit"] {padding:5px;}

.slx-shop-cart-next input[type="submit"] {display: inline-block; margin: 10px 0 12px 0; padding:12px 22px; vertical-align:bottom; margin-left:30px; font-size:18px;}
.slx-shop-cart-next .btn {display: inline-block; margin: 10px 0 12px 0; padding:8px 15px; font-size:12px; vertical-align:bottom;}
.slx-shop-cart-next form {display:inline;}

.txt-right, table.dataTable th.txt-right {text-align:right;}
.txt-left {text-align:left;}
.txt-center {text-align:center;}

.cart-pickup {margin:10px 0 20px 0;}
.cart-pickup h3, .gray-bg h3 {font-size:18px; margin-bottom:20px;}
.cart-pickup a {background:url(img/pickup.png) no-repeat left center; padding-left:28px; display:block; min-height:20px; font-size:18px; line-height:20px; margin:8px 0;}
.cart-pickup a .left {width:70%;}
.cart-pickup a .right {color:#595959; width:20%; text-align:right;}
.cart-pickup a.selected, .cart-pickup a:hover {background:url(img/pickup_active.png) no-repeat left center;}






.payments-div {background:#f3f5f2; box-sizing:border-box; padding:15px 25px; color:#000000; text-align:left; border: 2px solid #e1e1e1;}
.payments-div * {color:#000000; text-align:left;}
.delivery-div {background:#e1e1e1; box-sizing:border-box; padding:15px 25px; color:#000000; text-align:left;}
.delivery-div * {color:#000000; text-align:left;}

.payments-div h3 {color:#000000; text-align:left; text-transform:none;}
.delivery-div h3 {color:#000; text-transform:none;}

.wrap {white-space:normal !important;}

.slx-shop-cart-total {font-size:30px; font-weight: 600; line-height:30px;}
.slx-shop-cart-total span {font-size:22px; font-weight:normal;}

.confirm-box {float:left; width:49%; margin-right:2%; box-sizing:border-box; padding:15px 25px; margin-top:12px; border-radius:3px;}
.confirm-box span {font-size:18px; display:block; padding-bottom:10px;}
.confirm-box .slx-shop-cart-total span {margin-top:0; display:inline;}


.confirm-box1 {background:#424242;}
.confirm-box1, .confirm-box2 {font-size:15px; color:#ffffff; line-height:26px;}
.confirm-box2 {color:#9e9e9e;}
.confirm-box1 span {color:#ffffff;}

.confirm-box1 input, .confirm-box1 select {background:#ffffff; color:#000000; font-family:var(--primary-font); font-weight:normal; font-size:18px; padding: 3px 6px; margin-bottom: 10px; border: 1px solid rgba(171, 102, 110, 0.4); width:100%; box-sizing: border-box; display: block; border-radius: 3px;} 
.confirm-box2 {background:#f0f0f0; margin-right:0;}
.confirm-box2 input, .confirm-box2 select {background:#ffffff; color:#000000; font-family:var(--primary-font); font-weight:normal; font-size:18px; padding: 3px 6px; margin-bottom: 10px; border: 1px solid rgba(158, 158, 158, 0.4); width:100%; box-sizing: border-box; display: block; border-radius: 3px;}

.confirm-box3 {float:none; margin-right:0; font-size: 17px; line-height: 30px; width:100%; clear:both; padding:0; padding-top:20px;}
.confirm-box3 {text-align:right;}
.confirm-box3 .btn {font-size: 18px; padding: 14px 22px;}

.confirm-box3 textarea {background:#f0f0f0; color:#000000; font-family:var(--primary-font); font-weight:normal; font-size:15px; padding: 3px 6px; border: 1px solid rgba(171, 102, 110, 0.4); width:100%; box-sizing: border-box; display: block; border-radius: 3px;}
.red {color:#b52234;}

.button-modif {}
.button-modif1 {background:url(img/edit-icon1.png) no-repeat left 2px; display:block; float:right; padding-left:30px; font-size:18px; color:#ffffff; margin-right:-5px; margin-bottom:-5px;}
.button-modif2 {background:url(img/edit-icon2.png) no-repeat left 2px; display:block; float:right; padding-left:30px; font-size:18px; color:#9e9e9e; margin-right:-5px; margin-bottom:-5px;}

.gray-bg {background:#bbbbbb; width:50%; box-sizing:border-box; padding:15px 25px; margin-top:52px;}
.softgray-bg {background:#f9f9f9; width:50%; box-sizing:border-box; padding:15px 25px; margin-top:52px;}

.gray-bg, .gray-bg h3, .gray-bg p {color:#ffffff; text-transform:none;}

.softgray-bg, .softgray-bg p {color:#000000;}
.softgray-bg h3 {color:#424242; text-transform:none;}

.payment-finish {background:#bbbbbb; width:90%; margin:0 auto;}
.payment-finish h3 {color:#ffffff; text-transform:none;}
.payment-finish p {font-size:14px; line-height:16px;}
.payment-finish .left50 {width:50%; box-sizing:border-box; padding:20px 25px; text-align:left; color:#ffffff; float:none; display:table-cell; vertical-align: top;}
.payment-finish .left50 {}
.payment-finish .right50 {width:50%; text-align:left; background:#ffffff; border:1px solid #bbbbbb; box-sizing:border-box; float:none; display:table-cell; vertical-align: middle;}



form[name="add_to_cart"] {position:relative;}
.cart-button-valider {font-size:10px !important; opacity:0 !important; padding:2px 4px !important; height:0px !important; overflow:hidden !important; position:absolute;left: 0; right: 0; width: 100%;}
.cart-button-valider.show {opacity:1 !important; height:auto !important; overflow:visible !important; position: absolute;}

.cart-button-valider-img {background-image:url(img/check.png) !important; background-color:transparent !important; background-position:center center !important; background-repeat:no-repeat !important; width:22px; height:28px; cursor:pointer;}

.cart-perso {display:inline; margin-right:20px;}


.user-recovery {/*width:40%;*/ margin:0 auto; /* border: 1px solid #e1e1e1; padding: 30px; border-radius: 3px; */}
.user-recovery form {width:40%;}
.user-recovery p {font-size:18px; line-height:18px; margin-top:0; padding-top:0;}
.user-recovery form {padding-top:12px;}
.user-recovery .button {font-size: 14px; padding: 6px 18px; margin-top:10px;}


.required {background-image:url(img/asterisk.png) !important; background-position:right top !important; background-repeat:no-repeat !important; padding-right:20px; display:none;}


ul.bookmark {list-style: none; padding: 0; margin: 0; border-bottom:1px solid #bcbcbc; margin-top:30px;}
ul.bookmark li {display: inline-block; border: 1px solid #bcbcbc; border-bottom-width: 0; margin: 0 0.5em 0 0; border-top-left-radius: 2px; border-top-right-radius: 2px;}
ul.bookmark a {display: block; padding: 5px 20px; color:#000000;}
ul.bookmark li.active {font-weight: 600;}
ul.bookmark li.active a {color:#000000;}
ul.bookmark li.active, ul.bookmark li:hover {position: relative; top: 1px; background: white;}
ul.bookmark li:hover a {color:#000000;}


.slx-users .button {display:inline-block; margin-top:14px; font-size:14px; padding:4px 12px;}
.slx-users input {display:block; margin:5px 0 15px 0;}

.slx-users h2 {font-size:18px; font-weight: 600; color:#727272; text-transform:none; font-family:var(--primary-font); display:none;}
.slx-users label {display:block; font-weight: 600; margin-top:10px; font-size:18px;}



.column1-3 {float:left; width:32%;}
.column1-3 + .column1-3 {margin-left: 2%;}


/* TABLES */
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
/*
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}
*/
.table-hover > tbody > tr:hover{background-color:#f5f5f5}
table col[class*="col-"]{position:static;display:table-column;float:none}
table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}

.table-responsive{min-height:.01%;overflow-x:auto;display:block;}

/*
.table-striped > tbody > tr:hover{background-color:#f5f5f5}
*/


/* Add to cart window */
.overlay {position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:-1; opacity:0;}
.overlay.show {/* display:block; */ z-index:100; opacity:1;}
.add-to-cart-window {position:fixed; top:25%; width:70%; left:50%; margin-left:-35%; box-sizing:border-box; padding:25px; box-shadow:0px 0px 30px #000000; background:#424242;  z-index:101;}
.add-to-cart-window .close {width:36px; height:32px; position:absolute; right:10px; top:10px; background:url(img/cart-close.png) no-repeat center center; background-color:#424242; cursor:pointer;}
.add-to-cart-window .left {width:67%; float:left; box-sizing:border-box; padding:20px; border:1px solid #cccccc; color:#ffffff;}
.add-to-cart-window .right {width:30%; float:right; box-sizing:border-box; padding:20px; border:1px solid #cccccc; text-align:center;}
.add-to-cart-window .title {font-size:22px; color:#ffffff; padding-bottom:26px; font-weight: 600;}
.add-to-cart-window .thumb {float:left; width:20%; text-align:center; max-height: 180px;}
.add-to-cart-window .thumb img {display:block; max-width:80%; max-height:160px; margin:0 auto;}
.add-to-cart-window .name {font-size:18px; width:78%; float:left; font-weight: 600; color:#ffffff; padding-top:20px;}
.add-to-cart-window .btn {width: 100%; box-sizing: border-box; text-align: center; padding: 16px 5px;}
.add-to-cart-window .btn.alt {cursor:pointer; padding:6px 5px; font-weight:normal; margin-top:0; font-size:12px;}
.add-to-cart-window h3 {font-size:22px; color:#ffffff; padding-bottom:10px;}



.cart-remove {text-decoration:none !important; display:inline-block; font-size:12px; line-height:16px; font-weight: 600; border:2px solid #000000; height:18px; width:18px; border-radius:100%; text-align:center;}

.slx-shop-cart-delivery .right {white-space:nowrap;}
.slx-shop-cart-delivery a {color:#000000;}

.cart-buy-count {/* text-align: center; */ text-align:right;}
#payment_form input[type="image"] {max-width: 300px; margin: 20px auto;}

@media only screen and (max-width: 1000px) {
	.add-to-cart-window {position:absolute;}
	.add-to-cart-window .left, .add-to-cart-window .right {width:100%; clear:both; float:none; margin:0; margin-bottom:20px;}
}

@media only screen and (max-width:800px){
	
	.atcw-right, .atcw-left, .login-right, .login-left, .confirm-box {width:100%; clear:both; float:none; margin:0; margin-bottom:20px;}
	
	.confirm-box {margin-bottom:20px; margin-top:10px;}
	.left50.gray-bg {float:left; margin-top:30px;}
	
	.nomobile {display:none;}
		
	.shop_step {display:none;}

	.slx-shop-cart-next input[type="submit"] {margin-left:0; padding:8px 16px; font-size:14px;}		

	table.dataTable {border-radius: 0px; width:100%;}
	table.dataTable th {white-space: normal; font-weight:normal; font-size:18px;}
	table.dataTable td {padding:5px;white-space:normal; font-weight:normal; font-size:11px;}

	table.dataTable td.thumb, table.dataTable th.thumb {display:none;}
	table.dataTable td.thumb img {display:none;}

	.but {display:none;}
	.change-button {width:100px; margin-top:30px;}
	.confirm-box3 {padding:0;}

}

@media only screen and (max-width:600px){
	
	table {overflow-x: auto;display: block;}
	.add-to-cart-window .left {display:none;}
}

.fimg {display:block; background-size:cover; background-position:center center; background-repeat:no-repeat; padding-bottom:100%; position:relative; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.fimg .txt {position:absolute; left:20px; right:20px; bottom:20px; background:rgba(255,255,255,0.9); padding:16px 18px 20px 18px; text-align:center;}
.fimg2 .txt {padding:10px 14px 12px 14px;}
.fimg .txt p {background:#000000; color:#ffffff; padding:10px 20px; display:inline-block; font-size:18px; text-transform:uppercase; margin-top:16px;}
.fimg2 .txt p {padding:5px 10px; font-size:14px; margin-top:10px;}
.fimg2 .txt h2 {font-size: 20px; line-height: 22px;}



.fimg:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index:5;}



.col-xs-12 h1 {font-size:40px; line-height:44px;}

.col-xs-12 {margin-bottom:20px;}


















.item {overflow:hidden;}

.ribbon {
  margin: 0;
  padding: 0;
  background: #3498db;
  text-align:center;
  color:#ffffff;
  padding:1em 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
  font-size:15px;
  line-height:17px;
  font-weight: 600;
  box-shadow: 0px 0px 10px #000;
  z-index: 2;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  /* width: 100%; */
  width: 200%;
  height: 100%;
  background: #3498db;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

/* Blue */
.ribbon.blue {background:#3498db; color:#ffffff;}
.ribbon.blue:before, .ribbon.blue:after {background:#3498db;}

/* Orange */
.ribbon.orange {background:#ff6600; color:#ffffff;}
.ribbon.orange:before, .ribbon.orange:after {background:#ff6600;}

/* Yellow */
.ribbon.yellow {background:#fce700; color:#000000;}
.ribbon.yellow:before, .ribbon.yellow:after {background:#fce700;}




.horizontal-ribbon {
  /* background:#ff6600; */
  background:#fce700;
  /* color:#FFF; */
  color:#000000;
  max-width:50%;
  padding:10px;
  text-align:right;
  position:absolute;
  top:25px;
  right:0px;
  left:auto;
  line-height: 15px;
  z-index: 2;
}

.horizontal-ribbon span {
  text-transform:uppercase;
  font-weight: 600;
  font-size:18px;
}

.horizontal-ribbon.blue {background:#3498db; color:#ffffff;}
.horizontal-ribbon.orange {background:#ff6600; color:#ffffff;}
.horizontal-ribbon.yellow {background:#fce700; color:#000000;}



.green {font-weight: 600; color:#358037;}


.home-news {/* padding-bottom:36%; */ height:350px; margin-top:30px; position: relative; overflow: hidden; text-align: center;}
.home-news h3{color: #000;font-size: 23px;font-weight: 600; line-height: 28px;}
.home-news .content{background: rgba(255,255,255,0.7);position: absolute; height: 210px;right: 0; bottom: -46%; margin-top: -40px; left: 0;padding: 10px;border-bottom: 3px solid #358037; transition: all 0.3s ease;}
.home-news p {padding-top:15px;}

.home-news .btn.small{padding: 10px 20px;}
.home-news:hover .content{bottom:0px; height: initial;}

#cms_wrap_inside > ul.sitemap {columns: 2;
-webkit-columns: 2;
-moz-columns: 2;}


.cross_selling .item-title {top:110px;}
.cross_selling .item {height: 245px;}
.cross_selling .item:nth-child(4n) {margin-right:0;}

.images-container {position:relative; overflow:hidden;}
.images-container .corner-ribbon {z-index: 2; top: 0px; right: -50px; transform: rotate(45deg) scale(1.1); -webkit-transform: rotate(45deg) scale(1.6);}
.images-container .corner-ribbon span {font-size:12px;}

.images-container .horizontal-ribbon {transform:scale(1.6); z-index: 2; transform-origin:top right;}
.images-container .ribbon-top-right {z-index: 2;}
/* .images-container .ribbon-top-right span {left: -20px; top: 25px; transform: rotate(45deg) scale(1.6); transform-origin:top right;} */
.images-container .ribbon-top-right {transform:scale(1.6); transform-origin:top right; margin-top:-6px; margin-right:-6px;}

.item-title em {font-weight:normal; color:#000000; display:block; margin-top:5px; font-size:13px;}
.item-title-price {color:#f00;}

p.ligth {color: #6c816c !important;}










.popup-wrap{display: none;z-index: 100;position: fixed;}

.popup{background: #fff; position: fixed; top: 20%; width: 600px; left: 50%; margin-left: -330px; border-radius: 5px; box-shadow: 0 0 50px #000; z-index: 10; padding: 30px;}

.popup blockquote{background: #a70013;padding: 10px;border-radius: 3px;font-weight: 600; font-size: 24px;}
.popup img{float: left;margin-right: 40px; width: 260px;}

.popup .btn {margin-top:0;}

.popup h1{border-bottom: none;font-size: 34px; line-height: 36px;}

.popup-wrap .overlay{opacity: 1;}

.popup-close{position: absolute;right: 14px;top: 10px;font-size: 30px;color: #aaa; font-weight:800;}

.newsletter-form input{display: inline-block;}
.newsletter-form input[type="submit"]{border:1px solid #a70013; background: #a70013;color: #fff;cursor: pointer;margin-top: 20px;}
.newsletter-form input[type="submit"]:hover{background: #fff;color: #a70013;}

.newsletter-form label{font-weight: 700;}

.form_adduser label{font-weight: 400;}

.form_adduser a{font-weight: 700;color: #a70013;}

.mobile_label{display: none;}

.ifcolor{display: none;}

.ifcolor span{
  width: 15px !important;  
  height: 15px; 
  border-radius: 8px;
  display: inline-block;  
  margin-left: 10px; 
}

.ifcolor span.blanc   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #ffffff;}
.ifcolor span.gris    {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #cccccc;}
.ifcolor span.vert    {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #097838;}
.ifcolor span.jaune   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #e4bd23;}
.ifcolor span.bleu    {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #3a3ed6;}
.ifcolor span.noir    {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #000000;}
.ifcolor span.rouge   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #bf1514;}
.ifcolor span.orange  {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #e4690f;}
.ifcolor span.rose  {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #ff8dc0;}

.ifcolor span.ecru          {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #e8e4db;}
.ifcolor span.lilas         {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #e0caf7;}
.ifcolor span.anthracite    {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #3f4549;}
.ifcolor span.corail        {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #f9767e;}
.ifcolor span.saumon        {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #f27c6d;}
.ifcolor span.sable         {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #eeddba;}
.ifcolor span.laitue        {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #8ebf5e;}
.ifcolor span.dégradérose   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(255,182,222);background: linear-gradient(137deg, rgba(255,182,222,1) 0%, rgba(171,32,99,1) 100%);}
.ifcolor span.violet        {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #9f589f;}
.ifcolor span.dégradébleu   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(182,226,255);background: linear-gradient(137deg, rgba(182,226,255,1) 0%, rgba(32,64,171,1) 100%);}
.ifcolor span.noiretblanc   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(0,0,0);background: linear-gradient(137deg, rgba(0,0,0,1) 49%, rgba(255,255,255,1) 50%);}
.ifcolor span.grisetblanc   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(186,186,186);background: linear-gradient(137deg, rgba(186,186,186,1) 49%, rgba(255,255,255,1) 50%);}
.ifcolor span.bleuetrouge   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(46,185,255);background: linear-gradient(137deg, rgba(46,185,255,1) 49%, rgba(231,28,28,1) 50%);}
.ifcolor span.roseetrouge   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(255,146,197);background: linear-gradient(137deg, rgba(255,146,197,1) 49%, rgba(231,28,28,1) 50%);}
.ifcolor span.blancetanthracite   {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: rgb(255,255,255);background: linear-gradient(137deg, rgba(255,255,255,1) 49%, #3f4549 50%);}
.ifcolor span.bleujeans     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #36698b;}
.ifcolor span.galet     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #cbc7c1;}
.ifcolor span.carbone     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #2d2f32;}
.ifcolor span.seigle     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #f1e6ce;}
.ifcolor span.anis     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #babf5b;}
.ifcolor span.pétale     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #d6938e;}
.ifcolor span.caraibe     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #6bc8ce;}
.ifcolor span.iris     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #420f66;}
.ifcolor span.biaisrouge     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #bf1514;}
.ifcolor span.biaisbleu     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #3a3ed6;}
.ifcolor span.biaisjaune     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #e4bd23;}
.ifcolor span.biaisvert     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #097838;}
.ifcolor span.blancuni     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #ffffff;}
.ifcolor span.taupe     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #8f867d;}
.ifcolor span.chocolat     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #402517;}
.ifcolor span.turquoise     {box-shadow: 1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(255,255,255,0.5) inset; background: #2bb9ac;}

@media screen and (max-width: 1420px){
  .wrapper{
    width: 1180px;
  }

  .item{    height: 275px;  }

  .item-title{top: 210px;}

  .item img{
    max-height: 205px !important;
  }
}

@media screen and (max-width: 1290px){

  .header-left{
    gap: 15px;
  }

  .logo-img{
    width: 214px;
    height: 50px;
    background-size: 214px 49px;
    margin-bottom: -14px;
  }

  .megamenu-lvl1{
    width: 270px;
  }

  body.with-sidebar li.selected > .menu-lvl2{
    left: 320px;
  }

  .menu-lvl2{
    width: 300px;
  }

  .megamenu ul li a strong{
    font-size: 16px;
  }

  .menu-lvl3{
    width: calc(100vw - 620px);
  }

  body.with-sidebar li.selected > .menu-lvl3{
    left: 620px;
  }
}


/* -------------------------- #### -------------------------- */

@media screen and (max-width: 1240px) {
body {background-size:1417px auto;}

.info-belt {display: none;}

.sm, .box1, .box2 {display:none !important;}

.wrapper {width:740px;}

.box-play {position: absolute; top: 20px; text-align: right; z-index:9000; left:50%; margin-left:-370px !important; display:none;}

.logo {float:left; padding-top:10px;}
.logo img {width:342px; height:50px;}

.menu .wrapper {position:relative;}
.sub-nav {float:right; clear:both; position:absolute; right:0; top:38px; width:220px; padding:0 20px; height:0; overflow:hidden; background:#1b401b; z-index:11;}
.sub-nav li {display:block; margin:5px 0;}

.panel-button {margin:0px; position:absolute; right:0px; top:-20px; width:50px; cursor:pointer; height:70px; z-index:10; background-image:url(img/panel-button.gif); background-position:center top;}

.shadow {width:740px; height:36px; background-size:740px 36px; top:53px; z-index:-1;}

.search {height:53px; right:0; width:56px; position:absolute; overflow:hidden; z-index:12; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
.search.active {width:280px;}
.search.active input[type="submit"]{z-index: 11;}
.search.active input[type="search"]{z-index: 5; opacity: 1;}

h1 {font-size:18px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:18px;}
h4 {font-size:18px; line-height:22px;}
h5 {font-size:18px; line-height:16px;}

.boxes a {right:0; box-shadow:0px 0px 15px #000000; -moz-box-shadow:0px 0px 15px #000000; -webkit-box-shadow:0px 0px 15px #000000;}
.boxes a img {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

.boxes a.box1 {top:-150px; right:300px;}
.boxes a.box2 {top:-150px;}

.belt {font-size:14px;}

/* .item {width:232px; height:220px; overflow:hidden; margin:0px 22px 20px 0;} */
.item, .items .item:nth-child(4n), .cross_selling .item:nth-child(4n) {width:32%; height:220px; margin:0px 2% 20px 0;}
.item img {width:232px;}

.items .item:nth-child(3n) {margin-right:0;}
.cross_selling .item:nth-child(3n) {margin-right:0;}

.item-title {top:175px;}

.item-price img {width:66px; height:auto; margin-top:5px;}

.images-container {width:360px;}
.images-container img {width:360px;}
.images-container #zoom {width:360px !important;}

.thumbs-container {width:380px;}
.thumbs-container a img {width:106px;}


/* Variants Table */
.variants-table th {padding:5px 10px;}
.variants-table td {padding:6px 8px;}
td.variant{min-width:   150px;}
.variants-table td * {white-space:normal !important; width:auto !important;}
/* .variants-table td:nth-child(4), .variants-table th:nth-child(4), .variants-table td:nth-child(2), .variants-table th:nth-child(2) {display:none;} */
.variants-table td:nth-child(4), .variants-table th:nth-child(4) {display:none;}
.variants-table td select {width: 110px !important;}
.variants-table .price {font-size:14px;}
.variants-table big {font-size:18px;}


.footer {width:25%; margin-right:0; float:left;}
.footer.last {width:100%; padding-top:30px; float:none; clear:both; margin-right:0;}


.product-nav {width:740px; display:none;}
.product-nav li > a {font-size:11px; font-weight:normal; color:#ffffff; text-transform:none; display:block; padding:0 5px; margin:10px 5px 0 5px;}

.item-page {min-height:350px; margin-bottom:20px; margin-top:12px;}

/* Checkout tables */
table.dataTable th {padding: 5px;}
table.dataTable td, table.dataTable.summary-table td {padding: 3px 5px; white-space: normal;}
table.dataTable tr.cart-footer td {padding: 5px; font-size:18px;}

table.dataTable .cart-unit-cost {width:auto;}
table.dataTable .cart-quantity {width:auto;}
table.dataTable .cart-sum {width:auto;}

.promo {font-size:12px;}
.map {width:220px;}
.payment img {max-width:180px;}

.nivo-controlNav {width:740px !important;}


.variant-top-left{width: 100%; margin-bottom: 10px;}

.variant-top-right{width: 100%; order: 4; margin-top: 10px;}

.variant-wrap.prod-discover{justify-content: space-between;}

.variant-wrap.prod-discover .variant-top-left{width: initial; margin-right: 15px; margin-top: 10px;}
.variant-wrap.prod-discover .variant-top-right{width: initial; margin-top: 0; order: initial;}
.variant-wrap.prod-discover .variant-top-right{width: initial; margin-top: 0; order: initial;}


.add-to-cart {width:760px; padding:20px; left:50%; margin-left:-390px;}
.add-to-cart-item img {width:120px;}

.add-to-cart > .left {width:360px; line-height:22px;}
.add-to-cart > .right {width:360px; background:#fafafa; line-height:26px;}

.add-to-cart-item > .left {width:122px;}
.add-to-cart-item > .right {width:218px;}


.cart-item span {display:block; margin-left:0;}
th.cart-quantity {padding-left:18px !important;}
.cart-quantity, .cart-sum {white-space:nowrap;}



.m-cart-ico {background-image:url(img/m-cart.png); background-position:center center; background-repeat:no-repeat; background-size:contain; width: 26px; height: 26px; display: block; float: right; margin-right: 54px;}

.caracteristiques-container{padding: 0 .5rem;}

.cross-selling-container{padding: 0 .5rem;}


}

/* -------------------------- #### -------------------------- */
@media only screen and (max-width: 759px) {

ul.nav-right{
  display: none;
}

body {background-size:765px auto;}

.menu {height:auto; background-color:transparent; background:url(img/menu-m-bg.gif) repeat-x left top transparent;}
	
.newsletter, .shadow, .boxes {display:none;}

.wrapper {width:100%; box-sizing:border-box; padding:0 5%;}

.logo {float:none;}
.logo img {max-width:280px; height:auto;}

.search {height:53px; right:0; width:56px; position:absolute; overflow:hidden; z-index:12; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
.search.active {width:100%;}

.main-nav li a {font-size:0px; color:#1b401b; max-width:80px;}
.main-nav > li {max-width:80px; vertical-align: top;}
.main-nav > li a {padding-left:36px;}

/* MEGA MENU */
.subcat{display: none !important;} /* Delete !important to show menu !!! */

.subcat-container {width:100% !important; top:100px !important;}

ul.third-level li {width:170px;}

ul.third-level li a img {width:170px;}
ul.third-level li a span.abs {width:170px;}
ul.third-level li a span.crop {width:170px;}

.product-nav {width:100%; display:none; box-sizing:border-box; padding-right:56px;}
.product-nav li > a {font-size:11px; font-weight:800; text-transform:none; /* height:33px; line-height:32px; */ height:33px !important; line-height:32px !important; padding:0 8px !important; margin:10px 0px 0 8px !important;}
.product-nav li:hover > a {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.product-nav li:hover > a:before {display:none;}

.info-belt {height:auto; margin-top:0px !important; padding:10px 0 12px 0; line-height:16px; font-size:12px;}

.subline {/* height:96px; */ /* height:144px; */ height:auto;}

.belt {font-size:18px;}

/*
.slider-wrapper {margin-top:-86px;}
*/
.slider-wrapper {margin-top:20px !important; float:none; padding: 0 20px; box-sizing: border-box;}


.item, .items .item:nth-child(4n), .cross_selling .item:nth-child(4n), .items .item:nth-child(3n), .cross_selling .item:nth-child(3n) {width:49%; height:270px; margin:0px 2% 20px 0;}
.item img {width:100%; max-height: 200px !important;}

.items .item:nth-child(2n) {margin-right:0;}
.cross_selling .item:nth-child(2n) {margin-right:0;}





.item-price img {width:50px; margin-top:10px;}

.images-container {width:100%;}
.images-container img {width:100%;}
.images-container #zoom {width:100% !important; position:static !important;}
.zoomLens {display:none !important;}

.thumbs-container {width:100%;}
.thumbs-container a img {width:96px;}

.desc-container {width:100%; float:none; clear:both;}
.desc-container .left, .desc-container .right {width:190px;}

a.variant-name small {white-space:normal;}

.variant .price {line-height:15px;}

td.price {min-width:0;}
.price-detail {}

.footer {width:50%; margin-top:10px; margin-bottom:10px;}

/* Checkout tables */
table.dataTable th {padding: 1px;}
table.dataTable td {padding: 1px;}
table.dataTable tr.cart-footer td {padding: 1px; font-size:11px;}
table.dataTable .cart-header th, table.dataTable .th th {font-size: 11px;}

.nivo-controlNav {width:100% !important;}

.promo {font-size:12px;}
.map {width:220px;}
.payment img {max-width:180px;}

.box30, .box66, .box66.left, .left50, .right50 {width:100%; margin:10px 0; float:none; clear:both;}

.payment-summary img {max-width:250px;}

/*
.item-title {height:50px;}
.item:hover .item-title {height:50px;}
*/

.item-title {position:static; font-size:11px; /* font-weight:normal; */ display: block; min-height: 40px;}

td.cart-item, .cart-perso {font-size:11px;}
td.cart-item span {display:block;}
.cart-footer .promo input[type="text"] {max-width:50px; padding: 1px 3px;}
.cart-footer .promo input[type="submit"] {padding:1px 3px; font-size:11px;}

.cart-perso input[type="text"] {padding:4px 6px; background:#ffffff; max-width:30px;}

/* table.dataTable, table.dataTable tr, table.dataTable td, table.dataTable th {display: block;float: left;clear: both; width: 400px; text-align:left !important;} */
/* .cart-item, .cart-perso {display: block;float: left;clear: both; width: 400px; text-align:left !important;} */


.add-to-cart {width:80%; padding:20px; left:10%; margin-left:0; background:#ffffff; padding:30px; max-height: 90%; overflow: auto; top:5%; box-sizing:border-box;}

.add-to-cart > .left {float:none; clear:both; padding-bottom:20px; content: ""; display: table; clear: both; width:100%;}
.add-to-cart > .right {float:none; clear:both; content: ""; display: table; clear: both; width:100%; background:transparent;}

#dialogcart-command {margin-bottom:20px;}

.add-to-cart-item > .left {width:30%;}
.add-to-cart-item > .left img {width:100%;}
.add-to-cart-item > .right {width:65%;}

#dialogcart-cart div {width:100% !important; float:none !important;}




.m-cart-ico {margin-right: 14%;}


}


@media screen and (max-width: 1110px){
  ul.nav-right li a{
    font-size: 0;
  }

  ul.nav-right li{
    margin-left: 10px;
  }

  .megamenu{
    width: 100%;
    max-width: 450px;
    -webkit-transform: translateX(-450px);    
    -ms-transform: translateX(-450px);    
    transform: translateX(-450px);
    transition: initial;
  }

  .megamenu-lvl1{
    width: calc(100% - 50px);
  }

  .menu-lvl2{
    width: calc(100% - 50px);
    padding-top: 110px;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 2;
    left: -50px;
    transform: translateX(calc(-100% - 50px));
  }

  body.with-sidebar li.selected > .menu-lvl2{
    left: 0;
    transform: translateX(0);
  }

  .menu-lvl2 > ul{
    padding: 0;
    height: 100%;
    border: none;
  }

  .menu-lvl3{
    width: 100%;
    z-index: 5;
    border: none;
    top: 100px;
  }

  body.with-sidebar .menu-lvl3{
    transform: translateX(-100%);
    left: 0;
  }

  body.with-sidebar li.selected > .menu-lvl3{
    left: 0;
    transform: translateX(0);
    max-width: initial;
  }

  .menu-items-wrap{
    margin-top: 0;
  }

  
  .nav-toggle.right{
    left: 400px;
  }

  body.with-sidebar .nav-toggle.back{opacity: 1;}
  body.with-sidebar .nav-toggle.back2{opacity: 1;}

}

@media only screen and (max-width:1024px){
  .variants-container{margin-top: 20px;}

  .variants-container .title h1{font-size: 30px;}
}

@media only screen and (max-width:759px){
  .left50, .right50{
    width: initial;
    float: none;
  }

  .perso_wrap	input[type="text"]{margin-left: 0px;}

  .payments-div img{max-width: 100%;}

  .mobile_label{display: inline-block; margin-right: 5px; }

  .variants-table select, .variants-table input[type="text"]{background: #fff; color: #000;}

  .variants-table thead{display: none;}

  .variants-table tr{display: block; margin-bottom: 20px; padding: 10px; text-align: right; }

  .variants-table td{display: block;}

  .variants-table td.name{text-align: left;}

  .variants-table a.button{float: none; display: table-cell;  }

  .variants-table td.price, .variants-table td.qte, .variants-table td.btn_shop,  .variants-table td.variant{display: inline-block; vertical-align: middle;  margin-top: 10px; }

  .variants-table .price strike{display: inline-block;  }

  .variants-table td input{text-align: center;}

  .variants-table .perso_wrap{background: #dbdbdb; padding: 10px;  padding-top: 0; }

  .variants-table td.perso{text-align: left;}

  .variants-table td.perso input{width: 100% !important;}

  .variants-table tbody{display: block;}

  .variants-table td.variant{float: left;}



  .mobile-login{
  	display: block;
  	float: right;
  	position: absolute;
  	top: 20px;
  	right: 30px;
  }

  .special_block{
  	padding: 10px 0;
  }

  .special_block p{
	font-size: 14px !important;
	line-height: 16px !important;
	padding: 0 5px !important;
  }
}  


@media only screen and (max-width:720px){
	
	.popup{top: 20%; width: 80%; left: 50%; margin-left: -40%; padding: 20px; box-sizing:border-box;}
	.popup img {display:none;}

  .logo-img{
    width: 150px;
    height: 34px;
    background-size: 150px 34px;
    margin-bottom: -5px;
  }

  .search_bar {height: 32px;}

  .search-ok{
    height: 35px;
    width: 35px;
  }

  .header-shop-icons{
    padding: 10px;
  }

  .header-login, .header-cart{
    height: 35px;
    width: 35px;
  }

  #cms_wrap{
    padding-top: 65px;
  }

  .slider-container{
    margin-top: 65px;
  }

  #cms_navigation{
    margin-top: -20px;
    font-size: 12px;
  }

  .search_bar.active{
    position: fixed;
    top: 60px;
    left: 10px;
    right: 10px;
  }

  .search_bar.active #mod_search_searchword{
    width: 100%;
  }

  .search_bar.active .search-ok{
    left: initial;
    right: 5px;
  }

}

@media only screen and (max-width:460px){
	.variants-table tr{text-align: initial;}
	.variants-table td.variant{display: block; float: none;}

  .variant-bottom-left{width: 100%;margin-bottom: 5px;}
  .variant-bottom-right{width: 100%;}
  .variant-wrap select{width: 100%;}

  .variant-wrap .status{font-size: 0; }
  .variant-wrap .status::before{margin-top: 0; }

  .variant-wrap.prod-discover .variant-top-left{width: 100%;}
  .variant-wrap.prod-discover .variant-top-right{width: 100%; position: relative;}

  .variant-wrap.prod-discover .status{position: absolute; left: 0;}

  .nav-toggle.right{
    left: initial;
    position: fixed;
    right: 10px;
  }
}


@media only screen and (max-width:410px){
  .header-left{
    padding-left: 10px;
  }

  .header-logo{
    margin-left: 50px;
  }

  .header-login{
    display: none;
  }

  .search_bar{display: none;}
}