:root {
        --text: #565656;
--links: #0086D6;
--titles: #000000;
--page-background: #FFFFFF;
--highlight: #0086D6;
--boxes-background: #FFFFFF;
--boxes-border: #CBD2DB;
--section-titles: #0086D6;
--section-titles-background: #FFFFFF;
--header-background: #FFFFFF;
--header-links: #565656;
--footer-background: #FFFFFF;
--footer-links: #0086D6;
    }
    
@font-face {
    font-family: "Lato";
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_font/Lato-Regular.ttf') format("truetype")
}

@font-face {
    font-family: "Varela Round";
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_font/VarelaRound-Regular.ttf') format("truetype")
}

ods-accept-cookies-message {
    z-index: 9999;
    position: relative;

}

body {
    font-size: 1.2rem;
}
iframe{
    max-width: 100%;
}
h1, h2, h3 {
    font-family: 'Varela Round', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

h2 {
    color: #69ABDF;
    font-size: 30px;
}

.ods-content > header {
    overflow: hidden;
}
main.main--page{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 544px){
    main.main--page{
        padding-left: 10px;
        padding-right: 10px;
    }
    #page-header{
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}
/* Les cartes des résultats de recherche sont mises à la largeur maximale */
.ods-catalog-card__wrapper {
    width: 100%;
    /*width: calc(50% - (30px/2));*/
}

.ods-catalog-card__body {
    position: relative;
    margin-top: 25px;
}

/* Menu déroulant avec les thèmes */
/*Attention il faudrait corriger là pour centrer le bloc des menus et non pas faire un décalage de padding-left*/
.sous-menu-themes, .sous-menu-themes ul {
    /*padding-left:200px;*/
    margin: 0;
    list-style: none;
    text-align: left;
    vertical-align: sub;
}

.sous-menu-themes li {
    display: inline-block;
    position: relative;
    border-radius: 8px 8px 0 0;
    text-transform: uppercase;
}

.sous-menu-themes ul li {
    display: inherit;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1rem;
    text-transform: initial;
}

.sous-menu-themes ul li:hover {
    border-radius: 0;
}

.sous-menu-themes ul li:last-child {
    border-radius: 0 0 2px 2px;
}

.sous-menu-themes ul {
    text-transform: inherit;
    position: absolute;
    z-index: 1000;
    max-height: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -moz-transition: .3s all .3s;
    -webkit-transition: .3s all .3s;
    transition: .3s all .3s;
}

.sous-menu-themes li:hover ul {
    max-height: 60em;
}

/* background des liens sous menus */
.sous-menu-themes li li {
    background: #1A85D1;
}

/* background des liens menus et sous menus au survol */
.sous-menu-themes li:hover, .sous-menu-themes li li:hover {
    background: #1A85D1;
}

/* les a href */
.sous-menu-themes a {
    text-decoration: none;
    display: block;
    padding: 0px 50px 0px;
    color: #fff;
    font-family: arial;
}

.sous-menu-themes ul a {
    padding: 4px 0;
}

.sous-menu-themes li:hover li a {
    color: #fff;
    text-transform: inherit;
}

.sous-menu-themes li:hover a, .sous-menu-themes li li:hover a {
    color: #fff;
}

.element-theme a {
    opacity: 0.8;
}

.element-theme a:hover {
    opacity: 1;
}


.odnc-autres-actions a {
    color: #FFFFFF;
}

.ods-front-header {
    height: auto;
    background: none;
}

.ods-front-header__portal-brand {
    height: 100px;
    padding-bottom: 10px;
}

.ods-front-header__portal-brand__text {
    font-size: 2rem;
    margin-left: 10px;
}

.ods-front-header__menu {
    vertical-align: baseline;
}

.ods-front-header__languages li a,
.ods-front-header__menu-item-link  {
    font-family: 'Varela Round', sans-serif;
    color: #433535;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 41px !important;
    opacity: 1;
}

.ods-front-header__menu-item-link:hover {

    color: #2CBFDD !important;

}

.ods-responsive-menu-collapsible__content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

.odnc-front-footer {
    height: auto;

    border: 0;
    background-color: #FFFFFF;
}

.odnc-block-autres-actions {
    padding: 15px;
}

.odnc-autres-actions {
    text-align: center;
    color: #FFFFFF;
    background-color: #1A85D1;
    /*background-color: rgba(255, 255, 255, 0.35);*/
    /*background-color: rgba(0,0,0,.3);*/
    height: 100%;
    padding: 15px;
    border: 2px solid #FFFFFF;

}


.odnc-front-footer__logos {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 15px;
}

@media (max-width: 991px) {
    .odnc-front-footer__logos {
        padding: 15px 0;
    }
}

.odnc-front-footer__logos__item {
    display: inline-block;
    padding: 0 10px;

}

@media (max-width: 768px) {
    .odnc-front-footer__logos__item {
        width: 15%;
        margin: 4%;
    }

    .odnc-front-footer__logos {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }
}

@media (max-width: 544px) {
    .odnc-front-footer__logos__item {
        width: 25%;
        margin: 4%;
    }
}

.odnc-front-footer__logos__item:first-child {
    padding-left: 0;
}

.odnc-front-footer__logos__item:last-child {
    padding-right: 0;
}

.odnc-front-footer__logos__item__link {
    color: #FFFFFF;
}

.odnc-front-footer__logos__item__link:hover {
    opacity: 0.75;
}

.odnc-front-footer__logos__item__link img {
    vertical-align: middle;
    height: 70px;
}

.odnc-front-footer__bas {

    margin-top: 30px;
    background-color: #BADAF2;
    padding-top: 25px;
    padding-bottom: 30px;
    background: #BADAF2 url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_image/bg_footer.png') no-repeat center 15px;
    background-size: contain;
}

.odnc-front-footer__menu {
    list-style: none;
    margin: 0;
    padding: 15px 0;

}

@media (max-width: 991px) {
    .odnc-front-footer__menu {
        padding: 15px 0 0 0;
    }
}

.odnc-front-footer__menu__item {
    display: inline-block;
    padding: 0 10px;

    color: #095A8B
}

.odnc-front-footer__menu__item__link {
    color: #095A8B;
    text-decoration: none;
}

.odnc-front-footer__menu__item:first-child {
    padding-left: 0;
}

.odnc-front-footer__menu__item:last-child {
    padding-right: 0;
    border-right: 0;
}


.odnc-front-footer__menu__item__link:hover {
    text-decoration: underline;
    opacity: 1;
}

.odnc-front-footer__mentiongnc {
    color: #095A8B;
    padding-bottom: 15px;
    font-size:0.8rem;
}


.odnc-front-footer__liennewsletter {
    color: #F2A509;
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 5px #F2A509;
    text-decoration: none !important;
}

.odnc-front-footer__liennewsletter:hover {
    text-decoration: none !important;

    color: #2cbfdd;

}

.odnc-front-footer__mediassociaux {
    color: #095A8B;
}

.odnc-front-footer__mediassociaux:hover {
    color: #0086D6;
}

.ods-front-header__management-menu-item--backoffice {
    background-color: #FFFFFF;

}
footer {
    font-size: 1.2rem;
}
.ods-front-footer h2 {
    font-size: 35px;
    color: #939393;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
    font-weight: normal;
    margin-top: 20px;

}
#titre_footer_chiffres{
    font-size: 35px;
    color: #939393;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    font-weight: normal;
    margin-top: 35px;
    display: inline-block;
    border-top: solid 2px #939393;
    padding-top: 40px;
}

