body {
  margin:0;
  font-family:'Nunito Sans',sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:left;
  background-color:#fff;
  text-align:center;
  border:1px solid #ced4da;
}

.header {
  box-shadow:0 0 1px rgba(17,17,17,0.3),0 3px 10px rgba(17,17,17,0.5);
  z-index:1030;
  position:fixed;
  top:0;
  left:0;
  right:0;
}

@media (min-width: 768px) {
  .brand {
    display:none;
  }
}

@media (min-width: 300px) {
  .NAV {
    width:40%;
    display:inline-block;
    position:relative;
    left:-25px;
  }
}

@media (min-width: 768px) {
  .NAV {
    width:73%;
    display:inline-block;
  }
}

.options {
  display:inline-block;
  /*width:25%;*/
  float:RIGHT;
}

@media (min-width: 300px) {
  .options {
    display:inline-block;
    width:30%;
    float:RIGHT;
  }
}

@media (min-width: 768px) {
  .options {
    display:inline-block;
    width:27%;
    float:RIGHT;
  }
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color:#fff;
}

.navbar-light .navbar-brand {
  color:#fff;
  font-weight:700;
}

.navbar-light .navbar-nav .nav-link {
  color:#FFF;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color:#FFF;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color:#ffffff;
  font-weight:bold;
}

.title {
  font-weight:bold;
  color:#202124;
  font-size:56px;
}

@media (min-width: 300px) {
  .text {
    text-align:center;
  }
}

@media (min-width: 768px) {
  .text {
    text-align:left;
  }
}

.btn-light {
  color:#229ca9;
  background-color:#f8f9fa;
  border-color:#f8f9fa;
}

.btn-light:hover {
  color:#ffffff;
  background-color:#229ca9;
  border-color:#dae0e5;
}

.create {
  display:inline-block;
}

@media (max-width: 1200px) {
  .create {
    display:none;
  }
}

#second {
  display:none;
}

#first {
  display:none;
}

#huit {
  display:none;
}

#third {
  display:none;
}

#neuf {
  display:none;
}

#fourth {
  display:none;
}

#cinq {
  display:none;
}

#six {
  display:none;
}

#sept {
  display:none;
}

.detail {
  font-size:13px;
  font-weight:BOLD;
  color:#404040;
  text-overflow:ellipsis;
}

@media (min-width: 300px) {
  .nom {
    display:none;
  }
}

@media (min-width: 576px) {
  .nom {
    display:block;
  }
}