@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Text&display=swap');
.no-padding > [class*='col-'] {
padding-right:0;
padding-left:0;
}
.datepicker {
    border-radius: 0;
    padding: 0;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    display: list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #3546b3;
    color: #ffffff;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 11px 13px;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker td, .datepicker th {
    border-radius: 50%;
    padding: 0 12px;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #3546b3;
    color: #ffffff;
    border-radius: 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}
.datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 37px;
    height: 37px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
    font-size: 21px;
}
.datepicker .datepicker-switch {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
}
.datepicker .datepicker-switch:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 3%;
    width: 27%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #3546b3;
  background-image: none;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}
@media (min-width: 768px){
.col-md-22 {
	-ms-flex: 0 0 9%;
	flex: 0 0 9%;
	max-width: 9%;
	text-align: center;
}
}


.backgroundgris {
	background-color: #E9E9E9;
}

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

.arrondi2 {
    width: auto;
    /* border-radius: 4px; */
    -khtml-border-radius: 5px;
    /* box-shadow: 2px 2px 3px #093; */
    padding: 2%;
    /* border: solid 1px #494949; */
    background-color: #FFFFFF;
    margin-top: 28px;
}





.spacer {
clear: both;
}
.reservez {
font-family: 'DM Serif Text', serif;
	font-size: 28px;
	color: #000;
	font-weight: 400;
}

.titremenu {
font-family: 'DM Serif Text', serif;
	font-size: 36px;
	color: #000;
	font-weight: 400;
}
.cond {
	font-size: 16px;
	color: #000;

}
.titreordre {
font-family: 'DM Serif Text', serif;
	font-size: 36px;
	text-align: left;
	color: #060;
	/* [disabled]font-weight: bold; */
	width: auto;
	padding: 5px 0 5px 0px;
	margin-top: -20px;
}

.prixformule {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	color: #060;
	font-weight: 700;
	/* [disabled]border: solid 1px #060; */
	padding: 2px 4px 2px 2px 2px;
	background-color: #C6FFC6;
}

.titrerubrique {
	width: 100%;
	font-size: 28px;
	text-align:center;
	color: #30b730;
	font-family: 'DM Serif Text', serif;
	margin-top: 5px;
	/* [disabled]height: 35px; */
	display: block;
}
.boissons {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-align: center;
	color: #060;
	font-weight: 700;
	width: auto;
	padding: 2px 0 2px 0px;
	margin-top: 20px;
	background-color: #F4F4F4;
	display: block;
	margin-bottom: 5px;
}


.titresousrubrique {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	text-align: center;
	color: #060;
	/* [disabled]font-weight: bold; */
	width: auto;
	background-color: #F4F4F4;
	display: block;
}

.titrerub {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-align: center;
	color: #030;
	line-height: 16px;
	/* [disabled]font-weight: bold; */
	background-color: #EAEAEA;
	/* [disabled]display: block; */
	margin-top: 7px;
	padding: 1px;
	/* [disabled]margin-left: 40px; */
	/* [disabled]margin-right: 40px; */
	margin-bottom: 7px;
	/* [disabled]width: auto; */
}
.longleaders2 {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	z-index: -1;
}

.floatcarte {
    font-size: 14px;
    color: #000;
    float: left;
    font-weight: 400;
    width: 85%;
}




ul.longleaders {padding: 0; margin: 0; list-style: none;
  overflow: hidden}
ul.longleaders li:after {
	float: left;
	width: 0;
	font-size:10px;
	padding-top:3px;
	white-space: nowrap;
	content: ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . ";
	margin-top: -25px;
	z-index: -1;
}
ul.longleaders li {clear: both}
ul.longleaders span:first-child {padding-right: 0.33em; }
ul.longleaders span + span {padding-left: 0.33em;
  background: white; position: relative; z-index: 1}

.supp {
	float: right;
	margin: 0px 0px 0px 3px;
}
.fondblanc {
	background-color: #FFFFFF;
	padding: 5px;
}
.nav-tabs {
	border-bottom: 0px #fff;
}
a.liencarte {
    color: #fff;
    font-size: 24px;
	font-family: 'Roboto Condensed', sans-serif;
    /* font-weight: normal; */
    text-decoration: none;
    /* background-color: #eaffea; */
    /* width: 230px; */
    /* display: block; */
	padding: 1px 5px;
    /* border-bottom: 1px solid; */
    /* border-left: 1px solid; */
}
a.liencarte:hover {
	color: #CCFF00;
	border-bottom: 1px solid #FFCC33;
}

.platlien {
 width:100%;
 padding-left:10px;
 }

platliendesact {
	background-color: #ccc;
	display: block;
	padding: 2px 8px 0px 0px;
	line-height: 18px;
}

