body, html {
  height: 100%;
  font-family: sans-serif;
  padding:0;
  margin:0;
}



  div.relative {
      position: fixed;
      right: 15px;
      top:20px;
      z-index:999;

  }


  .icone {
    display: block;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-image: url("icone-sprite.png?sha512");
    text-indent: -9999em;
  }

  .icone.icone-partage-twitter {
    background-position: -30px 0;
  }

  .icone.icone-partage-facebook {
    background-position: -60px 0;
  }

  .bouton.bouton-partage .bouton-texte, .bouton.bouton-follow .bouton-texte, .bouton.bouton-tumblr .bouton-texte {
    display: none;
  }

  .parallax [class*="bg__"] {
    position: relative;
    height: 100vh;
    text-indent: -9999px;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
  }
  .parallax [class*="bg__"]:nth-child(2n) {
    box-shadow: inset 0 0 1em #111;
  }
  .parallax .bg__foo, .parallax .bg__bazz {
    height: 100vh;
  }


  img {
    display:block;
  }

  .parallax .bg__fooa {
    color: #FFF;
    text-indent: 0px;
    text-align:center;
    /*background-image: url(img1a.png?fsfs);*/
    background-color: #7da7d9;
    line-height: 130%;

  }
  .parallax .bg__fooa .texte h1{
    visibility: hidden;
  }
  .parallax .bg__fooa .texte{
    max-width: 960px;
    margin:0 auto;
    text-align: justify;
    padding: 10px 20px;
  }
  .parallax .bg__fooa .texte p{
    font-size: 16px;
  }

  .parallax .capture {
    float: right;
    width: 200px;
    padding: 1em;
    margin: -1.5em 1em 0 0;
    text-indent: 0;
    background: rgba(243, 243, 243, 0.75);
    box-shadow: 0 1px 0.125em #333;
  }

  article .container {
    width: 600px;
    margin: 0 auto;
  }
  article header {
    position: relative;
    margin: -5em 0 0 0;
    padding: 1em;
    text-align: left;
    font-size: 2em;
    color: #333;

  }
  article h1, article h2 {
    margin: 0 0 0.333em;
  }
  article section {
    padding: 3em;
  }
  article section.parallax {
    margin: 0;
    padding: 0;
  }

  a, a:visited, a:active {
    color: #f66;
  }

  .parallax .bg__fooa .texte{
    max-width: 960px;
    margin:0 auto;
    text-align: justify;
    padding: 10px 20px;
    color:#FFF;
  }
  .parallax .bg__foob {
    background-image: url(img1b.png);
  }
  .parallax .bg__bar {
    background-image: url(img2.png);
  }
  .parallax .bg__baz {
    background-image: url(img3.png);
  }

  .parallax .bg__bazz {
    background-image: url(img4.png);
  }

  .parallax .bg__far {
    background-image: url(img5.png);
  }

  .parallax .bg__faro {
    background-image: url(img6.png);
  }
  .parallax .bg__break {

    background-image: url(img7.png);
  }