
.btn:hover{
  -webkit-transition: all 0.2s ease-out; 
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btn-sm {
	font-size: 10.2px;
}

.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-primary:before{}
.btn-primary:hover:before{}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-image: none;
  background-color: #df5c39;
}

.btn-primary.disabled, .btn-primary[disabled] {
	opacity: .6;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
  outline: none;
  opacity: .6;
  cursor: not-allowed;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover{
  /* color: #fff; */
  /* background: #dc425f; */
  /* border-color: #dc425f; */
}
.btn-primary.focus, .btn-primary:focus {
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: transparent;
	background-image: none;
	background-repeat: repeat-x;
	/* border-color: #bd362f #bd362f #802420; */
	background: transparent;
	border: none;
	color: #b83a3e;
}
.btn-danger.focus, .btn-danger:focus {
  box-shadow: none;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
	background: transparent;
	border: none;
	color: #a6081a;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	background: transparent;
	color: #b21f2d;
	background-color: transparent;
	border: none;
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	/* font-weight: bold; */
	font-size: 12px;
	/* padding: 4px 39px; */
}

/* list group */
#category_page .menu_vertical_li{
  list-style: none;
  padding-left: 15px;
}

#category_page .menu_vertical_l2_a:after{
	content: "";
	margin-top: 3px;
	display: block;
	width: 0%;
	bottom: 0px;
	height: 2px;
	/* background: #000000; */
	-webkit-transition: width 0.3s ease-out;
	-o-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
}
#category_page .menu_vertical_l2_a.active:after, #category_page .menu_vertical_l2_a:hover:after{
	content: "";
	display: block;
	width: 100%;
	bottom: 0;
	background-color: #f53c3d;
}
.menu_vertical_a.active, .menu_vertical_a:focus{
	font-weight: 700;
	background: transparent;
	color: #000000;
}
#category_page .menu_vertical_a {
  position: relative;
  border: none;
  color: #000000;
  font-size: 15px;
  padding: 5px 0px 0;
  background: transparent;
  text-transform: capitalize;
  -webkit-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}

#category_page .menu_vertical_l1_a {
  text-transform: uppercase;
  display: block;
}
#category_page .menu_vertical_l2_a {
  display: inline-block;
}

/* checkout panel */
.panel-group .panel{
	margin-bottom: 15px;
	border-radius: 5px;
}
.panel-default>.panel-heading{
  border-radius: 4px;
  padding: 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel-group legend{
	color: #fff;
}
.panel-title>.small, 
.panel-title>.small>a, 
.panel-title>a, 
.panel-title>small, 
.panel-title>small>a{
	color: #ffffff;
}

/** checkout-cart panel */
.checkout-cart #accordion {}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	/* border: none; */
	vertical-align: middle;
	border-bottom: 1px solid rgba(130, 130, 130, 0.41);
	border-top: none;
	font-weight: 600;
}
.table>thead>tr>td, .table>thead>tr>th {
  border-bottom: 1px solid rgb(46, 38, 29);
  border-top: none;
  font-weight: 600;
}
.table-bordered {
  /* border: 1px solid #a6081a; */
}
.table-bordered td, .table-bordered th {
  /* border: 1px solid rgba(166, 8, 26, 0.45); */
  /* border-top: 1px solid #dee2e6; */
}
.table>tfoot>tr>td {
  padding-top: 0;
  padding-bottom: 0;	
}

.alert {
  padding: 40px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
}

#zoom_product .open>.dropdown-menu.image {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;width: 100%;
}