.ods-front-footer {
    border-top: none;
}

.header_container {
    position: relative;
}

/*
#bg_header_1 {


width: 45px;
height: 100px;
background: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_image/bg_header_1.png') no-repeat 0 0;
background-size: contain;
left: -40px;
top: -13px;

}

#bg_header_2 {

width: 202px;
height: 135px;
background: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_image/bg_header_2.png') no-repeat 0 0;
background-size: contain;
right: -90px;
top: -45px;
}
*/
.bg_header {
    position: absolute;
}
#illu_nautile, #illu_arrow {
    display: none;
}

@media screen and (min-width: 1650px) {
    #illu_arrow {
        background: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_image/illu_arrow.png') left top no-repeat;
        position: absolute;
        display: block;
        bottom: 10px;
        left: 15px;
        width: 156px;
        height: 358px;
    }
}
@media screen and (min-width: 1200px) {
    #illu_nautile {
        background: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/nouvelle-caledonie/theme_image/illu_nautile.png') right top no-repeat;
        display: block;
        position: absolute;
        bottom: 0;
        height: 346px;
        right: -60px;
        width: 700px;
    }
}


@media screen and (max-width: 1200px) {
    .ods-front-header__menu-item-link {

        padding: 0 6px;
    }
}

@media screen and (max-width: 768px) {
    .ods-front-header__portal-brand .ods-front-header__logo {
        width: 100%;
        height: auto;
        !important
    }
}

