
    :root {
        --text: #0E2240;
--links: #0971B5;
--titles: #0E2240;
--page-background: #FFFFFF;
--highlight: #0E2240;
--boxes-background: #FFFFFF;
--boxes-border: #AAAAAA;
--section-titles: #FFFFFF;
--section-titles-background: #2C3F56;
--header-background: #0E2240;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #0088CC;
    }
    

@font-face {
    font-family: 'Monserrat-Regular';
    src: url('https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/namur/theme_font/Montserrat-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
}
@font-face {
    font-family: 'Monserrat-Bold';
    src: url('https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/namur/theme_font/Montserrat-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
}
.ods-front-header .ods-front-header__menu-item-link{
    font-family: 'Monserrat-Regular';
    font-size: 1.2em;
    padding: 4px 25px !important;
      opacity:.9;
   
}
/*.ods-front-header__menu-item-link:link{color:white;}*/
/*#menu-donnees:checked{border-bottom:5px solid #0E2240;}
/*.input-menu{
    opacity:0;
    position:absolute;
    width:100px;
    height:40px;
}
.input-menu, .label-menu{
    cursor: pointer;
}
#input-menu-donnees:focus ~ label > div > li > a{
	border-bottom:5px solid #0E2240;	
}*/
/*.ods-front-header__menu-item-link:visited{color:red;}*/

.ods-front-header__portal-brand__text{
    font-family: 'Monserrat-Bold';
  
}
.ods-front-footer__ods-logo {
    line-height: 70px;
}
.ods-front-footer__ods-logo-img {
    height: 50px;
}
.ods-front-footer__ods-logo img{
    height: 30px;
}
/*.ods-front-header__menu-item-link--active {
    border-bottom: 5px solid #0E2240;
}*/

/* -----Sous-menu (début)------------------------------------------ */
/* Bouton d'activation du sous-menu (niveau 1) */
.dropbtn {
  background-color: #0E2240;
  color:#FFFFFF;
  opacity:.9;
  font-size: 1.2em;
      padding: 4px 25px !important;
  border: none;
  
}
/* La balise <div> - définir la position du volet sous-menu */
.dropdown {
  position: relative;
  display: inline-block;
  font-family: 'Monserrat-Regular';
  
}
/* Volet sous-menu */
.dropdown-content {
  position: absolute;
  background-color: #F1F1F1;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
  z-index: 1;
  
}
/* Liens dans le volet du sous-menu */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  line-height:25px;
  opacity:1 !important;
}
@media screen and (min-width: 1400px){
/*.ods-front-header__menu-item{
  width:140px;
  text-align:center;
    
}*/
    
/* Padding du bouton d'activation du sous-menu (niveau 1) */
.dropbtn {
  padding: 21.5px 18px 18px 18px;
   /* width:140px;*/
}

/* Volet sous-menu (caché par défaut) */
.dropdown-content {
  display: none;
  min-width: 240px;
  border-top:3px solid rgba(255, 255, 255, 0);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

/* Changer la couleur des liens dans le volet du sous-menu au survol */
.dropdown-content a:hover {
    background-color: #0E2240;
}

/* Montrer le volet du sous-menu au survol du niveau 1 */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: white;
    color:#0E2240;*/
    color:white;
    opacity:1;
}
.dropdown-content a:focus only .dropbtn {
    border-bottom:3px solid rgba(5, 255, 255, 1);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
  
  /*border-bottom:5px solid #0E2240;*/
   /* width:140px;*/
}
.ods-front-header__menu-item-link {
  border-top: none !important;
}
.ods-front-header__menu-item-link--active {
    border-bottom: none !important;
}

}

/* Version tablette et smartphone */
@media screen and (max-width: 1400px){
/* Padding du bouton d'activation du sous-menu (niveau 1) */
.dropbtn {
  padding: 21.5px 18px 18px 20px; 
}
/* Rendre visible le menu (connexion,...) sous le volet de niveau 2 */
#infos{  
    margin-bottom:180px;
}
#outils{  
    margin-bottom:220px;
}
 /* ajout Carine L onglet observatoires modification margin-bottom 3/04/2023 */   
#observatoires{  
    margin-bottom:230px;
}  
/* Volet sous-menu (visible par défaut) */ /* min-width: 270px; */  
.dropdown-content {
  min-width: 300px;
  padding-left: 25px;
}
}


#filtre {
    border: 1px solid #e6e6e6;
    margin: 2px; 
    border-radius:4px;
    padding:10px;
}
#filtre-reference {
    border: 1px solid #009ccc;
    margin: 2px; 
    border-radius:4px;
    padding:10px;
}
#filtre-comparaison {
    border: 1px solid #009ccc;
    margin: 2px; 
    border-radius:4px;
    padding:10px;
}
.kpi-box a{
    text-decoration: none;
}
.a-page {
    text-decoration: underline;
}
.ods-front-header__menu-item-link {
  border-top: none !important;
}
.ods-front-header__menu-item-link {
  border-top: none !important;
}
.ods-front-header__menu-item-link--active {
    border-bottom: none !important;
}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-vector-pen" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M10.646.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1 0 .708l-1.902 1.902-.829 3.313a1.5 1.5 0 0 1-1.024 1.073L1.254 14.746 4.358 4.4A1.5 1.5 0 0 1 5.43 3.377l3.313-.828L10.646.646zm-1.8 2.908-3.173.793a.5.5 0 0 0-.358.342l-2.57 8.565 8.567-2.57a.5.5 0 0 0 .34-.357l.794-3.174-3.6-3.6z"/>
  <path fill-rule="evenodd" d="M2.832 13.228 8 9a1 1 0 1 0-1-1l-4.228 5.168-.026.086.086-.026z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-3" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
</svg>


<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-scooter" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M9 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-.39l1.4 7a2.5 2.5 0 1 1-.98.195l-.189-.938-2.43 3.527A.5.5 0 0 1 9.5 13H4.95a2.5 2.5 0 1 1 0-1h4.287l2.831-4.11L11.09 3H9.5a.5.5 0 0 1-.5-.5M3.915 12a1.5 1.5 0 1 0 0 1H2.5a.5.5 0 0 1 0-1zm8.817-.789A1.499 1.499 0 0 0 13.5 14a1.5 1.5 0 0 0 .213-2.985l.277 1.387a.5.5 0 0 1-.98.196z"/>
</svg>

/* -----Sous-menu (fin)-------------------------------------------- */

/*.ods-catalog-card{
background-image:linear-gradient(rgba(0, 0, 255, 0.2), rgba(255, 255, 0, 0.2)),url('https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/namur/theme_image/health.jpg ');
    
}
.ods-catalog-card:hover{
background-image:linear-gradient(rgba(255, 255, 0, 0.8), rgba(255, 255, 0, 0.8)),url('https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/namur/theme_image/health.jpg ');
    
}
.ods-catalog-card:hover .ods-catalog-card__visualizations{

    display:block;
    transition: opacity 1.35s, transform 1.35s;
    
}
.ods-catalog-card__visualizations{display:none;}*/