body{
  font-family: Arial;
}
#subTitle{
  text-decoration: underline;
}

.textBlock{
  color: #323232;

}

.title{
  font-weight: bold;
	font-family: Arial;
	color: #9C8760;
  margin-bottom: 20px;
}

.highlight{
  color: #9C8760;
  font-weight: bold;
}

.citation{
  font-size: 17px;
}

.citationAuteur{
  color:#808080;
  overflow: auto;
  margin-bottom: 20px;
}

.citationPhone{
  display: none;
}

.auteur{
  float: right;
}



#hiddenText1, .hiddenText{
  display: none;
}

@media (max-width: 730px) {
  /*Phone*/
  .parcoursBlock{
    width: 100%;

  }

  .citation{
    margin-top: 20px;
    line-height: 25px;
	}

  .citationScreen{
    display: none;
  }

  .citationPhone{
    display: block;
  }

	.auteur{
		float: right;
	}

  #imgQui{
    width: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;

  }
  .textBlock{

    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 730px) {
  .parcoursBlock{
    float: left;

  }


  .citation{

  }

  .auteur{
    float: left;
    margin-left: 487px;
  }

  .textBlock{
    margin-bottom: 20px;
    width: 70%;
    padding-right: 2%;
    overflow: auto;
    font-size: 1.2vw;
  }

  .wrappImg{
    float: right;
    width: 30%;
    margin-top: 41px;
  }

  #imgQui{
    width: 47%;
    float: left;
  }



}