@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);
@import url(https://fonts.googleapis.com/css?family=Balthazar:300,600);
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: black; }

body {
  padding-top: 0px;
  background-color: black;
  color: white;
  font-family: 'Open Sans Condensed'; }

.section, .container {
  min-width: 1000px;
  overflow: visible; }

.navbar {
  background-color: black;
  color: white;
  font-family: "Balthazar";
  font-variant: small-caps;
  text-transform: lowercase;
  font-size: 22px;
  padding-top: 5px;
  height: 60px; }
  .navbar a {
    color: white; }
  .navbar .navbar-brand {
    padding: 5px 15px 5px 0px; }
  .navbar .active {
    background-color: #444; }

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

.triangle {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 22px; }

.back {
  position: relative;
  bottom: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg1.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg1.jpg', sizingMethod='scale')"; }

#homesection {
  padding: 60px 0px 85px; }
  #homesection .language {
    top: 20px;
    right: 20px;
    display: block;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute; }
  #homesection .back {
    background-image: url("../img/bg1.jpg");
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%; }
  #homesection #content {
    position: absolute;
    height: 750px;
    width: 750px;
    left: 50%;
    margin-left: -325px; }
  #homesection .titre {
    width: 750px;
    position: absolute;
    left: 50%;
    margin-left: -375px;
    top: 9%;
    text-align: center;
    display: block; }
    #homesection .titre img {
      display: inline-block;
      margin-bottom: 30px; }
  #homesection .highlight {
    text-transform: uppercase;
    color: white;
    text-align: center;
    font-size: 48px;
    position: absolute;
    width: 650px;
    left: 50%;
    margin-left: -325px;
    display: block;
    bottom: 10%; 
    line-height: 0.7em}
    #homesection .highlight .button {
      margin-top: 40px;
      width: 190px;
      margin-right: 20px;
      font-size: 24px; }
	#homesection .highlight .small {
	  font-size: 24px; }
  #homesection .button {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 8px 25px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 2px black;
    margin-top: 15px;
    border-radius: 3px;
    text-decoration: none; }
    #homesection .button:hover {
      color: white;
      opacity: 0.7;
      text-decoration: none; }
  #homesection .facebook {
    width: 143px;
    position: absolute;
    right: 20px;
    bottom: 17px; }

#youtube {
  padding-top: 10px;
  padding: 15px 0px 15px 0px;
  height: 100%;
  background-color: black;
  position: relative; }
  #youtube .container {
    height: 100%;
    position: relative; }
    #youtube .container .video {
      position: absolute;
      bottom: 140px;
      top: 20px;
      width: 100%; }
    #youtube .container .credits {
      bottom: 20px;
      position: absolute;
      text-align: center;
      width: 100%; }
      #youtube .container .credits img {
        display: inline; }

#storysection {
  color: black; }
  #storysection .back {
    background-color: white;
    background-image: url("../img/story-background.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 100%;
    background-size: auto; }
    @media screen and (max-height: 1040px) {
      #storysection .back {
        background-position: top center; } }
  #storysection .container {
    padding-top: 40px;
    font-family: 'Balthazar';
    line-height: 21px;
    font-size: 19px;
    font-variant: small-caps; }

#picturessection {
  color: black;
  padding-top: 3px;
  background-color: black; }
  #picturessection .carousel {
    height: 100%; }
    #picturessection .carousel .carousel-control {
      background-image: none !important;
      z-index: 15;
      margin-top: -15px;
      width: 10%; }
    #picturessection .carousel .carousel-nav {
      position: absolute;
      bottom: 40px;
      height: 100px;
      width: 100%;
      z-index: 15; }
      #picturessection .carousel .carousel-nav .carousel-thumbs {
        width: 80%;
        margin: 0px 10%;
        height: 100px;
        overflow: hidden; }
      #picturessection .carousel .carousel-nav .left span {
        left: auto;
        right: 10px; }
      #picturessection .carousel .carousel-nav .right span {
        left: 10px; }
    #picturessection .carousel .carousel-indicators {
      width: 4900px;
      margin-left: 0%;
      display: block;
      bottom: 33px;
      position: static;
      height: 200px;
      overflow: visible; }
      #picturessection .carousel .carousel-indicators .thumb {
        width: 140px;
        height: 93px;
        display: block;
        float: left;
        background-color: black;
        opacity: 0.8;
        margin: 3px 20px 0px 3px;
        border: none;
        border-radius: 0px; }
        #picturessection .carousel .carousel-indicators .thumb:hover img {
          opacity: 0.8;
          -webkit-transition: opacity 0.4s;
          /*adjust timing here */
          -moz-transition: opacity 0.4s;
          -o-transition: opacity 0.4s;
          transition: opacity 0.4s; }
        #picturessection .carousel .carousel-indicators .thumb.active {
          outline: 1px solid #fff; }
        #picturessection .carousel .carousel-indicators .thumb img {
          display: block;
          opacity: 0.5;
          -webkit-transition: opacity 0.4s;
          /*adjust timing here */
          -moz-transition: opacity 0.4s;
          -o-transition: opacity 0.4s;
          transition: opacity 0.4s; }
    #picturessection .carousel .carousel-inner {
      height: 100%; }
      #picturessection .carousel .carousel-inner .item {
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0 !important;
        -webkit-transition: opacity 0.4s;
        /*adjust timing here */
        -moz-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s; }

/* Fade controls with items */
.next.left,
.prev.right {
  opacity: 1;
  z-index: 1; }

.active.left,
.active.right {
  opacity: 0;
  z-index: 2; }

.controlArrow {
  display: none; }

.with-quote .quote {
  width: 400px;
  float: right;
  margin-top: 100px;
  margin-right: 120px;
  font-size: 18px;
  font-family: "Balthazar";
  font-variant: small-caps; }
  .with-quote .quote .quoted:before {
    float: left;
    margin-left: -0.7em;
    font-size: 90px; }
  .with-quote .quote .quoted:after {
    float: right;
    margin-right: -0.7em;
    font-size: 90px; }
  .with-quote .quote .quoted-en:before {
    content: '“';
    margin-top: -0.3em; }
  .with-quote .quote .quoted-en:after {
    content: '”';
    margin-top: -0.75em; }
  .with-quote .quote .quoted-fr:before {
    content: '«';
    margin-top: -0.5em; }
  .with-quote .quote .quoted-fr:after {
    content: '»';
    margin-top: -1.2em; }
  .with-quote .quote .author {
    text-align: right;
    font-size: 18px;
    margin-right: 50px; }
  .with-quote .quote span {
    margin-top: 40px;
    display: block; }

footer {
  color: white;
  background-color: black;
  padding: 0px 0px 10px 0px;
  position: fixed;
  bottom: 0px;
  height: 85px;
  width: 100%;
  z-index: 20;
  font-size: 10px; }
  footer p {
    font-family: 'Open Sans';
    text-transform: uppercase;
    margin-top: 5px; }
  footer .center {
    width: 960px;
    margin: 0px auto 0px auto; }
  footer .photographers {
    font-family: 'Open Sans';
    margin-top: 20px;
    font-size: 12px;
    text-align: right; }
    footer .photographers span {
      font-weight: 700; }