html,
body {
  background: #231f20;
  color: #FFF;
  width: 100%; }

section {
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  background-position: center top; }

h1 {
  color: #a0a0a0;
  font-family: "Autobahn-Vector";
  font-size: 2em;
  font-style: normal;
  font-weight: 300;
  margin: 0;
  margin-left: 5px; }

p {
  font-family: "Arial",Georgia,Serif;
  font-size: 14px;
  color: #BBB; }

h3 {
  font-family: "Arial",Georgia,Serif;
  font-size: 18px;
  color: #a0a0a0; }

ul {
  list-style: none; }

hr {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  border: 0;
  border-bottom: 1px solid #e21a22; }

a {
  color: #a0a0a0;
  font-weight: bold; }

a:hover {
  color: #e21a22;
  text-decoration: none; }

/* Center Embedded youtube videos */
iframe {
  margin-left: auto;
  display: block;
  margin-right: auto; }

/* Bootstrap hooks -----------------------------------------------------------*/
.row {
  margin-left: 0;
  margin-right: 0; }

.container {
  padding: 0;
  margin: 0; }

/* Fixed top-left menu -------------------------------------------------------*/
#TopLeftMenu {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  z-index: 900; }

#lang-switch {
  position: fixed;
  top: 218px;
  left: 9px;
  width: 30px;
  height: 22.5px;
  z-index: 900; }

#lang-switch-mobile {
  position: fixed;
  top: 9px;
  right: 9px;
  width: 30px;
  height: 22.5px;
  z-index: 1100; }

#navigationMap {
  position: fixed;
  top: 130px;
  left: 10px;
  width: 140px;
  height: 40px;
  z-index: 900; }

.links-to-floor li.selected a {
  background: #a0a0a0 !important;
  border: solid 2px #24201a; }

#navigationMap ul li a {
  background: #e21a22;
  height: 10px;
  width: 10px;
  border-radius: 2px;
  position: fixed; }

#navigationMap .ascensorLink1 {
  margin-left: 20px; }

#navigationMap .ascensorLink2 {
  margin-top: 20px; }

#navigationMap .ascensorLink3 {
  margin-top: 20px;
  margin-left: 20px; }

#navigationMap .ascensorLink4 {
  margin-top: 40px; }

#navigationMap .ascensorLink5 {
  margin-top: 40px;
  margin-left: 20px; }

#navigationMap .ascensorLink6 {
  margin-top: 60px; }

#navigationMap .ascensorLink7 {
  margin-top: 60px;
  margin-left: 20px; }

#navigationMap .ascensorLinkActive {
  background: #FFF; }

#navigationMap .ascensorLink:hover {
  background: #a0a0a0;
  border: solid 2px #24201a; }

#navigationMap .ascensorLinkNext {
  position: fixed;
  top: 20px;
  left: 20px; }

#navigationMap .ascensorLinkPrev {
  position: fixed;
  top: 50px;
  left: 20px; }

#ascensorBuilding {
  overflow: hidden; }

.logoReverb {
  margin-left: 0px;
  display: block;
  width: 32px;
  height: 30px; }

.logoTwitter {
  margin-left: 0px;
  display: block;
  width: 32px;
  height: 32px; }

.logoFb {
  margin-left: 3px;
  display: block;
  width: 23px;
  height: 34px; }

/**
 * Dragdealer JS v0.9.5
 * http://code.ovidiu.ch/dragdealer-js
 *
 * Copyright (c) 2010, Ovidiu Chereches
 * MIT License
 * http://legal.ovidiu.ch/licenses/MIT
 */
.dragdealer {
  position: relative;
  height: 30px;
  /*background: #EEE;*/ }

.dragdealer .handle {
  position: absolute;
  cursor: pointer; }

.dragdealer .red-bar {
  width: 100px;
  height: 30px;
  background: #CC0000;
  /*color: #FFF;*/
  line-height: 30px;
  text-align: center; }