@media screen and (max-width: 768px) {
    .bg_header {
        display: none;
    }

    .ods-responsive-menu-placeholder__container {
        max-width: 80%;
    }

}

.ods-responsive-menu-placeholder__toggle i {
    font-size: 32px;
}

.ods-responsive-menu-placeholder__toggle {

    top: 50%;
    right: 10px;
}

.ods-responsive-menu-placeholder__toggle:hover {

    color: #0086D6;
    background-color: transparent;
}

.ods-front-header__menu-item-link--active {
    border-bottom: none !important;
    color: #2CBFDD !important;
}

#page-header {
    background: #58B6FF;

    padding: 45px 0 20px 0;
    margin-bottom: 50px;
    margin-top: 0px;
}

#page-header h1 {
    letter-spacing: 2.2px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 35px;
}

.paragraphe {
    margin-bottom: 35px;
}

.ods-catalog-card__theme-icon {
    top: 20px !important;
    left: 20px !important;
}

.ods-catalog-card {
    border: 1px solid #58B6FF !important;
    padding:0 0 10px 0;
    flex-wrap: wrap;
}
.ods-catalog-card-header{
    width: 100%;
    padding: 31px 15px 10px 30px;
    background: #58B6FF;
}
.ods-catalog-card .odswidget-picto svg,
.ods-catalog-card .odswidget-picto svg * {
    fill: #ffffff !important;
}

.ods-catalog-card__visualizations {
    border-left: none !important;

}

.ods-dataset-visualization__dataset-title-text {
    color: #58B6FF;
    text-transform: uppercase;

}

.ods-dataset-visualization__dataset-title {
    margin-bottom: 20px;
}

.ods-catalog-card__metadata-item {

    margin-bottom: 8px;
}

.ods-catalog-card__description:last-child {
    margin-bottom: 25px;
}

.odswidget-facet__facet-title {
    color: #F2A509;
    text-transform: uppercase;
}

.ods-filters__filters {
    text-transform: uppercase;
}

.ods-filters__count {
    letter-spacing: 2.2px;
    color: #094A8B;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 30px;
}

.main--catalog .ods-filters__count {
    font-size: 35px;
}

.main--catalog .ods-catalog-card__title {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #ffffff;
}

.ods-catalog-card__visualization-icon {
    font-size: 27px;
    vertical-align: middle;
    width: 38px;
    color: #F2A509;
}
.ods-catalog-card-colonne-image{
    text-align: center;
}
@media screen and (min-width: 768px) {
    .ods-catalog-card__body.ods-catalog-card__body--full-width,
    .ods-catalog-card__body {
        width: 100%;

    }
}

.ods-content > header {
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}
.ods-responsive-menu-collapsible{
    padding-top: 10px;
}
@media screen and (max-width: 992px) {
    .ods-catalog-card-colonne-image {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }
}

.main--dataset .ods-dataset-metadata-block__metadata {
    margin-bottom: 8px;
}

.main--dataset .ods-tabs__pane h3,
.main--dataset .ods-tabs__pane h4 {
    color: #58B6FF;
    text-transform: uppercase;
}
.main--dataset .ods-filters__count{
    font-size: 14px;
    background-color: #0086D6;
    color: #ffffff;
}
.main--dataset .odswidget-facet__category-name{
    font-size: 14px!important;

}
.main--dataset .odswidget-filter-summary__active-filter-label {
    font-size: 14px!important;
    background-color: #0086D6;
    color: #ffffff;
}

@media (min-width: 768px) {

    .container-fluid.ods-legals ,
    .main--catalog > .container-fluid {
        width: 730px;
    }
}

@media (min-width: 992px) {
    .container-fluid.ods-legals ,
    .main--catalog > .container-fluid {
        width: 950px;
    }
}

