/*
h1, h2, h3, h4, h5, h6 {
  color: red;
}
.container-header {
  background-color: darkgreen;
  background-image: none;
}
.container-topbar {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
*/
.custom /*vieux rose*/{
  --cassiopeia-color-primary: #8E303B;
  --cassiopeia-color-link: #a7404e;
  --cassiopeia-color-hover: #C04F60;
}
/*
https://web-eau.net/tutoriels-joomla/cassiopeia/changer-la-couleur-dune-page-dans-cassiopeia*/
.bw {
  --cassiopeia-color-primary: #000;
  --cassiopeia-color-hover: #999;
  --cassiopeia-color-link: #666;
}

.deg /*bleu-vert*/{
  --cassiopeia-color-primary: #00006f;
  --cassiopeia-color-link: #E13C1C;
  --cassiopeia-color-hover: #008080;
}
.custom1/*bleu*/ {
  --cassiopeia-color-primary: #191970;
  --cassiopeia-color-link: #0e90ff;
  --cassiopeia-color-hover: #225577;
}
.custom2 /*grenat-rose*/{
  --cassiopeia-color-primary: #55152D;
  --cassiopeia-color-link: #c52e2e;
  --cassiopeia-color-hover: #a53051;
}

footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}