@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:wght@400;500&display=swap');



:root {
	--white: #FFFFFF;
	--black: #000000;
	--gray1: #313743;
	--gray2: #A3A3A3;
	--gray3: #F8F8F8;
    --color1: #E4CAAB;
    --color2: #222222;
	--color3: #935E3D;
	--color4: #512C1D;
	--color5: #d3ba9d;

	--bs-btn-active-bg: var(--color4);
	--bs-btn-active-border-color:var(--color4);

	--map-stroke-color:var(--color1);
	--home-flyer-bg: var(--gray1);

	--font-family1:"Roboto Condensed",tahoma, arial;
}

html{
font-family: var(--font-family1);
}

body{
	font-family: var(--font-family1);
	font-size:16px;
	background-color: var(--color5) ;
	position:relative;
}


body.bg{
	background: url('../images/background.jpg');
	background-size:cover;
	background-attachment: fixed;
	background-position:center;
}



@media (max-width: 767px){
	body{
		background:none;
	}
	body.bg{
		background-image:none;
	}
}

h1,h2,h3{
	font-family: var(--font-family1);
}

h1{
	margin-top:0px;
	margin-bottom:20px;
    text-transform: uppercase;
    color: var(--color5);
    font-size: 28px;
}

h2{
	font-size:24px;
}

a{
	color:#555555;
}
a:hover{
	color:#000000;
}

a,
a:focus,
a:hover{
	text-decoration:none;
}


/*********************************************** 
 ** HEADER - LOGIN / SUBSCRIBE
 ***********************************************/
 header .top {
    background: var(--gray1);
    padding: 15px 0px;
}


header .top .topStatus,
header .topBar a{
    color: var(--color1);
    font-size:15px;
    text-transform:uppercase;
    /*line-height: initial;*/
}

header .topBar ul{
    margin-bottom:0px;
}

header .topBar li:not(:first-child) {
    border-left: 2px solid var(--color1);
}

header .topBar a{
    padding: 0 12px;
    transition: all 150ms ease-in-out 0s;
}

header .topBar a:last-child{
    padding-right: 0px;
}

header .topBar a:hover, 
header .topBar a.active {
    color: var(--white);
}

header .topBar .dropdown-menu{
    background-color: var(--color5);
}

header .topBar .dropdown-menu .dropdown-item{
    color: var(--color2);
}


/*********************************************** 
 ** HEADER - INFO PANEL
 ***********************************************/
 header .infoPanel {
    background: rgba(0,0,0,0.5);
    color:var(--color1);
    padding-bottom: 30px;
    height:170px;
}

header .infoPanel .logo{
	padding-top:10px;
	text-align: center;
}

header .infoPanel .logo img{
	max-width:100%;
	max-height: 130px;
}



header .infoPanel .info{
    padding: 40px 0px 0px 50px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 50px;
}

header .infoPanel .info.icon-b1{
    background-image: url("../images/icons-b1.png");
}
header .infoPanel .info.icon-b2{
    background-image: url("../images/icons-b2.png");
}
header .infoPanel .info.icon-b3{
    background-image: url("../images/icons-b3.png");
}

header .infoPanel .info .title{
	font-size:20px;
	font-weight:300;
	letter-spacing:1px;
}

header .infoPanel .info .text{
	font-size:32px;
	font-weight:100;
}


@media (max-width: 767px){
	header .infoPanel {
	  padding-bottom: 0px;
	  background: rgba(34,34,34,1);
	  height:auto;
	}
}


/*********************************************** 
 ** HEADER - DESKTOP NAV
 ***********************************************/
 header .navigation-web .menuBar {
	background-color:var(--color1);
    width: 100%;
    margin-top: -25px;
	margin-bottom:0px;
    border:none;
    text-align: center;
	border-radius: 5px;
}

header .navigation-web .menuBar .navbar-nav > li > a{
	font-family: var(--font-family1);
	text-transform: uppercase;
	font-size: 18px;
	color:var(--color2);
	padding:5px 25px;
}

header .navigation-web .menuBar .navbar-nav > li > a:hover{
    color: var(--color3);
}

header .navigation-web .menuBar .navbar-nav > li.active > a {
    color: var(--color4);
    background-color:transparent;
}


@media (max-width: 991px) {
	header .navigation-web .menuBar .navbar-nav  > li > a{
	    font-size: 17px;
    	padding-left:15px;
    	padding-right:15px;
	}
}



