/* Code de couleur personnalisé par Alain Michaud, suite à une recherche sur Internet dans
https://magazine.joomla.org/all-issues/september-2021/joomla-4-tweak-cassiopeia-with-a-top-banner-and-horizontal-navigation.
Nicolas, il n'est plus nécessaire de changer les couleurs. 
Par contre, voici Nicolas ce qu'il reste à faire pour personnaliser :
1. faire en sorte que le menu du haut (le dernier element de droite) ne disparaisse pas lorsqu'on utilise la fonction Zoom de notre écran.  Voir la différence avec le template que l'on utilise dans Joomla 3.*/

/* Banner Image */
.mybanner {
  min-width: 100%;
}
.container-banner .banner-overlay {
	height: 20vh;
}

/* Menu */

/* Changer la couleur lila par defaut de Cassioepi par une couleur de fond blanche */
.container-header {
    background-color: white;
    background-image: none;
}

/* Texte en bleu, ce bleu est le même que celui du logo de l´ADGMQ */
.container-header .mod-menu {
    color: #004c86;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: #004c86;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
    background-color: #eee;
}

/* Changement de la couleurmdu menu Hamburger puisquilmetait blanc et que la couleur dumfond est maintenant blanche */

.container-header .navbar-toggler {
    border: 1px solid #fff;
    color: #004c86;
    cursor: pointer;
}
/* Code mis par Alain pour changer la couleur du slogan */
.container-header .site-description {
    color: #004c86;
    font-size: 2rem;
    white-space: normal;
}
/* Code mis par Alain pour ajuster la taille des tags obtenus après une recherche */
.h3, h3 {
    font-size: calc(1rem);
}

/* Code mis par Nicolas pour faire en sorte que, dans un tableau numéroté, la centaine ait suffisamment de place à gauche pour s'afficher */
.metismenu-item {
	padding: 0 !important;
}

td {
  vertical-align: top;
}
ol li {
  margin-left: 10px;
}