/* Mentions Legales */
*{
    font-family: 'Montserra', sans-serif;
    color: #b5b5b5;
}
body{
    width: 100%;
    background-color: #151d29;
    position: relative;
    background: url(../img/bg_jean.jpg) no-repeat center fixed;
    box-sizing: border-box;
    -webkit-animation: slide 2s ease-in-out;
    background-size: cover;
}
main{
    max-width: 1400px;
    width: 100%;
    margin: auto;
    position: relative;
}
strong{
    color: #fff;
}

h1{
    text-align: center;
    color: #fff;
    font-weight: 400

}

h2, h3{
  color: #fff;
  font-weight: 400
}
a{
    color : #CDA687;
}

p{
  font-weight: lighter;
  font-size: 16px;

}
.animated {
    animation-duration: 1.5s;
    animation-fill-mode: both;
  }

@keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInDown {
    animation-name: fadeInDown;
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInUp {
    animation-name: fadeInUp;
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInLeft {
    animation-name: fadeInLeft;
  }

  #btn-return{
    font-size: 30px;
    position: sticky;
    top: 20px;
    left: 20px;
    z-index: 10;

  }
#terms-body .terms-container{
    
    
    text-align: left;
    padding-left: 25px;
    max-width: 600px;
    width: calc(100% - 40px);
    padding: 50px 20px 0;
}

p{
    line-height: 1.5em;
}

.process{
  font-style: italic;
  font-size: 12px;
}




.logo-bloc{
  /* width: 200px; */
  /* position: absolute;
  bottom: 10px;
  left: 20px;;
  color: #707072; */
  margin:50px 20px 10px
}
.logo-bloc a {
  text-decoration: none;
}
.logo-bloc a img{
  width:200px;
  vertical-align: top;
}

.logo-bloc i{
  color: #707072;
  font-size: 8px;
}

.logo-bloc #terms,
.logo-bloc #policy{
  color: #707072;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;

}

.logo-bloc p{
  display: inline;
}
.logo-bloc #separate_bloc{
  display: inline;
}


.header-bloc-responsive hr{
  display: none
}


@media screen and (max-width: 900px){
  h1{
  
  }  
  body {
        background: inherit;
        background-color: #161c28;
    }
    #terms-body .terms-container
    {
      padding-top: 0px;
      margin: auto;
    }
    #mentions-legales-body .mentions-legales-container{
        max-width: unset;
        padding: 0;
        margin: auto;
    }

   
    #btn-return{
        font-size: 20px;
        position: sticky;
        top: 20px;
        left: 20px;
      }

    
  .header-bloc-responsive{
    
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    padding-top:10px;
    padding-bottom: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,161c28+0,161c28+85,161c28+100&1+0,1+85,0+100 */
background: -moz-linear-gradient(top, rgba(22,28,40,1) 0%, rgba(22,28,40,1) 85%, rgba(22,28,40,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(22,28,40,1) 0%,rgba(22,28,40,1) 85%,rgba(22,28,40,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(22,28,40,1) 0%,rgba(22,28,40,1) 85%,rgba(22,28,40,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161c28', endColorstr='#00161c28',GradientType=0 ); /* IE6-9 */

}

.header-bloc-responsive hr{
    display: block
  }

  .logo-bloc{
    position: unset;
    
    text-align:center;
    margin-bottom: 20px;
  }
  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes slideBar {
    0%   {right: 0px;}
    50%  {right: 40px;}
    100% {right: 0px;}
  }
  /* Standard syntax */
  @keyframes slideBar {
    0%   {right: 0px;}
    50%  {right: 40px;}
    100% {right: 0px;}
  }

  .logo-bloc p{
    display: block;
    margin: 0;
  }
  .logo-bloc #separate_bloc{
    display: none;
  }


}

  /* **************** */