/* =============================================================================
   PIED DE PAGE — themes/eman/common/footer.php
   =============================================================================
   Une des trois zones de la page, avec la barre de menu (menu.css) et le
   contenu (style.css). Ce fichier contient TOUT le pied de page et rien
   d'autre.

   Convention : toutes les regles sont prefixees par `.site-footer`.
   Deux niveaux, jamais plus. La structure produite par footer.php :

     footer.site-footer
       ul.site-footer__links      les liens de service (contact, mentions...)
       ul.site-footer__logos      les logos des institutions
       div.site-footer__text      texte libre + copyright (config du theme)
       p.site-footer__credits     « Site realise a partir d'Omeka... »
   ========================================================================== */


/* !---------- La bande -------------------------------------------------------- */

/* La bande elle-meme : fond, filet de separation d'avec le contenu,
   rembourrage. */
.site-footer {
  margin-top: 1.5em;
  padding: 1.5em 16px 0.5em;
  background-color: var(--eman-papier);
  background-image: url(../images/seamless_paper_texture.png);
  border-top: 1px solid var(--eman-filet);
  text-align: center;
}

.site-footer:empty {
  display: none;
}


/* !---------- Les trois listes ------------------------------------------------- */

/* Les deux rangees centrees : liens de service et logos d'institutions. */
.site-footer__links,
.site-footer__logos {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}

.site-footer__links li,
.site-footer__logos li {
  display: inline-block;
  padding: 0 1%;
}

.site-footer__logos img {
  height: 60px;
  width: auto;
}


/* !---------- Textes ----------------------------------------------------------- */

.site-footer__text p,
.site-footer__credits {
  margin: 0 0 0.75em;
}


/* !---------- Grands ecrans ---------------------------------------------------- */

/* Retrait lateral du contenu de la bande, aligne sur #content. */
@media screen and (min-width: 768px) {
  .site-footer {
    padding-left: 8.47458%;
    padding-right: 8.47458%;
  }
}