/** Replace each time
/////////////////////////////*/
.common-home header,
.common-home #nav_main {
  /* position: relative; */
}
.common-home #nav_main {padding: 5px 0 15px;background-color: #ffffff;}
.common-home #nav_main.fixed {
  /* position: fixed; */
}
#nav_main {
  z-index: 1099;
  top: 0;
}
.header-top {
  /* position: fixed; */
  /* top: 0; */
  /* left: 0; */
  /* right: 0; */
  /* height: 30px; */
  background-color: #fde1b6;
  /* z-index: 1051; */
}
.navbar-brand--img {
  margin-top: 15px;
  /* height: 35px; */
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0px 0 10px;
}
body:not(.common-home ) .header-top {display: none;}
.header-top-left {
  position: relative;
  width: 69%;
  height: 632px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header-top-left_logo {
  position: absolute;
  top: 10%;
  left: 15%;
  /* width: 18%; */
}
.header-top-right {
  position: relative;
  width: 55%;
  margin: 160px auto 80px;
}

.header-top_open {
  position: absolute;
  top: 10%;
  right: 36%;
  width: 164px;
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 19px;
  padding: 30px 15px 20px;
  text-align: center;
  border: 4px solid #ffffff;
}
.header-top_comment {
  position: absolute;
  top: 43%;
  left: 6%;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 20px;
}
.header-top_address {
  position: absolute;
  bottom: 10%;
  left: 30%;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 20px;
}
.header-top_address .A{
  margin: 0;
}

header #main-menu .navbar-nav {
	/* padding-left: 15%; */
	/* padding-top: 38px; */
	/* text-align: center; */
}
.flip-clock-wrapper .flip {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
.flip-clock-wrapper ul li {
  /* border-radius: 0; */
}
.flip-clock-wrapper ul li a {
}
.flip-clock-wrapper ul li a div.down {border-radius: 0;border-top: 1px solid #040404;}
.flip-clock-wrapper ul li a div.up {
}
.flip-clock-wrapper ul li a div .shadow {
  /* border-top: 1px solid #040404; */
}
.flip-clock-wrapper ul li a div div.inn {font-weight: 400;}
.flip-clock-wrapper ul li a div.up div.inn {
  border-radius: 0;
  background: #f0c8a9;
  border: 1px solid #000;
  color: #000;
  text-shadow: none;
}
.flip-clock-wrapper ul li a div.down div.inn {
  border-radius: 0;
  background: #f0c8a9;
  border: 1px solid #000;
  color: #000;
  text-shadow: none;
}
.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: #9caa3e;
}
.flip-clock-wrapper .flip {box-shadow: none;}
.hcpc_percent {
  position: absolute;
  top: 30px;
  left: -25px;
  font-size: 25px;
  padding: 9px;
  line-height: 46px;
  border-radius: 100%;
  color: #ffffff;
  background-color: #f03637;
}
.swiper-pagination-countdown {
  bottom: 25px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-countdown .swiper-pagination-bullet{
  width: 64px;
  height: 22px;
  margin: 0;
  padding: 7px 10px;
  border-radius: 0;
  background-color: transparent;
}
.swiper-pagination-countdown .swiper-pagination-bullet:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #ffffff;
}
.swiper-pagination-countdown .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
  background-color: #ffffff;
}
/*
-----> HOME
*/
.home_middle_content {
  position: relative;
  background-color: transparent;
  z-index: 2;
  margin-top: 172px;
}
#home-bienvenu {
  position: relative;
  width: 31%;
  float: left;
  height: 635px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ca9537;
  z-index: 3;
}
.home-bienvenu_nos {
  position: absolute;
  top: 34%;
  left: 34%;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-weight: 100;
  text-transform: uppercase;
  color: #fbfbf9;
  line-height: 20px;
}
.home-bienvenu_nos .T{
  margin: 0;
  font-weight: 400;
  color: #000000;
}
.home-bienvenu_nos .A{
  margin: 0;
}
.home_arrow_white {
  position: absolute;
  left: -30px;
  top: 0;
}
.home-bienvenu_title {
  position: absolute;
  bottom: 33%;
  right: 13%;
  font-size: 60px;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 20px;
}
.hmc_table {
  float: right;
  width: 65%;
  min-width: 369px;
  margin-top: 100px;
  margin-right: 30px;
}
.hmc_table_tr {
  border-bottom: 1px solid #020202;
}
.hmc_table_td {padding-top: 15px;padding-bottom: 15px;}
.hmc_table_td_icon {
}
.hmc_table_icon {
  width: 20px;
}
.hmc_table_td_text {
  font-size: 17px;
  padding-left: 20px;
}

#home-cheznous {
  position: relative;
  width: 38%;
  float: left;
  z-index: 3;
  border: none;
  background-size: cover;
  border-top: 1px solid #e15465;
}
.home-cheznous_wrap{
	position: relative;
	padding: 0px 0 0 15%;
	height: 635px;
	/* background-color: #ffffff; */
	border: none;
	margin-right: -1px;
}
.home-cheznous--table {
  color: #333333;
  border: none;
  /* float: right; */
}
.home-cheznous--table:after{
  content: "";
  clear: both;
}
.home-cheznous--tbody,
.home-cheznous--tr {
  border: none;
}
.home-cheznous--td:first-child {
  width: 240px;
  border: none;
}
.home-cheznous--td:last-child {
  /* padding-right: 20px; */
}
.home-cheznous--img {
  display: none;
  position: absolute;
  max-width: 100%;
  right: 0;
  top: 0;
  /* bottom: 38%; */
  z-index: 1;
}
.home-cheznous--h2 {
  font-weight: 400;
  margin-bottom: 27px;
  color: #faae58;
}
.home-cheznous--h3 {
  font-size: 1.80rem;
  font-weight: 100;
  letter-spacing: -0.05rem;
  text-transform: uppercase;
  line-height: 19px;
  color: #000000;
}
.home-cheznous--h3 .B{
  font-weight: 400;
}
.home-cheznous--a {
  font-size: 22px;
  font-weight: 100;
}
.fb-like_wrap {
  text-align: left;
  height: 105px;
  padding-top: 45px;
}
.home-cheznous_slide{
  position: relative;
  float: right;
  width: 38%;
  z-index: 3;
}
.home-cheznous_slide .swiper-pagination-bullet{
  width: 43px;
  height: 7px;
  margin: 7px 10px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #e3534b;
}
.home-cheznous_slide .swiper-pagination-bullet-active{
  background-color: #f53c3d;
}

