/* tiragetarotdominique.com — ossature du gabarit 01-blog-perso (carnet).
   Ce qui la distingue d'ultimavoyance.fr n'est pas la couleur mais la STRUCTURE :
   bandeau et scene d'ouverture fondus dans un meme bloc pleine largeur, corps de
   page en colonne centrale etroite avec lettrine et exergue, filet orne entre les
   sections, notices en grille de trois, section d'envoi centree.
   Vocabulaire de classes propre au site. */

:root{
  --encre:#16120c; --encre_doux:#2a2119; --papier:#fbf7ee; --papier_creuse:#f3ece0;
  --ocre:#a97a2e; --ocre_pale:#d8bc7c; --bleu_encre:#2e3f56; --plume:#6d6354;
  --filet:#e0d5c0;
}
*{-webkit-font-smoothing:antialiased}
body{background:var(--papier);color:var(--encre);font-family:'Barlow',system-ui,sans-serif;
  font-weight:300;font-size:17px;line-height:1.78}
h1,h2,h3,h4{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;letter-spacing:-.005em}
a{color:var(--bleu_encre);text-decoration:none;border-bottom:1px solid rgba(169,122,46,.32);
  transition:border-color .2s,color .2s}
a:hover{color:var(--ocre);border-bottom-color:var(--ocre)}

/* ---- enseigne, fondue dans la scene ---- */
.enseigne{position:relative;z-index:3;padding:26px 0}
.enseigne_marque{display:flex;align-items:baseline;gap:14px}
.enseigne_nom{font-family:'Libre Baskerville',serif;font-size:1.32rem;font-weight:700;color:#fff;
  letter-spacing:.01em;border:0}
.enseigne_nom em{font-style:normal;color:var(--ocre_pale)}
.enseigne_filet{flex:1;height:1px;max-width:110px;
  background:linear-gradient(90deg,rgba(216,188,124,.55),transparent)}
.enseigne_menu a{color:rgba(255,255,255,.7);font-size:.76rem;letter-spacing:.15em;
  text-transform:uppercase;margin-left:24px;border:0}
.enseigne_menu a:hover{color:var(--ocre_pale)}

/* ---- portail : bandeau + ouverture dans un seul bloc ---- */
.portail{position:relative;background:var(--encre);color:#f2e9da;overflow:hidden;padding-bottom:74px}
.portail:before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 78% 12%,rgba(169,122,46,.22),transparent 58%),
             radial-gradient(90% 70% at 8% 92%,rgba(46,63,86,.28),transparent 60%)}
.portail_grain{position:absolute;inset:0;opacity:.05;
  background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px}
.portail_dedans{position:relative;z-index:2}
.mention_haute{font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ocre_pale);
  margin-bottom:20px}
.portail_titre{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.12;color:#fbf4e6;margin-bottom:22px;
  font-weight:700}
.portail_titre i{font-style:italic;font-weight:400;color:var(--ocre_pale)}
.portail_chapo{font-size:1.06rem;color:rgba(242,233,218,.78);max-width:34rem;font-weight:300}
.portail_pied{margin-top:28px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(242,233,218,.4)}
.planche{width:100%;height:auto;display:block;border-radius:3px;background:var(--encre_doux);
  box-shadow:0 18px 44px rgba(0,0,0,.45)}

/* ---- colonne de texte, etroite et centree ---- */
.colonne_texte{padding:74px 0 20px}
.colonne_texte p{margin-bottom:1.4rem;color:var(--encre_doux)}
.lettrine:first-letter{font-family:'Libre Baskerville',serif;font-size:3.7rem;line-height:.84;
  float:left;margin:9px 13px 0 0;color:var(--ocre);font-weight:700}
.exergue{font-family:'Libre Baskerville',serif;font-size:1.32rem;line-height:1.55;color:var(--encre);
  border-left:2px solid var(--ocre);padding-left:26px;margin:36px 0}