/*********************************************** 
 ** HEADER - MOBILE NAV
 ***********************************************/
 
 header .navigation-mobile {
	background-color: var(--color1);
	padding:10px 10px;
}

header .navigation-mobile .logo{
	max-height:70px;
}

header .navigation-mobile .btn-slidebar{
	background-color:var(--white);
	margin-top:10px;
}

header .navigation-mobile .btn-slidebar i,
header .navigation-mobile .btn-cart i{
	font-size:36px;
}

header .navigation-mobile .btn-cart{
	background-color: transparent;
	color:var(--white);
	position: relative;
}

header .navigation-mobile  .btn-cart .cartNum{
	background-color: #FF0000;	
	position: absolute;
	right: 0px;
	top: 0px;
}

/*********************************************** 
 ** HEADER - MOBILE SLIDEBAR
 ***********************************************/


 #sb-site #sb-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background-color: rgba(0, 0, 0, 0.8); /* Tweak the transparency here. */
	z-index: 10000; /* Just something higher than your content inside the container. */
  }
  
  html.sb-active #sb-site #sb-overlay {
	display: block;
  }
  
  html.sb-active {
	  overflow: hidden;
  }
  
  #sb-site, .sb-site-container{
	  background-color:transparent;
	  overflow-x: hidden;
  }
  
  .slidebar a{
	  font-size:20px;
	  display:block;
	  padding:10px 10px 10px 30px;
	  color:#DDDDDD;
  }
  
  .slidebar .sb-nav > li{
	  border-bottom: 1px solid #333333;
  }
  
  .slidebar a:hover{
	  color:var(--white);
	  background-color:#111111;
  }
  
  .slidebar .sb-caret{
	  float:right;
	  margin-top:5px;
	  transition:transform 1s;
  }
  
  .slidebar .sb-dropdown-menu{
	  display:none;
	  list-style:none;
	  padding-left:0px;
	  border-top: 1px solid #333333;
  }
  
  .slidebar .sb-dropdown-menu li a{
	  border-top: 1px solid #333333;
	  padding-left:50px;
  }
  
  .slidebar .sb-dropdown-menu li:first-child a{
	  border-top: none;
  }
  
  .slidebar .sb-dropdown.open .sb-dropdown-menu{
	  display:block;
  }
  
  .slidebar .sb-dropdown.open .sb-caret,
  .slidebar .sb-dropdown:hover .sb-caret{
	-webkit-transform:rotate(90deg); 
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg); 
	-ms-transform:rotate(90deg); 
	transform:rotate(90deg);
  }
  
  .slidebar .dropdown-backdrop{
	  display:none;
  }

  .slidebar .home a{
	  display:none;
  }
  
  .slidebar .separator{
	  height:4px;
	  background-color:#444444;
  }
  
  .slidebar .cartNum{
	  background-color: #FF0000;
  }

/*************************************
 ** HOME WOW
 *************************************/

 .homeWow-content {
	color: var(--white);
	width: 60%;
	margin: 1vw 20%;
	text-shadow: 1px 1px 9px black;
}

.homeWow-title {
	font-size: 8vw;
	font-weight: bold;
	text-wrap: balance;
}

.homeWow-subtitle {
	font-size: 4vw;
	text-align: right;
}
@media (max-width: 767px){
	.homeWow {
		background: var(--color2) url('../images/background.jpg');
		background-size:cover;
		background-position:center;
		
	}
	.homeWow-content {
		margin: 0 20%;
		padding:6vw 0;
	}
}

/*************************************
 ** HOME FLYER
 *************************************/
.homeFlyers{
	padding-top:1rem;
	padding-bottom:2rem;
	/*background: var(--home-flyer-bg);*/
}

.homeFlyers h1{
    text-align: center;
    font-size: 3rem;
}

/*************************************
 ** HOME ARTICLE SLIDER
 *************************************/

 .homeArticle{
	background-color: var(--white);
}

.homeArticle .img-responsive{
	width:100%;
}

.homeArticle .text{
    font-size: 20px;
    text-align: justify;
}

.homeArticle .rsDefault .rsBullets{
	height:30px;
	background: none;;
}

#homeArticle{
	padding-top:20px;
}
#homeArticle2{
	padding-bottom:20px;
}

/*************************************
 ** HOME CLAIMS
 *************************************/
 .homeClaims {
	background-color: #000000;
	color: var(--white);

}

