/* Thèmes
   ========================================================================== */

:root {
  --fond-page: #fafafa;                   /* Fond de page blanc */
  --fond-container: #fafafa;              /* Fond du contenu en gris très clair */
  --texte-normal: #333;                   /* Texte quasi noir */
  --texte-lien: #2962ff;                  /* Bleu pour les liens */
}

@media (prefers-color-scheme: dark) { :root {
  --fond-page: #222;                      /* Fond de page très noir */
  --fond-container: #222;                 /* Fond du contenu très noir aussi */
  --texte-normal: #eee;                   /* Texte très blanc */
  --texte-lien: #2962ff;                  /* Bleu pour les liens */
}}


/* Layout
   ========================================================================== */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 100%; /* => 16 px */
  font-weight: 400;
  line-height: 1.5;
}

body {
  background-color: var(--fond-page);
  color: var(--texte-normal);
  /* Disables pull-to-refresh but allows overscroll glow effects. */
  /* https://developers.google.com/web/updates/2017/11/overscroll-behavior */
  overscroll-behavior-y: contain;
}

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}


/* Presentation
   ========================================================================== */

.container {
  background-color: var(--fond-container);
  color: var(--texte-normal);
  padding: 20px;
}

.logo {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  overflow: hidden;
}

.logo img {
  height: 276px;
  width: 276px;
  border-radius: 50%;
}

.informations {
  background-color: var(--fond-container);
  color: var(--texte-normal);
}

.adresses {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:0;
}

a, a:hover, a:active, a:visited {
  color: var(--texte-lien);
  font-weight: bold;
}