@media (min-width: 1200px) {
    .container-fluid.ods-legals ,
    .main--catalog > .container-fluid {
        width: 1150px;
    }
}


.main--dataset, .main--catalog {
    position: relative;
    padding-top: 60px;
}

.main--dataset::before, .main--catalog::before {
    position: absolute;
    content: '';
    background: #58B6FF;
    margin-bottom: 60px;
    margin-top: 0px;
    height: 50px;
    width: calc(100% + 10px);
    top: -33px;
    right: -5px;
}

.themeblock__content {
    border-radius: 0 !important;
    border: 1px solid #58B6FF !important;
    padding: 20px !important;
    background: #ffffff !important;
}

.themeblock h3 {
    color: #69ABDF !important;
    margin-bottom: 20px;
}

.ods-legals-content{
    border: none;
}
.main--dataset .odswidget-social-buttons__button:hover{
    color:#ffffff;
}

.max-width-50{
    max-width: 50%;
}
.max-width-25{
    max-width: 25%;
}
.max-width-75{
    max-width: 75%;
}
.align-right{
    float: right;
}
.float-right{
    float: right;
}
.float-left{
    float: left;
}
@media screen and (max-width: 544px){
    .max-width-25,
    .max-width-50,
    .max-width-75{
        max-width: initial;
        width: 100%;
    }
}
.ods-button--primary{
    background: #58B6FF!important;
    border-radius: 15px;
    padding: 7px 30px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    border: none;
}
.ods-button--primary:hover{
    background: #58B6FF!important;

}
/* Suppression décalage des marqueurs
.overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane {
top: -100px!important;
}
========================================================================== */
/*.leaflet-popup-tip-container {
top: -100px!important;
transform: rotate(180deg)
}*/

/* KPI Card
========================================================================== */
.kpi-card {
    background-color: #FFFFFF;
    height: 100%;
    padding: 39px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.kpi-icon {
    color: #142E7B;
    font-size: 4rem;
    margin-top: 0;
    margin-bottom: 13px;
    max-width: 100%;
}
.kpi-title {
    font-weight: normal;
    color: #0086D6!important;
    font-size: 3.2rem;
    margin-top: 0;
    margin-bottom: 13px;
    max-width: 100%;
}
.kpi-title a {

    color: #0086D6!important;

}
.kpi-description {
    color: #565656;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
}



/* Positionner le deuxième ##language## à droite avec position absolute */

/* Mise en page de la liste */
.ods-front-header__languages {
    position:absolute  !important;
    right:0;
    display: flex !important;
    list-style: none !important;
    /*padding: 0 30px 30px 0!important;*/
    bottom : 40px;
}

/* Mise en page de chaque élément de la liste */
.ods-front-header__languages li {
    margin-right: 2px; /* Ajoutez un espace entre les éléments */
}

/* Style de base pour les boutons (à personnaliser selon vos besoins) */
/* Style des boutons */
/* Style des boutons */
.ods-front-header__languages li a {
    text-decoration: none;
    padding: 0 10px; /* Ajustez la taille du bouton */
    border: 1px solid transparent; /* Bordure transparente */
    border-radius: 5px; /* Arrondi des coins du bouton */
    transition: color 0.2s ease, box-shadow 0.2s ease; /* Animation de transition au survol */
}

/* Style au survol du bouton */
.ods-front-header__languages li a:hover {
    color: #2CBFDD; /* Couleur du texte au survol */
    border-color: transparent; /* Couleur de la bordure transparente au survol */
    box-shadow: 0 0 10px rgba(44, 191, 221, 0.5); /* Boîte d'ombre avec fond transparent au survol */
}

/* Style lorsque le bouton est actif ou en focus */
.ods-front-header__languages li a:active,
.ods-front-header__languages li a:focus {
    background-color: rgba(44, 191, 221, 0.2); /* Arrière-plan transparent lorsque le bouton est actif */
    color: #fff; /* Couleur du texte lorsque le bouton est actif */
    box-shadow: none; /* Pas de boîte d'ombre lorsque le bouton est actif */
}

.ods-front-header__menu {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

/* Appliquer la règle desktop-only uniquement aux écrans de taille moyenne (desktop) */
@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }
}