.homeClaims-content {
	padding: 3vw;
	font-size: 5vw;
	font-weight: bold;
	text-wrap: balance;
	line-height: normal;
}

@media (max-width: 767px){
	.homeClaims-content {
		padding: 9vw;
	}
}

/*********************************************** 
 ** HOME THEME
 ***********************************************/

 .homeThemes{
	background-color: white;
	padding-top:30px;
	padding-bottom: 40px;
}

.homeThemes h1{
	text-align: center;
	color: #555555;
}

.homeThemes .theme{
    margin-bottom:10px;
}

.homeThemes .theme h1{
	text-align: center;
	
}

.homeThemes .theme .content{
	text-align: center;
    padding: 10px;
}

.homeThemes .theme .content h2{
	margin-top:10px;
    text-transform: uppercase;
}

.homeThemes .links{
	text-align: center;
}

/*********************************************** 
 ** MAP
 ***********************************************/
 #map{
	width:100%;
	height:400px;
}

/*********************************************** 
 ** ORDER
 ***********************************************/

[class*="badge-status-"],[class*="badge-fod-"],[class*="badge-src-"] {
	background: var(--bs-primary);
	font-weight: 100;
}

.badge-status-5{
	background: var(--bs-success);
}

.badge-status-4{
	background: var(--bs-warning);
}

.badge-status-7,
.badge-status-6,
.badge-status-9{
	background: var(--bs-danger);
}


/*********************************************** 
 ** FOOTER
 ***********************************************/
footer{
	background: var(--color2);
	padding-top:30px;
}

footer .info-block{
	padding-bottom:10px;
}

footer .info-block h4{
	color: var(--white);
	font-size: 18px;
	text-transform: uppercase;
}

footer .info-block ul{
	padding:0px;
}

footer .info-block ul li {
    list-style:none;
    padding:4px 0px;
}

footer .info-block ul li a,
footer .info-block .address{
    color:var(--color1);
    font-size:15px;
    letter-spacing:1px;
}

footer .info-block ul li a:hover {
    color: var(--white);
}

footer .info-block .address{
    padding:4px 0px;
}

footer .info-block .logo{
    padding:0 3vw;
}


footer.cart {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background-color: var(--color1);
}

footer.cart .cartLink {
	width: 20%;
}

footer.cart .cartIcon {
	position: relative;
}

footer.cart .cartIcon .cartNum {
	background-color: #FF0000;
	position: absolute;
	right: -5px;
	top: 0px;
}

footer.cart .cartIcon i {
	font-size: 30px;
}

footer.cart .cartTotal {
	width: 20%;
}

/*********************************************** 
 ** FOOTER - SOCIAL
 ***********************************************/

footer .social-block{
	padding-top:15px;
}

footer .social-block ul {
    float: none;
    margin: 0;
    padding:0;
}

footer .social-block ul li{
    padding:0;
}

footer .social-block ul li a {
    text-transform: uppercase;
    color: var(--gray2);
    font-size: 14px;
    border-left: 1px solid var(--gray2);;
    padding-right: 15px;
    padding-left: 15px;
}

footer .social-block ul li:first-child a{
	padding-left:0px;
	border-left: none;
}

footer .social-block ul li a:before {
    display: inline-block;
    font-family: "FontAwesome";
  	content: "\f09a";
  	padding-right:10px;
  	font-size:20px;
  	vertical-align:middle;

}

footer .social-block ul li a:hover {
    color: var(--white);
}

footer .social-block ul li.facebook a:before {
  	content: "\f09a";
}
footer .social-block ul li.twitter a:before {
  	content: "\f099";
}
footer .social-block ul li.youtube a:before {
  	content: "\f167";
}
footer .social-block ul li.tripadvisor a:before {
  content: "\f262";
}

@media (max-width: 767px){
	footer .social-block{
		padding-bottom:15px;
		text-align: center;	
	}
}


/*********************************************** 
 ** FOOTER - PAYMENT 
 ***********************************************/
