body {
  padding-top: 0px;

}

h1 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 26px !important;
}

#information_img {
  background-image: url(../../ressources/img/fond_canvas.jpg); 
  background-repeat: no-repeat;
  background-size:contain;
  background-position:center;
  -moz-border-radius:10px 10px;
  -webkit-border-radius:10px  10px;
  border-radius:10px 10px;
  background-size: 100%;
}


#chartinformation {
  padding: 20px;
}

.nav-top-custom {
  padding: 5px;
  margin-bottom: 30px;
}
/*
.information {
  color: #5CB85C;
}*/

.tooltip.top .tooltip-inner {
    background-color:white;
    color: black;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #555;
}
.tooltip.top .tooltip-arrow {
      border-top-color: white;
      box-shadow: 1px 1px 12px #555;
}

.btn-img {
   background: none;
  padding: 5px 5px;
  outline: none;
  border: 0px;
}


.btn-img:active {
  border-style: outset;
}

.footer {
  background-color: #F8F8F8; 
  border-top: 1px solid #E7E7E7; 
  margin-top: 20px;
  text-align: center;
}

.footer-bottom {
  background-color: #E7E7E7;
  margin: 0px;
  padding: 0px;
}

#custom-bootstrap-menu.navbar-default .navbar-left {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(248, 248, 248, 1);
    border-width: 1px;
    border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(179, 179, 179, 0.57);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:active {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(179, 179, 179, 0.57);
}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
}

.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

/* EXAMPLE 5 - Logo with Text*/
#custom-bootstrap-menu .navbar-brand {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

#custom-bootstrap-menu .navbar-brand>img {
  padding: 7px 14px;
}


.navbar-left {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

.card-box-title {
  background-color: #E7E7E7;
  color: grey;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.flash-message {
  text-align: center;
}

.toto {
  width: 100%;
}