.vignette-photo{
  width: 650px;
  margin-top: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}

.text-vignette{
  width: 690px;
  margin-top: 110px;
  padding-left: 15px;
  padding-right: 15px;
}


@media only screen and (max-width:91.875rem){/*1470px*/

  .container{
    width: 1280px;
  }
  .vignette-photo{
    width: 550px;
  }
  .text-vignette{
    width: 550px;
  }
}
@media only screen and (max-width:83.75rem) { /*1340px*/

  .container{
    width: 100%;
  }
  .float-left,
  .float-right{
    float: none;
    display: block;
    margin: 0 auto;
  }
  .vignette-photo{
    width: 90%;
    margin-top: 20px;
  }
  .text-vignette{
    margin-top: 20px;
    width:90%;
  }
}

@media only screen and (max-width:63.125rem){ /*780px*//* Smartphone paysage */

}
@media only screen and (max-width:23.125rem){/*370px*//* Smartphone portrait */

}