footer .payment-block{
    text-align:right;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer .payment-block img{
    height:30px;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
}

@media (max-width: 767px){
	footer .payment-block{
		text-align:center;
	}
}

/*********************************************** 
 ** FOOTER - POWERED BY
 ***********************************************/
 
footer .bottom {
    background-color: var(--gray1);
    bottom: 0;
    height: 40px;
    min-width: 100%;
    width: 100%;
}

footer .bottom .powered {
	text-align:right;
	line-height:40px;
}

footer .bottom .powered a{
	color:var(--white);
	text-decoration:none;
}


footer .bottom .manger-bouger a{
	color:var(--white);
	line-height:40px;
}

/*********************************************** 
 ** MAIN
 ***********************************************/
 #main{
	position:relative;
	z-index:2;
	padding-top:30px;
	padding-bottom:30px;
	background-color: var(--color5)
}
  
#main > .container > section{
	border-radius:5px;
	padding:15px 15px;
	background: var(--gray3) ;
	overflow: hidden;
}

#main > .container > section:not(:first-child){
	margin-top:30px;
}

@media (max-width: 767px){
	#main{
		padding-bottom:15px;
		background-color: var(--gray3)
	}
	#main > .container{
		padding-left: 0px;
		padding-right: 0px;
	}
	#main > .container > section{
		border-radius:0px;
		padding-top:0px;
		background:none;
  }
  #main > .container > section:not(:first-child){
	margin-top:0px;
}
}



/*********************************************** 
 ** LOGIN 
 ***********************************************/

 .loginBg{
	background: #EACAAB;
	background-image: url('../images/bgLogin.jpg');
	background-size: cover;
    background-position: center;
 }

 .login{
	width:400px;
 }

 .login .logo{
	width: 200px;
}

.login .retrievePasswordLink{
	font-size:14px;
}

@media (max-width: 767px){
	.login{
		width:100%;
	 }
}

/*********************************************** 
 ** PRODUCT DETAIL
 ***********************************************/

.productDetail .priceTTC{
	font-size: 32px;
	text-align: right;
}

.productDetail .text{
	font-size:16px;
	text-align:justify;
}

.productDetail .ingredientsLabel{
	font-size:14px;
	padding:0px;
	list-style:none;
	text-align:left;
	margin-bottom:0px;
	white-space:normal;
}	

.productDetail .ingredientsLabel .rem{
	color:var(--bs-danger);
}

.productDetail .ingredientsLabel .add{
	color:var(--bs-success);
}

.productDetail .allergens .badge{
	font-weight:100;
	font-size:12px;
}


.cat.saleKO,
.product.saleKO{
	opacity:0.5;	
}

/*********************************************** 
 ** MINI PANIER
 ***********************************************/

 .miniCart table td{
	border-bottom: solid 1px var(--bs-border-color);
}
.miniCart table td{
	padding:5px;
}

.miniCart .itemImg{
	width:50px;
	padding-left:0px;
}

.miniCart .itemTitle .badge{
	font-size: 18px;
	font-weight: 100;
}

.miniCart .itemOptions{
	font-size:14px;
	margin-bottom:0px;
	padding-left:35px;
	list-style-type: none;
}

.miniCart .itemTotalTTC{
	text-align:right;
}

.miniCart .miniCart-footer {
	padding: 10px 15px;
	background-color: var(--gray1);
   	color:var(--white);
}

/*********************************************** 
 ** ORDER - INFO
 ***********************************************/
.orderInfo {
	border-radius: 5px;
	padding: 15px 15px;
	background: var(--color1);
}

.orderInfo .stars:hover {
	cursor: pointer;
}

.orderInfo .stars i {
	color:var(--color3);
}

.orderInfo .stars i.muted {
	color:var(--gray2);
}

/*********************************************** 
 ** ORDER - LIST
 ***********************************************/
 .orderList .stars i {
	color:var(--color3);
}

.orderList .stars i.muted {
	color:var(--color1);
}

/*********************************************** 
 ** TIMELINE ORDER
 ***********************************************/
.timeline {
	list-style-type: none;
	position: relative;
}

.timeline:before {
	content: ' ';
	background: var(--color5);
	;
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 4px;
	height: 100%;
	z-index: 400;
}

.timeline>li {
	margin: 20px 10px;
	padding-left: 20px;
}

.timeline>li.muted,
.timeline>li.muted i {
	color: #CCCCCC;
	border-color: #CCCCCC;
}

.timeline>li>i {
	position: absolute;
	left: 12px;
	border: solid 4px var(--color5);
	width: 38px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	border-radius: 20px;
	z-index: 1000;
	background: white;
	padding-top: 8px;
	color: var(--color5);
}

.timeline>li>i.current {
	border: solid 4px var(--color3);
	background: var(--color3);
	color: white;
}

