/* Encarts du blog Presse Finance.
 *
 * Ils reprennent les règles de forme du site : angles droits, ombre discrète, accent
 * #004AAD. Un encart qui détonne se lit comme une bannière collée sur la page ; celui-ci
 * doit avoir l'air d'appartenir au journal.
 *
 * La carte ENTIÈRE est cliquable, pas seulement le bouton : c'est un défaut relevé sur les
 * deux autres blogs, où le lecteur cliquait le titre sans que rien ne se passe.
 */
.pub-zone { margin: 28px 0; }
.pub-zone .mention {
  display: block;
  font-size: 11px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 6px;
}
.pub-lien {
  display: block;
  border: 1px solid #E2E5E8;
  border-left: 4px solid #004AAD;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  padding: 20px 22px;
  color: inherit;
  text-decoration: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.pub-lien:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, .14);
  border-left-color: #002C8F;
}
.pub-lien .pub-titre {
  display: block;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  color: #232323;
  letter-spacing: -.01em;
}
.pub-lien:hover .pub-titre { text-decoration: underline; text-decoration-color: #004AAD; }
.pub-lien .pub-texte {
  display: block;
  margin-top: 8px;
  font-size: 14.5px;
  line-height: 1.55;
  color: #555;
  max-width: 62ch;
}
.pub-lien .pub-bouton {
  display: inline-block;
  margin-top: 14px;
  padding: 9px 18px;
  background: #004AAD;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
}
.pub-lien:hover .pub-bouton { background: #002C8F; }

/* Dans la colonne de droite, l'encart est étroit : le texte y respire moins. */
#secondary .pub-lien { padding: 16px 18px; }
#secondary .pub-lien .pub-titre { font-size: 1rem; }
#secondary .pub-lien .pub-texte { font-size: 13.5px; }

@media screen and (max-width: 600px) {
  .pub-lien { padding: 16px 18px; }
  .pub-lien .pub-titre { font-size: 1.05rem; }
}