aside{
  padding-top: 20px;
  padding-bottom: 30px;
  max-height: 100%;
  overflow: scroll;
}
footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 1002;
  font-size : 70%;
  padding: 5px;
}
footer .container{text-align: center;}
footer a {color: gray;}
footer a:hover {color: white; text-decoration: none;}
.zone {
  display : none;
 }
 .bouton-discipline:hover{ cursor: pointer;}
 .bouton-accueil:hover{ cursor: pointer;}
 li .nav-link:hover{ cursor: pointer;}
 li .nav-link{ color: #007BFF;}
.logo-dane{margin-right :20px;}
.visible{ display: inline;}
.cacher {display: none;}
.svg-container{
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}
.couleur1{color : #5882FA;}
.couleur2{color : #D0FA58;}
.menu-accueil {
  padding : 10px;
}
.cadre-filtrer{ margin-top : 10px;}
.credit{
  font-size : 85%;

}
#haut-page{position: absolute; top: -20px;}
.menu-menu ul li { border-bottom: solid 1px gray;}
.menu-menu ul li a:hover { background-color:  gray; color: white;}
.menu-menu ul li a.actif:hover { background-color:  #04B431; color: white;}

.entete-tel{margin-top: 20px;}

.liste-disciplines li{
  opacity: 0.3;
}
.liste-disciplines .actif{
  opacity: 1;
}

.ressources{list-style:none; padding: 0px; font-size: 90%;}
.ressources li {border-bottom : solid 1px #AAAAAA; padding: 5px;}
.ressources li:hover{background-color: gray;   color: white;}
.ressources li a:hover{text-decoration: none; color: white;}
.ressources li:hover a{text-decoration: none; color: white;}


.bouton-grille.actif {background-color: #A9F5BC;}
.navbar .bouton-grille.actif { color: gray;}
.bouton-etape.actif {background-color: #A9F5BC;}
.navbar .bouton-etape.actif { color: gray;}
.texte-etape-grille{font-size: 90%;}
.zoom{
  position: absolute;
  text-align: right;
  right: 0px;
  top: 20px;
  font-size: 150%;
}