.timeline>li>i.muted {
	border-color: #6c757d;
}

.timeline .timeline-title {
	font-weight: bold;
}

.timeline .timeline-title {
	font-weight: bold;
}


.timeline .current.animate {
	animation: timeline-current 2s infinite;
	transform: scale(1.4)
}

.timeline .stars:hover {
	cursor: pointer;
}

.timeline .stars i {
	color:var(--color3);
}

.timeline .stars i.muted {
	color:var(--color1);
}


@keyframes timeline-current {
	from {
		border-color: var(--color3);
		background-color: var(--color3);
	}

	50% {
		border-color: var(--color1);
		background-color: var(--color1);
	}

	to {
		border-color: var(--color3);
		background-color: var(--color3);
	}
}

/*********************************************** 
 ** DIVIDER
 ***********************************************/
 .divider{
	display: flex;
	align-items: center;

}

.divider p {
	margin:0 1em;
	font-size:28px;
	color:#BBBBBB;
}
.divider:after,
.divider:before {
	content: "";
	flex: 1;
	height: 1px;
	background: #d3ba9d;
}


/*********************************************** 
 ** MODAL WINDOW
 ***********************************************/
 
 .modal{
	background-color:rgba(0,0,0,0.5)
}

.modal-body i.icon{
    float: left;
    margin-right: 30px;;
    font-size: 60px;
    color:var(--bs-success);
}

.modal-body i.icon.danger{
    color:var(--bs-danger);
}

/*********************************************** 
 ** BREADCRUMB
 ***********************************************/
 .breadcrumb{
	display:inline-flex;
	padding:0px 0px;
}

li.breadcrumb-item {
    background: var(--color1);
	
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
}
.breadcrumb-item+.breadcrumb-item::before
{
	display: none;
}

.breadcrumb li:last-child{
	display:none;
}

.breadcrumb a{
	font-size:1.1rem;
	color: var(--white);
}



/*********************************************** 
 ** BOOTSTRAP
 ***********************************************/


.btn-primary {
  color: #FFF;
  background-color: #D3BA9D;
  border-color: #D3BA9D;
  text-transform: uppercase;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary{
	color: #FFF;
	background-color: var(--color3);
	border-color: var(--color3);
}


.panel-primary{
	border-color: #AA1111;
}
.panel-primary > .panel-heading{
	background-color: #AA1111;
	border-color: #AA1111;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: var(--color3);
    border-color: var(--color3);
}

.row.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
  }
  .row.flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
  }

/*********************************************** 
 ** HOME PRODUCTS
 ***********************************************/
 .homeProducts{

}

.homeProducts .links{
   text-align: center;
   padding-top:20px;
}

.homeProducts .link{
   background-color: #D3BA9D;
   color: var(--white);
   padding: 10px;
   text-align: center;
   font-size: 18px;
   text-transform: uppercase;
}

.homeProducts .link:hover{
   background-color: var(--color3);
}

/*********************************************** 
 ** ACCOUNT - Create
 ***********************************************/



 .accountCreate .loginExternal{
	text-align:center;
}
.accountCreate .loginExternal{
	padding-top:10px;
	padding-bottom:10px
}						
.accountCreate .loginExternal a{
	margin-bottom:10px
}

.accountCreate .nav-tabs{
	margin-bottom:20px;
}

.accountCreate .form-group.last{
	margin-bottom:0px;
}
.accountCreate .form-horizontal .form-group.form-submit,
.accountCreate .form-horizontal .form-group.form-submit{
	margin-bottom:0px;
}

.accountCreate .account_birthdate_container select{
	display:inline-block;
	width:auto;
	max-width:90px;
}

/*********************************************** 
 ** ACCOUNT 
 ***********************************************/
/*.account .nav-tabs{
	margin-bottom:20px;
}

.account .form-group.last{
	margin-bottom:0px;
}
.account .form-horizontal .form-group.form-submit,
.account .form-horizontal .form-group.form-submit{
	margin-bottom:0px;
}

.account .account_birthdate_container select{
	display:inline-block;
	width:auto;
	max-width:90px;
}*/





/*********************************************** 
 ** SECTION
 ***********************************************/
/*section.bordered{
	margin-bottom:20px;
}

@media (max-width: 767px){
	section.bordered{
		margin-bottom:20px;
		
	}
}*/




