:root { 
 --slider-bg-color: #72ce3f;
 --nav-bg-color1: var(--btn-bg-color) ;/*#FFCC00;*/
 --nav-bg-color2:  black;   /*rgba(4, 99, 8, 0.64);*/
 --btn-bg-color:  green;   /*rgba(4, 99, 8, 0.64);*/
 --font-family:"Oswald",sans-serif;
  --caroussel-background-image: linear-gradient(to bottom, #f91 0px, #ffc 100%);
 /* --caroussel-background-image: linear-gradient(to bottom, #fff 0px, #ffcc33 100%); */
 }
 * {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
 
 
body { font-size: 14px; font-size:1.5rem; font-family: var(--font-family); }
.bodyStyle{ background-color: #fff; }

.carousel {
    background-color: transparent;
	/*background-image: var(--caroussel-background-image);
	border-color: orange; */
    background-image: none;
    border-color: transparent;
    border-radius: 1px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    width: 100%;
}
    .slides{
		list-style:none;
		position:relative;
		width:500%; /* Number of panes * 100% */
		overflow:hidden; /* Clear floats */
			/* Slide effect Animations*/
		-moz-animation:carousel 30s infinite;
		-webkit-animation:carousel 30s infinite;
		animation:carousel 30s infinite;
    }
	.slides > li{
		position:relative;
		float:left;
		width: 20%; /* 100 / number of panes */
	}
	.carousel img{ display:block; width:100%; max-width:100%; }
	.carousel h2{
		margin-bottom: 0;
		font-size:1em;
		padding:1.5em 0.5em 1.5em 0.5em;
		position:absolute;
		right:0px;
		bottom:0px;
		left:0px;
		text-align:center;
		color:#fff;
		background-color:rgba(0,0,0,0.75);
		text-transform: uppercase;
	}
	.minimumcmde{
	   font-size:0.9em;
	   color:tomato;
	   font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
	}
	.ElementsApp, .ElementsApp .InputElement { font-size: 13px !important; padding: 2px !important;}
	.commentaire2{ color:#5e5b59;margin: 0px;padding: 0px 10px 0px;margin-left:2px; font-family: 'Lobster', cursive; font-weight: lighter;}
	@keyframes carousel{
		0%    { left:-5%; }
		11%   { left:-5%; }
		12.5% { left:-105%; }
		23.5% { left:-105%; }
		25%   { left:-205%; }
		36%   { left:-205%; }
		37.5% { left:-305%; }
		48.5% { left:-305%; }
		50%   { left:-405%; }
		61%   { left:-405%; }
		62.5% { left:-305%; }
		73.5% { left:-305%; }
		75%   { left:-205%; }
		86%   { left:-205%; }
		87.5% { left:-105%; }
		98.5% { left:-105%; }
		100%  { left:-5%; }
	}
	
.dialog {
  z-index: 1300;
  position:fixed;
  overflow:auto;
  right: 0;
  left: 0;
  top: 20px;
  margin: 0 auto;
 /* min-height: 500px;*/
  height:auto;
  /*width: 98%;*/
   width:auto;
  max-width: 650px;
  background-color: #fff;
  padding: 12px;
  border: solid 4px var(--slider-bg-color);
  font-family: "Oswald",sans-serif;
  font-weight: normal;
   font-size:  1.5rem;
}
@media (max-width: 768px) {
  .dialog{
     position:sticky ;	
    position: absolute;
    right: 0px;
	/*bottom: 0px;	*/ 
  }
  .top {  display: inline; margin:5px;}
  .bottom { display: inline;margin:5px;}	
  .horairesTable { width: 80%;}
}
.btnCommune{
    margin-top:15px;
    position:relative;
    top:50%; 
    left:45%;
    padding: .35em 1em;
    color: #fff !important;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid var(--btn-bg-color);
    border-radius: 5px;
    background-color: var(--btn-bg-color);
    background: -moz-linear-gradient(top, var(--btn-bg-color) 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--btn-bg-color)), color-stop #000);
    background: -webkit-linear-gradient(top, var(--btn-bg-color) 0%,#000 100%);
    background: -o-linear-gradient(top, var(--btn-bg-color) 0%,#000 100%);
    background: -ms-linear-gradient(top, var(--btn-bg-color) 0%,#000 100%);
    background: linear-gradient(to bottom, var(--btn-bg-color) 0%,#000 100%);
}
.dialog__close-btn {
  border: 0;
  background: none;
  color: #2d2d2d;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
}

.popup_title {
    margin-top: 20px !important;
}

.mode-livraison-container {
    margin: 15px;
	width: 100%;
}

.mode-livraison-left{
  display: block;
  float:left;
   width: 30%;
   height: 100px;
   border-color: #333;
    border-style: solid;
    border-width: 1px;
	text-align:center;
	background-color: #eff;
}
.mode-livraison-right{
  display: block;
  float:right;
   width: 30%;
   height: 100px;
   text-align:center;
   border-color: #333;
    border-style: solid;
    border-width: 1px;
	background-color: #eff;
}
.coordonnees{  float: left; text-align: center; width: 100%;}
.titreModalModeLiv{
	font-family: "Oswald",sans-serif;
    font-size: 2.6rem;
    font-weight: normal;
	text-align:center;
	text-transform: uppercase;
	color: gray;
}
.validatonCmmde {
	background: #b3f07c none repeat scroll 0 0;
	border-color: #ff0037;
    border-style: solid;
    border-width: 8px;
    font-family: "Oswald",sans-serif;
    font-size: 1.9rem;
    font-weight: normal;
    height: 300px;
	margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
   /* text-transform: uppercase; */
    width: 800px;
}
.responsive {
  width: 100%;
  height: auto;
}
.containerValid {
  display: flex;
  justify-content: center
}
.text-gray{
	color:gray;
}
.greyBg { background: rgba(0, 0, 0, 0) url("../assets/images/top-bar.jpg") repeat scroll center top;background-color: #000;}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 .customize{
  text-decoration: underline !important;
  color: #ac5c06 !important;
  cursor: pointer !important;
}
.prod_popup {  border: 4px solid var(--btn-bg-color);  border-radius: 0.7em; }
.prod_popup { position:absolute; left:0; top: 0.3%; width:100%;  z-index:4000;; -moz-box-sizing:border-box; box-sizing:border-box;}
.prod_popup .basket_popup_wrapper { margin:1em; }
.popup_title { margin-bottom:1em; margin-top:23px; text-align:center; }
.popup_title:after { content: ""; display: table; clear:both; }
.popup_title h3 { float:left; font-size:15px; font-size:1.5rem; line-height:normal; }
.popup_price_tag { float:right; margin-left:1em; font-size:15px; font-size:1.5rem; line-height:normal; }
.popup_price_tag span {}
.prod_popup .description { margin-bottom:1em;margin-bottom: 1em;background:#f2f189;color:black !important; }
.prod_popup .heder_ingredients{text-align: center;   background: #131313;color: #61f06a !important;font-family: 'Bangers', cursive; font-size: large;}
.prod_popup form {}
.prod_popup fieldset { margin-bottom:1em; }
.prod_popup fieldset:after { content: ""; display: table; clear:both; }
.prod_popup fieldset h4 { margin-bottom:.5em; }
.prod_popup .item_settings {}
.prod_popup .item_settings div { margin-bottom:.5em; }
.prod_popup .item_settings label { display:inline-block; width:100px; }
.prod_popup .item_settings2 label {display: inline-block; min-width: 20%; margin-right: 8px;}



.prod_popup .item_settings3 label { display:inline-block; width:100%; }
.prod_popup .item_settings input {}
.prod_popup .item_settings select { margin:0;}
.prod_popup .item_settings select.error_not_filled { background-color: #ffffe0; }
.prod_popup .item_settings { border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; margin-bottom: 1px; padding: 0.3em 0;}
.prod_popup .deal_item_details { margin-left: 73px; padding-bottom: 0.5em; }
.prod_popup .item_settings .popup_prod_icon { float:right; margin:0 0 0 1em; max-width:25%; }
.prod_popup .item_settings .popup_prod_icon img { max-width:100%; height:auto; }
.prod_popup .item_options {font-size: 13px;}
.prod_popup .item_options .help_ingredients {}
.prod_popup .item_options ul {  }
.prod_popup .item_options ul li { float:left; margin-bottom:.5em; margin-left:1%; width:32%; list-style:none; }
.prod_popup .item_options label {}
.prod_popup .item_options label span {}
.prod_popup .item_options input {}
.prod_popup .item_options .double_topping_radios_header li { text-indent: -12px; font-size:10px; font-size:1rem; }
.prod_popup .item_options .double_topping_radios ul { padding-left: 3px; }
.prod_popup .item_options .double_topping_radios input { margin: 3px 3px 0 0; }
.prod_popup .item_options li label.topping_radio_base { font-weight: bold; }



.ville_popup {  border: 4px solid var(--btn-bg-color);  border-radius: 0.7em; }
.ville_popup { position:absolute; left:0; top: 7%; width:100% ;  z-index:4000; -moz-box-sizing:border-box; box-sizing:border-box;background: #392f2f;}
.ville_popup .basket_popup_wrapper { margin:1em; }
.ville_popup .description { margin-bottom:1em;margin-bottom: 1em;background:#392f2f;color:black !important; }
.ville_popup .heder_ingredients{text-align: center;   background: #625e5e;color: #f3f4ec !important;font-family: 'Bangers', cursive; font-size: large;}
.ville_popup form {}
.ville_popup fieldset { margin-bottom:1em; }
.ville_popup fieldset:after { content: ""; display: table; clear:both; }
.ville_popup fieldset h4 { margin-bottom:.5em; }
.ville_popup .item_settings {}
.ville_popup .item_settings div { margin-bottom:.5em; }
.ville_popup .item_settings label { display:inline-block; width:100px; }
.ville_popup .item_settings2 label { display:inline-block; width:70px; }
.ville_popup .item_settings3 label { display:inline-block; width:100%; }
.ville_popup .item_settings input {}
.ville_popup .item_settings select { margin:0;}
.ville_popup .item_settings select.error_not_filled { background-color: #ffffe0; }
.ville_popup .item_settings { border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; margin-bottom: 1px; padding: 0.3em 0;}
.ville_popup .deal_item_details { margin-left: 73px; padding-bottom: 0.5em; }
.ville_popup .item_settings .popup_prod_icon { float:right; margin:0 0 0 1em; max-width:25%; }
.ville_popup .item_settings .popup_prod_icon img { max-width:100%; height:auto; }
.ville_popup .item_options {font-size: 13px;}
.ville_popup .item_options .help_ingredients {}
.ville_popup .item_options ul {  }
.ville_popup .item_options ul li { float:left; margin-bottom:.5em; margin-left:1%; width:32%; list-style:none; }
.ville_popup .item_options label {}
.ville_popup .item_options label span {}
.ville_popup .item_options input {}
.ville_popup .item_options .double_topping_radios_header li { text-indent: -12px; font-size:10px; font-size:1rem; }
.ville_popup .item_options .double_topping_radios ul { padding-left: 3px; }
.ville_popup .item_options .double_topping_radios input { margin: 3px 3px 0 0; }
.ville_popup .item_options li label.topping_radio_base { font-weight: bold; }
.login-options{ color:green;}

@media (max-width: 768px) {
 /* .prod_popup {  position: absolute; right: 0px;  } */
}

.view{color:black;}
.category_mobile_title h2{
    color: #eff;
   
    font-family: "Oswald",sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
   /* float: left; margin-left: 20px;*/
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
}
.highlighted_mobile_price{
	 color: #eff;
    font-family: "Oswald",sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
	float:left;
}
/* Main menu */
/*.menu { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f3cc01 0%, #b67e00 100%) repeat scroll 0 0; position: relative; z-index: 100;} */
.menu { 
	 position:relative; 
	 z-index:100;
	 background-color: var(--btn-bg-color); 
	 background: -moz-linear-gradient(top,  var(--btn-bg-color) 0%, #62bc30 100%); /* FF3.6+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--btn-bg-color)), color-stop(100%,#62bc30)); /* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(top,  var(--btn-bg-color) 0%,#62bc30 100%); /* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(top,  var(--btn-bg-color) 0%,#62bc30 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(top,  var(--btn-bg-color) 0%,#62bc30 100%); /* IE10+ */
	 background: linear-gradient(to bottom,  var(--btn-bg-color) 0%,#62bc30 100%); /* W3C */
	 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;
     border-top-right-radius: 35px;
	 border-top-left-radius: 35px;
}



.button_ios {
	margin-left:20px;
	margin-right:20px;
	display: inline-block;
	position: relative;
	color: #888;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	text-decoration: none;
	text-align: center;
	padding: 8px 5px;
	font-size: 12px;
	font-weight: 700;
	font-family: helvetica, arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #bcbcbc;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
}
.button_ios:hover {	color: #555;}
.button_ios:active,.button_ios:active:after,.button_ios:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* Back button_ios */
.button_ios.back {	border-left: none;}
.button_ios.back:after {
	content: '';
	position: absolute;
	height: 50%;
	width: 15px;
	border-left: 1px solid #bcbcbc;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	left: -5px;
	top: 1px;
	-webkit-transform: skew(-35deg, 0);
	-moz-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
}
.button_ios.back:before {
	content: '';
	position: absolute;
	height: 48%;
	width: 15px;
	border-left: 1px solid #bcbcbc;
	bottom: 1px;
	left: -5px;
	-webkit-transform: skew(35deg, 0);
	-moz-transform: skew(35deg, 0);
	-o-transform: skew(35deg, 0);
	-ms-transform: skew(35deg, 0);
	transform: skew(35deg, 0);
	background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	-webkit-box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
	box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
}
/* Next button_ios */
.button_ios.next {	border-right: none;}
.button_ios.next:after {
	content: '';
	position: absolute;
	height: 48%;
	width: 15px;
	border-right: 1px solid #bcbcbc;
	background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	right: -5px;
	bottom: 1px;
	-webkit-transform: skew(-35deg, 0);
	-moz-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
	-webkit-box-shadow: 2px 1px 2px rgba(100,100,100,0.1);
	box-shadow: 2px 1px 2px rgba(100,100,100,0.1);
}
.button_ios.next:before {
	content: '';
	position: absolute;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	height: 50%;
	width: 15px;
	border-right: 1px solid #bcbcbc;
	top: 1px;
	right: -5px;
	-webkit-transform: skew(35deg, 0);
	-moz-transform: skew(35deg, 0);
	-o-transform: skew(35deg, 0);
	-ms-transform: skew(35deg, 0);
	transform: skew(35deg, 0);
}
/* Logo */
.logo_layout a { color:#fff; }
.logo_layout a span { 
	/*float:right; */
	margin:10px 0 0 2px;
 }
 .adressTel{
	 float:right;
	 margin-top: 5px;
	 margin-left: 10px;
 }
.logo_layout img { float:left; }
/* Login/logout top control */
.user_login { 
    border-radius: 0 0 0.3em 0.3em;
    color: #fff;
    font-size: 1.3rem;
    padding: 1.2em 0;
    position: absolute;
    right: 0;
	}
.user_login a { color:#fff; text-decoration:none; }
.user_login a:hover { color:#fff; }
.points_balance { position:relative; margin-bottom: 0.3em; }
.user_login .points_balance span { font-weight:700; }
.points_balance .earned_points_popup { display:none; position:absolute; right:0; top:100%; margin-top:7px; z-index:200; }
.points_balance .earned_points_popup img { max-width:none; }
.user_login .social { position:absolute; right:100%; top:30; min-width:152px; margin-top: 0px;}
.user_login .social a { display:block; float:left; margin-left:5px; width:33px; height:33px; font-size:1px; text-indent:200%; text-decoration:none; white-space:nowrap; background: url(../assets/images/social-icons.png) no-repeat; overflow:hidden; }
.user_login .social a:first-child { margin-left:0; }
.user_login .social a:hover { opacity:.9; }
.user_login .social .google {width: 33px;height: 33px; background:url(../assets/images/google-min.png) no-repeat 0 0;}
.user_login .social .twitter { width: 33px;height: 33px; background:url(../assets/images/Twitter_min.png) no-repeat 0 0; }
.user_login .social .facebook { width: 33px;height: 33px; background:url(../assets/images/Facebook-min.png) no-repeat 0 0;}
.user_login .greetings { margin-bottom: .3em; }
.user_login .shop_info { margin-top: .3em; }

.alert {
    color: #9F6000;
    background-color: #FEEFB3;
  padding-left: 15px;
  padding-right: 15px;
}
.footerUrl{
   /* color: #333 !important; */
	color: #807878 !important
}
.custom-back-color{
    background-image: linear-gradient(to bottom, #99ff66 0px, #ffcc33 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
}
.mobile-button{
	 background-color:orange;
}
.panierImg{
	width: 42px;height: 42px; background:url(../assets/images/basket.png) no-repeat 0 0;}	
}
.category_encours{margin-left:8px !important; font-size: 1.3rem;}

.centerPanel {
	margin-top:30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.button.submit {
    margin-right: 6px;
    position: relative;
    display: inline-block;
    color: #fff !important;
    font-weight: 500;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 0 solid #000;
    border-width: 2px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;
    padding: 30px 16px;
	font-size: 15px;
	line-height: 1.2;
	font-family: "Oswald",sans-serif;	
}
 .button.submit:not([disabled]):hover {
    border-color: #14509c;
    background-color: olive;
}
 .button.submit:not([disabled]):focus {
    border-color: #2bace4;
    background-color: #14509c;
}

.button.cancel {
    margin-left: 6px;
    position: relative;
    display: inline-block;
    font-weight: 500;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0 solid green;
	border-top-color: green;
	border-top-width: 0px;
	border-right-color: green;
	border-right-width: 0px;
	border-bottom-color: green;
	border-bottom-width: 0px;
	border-left-color: green;
	border-left-width: 0px;
    border-width: 1px;
    background-color: #fff;
    color: green;
    padding: 30px 16px;
	font-size: 15px;
	line-height: 1.2;
	font-family: "Oswald",sans-serif;	

}
.ficheClient{
	background-color: #fff;
}
.total-mobile-title {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.button.cancel:not([disabled]):hover {
    color: #14509c;
    border-color: #14509c;
    background-color: #dbebff;
}
#ovale {
    width: 120px;
    height: 80px;
    border-radius: 60px / 40px;
    background: orange;
}
.image-border{
    max-width: 100%;
    height: auto;
    border-radius: 0px;
	border: 0px;
    border-color: tomato;
    border-style: solid;
	background-color:#333;
	box-shadow: 1px 1px 12px tomato;
	margin: 10px;
}
.image-border-raduis{
    max-width: 100%;
    height: auto;
    border-radius: 5px;
	border: 0px;
    border-color: gray;
    border-style: solid;
	box-shadow: 1px 1px 12px gray;
}
.image-prod-border-raduis{
    max-width: 100%;
    height: auto;
    border-radius: 20px;
	border: 0px;
    border-color: gray;
    border-style: solid;
	box-shadow: 1px 1px 12px gray;
}
/*****WHITE PRODUCT PANEL****/
.prod-color{ color:black;}
.products_list {background: #fff;}
.prod_details h4 {  color:#b28000;  }

/*****BLACK PRODUCT PANEL****/
/*
.prod-color{  color:white;}
.products_list {background: #333;}
.prod_details h4 { color: #eeb930;}
*/
/********************** loading ********************************/
      .app-loading {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
      }
      .app-loading .spinner {
        height: 200px;
        width: 200px;
        animation: rotate 2s linear infinite;
        transform-origin: center center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
      }
      .app-loading .spinner .path {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
        stroke-linecap: round;
        stroke: #ddd;
      }
      @keyframes rotate {
        100% {
          transform: rotate(360deg);
        }
      }
      @keyframes dash {
        0% {
          stroke-dasharray: 1, 200;
          stroke-dashoffset: 0;
        }
        50% {
          stroke-dasharray: 89, 200;
          stroke-dashoffset: -35px;
        }
        100% {
          stroke-dasharray: 89, 200;
          stroke-dashoffset: -124px;
        }
      }
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
button, input {
    overflow: visible;
}

/********************************************* NAV BAR ************************************************************/
.topnav-Home {
     background:url(../assets/images/home2.png) repeat 0px 0px;
	/*background-position: -0px -25px !important;
    height: 40px !important; */
}
.topnav {
    overflow: hidden;
    z-index: 100;
	/*
	background-color: var(--btn-bg-color);
	background: -moz-linear-gradient(top, var(--btn-bg-color) 0%, #62bc30 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--btn-bg-color)), color-stop(100%,#62bc30));
	background: -webkit-linear-gradient(top, var(--btn-bg-color) 0%,#62bc30 100%);
	background: -o-linear-gradient(top, var(--btn-bg-color) 0%,#62bc30 100%);
	background: -ms-linear-gradient(top, var(--btn-bg-color) 0%,#62bc30 100%);
	background: linear-gradient(to bottom, var(--btn-bg-color) 0%,#62bc30 100%);
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;
	*/
    background: transparent;
	border-top-right-radius: 35px;
	border-top-left-radius: 35px;
}
/*
.topnav a {
    float: left;
    display: block;
    color: #111;
    text-align: center;
    padding: .3em .3em .3em;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 700;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    margin: 0.5px;
        margin-top: 0.5px;
        margin-bottom: 0.5px;
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    margin-top: 4px;
    margin-bottom: 4px;
    border-color: #b7aeae;
    min-width: 75px;
    background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
    background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#e5f0bd 100%);
    background: linear-gradient(to bottom, #fff 0%,#e6e4da 33%,#fff 100%);
}
*/
.topnav a {
    float: left;
    display: block;
    color: #111;
    text-align: center;
    padding: .3em .6em .3em;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 700;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    margin: 1.5px;
        margin-top: 1.5px;
        margin-bottom: 1.5px;
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    margin-top: 4px;
    margin-bottom: 4px;
    border-color: #b7aeae;
    min-width: 75px;
    background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
    background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#e5f0bd 100%);
    background: linear-gradient(to bottom, #fff 0%,#e6e4da 33%,#fff 100%);
}

/*.topnav a:hover {  background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%);	color: #362d24;} */
.topnav a.active {   background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%);	color: #362d24;}
.topnav a.active:before { display:block; position:absolute; left:0; top:-5%;  background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); box-shadow:0 0 5px #333; } 
.topnav .icon { display: none; background:#111}
.icon-panier { 
	display: none !important;
	margin:3px;
	margin-right:20px;
	border-radius:20px;
	background-color:coral
}
.top {  display: block; margin: 0 auto;}
.bottom { 
    display: block; 
    font-size: 1.5rem;
	/*line-height: 1.3; */
}	
/********************** BASKET MOBILE BOTTOM ********************************/
.mobileHomeImgPage{display: none;}
.pcHomeImgPage{display: block;}

.header__basket-menu {
    margin-top: 0rem;
    margin-bottom: 10rem;
}
.mobile-basket-button {
    position: fixed;
	 margin-top: 10rem;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 777;
	text-align: center;
	display: none;
}
.mobile-basket-button__link {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    height: 46px;
    line-height: 46px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    color: #ffffff;
    background-color: #ce3b35;
    border: none;
    padding: 0 2rem;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    font-weight: 700;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.mobile-basket-button .mobile-basket-button__link::after {
    content: '';
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    height: 40%;
    line-height: 1;
    width: 0;
    border-right: 1px solid;
}


.mobile-basket-button .mobile-basket-button__items {
    display: inline-block;
    padding-top: .8rem;
    line-height: 1;
    white-space: nowrap;
}


.mobile-basket-button .mobile-basket-button__link_half .mobile-basket-button__part {
    width: 50%;
}
.mobile-basket-button .mobile-basket-button__part {
    display: block;
    float: left;
    height: 46px;
    line-height: 46px;
}


.mobile-basket-button .mobile-basket-button__total {
    display: inline;
    margin-left: 1rem;
	font-size: 2rem;
}

.mobile-basket-button .mobile-basket-button__icon {
    float: left;
    position: relative;
    margin: -.1rem .5rem 0;
    padding: 0 .6rem .3rem;
    line-height: 1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.mobile-basket-button .mobile-basket-button__icon::after {
    right: -.3rem;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.mobile-basket-button .mobile-basket-button__icon::before, .mobile-basket-button .mobile-basket-button__icon::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1rem;
    border-left-style: solid;
    border-left-width: 1px;
}

.mobile-basket-button__icon::after {
    border-left-color: #ffffff;
}

.mobile-basket-button .mobile-basket-button__icon::before {
    left: -.3rem;
    -webkit-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    transform: skewX(25deg);
}

.mobile-basket-button__icon {
    border-bottom-color: #ffffff;
}
/** ******************* **/
	#progress-bar .chat-top-navigation{
		height:40px;
		background-color:#000000;
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:0 15px
	}
	#progress-bar .chat-top-navigation .back-arrow{
		transition:opacity .2s ease
	}
	#progress-bar .chat-top-navigation .score-left{
		width:60px;
		text-align:right;
		margin-left:-43px
	}
	.top-navigation{
		position:fixed;
		left:0;
		top:0;
		width:100%;
		z-index:100;
		height:52px;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:0 16px
	}
	.top-navigation__background{
		display:block;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#000000;
		z-index:-1
	}
	.top-navigation__background-back{
		display:block;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#ffffff;
		z-index:-1
	}
	.top-navigation__nav-item{
		min-width:35px;
		display:flex;
		align-items:center;
		justify-content:center
	}
	.top-navigation__nav-item a{
		display:block
	}
	.top-navigation__nav-label{
		font-size:20px;
		font-weight:bold;
		line-height:1.6;
		color:#525b65
	}
	.top-navigation__nav-action{
		width:102px;
		height:32px;
		font-family:"Roboto", Helvetica, Arial, sans-serif;
		font-size:14px;
		line-height:2.29;
		text-align:right;
		color:#4ba4f7;
		display:none
	}
	.top-navigation--payment__nav-label{
		display:inline;
		padding-left:24px
	}
	.top-navigation--payment__back-icon{
		display:inline
	}
	.top-navigation .show{
		display:block
	}
	.top-navigation__login-btn{
		border:0.5px solid #525b65;
		border-radius:2px;
		padding:10px 15px 7px;
		color:#e9eef1;
		font-size:10px
	}
	.top-navigation__burger-btn__segment{
		width:25px;
		border:1px solid #e9eef1;
		margin:5px
	}
	.top-navigation__back-icon{
		height:20px;
		top:0
	}
	.top-navigation__logo{
		display:block;
		width:119px;
		height:auto;
		object-fit:contain
	}
	.top-navigation__search img{
		height:25px;
		display:block
	}
	.top-navigation__bottom-border{
		position:absolute;
		width:100%;
		bottom:0
	}
	.top-navigation__bottom-border:after{
		content:"";
		height:2px;
		background-image:linear-gradient(#41866c, #b0cc35);
		width:100%;
		position:absolute
	}

	@media only screen and (min-width: 0px) and (max-width: 374px){
		.top-navigation{
			position:absolute
		}
		.top-navigation__nav-label{
			font-size:19px
		}
		.top-navigation__nav-action{
			font-size:13px
		}
	}
/** ******* **/

@media screen and (max-width: 900px) and (min-width: 768px) {
  .topnav {  font-size: 1.3rem; }
  .topnav a{  font-size: 1.3rem; }
}

@media screen and (max-width: 800px) and (min-width: 768px) {
  .topnav {  font-size: 1rem; }
  .topnav a{  font-size: 1rem; }
}
/********************************************* FOOTER ************************************************************/
.mappy {
    width: 90%;
    height: 300px;
    border: solid 2px var(--slider-bg-color);
    box-shadow: 0 2px 2px 2px #e9f2e9, 0 2px 2px 2px green, 0 2px 2px 2px #e6eee6;
    border: 0px solid;
    padding: 2px;
    border-bottom-left-radius: 50px;
	margin-top: 8px;
}	
	
	
	
	.zoneLivraison{
		/*background-image: var(--caroussel-background-image); */
		/* background-color:#efe; */
		padding:3px; 
		border: 1px solid; 
		box-shadow: 5px 10px 18px gray;
		border-bottom-right-radius: 35px;
        border-bottom-left-radius: 35px;
		background-color: var(--btn-bg-color);
		background: -webkit-gradient(linear, left top, left bottom, from(var(--btn-bg-color)), to(#62bc30));
		background: linear-gradient(to bottom, var(--btn-bg-color) 0%, #62bc30 100%);
		background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(var(--nav-bg-color1)), to(var(--nav-bg-color2))) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;	
	}
	.horairesTitre{
		/*background-color: #4CAF50;*/
		 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;
		 color:white;
		 padding:10px;
		 width: 200px;
		 margin-left: auto;
		 margin-right: auto;
		 font-size: 1.2em;
		 border-radius: 150px 1px;
	}
	.horairesPanel{
		 background: #111;
		 color:white;
		 padding:10px;
		 width: 90%;
		 margin-left: auto;
		 margin-right: auto;
		  margin-top:1px;
		   margin-bottom:1px;
		 font-size: 1em;
		 border-radius: 1px;
	}
	.footer {  font-size:1.3rem; text-align:center;padding: 1px; }
    .footer  a { color:#fff; text-decoration:underline !important; }
	.panel-horaires-block{
	     margin:3px;
		 padding:3px;
		 text-align:center;
		 display:block;
		 width:430px;
		 background:#efe;
		 color:black;
		 margin:auto ;
	}	
	.div-cercle {
	  /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0; */
	  background: transparent;
	  width: 300px;
	  margin: 2px auto;
	  border-radius: 50%;
	  font-size: 1.6em;
	  padding: 15px;
	  color: #eff;
	  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 2px black;
	  font-family: 'Bangers', cursive;
	  font-size: 2.6rem;
	  font-weight: bold;
	  box-shadow: 0 0 30px #c6751c;
	  border-style: dotted;
	}
	.mentions-legale{
		padding:10px;
		border-radius: 3px;
		box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
	}
	.mentions-legale-titre{
		text-align:center;
		text-decoration:underline;
	}
	.textRedColor{
		font-weight:bold;
	}
	.textWhiteColor{
		color:#333; /*var(--btn-bg-color);*/
	}
	.zoneLivrSeparator {
		color: #f03333;
		padding: 2px;
		margin: 2px;
		border-right-style: none;
		border-right-color: #bceec2;
		border-right-width: 1px;
	}
	.horairesTable{ margin: auto; width: 50%; padding: 10px; margin-bottom:20px;font-size:1.2em;background-color: transparent;margin-top: 8px;}
	.horairesTable tr:nth-child(even) {background-color: #f2f2f2;}
	.trTitleHoraires { padding: 5px; text-align: center; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, gray 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;  border-top-left-radius: 20px; border-top-right-radius: 20px;}
	.tdHorairesMatinSoir{color: #4CAF50;margin-left:10px;text-align:center;}
	.tdHoraires{text-align:center;}	
	th, td {   border-bottom: 1px solid #240404;  background-color: black;  color: white;}
	/*th, td {  border-bottom: 1px solid #666;	} */
	.planAdresse{ font-size: 1.7rem;   font-weight: lighter;}	
	@media (max-width: 768px) {
	    h4 {  font-size: 1.5rem;}
		.horairesTable{width: 100% ;	font-size:1em;}
		/*.mappy{width: 100% ;height:200px;box-shadow:none;} */	
		.mappy {
			width: 100%;
			height: 200px;
			box-shadow: none;
			padding: 2px;
			border-radius: 20px;
			margin-top: 8px;
			border-width: 2px !important;
			border-color: #eabdbd !important;
			border-style: solid !important;
		}
		.div-cercle { width: 80%;font-size: 1.3em;padding: 5px;}
		.planAdresse{ 	font-size: 1.5rem;color: azure;font-weight: 500;}
		.footer{font-size: 1.0rem;}
		.panel-horaires-block{width:100%;}
	}
	/*****************/
.roboto-bold{
    font-family:"Roboto-Bold", Helvetica, Arial, sans-serif;
    font-weight:bold
}
.bottom-navigation{
    position:fixed;
    z-index:99;
    bottom:0;
    left:0;
    list-style:none;
    display:flex;
    width:100%;
    height:52px;
    margin:0;
    background-image:radial-gradient(circle at top center, #24503f,#000000 70%);
    box-shadow:0px 0px 20px 20px rgba(0,0,0,0.4)
}
.bottom-navigation:before{
    content:"";
    position:absolute;
    width:100%;
    height:3px;
    background-image:radial-gradient(circle at top, #000000,rgba(0,0,0,0)),linear-gradient(#41866c, #b0cc35, transparent)
}
@media only screen and (min-height: 0px) and (max-height: 374px) and (orientation: landscape){
    .bottom-navigation{
        position:absolute
    }
}
.bottom-navigation .e-logo{
    display:block;
    position:absolute;
    left:calc(50% - 30px);
    top:-30px;
    z-index:101
}
.bottom-navigation .e-logo a{
    display:block;
    height:100%;
    width:100%;
    height:66px;
    width:57px
}
.bottom-navigation .e-logo a.logo{
    width:60px;
    height:60px;
    margin:auto;
    z-index:101
}
.bottom-navigation .e-logo a.logo .logo__container{
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain
}
.bottom-navigation li{
    flex-grow:1;
    flex-basis:0;
    height:100%;
    width:50%;
    cursor:pointer;
    padding:8px 0 4px 0;
    margin:0
}
.bottom-navigation li a{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-direction:column;
    margin-top:2px
}
.bottom-navigation li div{
    display:none
}
.bottom-navigation li div.active{
    display:block;
    margin-top:-10px;
    margin-right:2px;
    margin-bottom:2px;
    margin-left:2px
}
.bottom-navigation li div .score-badge__score{
    display:flex
}
.bottom-navigation li div .score-badge__score__value{
    display:flex
}
.bottom-navigation li .navigation-label{
    display:block;
    text-transform:uppercase;
    color:#ffffff;
    font-size:10px;
    font-family:"Source Sans Pro", Arial, sans-serif;
    margin-top:3px
}
.bottom-navigation li .score-badge-wrapper{
    position:relative
}
.bottom-navigation li div[class*=" hexagon--mini"].score-badge{
    position:absolute;
    top:-23px;
    left:15px
}
.nav-hidden{
    position:absolute
}
.custom-border {
    border-bottom: 9px solid #000;
    border-radius: 110px 130px / 120px;
    padding: 5px;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--nav-bg-color1) 0%, var(--nav-bg-color2) 100%) repeat scroll 0 0;*/
    background: black !important;
}
.villesTable {
    width: 100%;
    background: transparent;
}
.villeTitre{    background: transparent;}
.ville {   background: transparent;   color: #f79771;  font-size: 1.4rem;}
.villePrice{    background: transparent;}
.villesTable  th, td {   border-bottom: 0px solid #240404;border-right: 1px solid aliceblue; font-family: 'Bangers';  letter-spacing: 1px;}
.formatsTable  th, td {   border-bottom: 0px solid #240404;border-right: 0px solid aliceblue; font-family: 'Bangers';  letter-spacing: 1px;}
/*--------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------EFFET NEIGE  --------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
			.i-large,
			.i-medium,
			.i-small{
				position : absolute;
				top : 0; left :0; bottom: 0; right: 0;
			}
			.i-large {
				background:url(../assets/images/particules_large.png) repeat 0px 0px;
				-webkit-animation : dropFlowParticles 2s linear infinite;
				     -o-animation : dropFlowParticles 2s linear infinite;
						animation : dropFlowParticles 2s linear infinite;
			}
			.i-medium {
				background:url(../assets/images/particules_medium.png) repeat 0px 0px;
				-webkit-animation : dropFlowParticles 12s linear infinite;
				     -o-animation : dropFlowParticles 12s linear infinite;
						animation : dropFlowParticles 12s linear infinite;
			}
			.i-small {
				background:url(../assets/images/particules_small.png) repeat 0px 0px;
				-webkit-animation : dropFlowParticles 27s linear infinite;
				     -o-animation : dropFlowParticles 27s linear infinite;
						animation : dropFlowParticles 27s linear infinite;
			}
			@-webkit-keyframes dropFlowParticles {
				from { background-position: 0 0; }
				to { background-position: 0 413px; }
			}
			@keyframes dropFlowParticles {
				from { background-position: 0 0; }
				to { background-position: 0 413px; }
			}
/*--------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------- 	Team  --------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*
.div-blockquote {  margin: 2px;  padding: 2px;  position: relative;  border: 0; font-family: "Oswald",sans-serif; font-weight: normal; color: #088212; font-size: 1.4rem; line-height: 1.5;  text-shadow: #f9e187 1px 0 10px;}*/
.div-blockquote  {  margin: 2px;  padding: 2px;  position: relative;  border: 0; font-weight: normal;  color: #04590b; font-size: 1.5rem; line-height: 1.5; font-family: 'Lobster', cursive;}
.div-blockquote:before {	display:block;	content:"";	font-size:95px;	position:absolute;	left:10px;	top:-30px;	color:#cc580c;	font-family:Georgia;}
.our-cart{margin: 0 auto;  width: 80%;  border-style: none; margin: 20px auto 25px;}
@media (max-width: 768px) {.our-cart{margin: 0 auto;  width: 100%;}}
.carte-imgs{ display: flex; justify-content: center;}
.papers,.papers:before,.papers:after {background-color:#fff;	border:1px solid #ccc;	box-shadow:inset 0 0 30px rgba(0,0,0,0.1),1px 1px 3px rgba(0,0,0,0.2);}
.papers {   font-size: 12px;   margin: 40px auto 30px;   padding: 2em;   position: relative;   width: 90%;}
.papers:before,.papers:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform:rotateZ(2.5deg);
	-o-transform:rotate(2.5deg);
	transform:rotateZ(2.5deg);
	z-index:-1;
}
.papers:after {	-webkit-transform:rotateZ(-2.5deg);	-o-transform:rotate(-2.5deg);	transform:rotateZ(-2.5deg);}
.papers h1 {font-size:1.8em;font-weight:normal;text-align:center;padding:0.2em 0;margin:0;border-top:1px solid #ddd;border-bottom:2px solid #ddd;}
.papers p {	text-align:left;	margin:1.5em 0;}
.papers img {	max-width:100%;	margin-bottom: 5px;}
blockquote {	font-style:italic;	margin: 5px;	padding:20px 20px 10px;	position:relative;	font-size:13px;	border:0;	font-family:Georgia; color: #110909; font-size: 16px;}
blockquote:before {	display:block;	content:"\201C";	font-size:95px;	position:absolute;	left:10px;	top:-30px;	color:#cc580c;	font-family:Georgia;}
blockquote cite {color:#cc580c;font-size:14px;display:block;	margin-top:5px;	text-align:right;}
blockquote cite:before {	content: "";}
.heading h2 {   color: #333;  font-family: "Playball",cursive;  font-size: 29px;  font-weight: 600;   margin: 0;  padding: 5px;text-align: center;	color: #333;}
.heading h2::first-letter { color: #cc580c;}
@media (max-width: 768px) {
  .heading h2 { font-size: 18px;}
   blockquote::before { font-size: 55px;}
}
.privacyPolicy-headers{ text-transform:underline;}
.dividerline{    vertical-align: middle; max-width: 100%;font-size: 13px;width: 100%;color: #ccc; font-size: 12px;}
.fa {  display: inline-block;  font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto;  font-language-override: normal;
    font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal;  line-height: 1; text-rendering: auto; color:#cc580c;
}
.fa-star:before {  content: "\f005";}
.fa-check:before { content: "\f00c";}
.carte-imgs img {  height: auto; margin: auto;}
.carte-imgs img:hover {
    position: relative;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    z-index: 1000;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}	  
	  
  .aboutus{ background: white; padding:20px;margin:5px;}

/********************************************* HOME PAGE ************************************************************/
.info-closed{
	min-height:50px;
	text-align: center;
	vertical-align: middle;
	margin:auto;
	background:black;
	padding:10px;
	margin-bottom:5px;
	margin-top:1px;
	color: #f4f4f4;
    font-size: 1.1em;
    height: auto;
	opacity: 0.5;
}
/********* Texte défilant *********/
.defileParent {
	display: block;
	margin: 0.2em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 700px;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 10s infinite ;
	-moz-animation:linear marqueelike 10s infinite ;
	-o-animation:linear marqueelike 10s infinite ;
	-ms-animation:linear marqueelike 10s infinite ;
	animation:linear marqueelike 10s infinite ;
	margin-left:-100%;
	padding:0 1px;
	text-align:left;
	height:25px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
	.defileParent {
		display: block;
		margin: 3em auto;
		overflow: hidden;
		position: relative;
		table-layout: fixed;
		width: 100%;
	}
	.defile {
		display:block;
		-webkit-animation:linear marqueelike 15s infinite ;
		-moz-animation:linear marqueelike 15s infinite ;
		-o-animation:linear marqueelike 15s infinite ;
		-ms-animation:linear marqueelike 15s infinite ;
		animation:linear marqueelike 15s infinite ;
		margin-left:-100%;
		padding:0 5px;
		text-align:left;
		height:25px;
	}
}
.basket_holder, .shop_info_holder  { background-color: transparent;border: 0px solid; padding: 0px;box-shadow: 0px 0px 0px green; }
@media (max-width: 768px) {
  .info-closed{font-size:0.9em;}
  .basket_holder, .shop_info_holder  { background-color: transparent;border: 0px solid; padding: 0px; box-shadow: 0px 0px 0px green; }
}	
/********************************************* HEADER ************************************************************/
/*
.nomResto {
    color: #fb450d;
    color: #f94d0a;
    text-shadow: 1px 1px 2px black, 0 0 25px #bb1c0c, 0 0 5px #25261c;
    font-size: 2.3rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    margin-top: 5px !important;
    text-shadow: 1px 1px 1px #0d0c0c, 1px 2px 1px #1b1c1b, 1px 1px 1px #f7f1f1, 1px 4px 1px #918b8b, 1px 5px 1px #f7f1f1, 1px 6px 1px #f4f4f3, 1px 2px 1px #b7adad, 1px 1px 1px #fbf6f6, 1px 2px 1px #fffbfb, 1px 1px 1px #cec9c9, 1px 3px 3px rgba(244, 242, 242, 0.4), 1px 2px 2px rgba(244, 9, 9, 0.2), 1px 3px 3px rgba(230, 7, 7, 0.2), 1px 5px 5px rgba(247, 7, 7, 0.4) !important;
    font-family: 'Merienda One', cursive;
}
*/
.nomResto {
    color: #fb450d;
    color: #9cfd3b;
    text-shadow: 1px 1px 2px black, 0 0 25px #bb1c0c, 0 0 5px #25261c;
    font-size: 2rem;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    margin-top: 5px !important;
    text-shadow: 1px 1px 1px #0d0c0c, 1px 2px 1px #1b1c1b, 1px 1px 1px #ee0505, 1px 4px 1px #0b0a0a, 1px 5px 1px #f70a0a, 1px 6px 1px #f90707, 1px 2px 1px #b7adad, 1px 1px 1px #fb0a0a, 1px 2px 1px #fb1313, 1px 1px 1px #cec9c9, 1px 3px 3px rgba(251, 11, 11, 0.4), 1px 2px 2px rgba(244, 9, 9, 0.2), 1px 3px 3px rgba(230, 7, 7, 0.2), 1px 5px 5px rgba(247, 7, 7, 0.4) !important;
    font-family: 'Merienda One', cursive;
}
.headerTel{
    color: yellow;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 2px black;
	font-family: "Oswald",sans-serif;
    font-weight:700;	
	font-size: 2.3rem; 
	font-weight: bold; 
	margin-left:20px !important;
	letter-spacing: 1px;
}
.header h1 span a {
    color: yellow;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 2px black;
    font-family: "Oswald",sans-serif;
    font-weight: 700;
    font-size: 2.1rem;
    font-weight: bold;
    margin-left: 5px !important;
    float: right !important;
    margin-top: 4px !important;
    text-shadow: 1px 1px 1px #0f0f0e, 1px 2px 1px #1b1c1b, 1px 3px 1px #131212, 1px 4px 1px #151414, 1px 5px 1px #131212, 1px 6px 1px #282525, 1px 4px 1px #151414, 1px 3px 1px #0d0c0c, 1px 6px 1px #262525, 1px 3px 1px #919191, 1px 6px 6px rgba(16,16,16,0.4), 1px 4px 3px rgba(16,16,16,0.2), 1px 5px 5px rgba(249, 243, 243, 0.2), 1px 5px 5px rgba(23, 21, 21, 0.4) !important;
}

.headerTelModal {
    color: yellow;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 2px black;
    font-family: "Oswald",sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    font-weight: bold;
    margin-left: 20px !important;
    display: inline-block;
    text-align: center;	
}

.headerCordonnes{
    color: #eff;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 2px black;
	/*font-family: "Oswald",sans-serif; font-weight: bold; */
	font-family: "western_bang";font-weight: normal; 
	font-size: 2.4rem;
	margin-left:15px !important;
}
.coordonnees-style{
	margin-left:15%;
	background-color: transparent;
	padding-left:10px;
	padding-right:10px; 
}
  .btnCloseBasketMobile{margin-top:10px;margin-left:50%; display:none;} 
@media (max-width: 768px) {
	  .btnCloseBasketMobile{ display:inline-block;} 
	  .basket_holder{ display:none;} 
	  .header{ display: block;}
	  .headerTel {  font-size: 2rem;  display: inline-block;  text-align: center; display: block; margin-top: 2px;}
 
	  .nomResto {font-size: 1.9rem;text-align: center;display: block;background-clip: text;margin-bottom: 5px;}
	 /* .headerCordonnes{ font-size: 1.7rem;display: inline-block;text-align: center;font-family: "Oswald",sans-serif; } */
	  .headerCordonnes{ font-size: 2.4rem;display: inline-block;text-align: center;}
	  .coordonnees-style{  margin-left:5px;  width: 98%;}
	  .headerCordonnes{ display:none;}
	  .headerTelModal { font-size: 2rem;}
	  .header h1 span a { display: block !important;  margin-left: 25% !important; float: left !important; font-size: 2rem !important; margin-top: 0px !important;text-shadow: 0px 0px 0px #111, 0px 2px 1px #111, 1px 0px 1px #111, 1px 0px 1px #111, 1px 1px 1px #111, 1px 1px 1px #111, 1px 1px 1px #111, 1px 1px 1px #111, 1px 1px 1px #111, 1px 1px 1px #111, 1px 1px 0px rgba(16,16,16,0.4), 1px 0px 0px rgba(16,16,16,0.2), 1px 5px 5px rgba(249, 243, 243, 0.2), 1px 2px 2px rgba(23, 21, 21, 0.4) !important;}
	  .custom-border { background: #4d4848;}
	  .headerCordonnes { display: block;text-transform: uppercase;margin-top: 5px;}
	  .div-cercle { display: none;}
	  /*.custom-border { background: transparent; border-bottom-style: solid; border-bottom-color: wheat;} */
	   /*.custom-border {  border-bottom-style: solid;   border-bottom-color: green;  background: linear-gradient(to bottom, #f8ffe8 0%,#f97323 33%,#fb4710 100%);}*/
	  /* .custom-border {  border-bottom-style: solid;   border-bottom-color: green; background-image: linear-gradient(to left, #0e0f0e, orange, #1a1918);} 
	   .custom-border {  border-bottom-style: solid;   border-bottom-color: green; background-image: linear-gradient(to left, #f7b10c, #000, #eed50b);} */
	   .custom-border { border-bottom-style: solid; border-bottom-color: #232423; 
}
.form-control {
    display: inline !important;
}
/*****************************************PRODUIT PAGE*********************************************************/
}
.label-pop-qtite{
	 margin-left:20px;
	 width:70px;
	  font-size: 1.7rem;
}
.groupbox-composition {
    border-style: solid;
    border-color: black;
	border-width: 0px;
	box-shadow: 1px 1px 12px gray;
	padding: 4px;
	border-radius: 1px 1px 15px 15px;
	background:   #e8f7e3;
}
.label-ingredient{
    margin-left:8px;
	font-size: 1.3rem;
}
.label-price-ingredient{
    margin-left:8px;
	font-size: 1.3rem;
}
.label-composant-modal{
   color: #e14e07;
   text-transform: uppercase;
}
.panierMobile{display: none;}
.center {  display: block; margin-left: auto; margin-right: auto; width: 50%;}
.header-container {
    background: #fff;
    background: url(../assets/images/bg-header.png) repeat-x left bottom;
    padding-bottom: 7px;
    position: relative;
    z-index: 2;
}
.Honey {
    font-family: 'Honey Script Light';
    text-transform: none;
    font-size: 38px;
    color: #ffaa19;
    background: none;
    border: none;
    margin: 0;
    display: inline-block;
    padding: 0 10px 0 0;
    font-weight: 900;
}
.HoneySemiBold {
    font-family: 'Honey Script SemiBold';
    text-transform: none;
    font-size: 38px;
    color: #ffaa19;
    background: none;
    border: none;
    margin: 0;
    display: inline-block;
    padding: 0 10px 0 0;
    font-weight: 900;
}

@media (max-width: 768px) {
	  .label-ingredient { font-size: 1rem; margin-left:3px;}
	  .label-price-ingredient{ display:none;}
	  .label-pop-qtite{width:auto; margin-left:5px; font-size: 1.5rem; }
	  .mobile-basket-button{   display: block;}
	  .mobileHomeImgPage{display: block;}
	  .pcHomeImgPage{display: none;}
	  .topnav a:not(:first-child) {display: none;}
	  .topnav a.icon {  float: right;  display: block; }
	  .icon-panier {float: right;  margin-left:15px; display: block !important; }
	  .topnav.responsive {position: relative;background: transparent;}
	  .topnav.responsive .icon {   position: absolute;   right: 0;  top: 0; }
	  .topnav.responsive a  {  float: none; display: block;text-align: left; }
	  .topnav.responsive a  img{ text-align: left;}
	  .topnav.responsive a  span{ text-align: right;}
	  .topnav a { font-size: 1.5rem;   border-width: 1px;  margin: 0.5px;  border-color: #080b08;  }
	  .topnav { background: transparent;}
	  .top {  display: inline; margin:5px;}
	  .bottom { display: inline;margin:5px;}	 
	  .zoneLivraison {  box-shadow: none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;background-color: black;background:black;border:0px;  color:white; }
	  .basket_content { 
			background-color: #eff !important;
			 border-radius: 5px;
			 box-shadow: 1px 1px 12px green;
			 margin: 10px;
			 margin-top:15px;
			padding-left: 20px;
			padding-right: 20px;
			border-radius: 30px !important;
			border: 3px solid gray;	
	   }
 	  .horairesTable{background-color:transparent;color: #fff }
	  .horairesTable tr:nth-child(even) {background-color: transparent;}
	  .trTitleHoraires{background-color: transparent;}
	  .tdHorairesMatinSoir{ ;background-color: #000;}
	  .tdHoraires{background-color: #000;}	
	  .footer a { color: #fff;}
	  .footer .copyright {  color: white;  margin: 10px; text-align: center;}
	  .footer .footer_menu { margin-top: 20px;}	
	  .ville {  font-size: 0.9rem;}
	  .popup_title h3 {  font-size: 1.5rem;}	  
	  .ElementsApp, .ElementsApp .InputElement { font-size: 13px !important; padding: 2px !important;}
  }
/*****************************************************************************/
.btn-info {	color: #fff;	background-color: #17a2b8;	border-color: #17a2b8}
.btn-info:hover {	color: #fff;	background-color: #138496;	border-color: #117a8b}
.btn-info.focus,
.btn-info:focus {	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
.btn-info.disabled,
.btn-info:disabled {	color: #fff;	background-color: #17a2b8;	border-color: #17a2b8}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {	color: #fff;	background-color: #117a8b;	border-color: #10707f}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
.img-pizza {  width:200px; clip-path:ellipse(50% 50%); }
/*****************************************************************************/
.cardCustom .field {  background: transparent; font-weight: 300; border: 0; color: #31325F; outline: none; flex: 1; padding-top: 7px !important; padding-right: 10px; padding-left: 10px; cursor: text; }
.field::-webkit-input-placeholder { color: #CFD7E0; }
.field::-moz-placeholder { color: #CFD7E0; }	
.cardCustom label {  position: relative;  color: #8898AA; font-weight: 300; height: 40px; line-height: 40px;  display: flex;  flex-direction: row;}
.outcome { float: left; width: 100%; padding-top: 8px; min-height: 24px;  text-align: center; }
.success, .error { display: none; font-size: 13px; }
.success.visible, .error.visible {  display: inline; }
.error {  color: #E4584C;}
.success {   color: #666EE8;}
.success .token {  font-weight: 500; font-size: 13px; }
/*****************************************************************************/
.logo-img{display: inline-block;}