.navbar .navbar-brand {
  font-size: 1em !important;
}

.card .map {
margin-left: 5px;
padding-left:50px;
height: 1000px;
padding-right:50px;
}

.legend{
position: absolute;
background:linear-gradient(to right, #0575e6, #00f260);

color: #fff;
z-index: 5;
bottom: 10px;
margin: 110px;
padding:5px;
}
.legend table{
position: relative;
}

.legend h4{
margin-top: 5px;
}

.legend .tbl td{
border: 0;
line-height: 0em;
/* width : 50px; */
height : 10px;
}
.legend-gie{
background:linear-gradient(to right, #3ca55c, #b5ac49) !important;
}

.small-header {
  height: 170px !important;
  padding-top: 60px !important;
  padding-bottom: 45px !important;
}

.nav-pills .nav-link.active, .show>.nav-pills .nav-link {
  color: #fff;
  background-color: #0c2646;
}
.table > thead > tr > th {
font-size: 0.8em;
}

.card .card-header .card-title {
  margin-top: -5px;
}
.card-title {
  margin-bottom: -0.25rem;
}

.popover{
max-width: 600px;
border: 1px solid #0c2646;
}
.popover .popover-header{
background: linear-gradient(to right, #fc466b, #2741c5);
color: #fff;
}
.popover .popover-body img {
margin: 10px;
}
.popover .popover-body div:after{
clear: both;
display: table;
content: '';
}

.popover .popover-body div img {
float: left;
width: 46%;
}
.popover .popover-body div table {
width: 100%;
}

.mytab td:nth-child(1){
font-weight: bold;
}

.mytab td{
border-top: 0;
}
/*
.mytab > tbody > tr > td{
  padding: 5px 7px;

}
*/

.carousel-control-next-icon, .carousel-control-prev-icon{
width: 50px;
height: 50px;
}

.main-panel > .content, .footer{
padding-bottom: 0 !important;
}


@media screen and (max-width: 576px) {
.legend {
  display: none;
}
.navbar .navbar-brand {
  text-overflow: ellipsis;
}

}

.mept{
font-weight: bold;
/* font-size: 53px; */
text-align:center;
}

.petite{
  padding-left : 0.3cm;
  font-weight: bold;
  color: white;
}