:root {
        --text: #333333;
--links: #EEA928;
--titles: #555555;
--page-background: #FBFBFD;
--highlight: #FFFFFF;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #FFFFFF;
--section-titles-background: #EEA928;
--header-background: #EEA928;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #19AB90;
    }
    
:root {
    --color-white:#fff;
    --color-primary:#19AB90;
    --color-light-grey:#F4F4FA;
}

.main--catalog, .main--dataset {margin:0px}

.main--page {margin:0;margin-top:-60px;padding-top:60px}


.ods-app-explore-catalog, .ods-app-explore-dataset {margin-top:60px;max-width: 1200px;padding: 0 5%;}

/*********************************** HEADER ****************************/

header {position:relative;z-index:9;margin-bottom:0px}
header a:hover {text-decoration:none}

.ods-front-footer {position:relative;z-index:9;height:initial;padding:30px 0px 0px 0px;color:#fff;padding-bottom:1px}
.ods-front-footer a {color:#fff}

.ods-front-header{background-color:#2C3F50;height:initial;padding:0px}
.ods-front-header__portal-brand {height:105px;top:0px}
.ods-front-header__management-menu {position:relative;top:initial;right:initial}

.maxwidth {max-width:1200px; margin:auto;padding:0 5%}

.logo {height:55px}
.menu-site {display:flex}
.menu-site a{display:flex;align-items:center;padding:5px 20px; /** margin:0px 20px 0px 0px **/}
.menu-site img {height:16px;margin-right:10px}

.hover-border {transition:0.3s ease-out;border-bottom:solid 3px transparent;border-top:solid 3px transparent }
.hover-border:hover {transition:0.3s ease-out;border-bottom:solid 3px;cursor:pointer }

.menu-site .social {display:flex}
.menu-site .social a {padding:9px;background-color:#233140;margin:0px;margin-left:5px;}
.menu-site .social img {margin-right:0px}

.menu-site .bouton-backoffice {margin-left:5px; background-color:#EEA928;color:#fff;font-size:12px;padding:5px 10px}

.umami-select {
    position: relative;color:#fff; background-color: #233140; width: 200px;transition:0.5s ease-out;
}
.umami-select p {display:flex;align-items:center;padding:9px 0px 9px 15px;margin:0px}
.umami-select .dropdown {padding:10px 0px 15px 0px;display:none;position:absolute;background-color: #233140;;  width: 100%;transition:0.5s ease-out}
.umami-select .dropdown a {padding:7px 15px;font-size:12px;margin:0px}


.umami-select:hover .dropdown {display:block}


.umami-select select {
    background-color: transparent;
    color: #fff;
    width: 100%;
    border: none;
    font-size: 20px;
    -webkit-appearance: button;
    appearance: button;
    outline: none;
    font-size: 0.9rem;
    border-radius: 2px;
    margin-right: 0px;
    color: white;
    padding: 7px 40px 7px 18px;
    text-decoration: none;cursor:pointer;
}

.umami-select::before {
    position: absolute;
    content: "";
    top: 17px;
    right: 16px;
    width: 0px;
    height: 0px;
    transform: scaleY(1.6);
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;

}

.umami-select select option {
    padding: 30px;
    color:initial;
}



/*******   RESPONSIVE   ****/
@media screen and (max-width:984px) {
    .ods-responsive-menu-placeholder__container {text-align:left}
    .ods-front-header__portal-brand {height:100px;}

    .ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container {background-color:#233140}
    .ods-responsive-menu-collapsible__toggle {border:none;margin-bottom:0px}
    .ods-front-header {height:60px}
    .menu-site {display:block}
    .menu-site .social a{margin-right:5px;margin-left:0px;border:solid 1px rgba(250,250,250,0.3)}
    .menu-site .social {justify-content:space-between}

    .umami-select .dropdown {display:block}
    .umami-select::before {display:none}
    .umami-select .dropdown {position:relative}
    .umami-select .dropdown a {padding:7px 0px}
    .umami-select {border-top:solid 1px rgba(250,250,250,0.4);padding-top:20px;margin-top:30px;margin-bottom:10px;width:100%}

    .menu-site a {padding:5px 0px;font-size:16px}
    .menu-site p {text-transform:uppercase;opacity:0.5;padding: 0px}
    .menu-site p img {display:none}
    .hover-border{border: none}
    .hover-border:hover {border: none}

    .ods-app-explore-catalog {;max-width:initial;padding: initial;}
    .menu-site .bouton-backoffice {margin-top:10px;margin-left:0px }
    
}
@media screen and (min-width:1300px) {
    .maxwidth {max-width:1600px; margin:auto;padding:0 7%}
    .ods-app-explore-catalog, .ods-app-explore-dataset {;max-width: 1600px;padding: 0 7%;}
}





/*********************************** REUTILISATIONS ****************************/

/* ie 11 */
.reutilisation h1, .reutilisation h2, .reutilisation h3, .reutilisation h4, .reutilisation h5, .reutilisation h6 {color:black}
.reutilisation .filtres-ouverts .top  {background-color:#19AB90}
.reutilisation .bouton {background-color:#19AB90}
.reutilisation .bouton-filtre-actif {background-color:#19AB90}
/* ---- */


.reutilisation .transition-1 {transition:0.2s ease-in}
.reutilisation .transition-1:hover {transition:0.2s ease-in} 
.reutilisation {min-height:82vh;padding-bottom:100px}
.reutilisation .titre {max-width:1000px;margin:auto;text-align:center;position:relative;z-index:7;padding-top:80px;padding-bottom:60px}
.reutilisation .titre h1 {font-size:4.5rem;;color:#19AB90;font-weight:700}
.reutilisation .titre p {font-size:16px}



.reutilisation .viz {;position:relative;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.reutilisation .viz.height {height:98vh;max-height:600px}

.reutilisation .bouton {filter:brightness(1);display:inline-block;padding:8px 20px;border-radius:50px;border:solid 1px var(--color-primary);box-shadow:0 2px 14px rgba(0,0,0,0.5)}
.reutilisation .bouton-contribuer{;color:#fff;filter:brightness(1)box-shadow:0 2px 14px rgba(0,0,0,0.2)}
.reutilisation .bouton.primary {background-color:var(--color-primary);color:#fff}
.reutilisation .bouton.secondary {background-color:var(--color-light-grey);color:var(--color-primary)}

.reutilisation .bouton:hover {text-decoration:none;cursor:pointer;filter:brightness(1.2)}


.reutilisation .contribuer .bouton {box-shadow:0 2px 6px rgba(0,0,0,0.2);margin-top:5px}

.reutilisation .bouton-filtre {border-radius:2px;background-color:var(--color-white);padding:7px 20px;color:black;width:32%;flex-grow:0;margin-right:1%;margin-bottom:10px}
.reutilisation .bouton-filtre-actif {background-color: var(--color-primary); color: #fff;filter:brightness(1)}
.reutilisation .bouton-filtre-actif:hover {filter:brightness(1.2)}

.reutilisation .bouton-close {background-color:#fff;width:26px;height:26px;display:flex;align-items:bottom;justify-content:center;;border-radius:100%;text-align:center;}
.reutilisation .bouton-close div {transform: scale(0.6) translateY(5px);filter:brightness(1) }
.reutilisation .bouton-close:hover div {transform: scale(0.65) translateY(4.5px);filter:brightness(1.2)}



.reutilisation .filtres-boutons{display:flex;z-index:7;position:absolute;bottom:40px;;justify-content:center;width:100%;;}

.reutilisation .filtres-ouverts {display:block;;background-color:#F4F4FA;max-height:65%;overflow-y:scroll;position:absolute;bottom:0;width:100%;z-index:9;box-shadow:0 0px 14px rgba(0,0,0,0.5)}
.reutilisation .filtres-ouverts.contribuer {overflow-y:auto}
.reutilisation .filtres-ouverts .top {background-color:var(--color-primary);display:flex;justify-content:space-between;align-items:center;padding:8px 30px}
.reutilisation .filtres-ouverts .top  h2 {text-shadow:0 2px 6px rgba(0,0,0,0.2);margin-bottom:0px;color:#fff;font-weight:700}
.reutilisation .filtres-ouverts .content {padding:30px}
.reutilisation .filtres-ouverts .content .filtre {margin-bottom:30px}
.reutilisation .filtres-ouverts .content .filtre h3 {font-weight:bold;color:#000;;font-size: 18px;border-left: solid 3px var(--color-primary);padding-left: 7px;margin-bottom: 17px;}


.reutilisation .filtres-boutons.show {
    animation-name: show-up;
    animation-duration: 1s;
    animation-timing-function:ease-out
}
.reutilisation .show {
    animation-name: show-up;
    animation-duration: 1s;
    animation-timing-function:  ease-out;
}
@keyframes show-up {
    0% {;transform:translateY(1000px)}
    100% {;transform:translateY(0px)}
}
.reutilisation .hide {
    transform:translateY(1000px);
    animation-name: close-down;
    animation-duration: 0.5s;
    animation-timing-function:  ease-in;
}
@keyframes close-down {
    0% {;transform:translateY(0px);}
    100% {;transform:translateY(1000px)}
}
.reutilisation .anim-on-load {
    animation-name: on-load;
    animation-duration: 1.5s;
    animation-timing-function:  ease-out;
}

@keyframes on-load {
    0% {;opacity:0;}
    50% {;opacity:0;}
    100% {opacity:1}
}

.reutilisation .odswidget-map {min-height:100%;height:100%}
.reutilisation .odswidget-map__map {min-height:100%;height:100%}

.reutilisation .leaflet-popup-content-wrapper, .leaflet-popup-tip {background-color:#04866C}
.reutilisation .odswidget-map__map.leaflet-container a.leaflet-popup-close-button {color:#fff}

.reutilisation .odswidget-map-tooltip__record {text-align:center;}
.reutilisation .odswidget-map__map .leaflet-popup-content {margin: 1rem 0}

.reutilisation .infobulle .icon {
    background-color:#19AB90;width: 90px;
    padding: 10px;
    height: 90px;
    margin: auto;
    border-radius: 60px;
}
.reutilisation .infobulle .icon img {width:100%}

.reutilisation .infobulle p {margin:0}
.reutilisation .infobulle .primary {
    font-size: 2rem;
    color:#fff;
    line-height: 2rem;
    margin: 10px 0px;
    font-weight: bold;}
.reutilisation .infobulle .secondary {color:#fff;margin-bottom:5px}



.reutilisation .odswidget-map-tooltip__scroll-amount {color:#fff}
.reutilisation .odswidget-map-tooltip__scroll-left, .odswidget-map-tooltip__scroll-right {color:#fff}
.leaflet-top.leaflet-left {display:none}

@media screen and (max-width:984px) {
    .reutilisation h1 {margin-bottom:0px}
    .reutilisation.maxwidth {max-width:100% }
    .reutilisation.maxwidth {padding:0px}
    .reutilisation {padding-bottom:0px}
    .reutilisation .titre {
        z-index:9;
        position: absolute;
        left: 120px;
        top: 0px;
        height: 60px;
        display: flex;
        padding-top: 0px;
        align-items: center;
        padding-bottom:0px;
        max-width:50%;
        text-align:left;
    }
    .reutilisation .titre h1 {font-size:1rem;color:#fff}
    .reutilisation .titre p {display:none}

    .reutilisation .viz.height {height:calc(100vh - 120px);max-height:initial}
    .reutilisation .bouton {font-size:10px;padding:8px 15px}
    .reutilisation .bouton-filtre {padding:7px 10px;color:black;width:46%;margin-right:3%}
    .reutilisation .filtres-ouverts .top {padding:8px 15px}
    .reutilisation .filtres-ouverts .content {padding:30px 0px 30px 15px}
    

}