a.platlien:link {
	background-color: #FFFFFF;
	display: block;
	padding: 2px 8px 0px 0px;
	border:solid 1px #fff

}
a.platlien:hover {
	background-color: #FFF;
	text-decoration: none;
	border: solid 1px #090
}

.prixlig {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #333;
	font-weight: normal;
}
div.composit {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #060;
	text-align: center;
	padding: 5px;
}
.composit2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #090;
	margin: 0px 0px 10px 0px;
	font-weight: 400
}

div.composit_eng {
	width: auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
}
div.separation {
	width: 50px;
	background-color: #C00;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 3px;
}
.plats {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
	color: #000;
	line-height: 20px;
}
.plats2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	/* [disabled]text-align: center; */
	color: #000;
	line-height: 22px;
	background-color: #FFF;
}
.plats2:hover {
	text-decoration: none;
}

.boiteplat {
	/* [disabled]font-family: 'Roboto Condensed', sans-serif; */
	/* [disabled]font-weight: 700; */
	/* [disabled]font-size: 17px; */
	/* [disabled]text-align: center; */
	/* [disabled]color: #000; */
	/* [disabled]line-height: 22px; */
	/* [disabled]background-color: #FF6; */
	/* [disabled]height: 30px; */
	/* [disabled]margin-top: 5px; */
	display: block;
}

.prixlig2 {
	font-family: 'Roboto Condensed', "sans-serif;";
	font-size: 17px;
	text-align: right;
	color: #000;
	font-weight: 700;
	float: right;
	/* [disabled]padding-left: 0.5em; */
	background-color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	/* [disabled]padding: 3px; */
}
span {
	/* [disabled]background: white; */
	/* [disabled]position: relative; */
	top: 0em;
	/* [disabled]height: 2em; */
}

.boiteplatcentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #006600;
	text-align: center;


	text-transform: firstletter:first-letter;
	font-weight: bold;
}
div.cafeapero {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #F00;
	text-align: center;
	padding: 2px;
	font-weight: bold;
	background-color: #FC0;
	margin: 10px;
}
div.prixnets {
	font-size: 14px;
	color: #000;
	text-align: center;
	font-weight: normal;
	margin-top: 20px;
}
div.calencontainer {
	width: 85px;
	height: 70px;
	float: right;
	z-index: 100;
	margin-top: 0px;
	display: block;
	border: solid 1px #000;
	box-shadow: 3px 3px 2px 0px #CCC;
}





div.calenjour {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
	font-weight: 700;
	color: #000;
	line-height: 24px;
}