.colonne_texte h2{font-size:1.72rem;margin:52px 0 16px}
.colonne_texte h3{font-size:1.06rem;margin:28px 0 9px;color:var(--bleu_encre);
  font-family:'Barlow',sans-serif;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.colonne_texte h4{font-size:1rem;margin:20px 0 7px}
.colonne_texte ul,.colonne_texte ol{margin-bottom:1.3rem}
.colonne_texte li{margin-bottom:.45rem}

.filet_orne{display:flex;align-items:center;gap:16px;color:var(--ocre);margin:58px 0 40px}
.filet_orne:before,.filet_orne:after{content:"";flex:1;height:1px;background:var(--filet)}
.filet_orne span{font-size:.86rem;letter-spacing:.38em}

.encart_releve{background:var(--papier_creuse);border-left:3px solid var(--ocre);padding:18px 24px;
  margin:30px 0;font-size:.97rem}
.encart_garde{background:#fff;border:1px solid var(--filet);padding:16px 22px;margin:26px 0;
  font-size:.94rem;color:var(--plume)}
.bloc_reperes{border:1px solid var(--filet);background:#fff;margin:28px 0}
.bloc_reperes dl{margin:0;padding:6px 0}
.bloc_reperes dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ocre);
  font-weight:600;padding:13px 22px 0}
.bloc_reperes dd{margin:0;padding:3px 22px 13px;font-size:.94rem;border-bottom:1px solid var(--papier_creuse)}
.bloc_reperes dd:last-child{border-bottom:none}
.tableau_donnees{width:100%;font-size:.92rem;margin:26px 0;border-collapse:collapse}
.tableau_donnees th{background:var(--encre);color:#efe4d0;text-align:left;padding:11px 14px;
  font-weight:600;font-size:.82rem}
.tableau_donnees td{padding:11px 14px;border-bottom:1px solid var(--filet);vertical-align:top}

/* ---- notices, en grille de trois ---- */
.serie_titre{font-size:1.85rem;margin-bottom:8px}
.serie_sous{color:var(--plume);font-size:.95rem;margin-bottom:36px}
.notice{background:#fff;border:1px solid var(--filet);height:100%;display:flex;flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s}
.notice:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(22,18,12,.1);
  border-color:var(--ocre_pale)}
.notice_vitre{background:var(--encre);overflow:hidden;display:block;border:0;cursor:pointer}
.notice_vitre img{width:100%;height:auto;display:block;
  transition:transform .35s ease,filter .35s ease}
.notice:hover .notice_vitre img{transform:scale(1.035);filter:brightness(1.06)}
.notice_dedans{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.notice_mention{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ocre);
  margin-bottom:10px}
.notice_titre{font-size:1.28rem;line-height:1.26;margin-bottom:11px}
.notice_titre a{color:var(--encre);border:0}
.notice_titre a:hover{color:var(--ocre)}
.notice_extrait{color:var(--plume);font-size:.94rem;flex:1;margin-bottom:15px}
.notice_suite{font-size:.79rem;letter-spacing:.13em;text-transform:uppercase;color:var(--bleu_encre);
  border:0}
.notice_suite:after{content:" \2192"}

/* ---- renvoi vers le site decrit ---- */
.renvoi{background:var(--encre);color:#ded3bb;padding:26px 28px;margin:34px 0 6px}
.renvoi p{margin:0 0 14px;font-size:.97rem;color:#ded3bb}
.renvoi_bouton{display:inline-block;background:var(--ocre);color:#1a150d;font-weight:600;
  font-size:.92rem;padding:12px 24px;border:0}
.renvoi_bouton:hover{background:#c08f39;color:#1a150d;border:0}
.renvoi small{display:block;margin-top:12px;font-size:.78rem;color:#8e836c}

/* ---- envoi et bas de page ---- */
.envoi{background:var(--papier_creuse);border-top:1px solid var(--filet);
  border-bottom:1px solid var(--filet);padding:58px 0;margin-top:72px}
.envoi h2{font-size:1.7rem;margin-bottom:14px}
.envoi p{color:var(--plume);max-width:38rem;margin:0 auto}
.bas_page{padding:38px 0 44px;font-size:.86rem;color:var(--plume)}