@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Akrobat-Bold;
  src: url("../fonts/akrobat/Akrobat-Bold.otf");
}

@font-face {
  font-family: Akrobat-Regular;
  src: url("../fonts/akrobat/Akrobat-Regular.otf");
}

@font-face {
  font-family: Akrobat-ExtraBold;
  src: url("../fonts/akrobat/Akrobat-ExtraBold.otf");
}

@font-face {
  font-family: Akrobat-Light;
  src: url("../fonts/akrobat/Akrobat-Light.otf");
}

/* body {
  font-family: Akrobat-Regular;
  font-weight: 400;
  font-size: 16px;
  line-height:1.45;
  color: #777;
  background: #fff;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}
 */





/* html, body {
	color: #fff;
	font-size: 14px !important;
	margin: 0;
} */

/* .wrapper {
  width: 100%;
  height: calc(100vh - 48px);
  display: flex;
} */

/* #content {
  height: 100%;
  width: 100%;
}

.sidebar {
  display: flex;
  flex-direction: column;
  min-width: 350px;
  max-width: 350px;
  height: 100%;
  padding: 1em;
  /* background-color: #212D32; */
  /* background-color: #112b24;
}

.scrollable {
  overflow-y: auto;
} */

/* #mapid {
  height: 100%;
} 
 */





.ui-menu {
max-width:400px !important;
list-style:none;
background:white;
font-family:Akrobat-Bold;
cursor:pointer;
position:absolute;
z-index:10000;
}

.ui-widget {
padding-left:10px;
} 

.ui-widget :hover {
color:#23C4AA;
}

.ui-state-active, .ui-widget-content .ui-state-active {
border:0px;
color:#23C4AA;
} 


/* Barre de menu en haut */
.topnav {
  display: flex;
  justify-content: space-between;
  /* background-color: #005DA3; */
  /* background-color: #23C4AA ; */
  background-color: #ffffffcd;
  /* line-height: 0.75; */
  /* line-height: 0.75 !important; */
  }
  
.sitenav {
  display: flex;
  justify-content: space-between;
  /* background-color: #005DA3; */
  /* background-color: #23C4AA ; */
  background-color: #ffffffcd;
  /* line-height: 1.25 !important; */
  }
  

  .topnav-left {
  display: flex;
  align-items: center;
  }
  
  .topnav .title {
  display: flex;
  /*background-color: #002C81;*/
  background-color: #ffffffcd;
  font-weight: bold;
  padding: 1em;
  min-width: 350px;
  }
  
  .topnav .short-title {
  display: none;
  }
  
  .topnav .full-title {
    font-size: x-large !important;
  }
   
  .topnav a {
  color: rgb(0, 0, 0);
  /* color: rgb(82, 80, 80) !important; */
  text-decoration: none;
  font-size: 14px;
  }

  .topnav a:hover {
    cursor: pointer;
    color: rgb(82, 80, 80) !important;
  }
  
  .topnav .hamburger {
  /* display: flex; */
  display: none;
  height: 100%;
  width: 3em;
  align-items: center;
  justify-content: center;
  /* background-color: #005DA3; */
  }
  
  .topnav .hamburger:hover {
  cursor: pointer;
  /* background-color: #ddd; */
  }
  
  .topnav-right a:hover {
  cursor: pointer;
  /* background-color: #ddd; */
  color: rgb(82, 80, 80);
  }
  
  .topnav-right {
  display: flex;
  justify-content: space-between; 
  align-items: center;
  }
  
  .topnav-right a {
  padding: 1em;
  font-size:17px;
  }


  #wrapper {
    overflow: hidden;
    position: relative;
}

.le_bg {
    opacity: 0.38;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.cfootfoot {
    display:none !important;
}

.centered-div {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100%; /* Full height of the parent container (card-body) */
}