/* COULEURS */
/*
Sont définie en global, parématrables dans l'admin :
- main_color_1
- main_color_2
*/
/* RESPONSIVE */
/* je sete des variale en utilisant celles de bootstrapo */
/* HEADEER */
/* couleur des textes */
/* Les chartes ont souvent 3 couleurs principales et pas 2 */
/* Maintenant on peut, à partir de ces 3 couleurs, définir les couleurs utilisées sur les différences composants */
/* Section annuaire fond formulaire */
/* FOOTER */
/* block dateSide */
.auteur {
  border: 2px solid #e4e4e4;
  padding: 30px;
  color: #595959;
  margin-bottom: 15px;
}
.auteur .auteur_img {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
.auteur .auteur_img img {
  width: 100%;
}
.auteur .auteur_content {
  width: 74%;
  display: inline-block;
  vertical-align: top;
  padding: 0px 20px;
  position: relative;
}
.auteur .auteur_content .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.auteur .auteur_content .title a {
  color: #595959;
}
.auteur .auteur_content .title a:hover {
  color: #23527c;
}
.auteur .auteur_content .auteur_link {
  display: inline-block;
  border: 2px solid #595959;
  padding: 10px 15px;
  font-weight: bold;
  color: #595959;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
}
.auteur .auteur_content_contact .title {
  margin-bottom: 0px;
}
@media (max-width: 767.98px) {
  .auteur .auteur_img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .auteur .auteur_img img {
    max-width: 150px;
  }
  .auteur .auteur_content {
    width: 100%;
    display: block;
  }
}