/* @keyframes */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

@keyframes blink {
    0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;}
}

/* LAYOUT */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;background-color: #e6e6e6 !important; color: #4f3b2d; height: 100%;font-family: canada-type-gibson, sans-serif;font-style: normal;font-weight: 300;}
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
.shadow {box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;}

/* COLORS */
.brown {color: #4f3b2d;}
.bgbrown {background-color: #4f3b2d;}
.white {color: #FFFFFF;}
.orange {color: #cb7026;}
.bgwhite {background-color: #FFFFFF;}
.lightgrey {color: #f9f9f9;}
.bglightgrey {background-color: #f3f3f3;}

/* BUTTONS */
.btn-custom {padding: 10px 25px;border: 0px;border-radius: 4px; background-color: #cb7026;color:#ffffff;letter-spacing:0.02em;font-weight: 400; }
.btn-custom:hover {background-color: #4f3b2d;color:#ffffff;}

/* ICONS */
.icon {margin-right: 5px;}
.icon5 {margin-right: 5px;}
.icon10 {margin-right: 10px;}
.icon15 {margin-right: 15px;}
.icon20 {margin-right: 20px;}

/* ANIMATIONS */
.blink {animation: blink 1s infinite;}

/* DISPLAY */
.db {display:block;}
.dib {display:inline-block;}
.up {text-transform: uppercase;}
.cap {text-transform: capitalize;}

/* BORDER */
.bd {border: 1px solid #F0F0F0;}
.bd-t {border-top: 1px solid #F0F0F0;}
.bd-r {border-right: 1px solid #F0F0F0;}
.bd-b {border-bottom: 1px solid #F0F0F0;}
.bd-l {border-left: 1px solid #F0F0F0;}
.bt-dotted {border-top: 2px dotted #e9e9e9;}
.bb-dotted {border-bottom: 2px dotted #e9e9e9;}

/* MARGIN */
.mt5 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt60 {margin-top: 60px;} .mt80 {margin-top: 80px;}
.mb0 {margin-bottom: 0px;} .mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb60 {margin-bottom: 60px;} .mb80 {margin-bottom: 80px;} .mb100 {margin-bottom: 100px;} .mb200 {margin-bottom: 200px;}
.ml10 {margin-left: 10px;} .ml20 {margin-left: 20px;}
.mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr20 {margin-right: 20px;} .mr30 {margin-right: 30px;} .mr40 {margin-right: 40px;}
.mlr5 {margin-left: 5px;margin-right: 5px;} .mlr10 {margin-left: 10px;margin-right: 10px;} .mlr20 {margin-left: 20px;margin-right: 20px;}

/* PADDING */
.p5 {padding: 5px;} .p10 {padding: 10px;} .p20 {padding: 20px;} .p30 {padding: 30px;} .p40 {padding: 40px;}
.pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pt60 {padding-top: 60px;}
.pt80 {padding-top: 80px;}
.pb0 {padding-bottom: 0px;} .pb5 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb80 {padding-bottom: 80px;}
.plr50 {padding-left: 50px;padding-right: 50px;}
.ptb80 {padding: 80px 0px;}

/* VIDEO PLAYER */
.vid {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;}
.vid iframe, .vid object, .vid embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ina {background-color: #25292B;}
.vid-vertical {padding-bottom: 178%;position: relative;display: block;width: 100%;}
.vid-vertical iframe {position: absolute; top: 0;left:0;}

/* FONTS STYLE */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a {color:#ff3c3c;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
a:hover {color:#ff3c3c;text-decoration:none;}

/* FONT SIZE */
.fs07 {font-size: 0.70em;}
.fs08 {font-size: 0.80em;}
.fs09 {font-size: 0.90em;}
.fs10 {font-size: 1.00em;}
.fs11 {font-size: 1.10em;}
.fs12 {font-size: 1.20em;}
.fs13 {font-size: 1.30em;}
.fs14 {font-size: 1.40em;}
.fs15 {font-size: 1.50em;}
.fs16 {font-size: 1.60em;}
.fs17 {font-size: 1.70em;}
.fs18 {font-size: 1.80em;}
.fs19 {font-size: 1.90em;}
.fs20 {font-size: 2.00em;}
.fs21 {font-size: 2.10em;}
.fs22 {font-size: 2.20em;}
.fs23 {font-size: 2.30em;}
.fs24 {font-size: 2.40em;}
.fs25 {font-size: 2.50em;}
.fs30 {font-size: 3.00em;}

/* FONT WEIGHT */
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw600, .bold {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}

/* BANNER */
.banner {min-height: 60vh;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner-home {background-image: url('https://www.restaurantscene6.fr/images/banner-home.jpg');}
.banner-carte {background-image: url('https://www.restaurantscene6.fr/images/banner-carte.jpg');}
.banner-equipe {background-image: url('https://www.restaurantscene6.fr/images/banner-equipe.jpg');}
.banner-privatisation {background-image: url('https://www.restaurantscene6.fr/images/banner-privatisation.jpg');}
.banner .logo {height: 30vh;margin-left: 40px;}

/* INTRO */
.intro h1 {font-size: 2.80em;font-weight: 700;margin-bottom: 20px;}
.intro p {font-size: 1.40em;font-weight: 300;margin-bottom: 40px;}

/* VIGNETTE */
.vignette {margin: 0;padding: 0;height: 60vh;display: flex;justify-content: flex-start; align-items: end;background-size: cover;background-position: center;background-repeat: no-repeat;}
.bgcarte {background-image: url('https://www.restaurantscene6.fr/images/vignette-carte.jpg');}
.bghistoire {background-image: url('https://www.restaurantscene6.fr/images/vignette-histoire.jpg');}
.bgprivatisation {background-image: url('https://www.restaurantscene6.fr/images/vignette-privatisation.jpg');}
.vignette h3 {font-size: 2.50em; line-height: 0.95em; color: #FFFFFF;margin-left: 20px;margin-bottom: 20px;font-weight: 600;border-top: 2px dotted #ffffff;padding-top: 10px;}

/* TABS */
.nav-tabs-custom {background-color: #e6e6e6;}
.nav-tabs-custom li {text-transform:uppercase;font-size: 1.20rem;font-weight: 400;}
.nav-tabs-custom li .active {color: #cb7026;font-weight: 600;}
.nav-tabs-custom li a {color: #4f3b2d;text-decoration: none;}
.nav-tabs-custom li a:hover {color: #4f3b2d;}

/* CARTE */
.menu {padding: 10px 0px;border-bottom: 3px dotted #e0e0e0;}
.menu p {font-size: 1.20em;}
.menu .resume {font-size: 1.00em;font-weight: 400;}

/* CARTE */
.resa {padding: 10px 40px;display: inline-block;}
.resa p {}