/*************************************
 ** HOME SLIDE
 *************************************/

 .homeSlide{
	position: relative;
	padding-top: 1rem;
	padding-bottom: 2rem;
 }

 .homeSlide .gradiant{
	height: 150px;
	width: 100%;
	background: linear-gradient(to bottom, transparent 0%, var(--home-flyer-bg) 100%);
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: -1;
}

.homeSlider{
	border-radius: 5px 5px 0px 0px;
	overflow:hidden;
	border: 3px solid var(--color1);
	border-radius: 5px;
}

.homeSlider.rsDefault,
.homeSlider.rsDefault .rsOverflow,
.homeSlider.rsDefault .rsSlide,
.homeSlider.rsDefault .rsVideoFrameHolder,
.homeSlider.rsDefault .rsThumbs {
	background:transparent;
}

.homeSlider.rsDefault .rsBullets{
	background:transparent;
}

.homeSlider.rsDefault .rsBullet {
	width: 22px;
	height: 22px;
	display: inline-block;
	padding: 6px 5px 40px;
}

.homeSlider.rsDefault .rsBullet span{
	width: 16px;
	height: 16px;
}

.homeSlider.rsDefault .rsBullet.rsNavSelected span {
    background-color: var(--color1);
}


.homeSlider.rsDefault .rsArrowIcn{
	background-color: rgba(255,255,255,0.5);
}

.homeSlider.rsDefault .rsSlide{
	border-radius:5px 5px 0px 0px;
}



/*********************************************** 
 ** NEWS LIST
 ***********************************************/
.newsList .news a:hover{
    box-shadow: 1px 2px 5px 0 #DDDDDD;
}
.newsList .news a img {
    max-width: 100%;
    width:100%;
}																		
.newsList .news{
    padding: 10px;
}
.newsList .news a, .newsList .news a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    padding: 0px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    overflow: hidden;
    font-size:13px;
}
.newsList .news .title,
.newsList .news .text{
	padding-left:10px;
	padding-right:10px;
}

.newsList .news .text{
	padding-bottom:10px;
}

.newsList .news.no-img .title{
	margin-top:50px;
}

.newsList .news .date {
    position: absolute;
    top: 10px;
    right: -2px;
    font-size: 16px;
    padding: 10px;
    opacity: 0.9;
}
.newsList .news a .more {
    background-color: #EEEEEE;
    border-radius: 0px 0px 5px 5px;
    line-height: 33px;
    text-align: center;
    width: 100%;
}


/*********************************************** 
 ** NEWS DETAIL
 ***********************************************/
.newsDetail h1{
	margin-bottom:20px;
}

.newsDetail .text{
	margin-bottom:20px;
	margin-top:20px;
	text-align:justify;
}


.newsDetail .img-small{
	margin-top:10px;
}

.newsDetail .img-large img{
	width:100%;
}

@media (max-width: 767px){
	.newsDetail .img-small{
		display:none;
	}
}

/*********************************************** 
 ** PRODUCT LIST
 ***********************************************/


.productList >.row{

}

.productList .cat,
.productList .product{
	text-align: center;
	padding:10px;
	
}

.productList .cat a,
.productList .product a{
    display: block;
    height: 100%;
    width: 100%;
    position:relative;
    padding:0px;
    border: 1px solid #DDDDDD;
    border-radius:5px;
    text-transform:uppercase;
    overflow:hidden;
	background-color: var(--white);
}

.productList .cat a:hover,
.productList .product a:hover{
    box-shadow:1px 2px 5px 0 #DDDDDD;
}

.productList .cat a img,
.productList .product a img{
    max-width:100%;
}
.productList .cat a:hover img,
.productList .product a:hover img{
    opacity:0.8;
}

.productList .cat a .title,
.productList .product a .title{
  line-height: 60px;
  height: 60px;
  padding-left:10px;
  padding-right:10px;
  vertical-align: middle;
}

.productList .cat a .title h3,
.productList .product a .title h3{
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
    font-size: 16px;
    margin:0px;
}

.productList .product a .priceTTC {
    background-color: #EEEEEE;
    border-radius: 0px 0px 5px 5px;
    line-height: 33px;
    text-align: center;
    width: 100%;
}

.productList .product a .priceTTC .btn {
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    height:100%;
    line-height:inherit;
    border:none;
}

.productList .product a .priceTTC .btn .oldPriceTTC {
    text-decoration:line-through;
    margin-right:5px;
}

.productList .product .promo {
    position:absolute;
    top:10px;
    right:-2px;
    font-size:16px;
    padding:10px;
    opacity:0.9;
}

.productList .note{
	font-style: italic;
	font-size:12px;
}




/*********************************************** 
 ** PANIER 
 ***********************************************/


/*.cart .oldPriceTTC{
	text-decoration:line-through;
}*/

	
.cart .btn-check:checked+.btn, 
.cart .btn.active, 
.cart .btn.show, 
.cart .btn:first-child:active, 
.cart :not(.btn-check)+.btn:active, 
.cart .btn-check:checked+.btn:hover {
    background-color: var(--color4);
    border-color: var(--color4);
	color:var(--white)
}

.cart .btn-outline-primary {
    color: var(--gray1);
    border-color: var(--color4);
}

.cart .btn-check+.btn:hover {
    color: var(--color4);
	border-color: var(--color4);
}

/*********************************************** 
 ** CATEGORIES
 ***********************************************/
nav.categories li{
	border-bottom: 1px solid #d6d6d6;
	padding: 10px 0;
}

nav.categories li a{
	color: #b2b2b2;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

nav.categories li a:hover{
	color: #666666;
}

nav.categories li img{
    margin-right: 15px;
    vertical-align: middle;
}

nav.categories li span{
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    font-size:18px;
}


/*********************************************** 
 ** METHOD OF DELIVERY
 ***********************************************/

.delivery .btn-xs{
	margin-top:5px;
}
.delivery .cgv{
	width:20px;
	height:20px;
}

/*********************************************** 
 ** METHOD OF PAYMENT
 ***********************************************/
.mop .table td{
	vertical-align:middle;
}

.mop .text{
	font-weight:normal;
}

.mop input[type=radio]{
	width:20px;
	height:20px;
}

.mop .tips-card {
	max-width: 400px;
	margin: 0px auto;
	padding: 20px;
	border-radius: 1rem;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.mop .tips-amount {
	font-size: 1.5rem;
	font-weight: bold;
}

/*********************************************** 
 ** SIDEBAR
 ***********************************************/

.sidebar .information img{
	width:100%;
}

.sidebar .communication .panel{
	overflow:hidden;
}
.sidebar .communication .panel-body{
	padding:0px;
}

.sidebar .communication .theme-default .nivoSlider{
	margin-bottom:0px;
}

.sidebar .communication img{
	width:100%;
	display:none;
}
.sidebar .video iframe{
	width:100%;
}



/*********************************************** 
 ** MODAL - INGREDIENTS
 ***********************************************/
.modal.cart .cartItem .badge-wrapper{
	position: relative;
}
.modal.cart .cartItem .badge-wrapper .badge-quantity{
	position: absolute;
	left: 5px;
	top: -7px;
	border-radius: 25px;
}

.modal.cart .cartItem .price,
.modal.cart .cartItem .total{
	font-size: 18px;
}
.modal.cart .cartItem h3{
	margin-top: 0px;
	font-size: 20px;
}
.modal.cart .cartItem .separator{
	border-top: 1px dashed #e5e5e5;
	margin: 10px 0px;
}
.modal.cart .cartItem .options{
	min-height: 20px;
}

.modal.cart .cartItem .label{
	font-family: tahoma, arial;
}

/*********************************************** 
 ** MODAL - INGREDIENTS
 ***********************************************/

.modal.productDetail input[type=checkbox]{
	height:17px;
	width:17px;
	float:left;
}
.modal.productDetail label{
  line-height: 15px;
  padding-top: 4px;
  padding-left: 6px;
  font-weight: normal;
  font-size: 12px;
  float:left;
}
.modal.productDetail h5{
	font-weight:normal;
	font-size:16px;
	padding-bottom:10px;
}	
.modal.productDetail h6{
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
}

.modal.productDetail .priceTTC{
	  font-size: 35px;
	  text-align: right;
	  color: rgb(147, 9, 9);
	  text-shadow: 1px 1px 2px #666;
	  float:left;
}		
.modal.productDetail .priceTTC{
	  font-size: 35px;
	  text-align: right;
	  color: rgb(147, 9, 9);
	  text-shadow: 1px 1px 2px #666;
	  float:left;
}


.cat.saleKO,
.product.saleKO{
	opacity:0.5;	
}

/*********************************************** 
 ** STARS
 ***********************************************/
.stars .stars-container a {
	display: inline-block;
	padding-right: 4px;
	text-decoration: none;
	margin: 0;
}

.stars .stars-container a:after {
	position: relative;
	font-size: 30px;
	font-family: 'FontAwesome', serif;
	display: block;
	content: "\f005";
	color: #9e9e9e;
}

.stars span {
	font-size: 0;
	/* trick to remove inline-element's margin */
}

.stars[data-update=true] .stars-container a:hover~a:after {
	color: #9e9e9e !important;
}

.stars span.active a.active~a:after {
	color: #9e9e9e;
}

.stars[data-update=true] span:hover a:after {
	color: var(--color3) !important;
}

.stars .stars-container span.active a:after,
.stars .stars-container a.active:after {
	color: var(--color3);
}

/*********************************************** 
 ** TINYMCE
 ***********************************************/
.tinymce img{
	max-width:100%;
	height:auto;
}

.tinymce img.fullWidth{
	width:100%;
}

/*********************************************** 
 ** BLOCK FACEBOOK
 ***********************************************/
#facebookBlock {
    z-index: 10999;
    -webkit-animation: fadeinright 2.4s;
    -moz-animation: fadeinright 2.4s;
    -ms-animation: fadeinright 2.4s;
    -o-animation: fadeinright 2.4s;
    animation: fadeinright 2.4s;
    position: fixed;
    padding: 0;
    top: 35%;
    right: 0;
    margin-right: -258px;
    width: 302px!important;
    max-width: 302px!important;
    height: 310px;
    overflow: hidden;
    background: none;
    -webkit-transition: all 240ms linear;
    -moz-transition: all 240ms linear;
    -ms-transition: all 240ms linear;
    -o-transition: all 240ms linear;
    transition: all 240ms linear;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#facebookBlock.hover,
#facebookBlock:hover {
    margin-right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

#facebookBlock h4 {
    background: #39599f;
    padding: 15px 10px 14px 30px;
    margin: 0;
    position: relative;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    color: var(--white);
}

#facebookBlock h4:before {
    position: absolute;
    right: 8px;
    top: 9px;
    background: var(--white);
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #39599f;
    text-align: center;
    padding-top: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 16px;
    content: "\f09a";
    font-family: "FontAwesome";
    -webkit-transition: all 240ms linear;
    -moz-transition: all 240ms linear;
    -ms-transition: all 240ms linear;
    -o-transition: all 240ms linear;
    transition: all 240ms linear;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
#facebookBlock.hover h4:before,
#facebookBlock:hover h4:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

#facebookBlock .facebook-fanbox {
    background: white;
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 0 1px 4px 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-bottom: 10px
}

