/*
 * index.css
 * Règles de style pour le site Inter-Foyers Ruraux 
 */

@font-face {
  font-family: DMSans;
  src: url(https://foyersruraux.valleescevenoles.fr/DMSans-Regular.ttf);
}

html
{
    margin: 0;
    padding: 0;
    height: 100%;
    scroll-behavior: smooth;
    font-family: DMSans, sans-serif;
    font-size: 18px;
    background: lightgrey;
}

body
{
    margin: 0;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    background: white;
}

/*
 * En-tête
 */

h1
{
	  margin: 1em auto 0em auto;
    text-align: center;
    font-size: 40px;
}

h2 {
    margin: 1em 0 0 0;
    font-size: 1.5em;
}

img.entete {
    width: 100%;
}

.titre {
  position: absolute;
  margin-left: 0.3em;
  color: white;
  width: 100%;
  font-weight: 700;
  .grand_ecran {
	display: none;
  }
  img {
	width: 70px;
	margin: 1.5em 2em;
	position: absolute;
  }
  ul {
		margin: 0.3em;
		width: fit-content;
  li {
	  border-radius: 6px;
	  opacity: 0.8;
	  margin: 0;
	  padding: 0.1em;
	  width: fit-content;
    }
  }
}

/*
 * Contenu des pages
 */

article
{
	flex: 1 1 auto;
}

@media screen and (min-width: 1080px) {
	.titre .grand_ecran {
		display: block;
		padding: 40px 20px;
	}
}

/*
 * Pied de page
 */

footer
{
    flex: 0 1 40px;
    padding: 1em;
    border-top: 1px solid black;
    background-color: var(--bg-primary);
    color: var(--fg-primary);
    a {
			color: inherit
    }
}