body {
  padding-bottom: 10px;
  color: #5a5a5a;
  background-image: url(../img/fond-paulove-.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-position-y: 590px;
  background-size: 1200px
}

.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin-top: 20px;
  margin-bottom: -90px
}

.navbar-wrapper .navbar {
  width: 1000px
}

.navbar .navbar-inner {
  border: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.navbar .brand {
  padding: 14px 20px 16px;
  font-size: 16px;
  font-weight: 700;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
  color: #FFF
}

.navbar .nav>li>a {
  padding: 15px 10px
}

.navbar .btn-navbar {
  margin-top: 10px
}

.carousel {
  margin-bottom: 60px
}

.carousel .container {
  position: relative;
  z-index: 9
}

.carousel-control {
  height: 80px;
  margin-top: 0;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  background-color: transparent;
  border: 0;
  z-index: 10
}

.carousel .item {
  height: 500px
}

.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
  display: block;
  max-width: 100%;
  width: 100%
}

.carousel-caption {
  background-color: transparent;
  position: static;
  max-width: 760px;
  padding: 0 20px;
  margin-top: 200px
}

.carousel-caption h1, .carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #333;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.carousel-caption .btn {
  margin-top: 10px
}

.marketing .span4 {
  text-align: left
}

.marketing h2 {
  font-weight: 400
}

.marketing .span4 p {
  margin-left: 10px;
  margin-right: 10px
}

.featurette-divider {
  margin: 80px 0
}

.featurette {
  padding-top: 120px;
  overflow: hidden
}

.featurette-image {
  margin-top: -120px
}

.featurette-image.pull-left {
  margin-right: 40px
}

.featurette-image.pull-right {
  margin-left: 40px
}

.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px
}

@media (max-width:979px) {
  .container.navbar-wrapper {
    margin-bottom: 0;
    width: auto
  }

  .navbar-inner {
    border-radius: 0;
    margin: -20px 0
  }

  .carousel .item {
    height: 500px
  }

  .carousel img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 500px
  }

  .featurette {
    height: auto;
    padding: 0
  }

  .featurette-image.pull-left, .featurette-image.pull-right {
    display: block;
    float: none;
    max-width: 40%;
    margin: 0 auto 20px
  }
}

@media (max-width:767px) {
  .navbar-inner {
    margin: -20px
  }

  .carousel {
    margin-left: -20px;
    margin-right: -20px
  }

  .carousel .item {
    height: 300px
  }

  .carousel img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 300px
  }

  .carousel-caption {
    width: 65%;
    padding: 0 70px;
    margin-top: 100px
  }

  .carousel-caption h1 {
    font-size: 30px
  }

  .carousel-caption .lead, .carousel-caption .btn {
    font-size: 18px
  }

  .marketing .span4+.span4 {
    margin-top: 20px
  }

  .featurette-heading {
    font-size: 30px
  }

  .featurette .lead {
    font-size: 18px;
    line-height: 1.5
  }
}

.row {
  margin-top: -60px
}

.jumbotron {
  margin: -40px 0 50px;
  text-align: center
}

.jumbotron .lead {
  font-size: 24px;
  line-height: 1.25;
  max-width: 900px;
  text-align: justify;
  padding-left: 15px
}

.jumbotron .lead2 {
  font-size: 20px;
  line-height: 1.25;
  max-width: 900px;
  text-align: justify;
  padding-left: 30px;
  margin-bottom: 20px
}

#paulove {
  border-bottom: 0;
  -moz-box-shadow: 0 1px 10px 0 #656565;
  -webkit-box-shadow: 0 1px 10px 0 #656565;
  -o-box-shadow: 0 1px 10px 0 #656565;
  box-shadow: 0 1px 10px 0 #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10)
}

#bienvenue {
  margin-top: 10px
}

#tableau {
  margin-top: 20px;
  -moz-column-count: 4;
  -moz-column-gap: 30px;
  -webkit-column-count: 4;
  -webkit-column-gap: 30px;
  column-count: 4;
  column-gap: 30px;
  text-align: left
}

#photo {
  margin-top: 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px
}
