#contentChronos{
  width:100%
}
#blocChronos{
  min-height:12em;
  width:100%;
  background-size: cover;
  background-position: center;
  position: relative;
}
.blocChronos{
  background-image: url("../img/bg_chrono@s.jpg");
}
.blocChronosInt{
  width:100%;
  height:100%;
  background-color:rgba(48,50,61,0.3);
  padding:1em 3em;
  min-height:20em;
}
#titreChronos{
  font-size:1.2em;
  font-family: 'Montserrat',sans-serif;
  text-align:center;
  color:white;
}
#contentChrono {
  padding: 1em 6em;
}
.blocChrono{
  background-color: white;
  width:12em;
  margin:auto;
  padding-top: 40px;
  font-family: 'Montserrat',sans-serif;
}
.chronoUsername{
  color:var(--color-yellow);
  text-align:center;
  font-size:.85em;
}
.chronoLien{
  background-color:var(--color);
  color:white;
  font-weight:700;
  text-align:center;
  text-decoration: none;
  font-size:.85em;
  cursor:pointer;
}
.chronoAvatar{
  margin-bottom: -37px;
}
.chronoAvatar>img{
    border-radius: 50%;
    width: 77px;
    height: 77px;
    margin: auto;
    display: block;
}
.chronoTermine {
  font-size: .8em;
  color: #464646;
}
.chronoNom {
  height: 5em;
  font-weight: 600;
  font-size: .9em;
  vertical-align: middle;
  display: table-cell;
  width:20em;
}
.chronoDate{
  color: #929292;
}
#texteAjout {
  color: #fff;
  font-size: 1.6em;
  text-align: center;
}
#texteAjout2 {
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}
#texteAjout3 {
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}
.imgAvatar {
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 66px;
    height: 66px;
}
.detailRea {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 0.9em;
    vertical-align: middle;
}
.note {
    color: #FFDA44;
}
.blocRea{
  text-align: center;
  color: var(--color);
}
.reaConditions,.reaDescription{
  font-size:0.9em;
}
.duree{
  width:95%;
}
#voirTous{
  color:white;
  cursor:pointer;
  font-size:.8em;
}
@media (min-width: 576px) {
  .blocChronos{
    background-image:url("../img/bg_chrono@s.jpg");
  }
  #titreChronos{
    font-size:1.4em;
  }
  #texteAjout {
    font-size: 2em;
  }
  #texteAjout2 {
    font-size: 1.8em;
  }
}
@media (min-width: 768px) {

  .blocChronos{
    background-image:url("../img/bg_chrono@s.jpg");
  }
  #titreChronos{
    font-size:1.6em;
  }
  #texteAjout {
    font-size: 2.2em;
    padding:0 2em;
  }
  #texteAjout2 {
    font-size: 1.6em;
    padding:0 2em;
  }
}

@media (min-width: 992px) {

  .blocChronos{
    background-image:url("../img/bg_chrono.jpg");
  }
  #titreChronos{
    font-size:1.8em;
  }
  #texteCreation {
    font-size: 2em;
    padding-left: 3em;
    padding-right:0;
    text-align: left;
  }
  #texteAjout3 {
    font-size: 1.6em;
  }
}

@media (min-width: 1200px) {
  #titreChronos{
    font-size:2em;
  }
  #texteAjout {
    font-size: 2.4em;
    padding-left: 4em;
  }
  #texteAjout2 {
    font-size: 2em;
    padding-left: 4em;
  }
  #texteAjout3 {
    font-size: 1.8em;
  }
}

@media (min-width: 1800px) {
  #blocChronosInt{
    padding:1em 10em;
  }
  #texteAjout {
    font-size: 2.5em;
    padding-left: 5em;
  }
  #texteAjout2 {
    font-size: 2.2em;
    padding-left: 7em;
  }
  #texteAjout3 {
    font-size: 2em;
  }
}
@media (min-width: 2200px) {

  #texteAjout {
    font-size: 3em;
    padding-left: 6em;
  }
  #texteAjout2 {
    font-size: 2.2em;
    padding-left: 8em;
  }
}