@media (max-width: 1199px) {
    #facebookBlock {
        display:none!important
    }
}


/*********************************************** 
 ** TRIP ADVISOR
 ***********************************************/
.tripadvisorWrap {margin-top:20px;margin-bottom:20px;}
.tripadvisorWrap #CDSWIDEXC {width: 100%; margin: 0px; border-radius:4px;}
.tripadvisorWrap #CDSWIDSSP {width: 100% !important;}
.tripadvisorWrap #CDSWIDSSP.widSSPnarrow .widSSPData {border-radius:4px;}
.tripadvisorWrap #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {width: 100%;}
.tripadvisorWrap #CDSSCROLLINGRAVE.narrow {width:100%; border-radius:4px;}
.tripadvisorWrap .cdsROW.narrow{width:100%;border-radius:4px;}
.tripadvisorWrap #CDSWIDLNKR{width:100%;border-radius:4px;}
.tripadvisorWrap #CDSWIDWRL{width:100%;max-width:100%;}

/*********************************************** 
 ** BTN SOCIAL
 ***********************************************/
 
.btn-social{position:relative;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform: uppercase;}.btn-social>:first-child{padding-right:10px;}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
.btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo .badge{color:#720e9e;background-color:#fff}



/*********************************************** 
 ** DEBUG
 ***********************************************/
.debug{
	display:none;
}

body.modal-open #sb-site {
    position: static;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .text-super-muted{
	color:#c1c2c3;
  }

  .fs-7{
	font-size: 0.9rem!important;
  }

  .fs-8{
	font-size: 0.8rem!important;
  }


  .dashboard .widget{
	background-color: #ebebeb;
  }

/*****************************************************************************/