body {
  background: rgb(196, 196, 196);
  font-family: 'Source Sans Pro', sans-serif;
}

.index{
  margin-top: 2%;
}

.link:hover{
  color: #17a2b8;
  transition: all 0.5s;
}
.link{
  color: black;
  transition: all 0.5s;
}

.left{
  float:left!important;
}

.top{
  border-top-left-radius: 10px!important; 
  border-top-right-radius: 10px!important
}
.bottom{
  border-bottom-left-radius: 10px!important; 
  border-bottom-right-radius: 10px!important
}

.dropdown-menu{
  border-radius: 0%;
}

/* .carre{
  border-radius: 0%;
} */

/* .btn{
  border-radius: 0rem;
} */

.dashboard{
  background: #292d31;
  color: white;
  border-radius: 0%;
}


/* .form-control{border-radius: 0%}.modal-content{border-radius: 0%}.card{border-radius: 0%} */

/* Mise en page pour tablettes */
@media (max-width: 767px) {
  .navbar-brand-head {
      display: block;
      margin-left: auto;
      margin-right: auto
  }
}



/* Border X get width  */
div.borderXwidth .head:before, div.borderXwidth .head:after
{
  position: absolute;
  opacity: 0;
  width: 0%;
  height: 2px;
  content: '';
  background: #FFF;
  transition: all 0.3s;
}

div.borderXwidth .head:before
{
  left: 0px;
  top: 0px;
}

div.borderXwidth .head:after
{
  right: 0px;
  bottom: 0px;
}

div.borderXwidth .head:hover:before, div.borderXwidth .head:hover:after
{
  opacity: 1;
  width: 100%;
}


header span
{
  color: #222;
}

footer span
{
  color: #AAA;
}

div.contain
{
  margin-left: auto;
}

div.contain .head
{
  color: #FFF;
  margin: 0px 10px;
  padding: 10px 10px;
  position: relative;
  z-index: 0;
  cursor: pointer;
}
/* BTN */

.btn-outline-light:hover{
  color: #000000;
}