html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}a.meanmenu-reveal {
display: none;
} .mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #0c1923;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #0c1923;
margin-top: 44px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-top: 1px solid #383838;
border-top: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #252525;
background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: 32px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255,255,255,0.1);
border: none !important;
border-left: 1px solid rgba(255,255,255,0.4) !important;
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0,0,0,0.9);
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
} .mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}html {
color: #222;
font-size: 1em;
line-height: 1.4; } ::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; } hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; } audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; } fieldset {
border: 0;
margin: 0;
padding: 0; } textarea {
resize: vertical; } body {
width: 100%;
*zoom: 1; }
body:before, body:after {
content: "";
display: table; }
body:after {
clear: both; }
* {
box-sizing: border-box; }
body {
font-family: 'Nunito Sans', sans-serif; }
.home {
background: url(//www.brasserie-lebonplan.be/wp-content/themes/Lebonplan/img/bg-home.jpg) no-repeat center center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
min-height: 600px;
position: relative;
color: #FFF; }
.home:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
display: block; }
.home h1 {
margin: 0;
z-index: 6;
position: absolute;
left: 50%;
top: 50%;
margin-left: -297px;
margin-top: -47px; }
header {
position: absolute;
left: 0;
right: 0;
top: 0;
color: #FFF;
z-index: 2;
transition: 500ms; }
header h1 {
float: left;
margin: 0; }
header nav {
float: right; }
header a {
color: #FFF;
text-decoration: none;
padding: 1em 0;
margin: 1em; }
header ul {
padding: 0; }
header ul li {
display: inline-block; }
header.fixed {
background-color: #161616;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
transition: 500ms; }
.wrapper {
max-width: 1170px;
margin: 0 auto; }
section h1 {
margin: 0;
text-transform: uppercase;
font-family: 'Ropa Sans', sans-serif;
font-size: 37px; }
.about {
background-color: #161616;
color: #FFF;
padding: 5em 0; }
.about h1 {
display: inline;
float: left;
width: 39.58333%;
margin: 0 1.04167%; }
.about h1:before {
content: "";
width: 65px;
height: 4px;
background-color: #AF7B25;
display: block;
margin-bottom: 10px; }
.about .about--content {
display: inline;
float: left;
width: 56.25%;
margin: 0 1.04167%; }
.about .about--content p:first-child {
margin-top: 0; }
.about:after {
content: "";
display: table;
clear: both; }
.carte {
background: url(//www.brasserie-lebonplan.be/wp-content/themes/Lebonplan/img/bg-carte.jpg) no-repeat center center;
position: relative;
padding-bottom: 10em;
background-attachment: fixed;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.carte h1 {
text-align: center;
border-bottom: 1px solid #979797;
padding: 0.4em 0; }
.carte--content {
background-color: #FFF;
max-width: 1170px;
margin: 0 auto;
padding: 15px;
position: relative;
z-index: 9; }
.carte .cadre {
border: 1px solid #979797; }
.carte:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100px;
background-color: #161616;
z-index: 3; }
.carte--detail {
padding: 3em; }
.carte--detail table {
margin: 0 auto; }
.carte--detail table td {
padding: 0.5em 5em; }
.carte--detail table td:last-child {
text-align: right;
color: #AF7B27; 
min-width: 90px;}
.carte--detail table td span {
font-size: 0.85em;
color: #AF7B25;
display: block;
font-style: italic;
color: #6a6a6a; }
.carte--detail table .remark {
text-align: left !important;
font-size: 1em;
color: red;
padding-top: 2em; }
.filtre {
text-align: center;
border-bottom: 1px solid #979797; }
.filtre ul {
margin: 0;
padding: 0; }
.filtre li {
display: inline-block; }
.filtre a {
padding: 1em 0;
text-decoration: none;
color: #161616;
margin: 0 1em;
border-bottom: 2px solid transparent;
display: block;
color: #b5b5b5; }
.filtre a:hover {
color: #161616; }
.filtre .current a {
border-bottom: 2px solid #AF7B27;
color: #161616; }
.contact {
background-color: #161616;
color: #FFF;
padding: 5em 0;
position: relative; }
.contact a {
color: #AF7B27;
text-decoration: none; }
.contact--content {
display: inline;
float: left;
width: 47.91667%;
margin: 0 1.04167%; }
.contact:after {
content: "";
display: table;
clear: both; }
.contact h1 {
margin-bottom: 1em; }
.contact h1:before {
content: "";
width: 65px;
height: 4px;
background-color: #AF7B25;
display: block;
margin-bottom: 10px; }
#carte {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 50%;
background-color: #AF7B25; }
.info_content {
color: #161616; }
.contact--part {
background: url(//www.brasserie-lebonplan.be/wp-content/themes/Lebonplan/img/contact-sprite.png) no-repeat left center;
background-size: 44px 351px;
padding: 0.5em 0 0.5em 70px;
margin-bottom: 35px; }
.contact--part span {
display: block; }
.schedule {
background-position: 0 10px; }
.tel {
background-position: 0 -196px; }
.email {
background-position: 0 -98px; }
.address{
background-position: 0 -296px;
}
.tab-content {
display: none; }
#tab-1 {
display: block; }
#menu{
padding: 3em 0;
background-color: #101010;
color: #FFF;
text-align: center;
}
#menu h1{
text-align: center;
}
#menu h1:before{
content: "";
width: 65px;
height: 4px;
background-color: #AF7B25;
display: block;
margin:  0 auto 10px;
}
#menu span{
display: block;
}
#menu ul{
padding: 0;
}
#menu h2{
text-transform: uppercase;
letter-spacing: 3px;
color: #AF7B25;
}
#menu li{
margin-bottom: 1.5em;
display: block;
}
#menu .sstitre-plat{
font-style: italic;
color: #d9d9d9;
font-size: 0.85em;
}
#menu .menu--item{
width: 33%;
display: inline-block;
}
#menu .prix span{
font-size: 1.2em;
display: inline;
color: #d9d9d9;
}
#menu .prix{
font-size: 1em;
color: #AF7B25;
}
footer{
background-color: #101010;
color: #FFF;
text-align: center;
padding: 1em 0;
font-size: 0.85em;
}
footer a{
color: #d9d9d9;
text-decoration: none;
}
.iframe{
background-color: #161616;
}
.iframe h1{
text-align: center;
color: #FFF;
margin-bottom: 1em;
}
.message{
background: #161616;
color: #FFF;
padding: 3em 0;
text-align: center;
}
.message .wrapper{
max-width: 1200px; 
padding: 1em;
}
.reglements{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.col-md-3{
max-width: 280px;
padding: 1em;
}
.col-md-3 img{
display: block;
margin: 1em auto;
}
.telephone{
color: #FFF;
text-align: center;
display: block;
}
.telephone a{
font-size: 2em;
display: block;
font-style: normal;
color: #AF7B25;
text-decoration: none;
}
.booking{
text-align: center;
padding: 2em 0;
}
.booking a{
display: block;
font-size: 2.5em;
text-decoration: none;
color: #AF7B25;
}
.btn{
background-color: #AF7B27;
color: #FFF;
padding: 1em 2em;
text-decoration: none;
margin-top: 1em;
display: inline-block;
}  .hidden {
display: none !important; } .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; } .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; } .invisible {
visibility: hidden; } .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both; } @media only screen and (max-width: 670px) {
.col-md-3{
width: 50%;
} 
#menu .menu--item   {
width: 100%;
}
.about h1, .about .about--content {
display: inline;
float: left;
width: 97.91667%;
margin: 0 1.04167%;
padding: 0 15px; }
.carte--detail table {
width: 100%; }
.carte--detail table td {
padding: 8px 0; }
.carte--detail {
padding: 15px; }
.contact--content {
display: inline;
float: left;
width: 97.91667%;
margin: 0 1.04167%;
padding: 0 15px; }
#carte {
position: relative;
height: 350px;
width: 100%; }
.home {
min-height: auto; }
.home h1 {
position: relative;
width: 100%;
margin-left: 0;
margin-top: 0;
top: 0;
left: 0;
text-align: center;
padding: 6em 0; }
.home h1 img {
width: 90%;
height: auto; }
.carte{
padding-bottom: 0;
}
.carte--content {
width: 100%; 
padding: 5px;}
.contact{
padding-bottom: 0;
}
.filtre ul{
text-align: left;
}
.filtre li{
width: 49%;
}
.filtre .current a{
color: #AF7B27;
border-bottom: transparent;
}
.filtre a{
padding: 0.5em 0;
margin: 0;
padding-left: 15px;
}
}
@media only screen and (max-width: 570px) {
.col-md-6{
width: 100%;
}
} @media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; } a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; } thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }