body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: #f6f6f6;
      color: #111;
	  background: #DDD;
    }

    .page {
      max-width: 720px;
      margin: auto;
      padding: 1.5rem;
      background: #bfcedb;
	  text-align: center;
    }

    h1 {
      font-size: 1.6rem;
      margin-bottom: 0.5rem;
    }

    h2 {
      font-size: 1.15rem;
      margin-top: 1.5rem;
      margin-bottom: 0.4rem;
    }

    p {
      margin: 0.4rem 0 0.9rem 0;
      line-height: 1.5;
    }

    ul {
      margin: 0.3rem 0 0.9rem 1.1rem;
    }

    .tagline {
      font-weight: bold;
      margin-bottom: 1.2rem;
    }

    .contact {
      margin-top: 1.2rem;
      font-weight: bold;
		text-align: center;
    }

    .note {
		-margin-top: 1.2rem;
		font-size: 0.85rem;
		color: #991d1d;
		font-style: italic;
		text-align: center;
    }
	div#encart {
		background: #b4b6b4;
		border-radius: 10px;
		padding: 21px;
		text-decoration: none;
		border: outset;
	}

    @media (max-width: 600px) {
      h1 { font-size: 1.4rem; }
    }
.bouton {
    background: #d5d5d5;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    border: outset;
    font-weight: 600;
}
.bouton a {
	text-decoration : none;
}

.associations-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  border: outset 5px;
  font-size: 1.2rem;
  font-weight: 900;
}

.association-row {
  transition: background-color 0.2s ease;
    text-align: center;
	background: #FFF;
}

.-association-row:nth-child(odd) {
	background: #EEE;
}
.-association-row:nth-child(even) {
	background: #DDD;
}
.association-link-cell {
    text-align: left;
    padding: 2rem;
}

.association-row:hover {
  background-color: #f3f5f7;
}

.association-logo {
  max-width: 20vw;
  max-height: 10vh;
  height: auto;
  padding: 1rem;
}

.association-link {
  text-decoration: none;
  font-weight: 500;
}