.metismenu.mod-menu 
{
  display: flex;
  flex-wrap: wrap;
}

.navbar-brand 
{
text-align: center;
width: 100%;
}

.vertical_menu_cg52_vert
{
  display:block ;
  float:center ;
  align-items: center ;
  width: 80% ;
  padding-left: 10px ;
  margin-left: auto ;
  margin-right: auto ;
  background-color: #76a91f ;
  border-radius: 5px ;
  color: white ;
  font-weight: bold ;
}

.vertical_menu_cg52_vert:hover
{
  text-decoration: none;
  background-color: #86bf22;
}

.vertical_menu_cg52_rouge
{
  display:block ;
  float:center ;
  align-items: center ;
  width: 80% ;
  padding-left: 10px ;
  margin-left: auto ;
  margin-right: auto ;
  background-color: #cc4466 ;
  border-radius: 5px ;
  color: white ;
  font-weight: bold;
}

.vertical_menu_cg52_rouge:hover
{
  text-decoration: none;
  background-color: #ff7799;
}

.vertical_menu_cg52
{
  display:block ;
  float:center ;
  align-items: center ;
  width: 80% ;
  padding-left: 10px ;
  margin-left: auto ;
  margin-right: auto ;
  background-color: #4466cc ;
  border-radius: 5px ;
  color: white ;
  font-weight: bold ;
}

.vertical_menu_cg52:hover
{
  text-decoration: none;
  background-color: #7799ff;
}

h1
{
  /*color: green;*/
  font-size:2em;
}

h2
{
  /*color : yellow;*/
  font-size:1.7em;
}

h3
{
  /*color: blue ;*/
  font-size:1.3em;
}

h4
{
/*  color: orange;*/
  font-size:1em;
}
/*
Les différentes couleurs sont mises pour permettre la mise au point – donc, quand c’est fait, on enlève ces couleurs (ou on les change !)
*/

/* Configuration de sous-menu */
.metismenu.mod-menu .mm-collapse 
{ 
  background: #3d5897;
  border: solid 0px white;
}

/* Couleurs des textes des sous-menus */
.metismenu.mod-menu .mm-collapse .metismenu-item a 
{ 
  background: #3d5897;
  color: #fff; 
}

/* Mettre en noir le fond de l'option active*/
.current
{
  background: #222;
}

/* Mettre en noir le fond de l'option active 
	- dans le cas de sous-menu actif*/
.active.deeper 
{
  background: #222;
}