/* couleur sous menu  */
.t4-megamenu .dropdown-menu {
    background: #3D454C;
}

/* couleur sous menu - souris en survol */
.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > a:focus, .t4-megamenu .dropdown-menu li > a:active,
.t4-megamenu .dropdown-menu li > .nav-link:hover,
.t4-megamenu .dropdown-menu li > .nav-link:focus,
.t4-megamenu .dropdown-menu li > .nav-link:active,
.t4-megamenu .dropdown-menu li .dropdown-item:hover,
.t4-megamenu .dropdown-menu li .dropdown-item:focus,
.t4-megamenu .dropdown-menu li .dropdown-item:active {
  background-color: #30363C;
}

/* menu offcanvas - Titre - couleur de fond */
.t4-offcanvas .t4-off-canvas-header {
  background-color: #424A52;
  color: #ffffff;
  font-weight: bold;
}

/* menu offcanvas - Titre - couleur de fond de la croix */
.t4-offcanvas .t4-off-canvas-header .close:hover, .t4-offcanvas .t4-off-canvas-header .close:focus, .t4-offcanvas .t4-off-canvas-header .close:active {
  background-color: #DEDEDE;
}

/* menu offcanvas - couleur de fond */
.t4-offcanvas {
  background-color: #DEDEDE;
}

/* menu offcanvas - couleur du texte quand on passe avec la souris */
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover, .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:focus, .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:active,
.t4-offcanvas .t4-off-canvas-body .navbar .separator:hover,
.t4-offcanvas .t4-off-canvas-body .navbar .separator:focus,
.t4-offcanvas .t4-off-canvas-body .navbar .separator:active {
  color: #212529;
}