div.calenannee {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 24px;
}
div.calenservice {
font-family: 'Helvetica Neue', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #006600;
    background-color: #f4f4f4;	}
div.aperocontainer {
	z-index: 110;
	/* [disabled]margin-left: auto; */
	/* [disabled]margin-right: auto; */
	width: 200px;
	/* [disabled]float: right; */
}
div.aperoffert {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #360;
	text-align: center;
	width: 240px;
	height: 55px;
	z-index: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #EBEBEB;
}
div.cafecontainer {
	background-image: url(../images/cafe-48.png);
	width: 170px;
	height: 48px;
	z-index: 110;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
div.cafeoffert {
	width: 120px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #360;
	margin-left: 48px;
}
.aperoconteneur {
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #E9E9E9;
}
.apeorimg {
	width: 48px;
	height: 48px;
	background-image: url(images/aperitif.png);
	background-repeat: no-repeat;
}
.menuprix {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #060;
}
.apeotext {
	width: 90%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin-top: 15px;
	color: #060;
}
.cl {
	width: 41px;
	float: right;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	font-weight: 400;
	vertical-align: text-bottom;
	line-height: 15px;
}
.cl4 {
	/* [disabled]width: 10%; */
	/* [disabled]float: left; */
	/* [disabled]display: block; */
	/* [disabled]font-family: 'Roboto Condensed', sans-serif; */
	/* [disabled]font-size: 12px; */
	color: #009900;
	text-align: center;
	/* [disabled]letter-spacing: -0,5; */
	/* [disabled]margin-top: -5px; */
	/* [disabled]font-weight: 400; */
	/* [disabled]vertical-align: text-bottom; */
	/* [disabled]height: 24px; */
	margin: 0px;
}

.cl2 {
	width: 55px;
	float: right;
	display: block;
	/* [disabled]background-color: #FFF; */
	margin: -5px 2px 2px 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 8px;
	color: #000000;
	text-align: center;
	letter-spacing: -0,5;
}
.cl3 {
	width: 55px;
	float: left;
	display: block;
	/* [disabled]background-color: #FFF; */
	margin: -5px 2px 2px 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 8px;
	color: #000000;
	text-align: center;
	letter-spacing: -0,5;
}

.bio {
    color: #090;
    font-weight: 700;
    background-color: #00990029;
    text-align: center;
    margin-right: 5px;
    padding-left: 3px;}

.titrevins {
	width: auto;
	font-size: 28px;
	color: #000;
	font-family: 'DM Serif Text', serif;
	padding-left: 15px;
}

.titrevins2 {
	width: 101%;
	font-size: 26px;
	color: #30b730;
	font-family: 'DM Serif Text', serif;
	padding-left: 15px;
	margin-right: 12px;
	margin-top: 5px;
	/* [disabled]height: 35px; */
	display: block;
}


.spacer {
clear: both;
}

.spacer {
clear: both;
}
.floatvin {
	font-size: 16px;
	color: #090;
	font-weight: 700;
	width: 30%;
	float: left;
	margin: 0px 0px 0px 10px;
	font-family: 'Roboto Condensed', sans-serif;
}
.floataoc {
	font-size: 12px;
	color: #000;
	width: 3%;
	float: left;
	padding-top: 2px;
	font-family: 'Roboto Condensed', sans-serif;
    padding-top: 4px;
	vertical-align: text-bottom;
	}
.floatmille {
	font-size: 14px;
	color: #090;
	padding-top: 2px;
width: 55%;
    min-height: 24px;
		font-weight: 400;
	}
.floatinfo {
	font-size: 12px;
	color: #000;
	width: 60%;
	/* [disabled]float: left; */
	font-weight: 400;
	font-style: italic;
	/* [disabled]margin-left: 140px; */
	margin-bottom: 4px;
	/* [disabled]margin-top: 5px; */
}
.float {
	font-size: 14px;
	color: #000;
	/* [disabled]width: auto; */
	float: left;
	font-weight: 400;
	width: 70%;
}
.floatplat {
	font-size: 14px;
	color: #000;
	/* [disabled]width: auto; */
	float: left;
	font-weight: bold;
	width: 70%;
	margin: 0em 0;
}
.vins3 {
	font-size: 16px;
	color: #000;
	/* [disabled]width: auto; */
	float: left;
	font-weight: bold;
	/* [disabled]margin: 0em 0; */
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
}
.conteneurvins {
    width: auto;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

.containervinsprix {
	width: 50%;
	float: right;
    margin-top: -52px;
	}
.containervinsprix2 {
	width: auto;
	float: right;
    margin-top: -2px;
	}
.vinsprix {
	width: 53px;
	float: right;
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	border-right: 1px solid #ccc;
}
.vinscl {
	font-size: 12px;
	color: #9e9e9e;
}
#BTsuppress {
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
	/*CSS3 bords arrondis*/
	/* [disabled]border: 1px solid #ADCF4F; */
	/* [disabled]border-radius: 3px; */
	/* [disabled]-moz-border-radius: 2px; */
	-khtml-border-radius: 3px;
	/* [disabled]-webkit-border-radius: 3px; */
	/* [disabled]behavior: url(../PIE.htc); */
	background-color: #FF0000;
	float: right;
	width: 16px;
	height: 16px;
	text-align: center;
	margin-left: 10px;
}
div.BTsuppress2 {
	float: right;
	width: 5px;
	height: 26px;
	margin-left: 10px;
}

.tab-pane{
  height:1100px;
  overflow-y:scroll;
  width:100%;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #65c54d; 
  border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4caf50; 
}
@media screen and (max-width: 400px) {
	
	/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #65c54d; 
  border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4caf50; 
}
a.liencarte {
    color: #fff;
    font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
    /* font-weight: normal; */
    text-decoration: none;
    /* background-color: #eaffea; */
    /* width: 230px; */
    /* display: block; */
    padding: 8px; 
    /* border-bottom: 1px solid; */
    /* border-left: 1px solid; */
}
a.liencarte:hover {
	color: #CCFF00;
	border-bottom: 1px solid #FFCC33;
}
	
.tab-pane{
  height:500px;
  overflow-y:scroll;
  width:100%;
}
	
	
.fondresto {
	/* [disabled]background-color: #000; */
padding: 10px 6% 10% 6%;
}

.conteneurvins {
	width: auto;
	border-bottom: 1px solid #ccc;
	/* [disabled]margin-top: 7px; */
}
.containervinsprix {
	width: 100%;
	float: right;
    margin-top: -6px;
	}



.boiteplat {
    position: relative;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
}
.floataoc {
    font-size: 12px;
    color: #000;
    width: 10%;
    float: left;
    padding-top: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 4px;
    vertical-align: text-bottom;
}
.floatmille {
	font-size: 14px;
	color: #090;
	padding-top: 2px;
width: auto;
    min-height: 0px;
	}

.floatvin {
    font-size: 16px;
    color: #090;
    font-weight: 700;
    width: 89%;
    /* float: left; */
    margin: 0px 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
}
.float {
    font-size: 14px;
    color: #000;
    /* float: left; */
    font-weight: 400;
    width: 87%;
}
.icon_glass {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
==
}