/* Meilleur vente */
#home-bestsell {
  position: relative;
  width: 31%;
  float: right;
  z-index: 3;
}
.home-bestsell_context {
  position: relative;
  width: 54%;
  padding-top: 15px;
  z-index: 3;
  text-align: left;
  color: #000000;
}
.home-bestsell {
  position: relative;
  width: 100%;
  border: 2px solid #ffc163;
  border-top: none;
  padding-top: 55px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 60px;
}

.home-bestsell_1 {
  padding: 72px 45px;
  background-color: #ffffff;
}
.home_bestsell_image {
  width: 46%;
  /* border: 2px solid #d09c46; */
}
.home_bestsell_img {
  width: 100%;
}
.home-bestsell_title {padding: 55px 0 8px 40px;background-color: #f03637;font-size: 30px;text-transform: uppercase;color: #ffffff;font-weight: 100;}
.home-bestsell_prix {
  margin: 0;
  font-size: 1.90rem;
  font-weight: 100;
  letter-spacing: -0.05rem;
  text-transform: uppercase;
  line-height: 19px;
}
.home-bestsell--b {
  font-weight: 400;
  line-height: 22px;
}
.home-bestsell_description {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  /* text-transform: uppercase; */
  line-height: 20px;
}
.home-bestsell--a {
  display: block;
  font-size: 22px;
  width: 65%;
  font-weight: 700;
  text-align: center;
  color: #000000;
  padding: 5px 0%;
  border: 2px solid #000000;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.home-bestsell_2 {
  background-color: #ffffff;
}

.home-bestsell--add {
  display: block;
  /* position: absolute; */
  /* right: 85px; */
  /* bottom: 13px; */
  font-size: 22px;
  font-weight: 400;
  color: #e15465;
  /* margin-top: 50px; */
  /* margin-left: auto; */
  text-align: center;
  padding: 5px 0;
  width: 150px;
  /* background-color: #f8f8f8; */
  max-width: 75%;
  border: 2px solid #e15465;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-bestsell--a:hover {
  color: #000000;
  background-color: #ffc163;
  border-color: #ffc163;
}

a.home-bestsell--a {}
.home-bestsell--add:hover {
  /* color: #dfe0d9; */
  /* background-color: #f7b948; */
}
.home-bestsell_3 {
  color: #000000;
  background-color: #ffffff;
}
.home-bestsell_3 .home-bestsell_context {
  color: unset;
}
/** Mobile **/
#home-mobile {
  position: relative;
  background-color: #f3f1e9;
  z-index: 1049;
  /* margin-top: -490px; */
}
.home-mobile_0 {
  position: relative;
  width: 69%;
  height: 0;
  float: left;
}
.home-mobile_1 {
  position: relative;
  width: 31%;
  float: left;
  margin-top: 130px;
  height: 635px;
  background-size: cover;
  background-repeat: no-repeat;
}
.home-mobile_1_offert {
  width: 100%;
  height: 100%;
  padding-left: 30%;
  padding-top: 150px;
}
.home-mobile_1_nos {
  /* position: absolute; */
  /* top: 34%; */
  /* left: 34%; */
  padding-top: 22px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  font-weight: 100;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 26px;
}
.home-mobile_1_nos .T{
  margin: 0;
  font-weight: 400;
  color: #000000;
}
.home-mobile_1_nos .A{
  margin: 0;
}
.home-mobile_1_title {
  /* position: absolute; */
  /* bottom: 33%; */
  /* right: 13%; */
  font-size: 60px;
  /* font-weight: 400; */
  /* text-transform: uppercase; */
  color: #ffffff;
  /* line-height: 20px; */
}
.home-mobile_2 {
  position: absolute;
  width: 17%;
  top: 0;
  left: 31%;
  z-index: 1050;
}
.home-mobile_2_mobile {
  position: relative;
  z-index: 1050;
}
.home-mobile_2_mobile_shadow {
  position: absolute;
  bottom: -32px;
  right: -10px;
  z-index: 1049;
}
.home-mobile_3 {
  position: absolute;
  /* top: 0; */
  /* right: 0; */
  /* width: 31%; */
}

