#fonctions {
  background-image: url("nsi/images/themes/fonction.jpg");
}

#dicos {
  background-image: url("nsi/images/themes/dico.jpg");
}
#sgbd {
  background-image: url("nsi/images/themes/bdd.jpg");
}
#poo {
  background-image: url("nsi/images/themes/poo.png");
}
#projeta {
  background-image: url("nsi/images/themes/project-management.jpg");
}
#recursivite {
  background-image: url("nsi/images/themes/recursive.jpg");
}
#listes {
  background-image: url("nsi/images/themes/train.png");
}

.espace {
  padding-top:110px;
}

nav {
  border-bottom: 1px solid black;
}
.bloc_menu{
  padding: 2px;
  padding-top:10px;
  margin: 2px;
  margin-bottom: 20px;
  font-family: 'lato';
  list-style: none;
  text-decoration: none;
  background-color: black;
  border: 1px;
  border-style: double;
  border-color: #f89d13;
  border-width:2px;
  border-radius: 5px;
  position: fixed;
}

/* Menu */
.menu {
  display: inline-block;
  color: white;
  text-align: center;
  list-style: none;
  margin: 2px;
  padding: 2px;
  text-align: center ;
}
.menu ul {
  margin: 1px;
}
.menu li {
  display: inline;
  border: 1px solid #600 ;
  margin-bottom: 1px ;
  margin-right: 1px ;
  color: #fff ;
}
.menu a::after {
  display: inline-block;
  content: '/';
  font-size: 80%;
  font-weight: bold;
  padding: 0 3px;
}

.menu li a, .page {
  padding: 4px 20px ;
  background: darkgoldenrod ;
  color: #fff ;
  border: 1px solid #600 ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
}
.menu li a:hover, .menu li a:focus, .menu li a:activ {
  text-decoration: underline ;
}




/* Leçons */

.lecon ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.lecon {
  display: inline-block;
  color: #f89d13;
  text-align: left;
}

.lecon a::after {
  display: inline-block;
  color: #000;
  font-size: 80%;
  font-weight: bold;
  padding: 0 3px;
}

/* Btn */
.btn{
    display: block;
    padding: 15px 20px;
    position: relative;
    background-size: cover;
    background-color:black;
}
/*
.btn:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right:8px solid transparent;
    border-top:10px solid #ff6f61;
    right: 15px;
    bottom: -10px;
    z-index: 9;

}
*/