.dragdealer .disabled {
  background: #898989; }

.top-spaced {
  margin-top: 25px; }

.right-float {
  float: right; }

.rounded-cornered,
.rounded-cornered .handle {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.dragdealer {
  width: auto; }

.scroll-bar {
  width: 10px;
  height: 400px; }

.scroll-bar .handle {
  width: 10px;
  height: 54px; }

.scroll-mask {
  height: 400px;
  overflow: hidden; }

.scroll-content > ul {
  padding: 10px; }

.scroll-content > ul > li {
  margin-bottom: 3px; }

.backLink {
  position: absolute;
  z-index: 10;
  height: 30px;
  width: 100%;
  text-align: right; }

.backLink > hr {
  margin-bottom: 20px; }

/* Loader --------------------------------------------------------------------*/
#loaderMask {
  position: relative;
  margin: auto;
  text-align: center;
  padding-top: 20%;
  font-family: "Arial",Georgia,Serif;
  font-size: 70px; }

#loaderMask span {
  font-size: 1em;
  color: #FFF; }

#loaderMask p {
  color: #FFF; }

/* Dates ---------------------------------------------------------------------*/
.DateDate {
  color: #e21a22;
  font-weight: bold;
  margin: 0;
  margin-right: 4px; }

.DateDetail {
  color: #BBB; }

.DateTickets {
  color: #a0a0a0; }

/* News ----------------------------------------------------------------------*/
.NewsDate {
  color: #e21a22;
  font-weight: bold;
  margin: 0;
  margin-right: 4px;
  font-size: 10px; }

.NewsTitle {
  font-size: 18px;
  color: #a0a0a0; }

.NewsContent > img {
  float: right;
  display: block;
  margin-left: 10px;
  margin-bottom: 8px; }

.NewsImg {
  margin: 15px 0 0 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px; }

.NewsImgCenter {
  width: 400px; }

/* Bio -----------------------------------------------------------------------*/
.pBio {
  padding-left: 5px;
  padding-right: 5px; }

/**/
.containerArticle {
  width: 800px;
  height: 460px;
  margin-top: -230px;
  margin-left: -400px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
  padding: 0;
  overflow: hidden; }

.articleLoader {
  width: 800px;
  height: 460px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6) url(../images/ajax-loader.gif) no-repeat center;
  z-index: 500;
  display: none; }

/* Menu ----------------------------------------------------------------------*/
#menu {
  bottom: 0;
  color: white;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 500;
  background: #231f20; }

#menu #nav, #menu #navLeft {
  display: inline-block;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  text-align: left;
  z-index: 2; }

#menu #nav > li, #menu #navLeft > li {
  display: inline-block;
  float: left;
  font-family: "Autobahn-Vector";
  font-size: 2em;
  font-style: normal;
  font-weight: 300;
  line-height: 5em; }

#menu #navLeft > li {
  font-family: "Arial",Georgia,Serif;
  float: right; }

#menu #nav > li > a {
  color: #a0a0a0;
  display: block;
  float: left;
  line-height: 48px;
  height: 50px;
  padding: 0 18px;
  position: relative;
  text-decoration: none;
  font-weight: normal; }

#menu #nav > li > a:hover, #menu #nav > li.selected > a {
  color: #e21a22; }

  #Home {
    background-image: url(../images/fd-site_fr.jpg);
    background-size: 100%;
    -moz-background-size: cover;
    background-position: center;}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #Home {
    background-image: url(../images/fd-site_fr.jpg); }
  #News {
    background-image: url(../images/photo-fouleguit.jpg); }

  #Bio {
    background-image: url(../images/photo-studio.jpg); }

  #Dates {
    background-image: url(../images/photo-live.jpg); }

  #Disco {
    background-image: url(../images/photo-guit.jpg); }

  #Photos {
    background-image: url(../images/photo-live2.jpg); }

  #Videos {
    background-image: url(../images/photo-slam.jpg); }

  #Contact {
    background-image: url(../images/photo-stef.jpg); } }
.imgHome {
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute; }

.thumbnail {
  background-color: transparent;
  border: 0; }

/* Photos --------------------------------------------------------------------*/
#ContentPhotosBack {
  display: none; }

.imgPhotoAlbum {
  cursor: pointer;
  max-height: 140px; }

.ThumbnailPhotoAlbum {
  height: 210px; }

.linkVideos,
.tj_videoClips {
  color: #a0a0a0; }

.tj_videoClips > img,
.linkVideos > img,
.tj_video > img {
  margin: auto;
  display: block; }

.thumbnail .caption,
.tj_videoDesc {
  color: #a0a0a0; }

/* Disco ---------------------------------------------------------------------*/
#ContentDiscoBack {
  display: none; }

.imgDisco {
  cursor: pointer;
  max-height: 140px; }

.ThumbnailDisco {
  height: 210px; }

.BoldCreme {
  font-weight: bold;
  color: #a0a0a0; }

.NormalGrey {
  color: #BBB; }

/***/
#menuMobile .nav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 40px;
  z-index: 900;
  font-family: "Autobahn-Vector";
  font-size: 2em;
  font-style: normal;
  font-weight: 300;
  color: #FFF;
  background: rgba(0, 0, 0, 0.8); }

#menuMobile .nav li.dropdown.open > .dropdown-toggle,
#menuMobile .nav li.dropdown.active > .dropdown-toggle,
#menuMobile .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent; }

.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.8); }

.dropdown-menu > .active {
  color: #FFF; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: transparent;
  background-image: none;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  color: #FFF; }

.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #e21a22; }

.dropdown-menu > li > a {
  font-style: normal;
  font-weight: 300; }

.nav .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF; }

.nav a:hover .caret {
  border-top-color: #e21a22;
  border-bottom-color: #e21a22; }

.nav > li > a {
  padding: 0;
  margin: 0;
  margin-left: 10px;
  font-weight: 300; }

.nav > li > a:hover,
.nav > li > a:focus {
  color: #e21a22;
  background-color: transparent; }

/* Clearfix ------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

/*# sourceMappingURL=app.css.map */