.home_fraicheur {
  position: relative;
  margin-top: 230px;
  float: right;
  width: 52%;
}
.home_fraicheur_wrap {
  /* margin: 0 150px 0 0; */
  padding: 80px 100px 115px 35px;
  background-color: #f53c3d;
  width: 450px;
  max-width: 100%;
}
.home_fraicheur_title {
  font-size: 60px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 40px;
}
.home_fraicheur_description {
  margin: 0;
  color: #ffffff;
  font-size: 19px;
  line-height: 29px;
  text-transform: uppercase;
  /* letter-spacing: -1px; */
}
.home_fraicheur_description.B {
  color: #e2e2e2;
}


.home-mobile--a {
  color: #f3f3f3;
  font-size: 22px;
  font-weight: 100;
}
.home-mobile--a:hover {
  /* color: #ffffff; */
}
/* home deco */
#home-deco1 {
  position: absolute;
  left: 0;
  top: 40%;
  /* width: 47%; */
}
#home-deco2 {
  position: absolute;
  top: 48%;
  /* bottom: 0; */
  right: 0;
  max-width: 100%;
}
#home-deco3 {
  position: absolute;
  right: 13%;
  top: 34%;
  max-width: 100%;
}
#home-deco5 {
  position: absolute;
  left: 20%;
  bottom: 24%;
  max-width: 100%;
}
#home-deco4 {
  max-width: 100%;
  padding-left: 70px;
}

/*footer*/
footer {
  position: relative;
  padding-top: 200px;
  text-align: center;
  background-color: #f3f1e9;
  z-index: 3;
}
footer:after {
  content: "";
}
.footer-link--a {
  font-size: 20px;
  color: #dedede;
  padding: 0 35px;
}
#footer-links {
  padding-top: 50px;
  /* background-color: #ceae97; */
}
.footer-top {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  background: transparent;
}
.footer-top_left {
  float: left;
  width: 50%;
  padding-left: 93px;
}
.footer-top_wrap {
  position: relative;
  text-align: left;
  text-transform: uppercase;
  color: #393d3c;
  z-index: 9999999;
  /* margin-top: -562px; */
  /* padding-bottom: 40px; */
}
.footer-top_wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 1px;
  bottom: 0;
  background-color: transparent;
  z-index: 1;
}
.footer-top_wrap1 {
  position: relative;
  background-color: #ffffff;
  /* padding-bottom: 50px; */
  z-index: 2;
  padding: 0 0 35px 0;
}
.footer-top_left_title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-top: 95px;
  color: #462c26;
}
.footer-top_left_description {
  font-size: 23px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -0.01em;
  line-height: 24px;
  color: #434948;
}
.footer-top_left_deco {
  border-bottom: 5px solid;
  width: 67px;
  margin-top: 50px;
  margin-bottom: 45px;
}
.footer-top_right {
  position: relative;
  float: right;
  width: 50%;
  padding-left: 2%;
  padding-right: 0;
}
.footer-top_right_title {
  font-size: 25px;
  letter-spacing: -0.01em;
  color: #462c26;
  line-height: 23px;
}
.footer-top_right_description {
  margin: 0;
  font-size: 18px;
  /* color: #000000; */
  letter-spacing: -0.01em;
}
.footer-top--logo {
  position: absolute;
  top: -104px;
  right: 35px;
  width: 50%;
}
.footer-top_right_text {
  float: left;
  width: 50%;
  padding-top: 45px;
}
.footer-bottom {
  padding-top: 10%;
  margin-top: -10%;
  background-size: cover;
}
#copyright {
  padding-top: 100px;
  padding-bottom: 35px;
}
.footer-sm-links {
  margin-bottom: 40px;
}
.footer-sm-link {
  margin: 0px 13px;
}
.copyright-text {
  font-size: 15px;
  color: #ffffff;
  line-height: 22px;
}
.copyright-text .R{
  position: relative;
}
.copyright-text .C{
  position: absolute;
  left: -22px;
  top: -2px;
  font-size: 23px;
}
.copyright--a {}
body:not(.common-home) footer {
  /* padding-top: 230px; */
  margin-top: 80px;
}