:root {
        --text: #000000;
--links: #157e9a;
--titles: #000000;
--page-background: #FFFFFF;
--highlight: #58b999;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #000000;
--section-titles-background: #58b999;
--header-background: #58b999;
--header-links: #000000;
--footer-background: #000000;
--footer-links: #B9D276;
    }
    
/* Police - Title */

@font-face {
  font-family: 'AntartidaRounded';
  src: url('/assets/theme_font/Latinotype%20-%20AntartidaRounded-Medium.otf');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'AntartidaRounded';
  src: url('/assets/theme_font/Latinotype%20-%20AntartidaRounded-Light.otf');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'AntartidaRounded';
  src: url('/assets/theme_font/Latinotype%20-%20AntartidaRounded-Bold.otf');
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'AntartidaRounded';
  src: url('/assets/theme_font/Latinotype%20-%20AntartidaRounded-Black.otf');
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Antartida';
  src: url('/assets/theme_font/Antartida-Medium.otf	') ;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Antartida';
  src: url('/assets/theme_font/Antartida-Bold.otf');
  font-style: normal;
  font-weight: 800;
}

/* Police - text */

@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-Light.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-Bold.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-Black.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-ExtraLight.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2');
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2');
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-It.ttf.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-LightIt.ttf.woff2') format('woff2');
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-BoldIt.ttf.woff2') format('woff2');
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-BlackIt.ttf.woff2') format('woff2');
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('/assets/theme_font/SourceSansPro-Regular.ttf.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
}

html{
    font-family:SourceSansPro;
}

body{
    font-family:SourceSansPro;
}
.ods-catalog-card__body {
    display: flex;
    flex-direction: column;
}
.federe{    
    margin-top: 10px;
    color: white;
    background-color: rgb(21, 126, 154);
    padding: 5px 5px;
    width: fit-content;
    border-radius: 8px;
}

/*FOOTER*/
footer:before {
    content: "";
    position: relative;
    top: 7px;
    left: 0;
    width: 100%;
    height: 4rem;
    z-index: 1;
    background: var(--footerBgColor);
    -webkit-mask: url('/assets/theme_image/footer-graph.svg') no-repeat center center;
    -webkit-mask-size: cover;
    display: inline-block;
    /* z-index: 15; */
    background-color: #58B999;
}
.footer-header{
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width: 700px) and (max-width: 1000px) {
    .footer-header{
       flex-direction: column;
    }
}
a.footer-link {
    margin: 0px !important;
}
a.footer-footer-link {
    margin: 0px 5px !important;
    padding: 0 .5em;
}
.site-size-wrapper{
    /* margin: 0 100px; */
    gap: 30px;
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1300px) {
    .site-size-wrapper{
        width: 95%;
    }
    
}
@media screen and (max-width: 700px) {
 
    .footer-header{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
    }
    
}
.footer-picture-align-w{
    /*width:25% */
}
.footer-picture-bm{
    margin-right: 100px !important;
}
@media screen and (max-width: 1000px) {
 
    .footer-picture-align-w{
    /*width:50% */
}
.footer-picture-bm{
    margin-right: 0px !important;
}    
}

.footer-body a.lien-externe[target="_blank"]:after {
    content: "";
    display: inline-block;
    background-image: url('/assets/theme_image/lien_web_noir.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.0rem; /* Taille ajustée */
    height: 1.0rem; /* Taille ajustée */
}

.backoffice{
    font-size: 16px;
    font-weight: 700;
    padding:10px 20px;
    color: white !important;
    background-color: #157E9A;
    border-radius:50px;
    width:fit-content;
    border:solid rgba(0, 0, 0, 0) 2px;

}
.backoffice:hover{
    text-decoration:none;
    border:solid black 2px;
    background: black;

}
.rss{
        border:solid rgba(0, 0, 0, 0) 2px;
    color: white !important;

    font-size: 16px;
    font-weight: 400;
    padding:10px 20px;
    height: 40px;
    width: 40px;
    background-color: #157E9A;
    text-align: center;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rss:hover{
   text-decoration:none;
   border:solid black 2px;
   background: black;
}
.ods-front-footer {    color: #333;
    background-color: #58B999;
    height: 100%;
    padding-top: 50px;
    border-top: none !important;
}

.footer-body{
    display: flex;
    flex-direction: row;
    margin: 0 10px;
    margin-bottom: 10px; /*margin-bottom: 150px;*/
    flex-wrap:wrap;
}
.footer-col{
        width: 25%;
    text-align: justify;
    padding-right:20px;
}
.footer-col-align{
    padding-left: 50px;
}
@media screen and (max-width: 1000px) {
.footer-col{
        width: 50%;
    margin-bottom:50px
}
    .footer-col-align{
    padding-left: 0;
}
}
@media screen and (max-width: 600px) {
.footer-col{
        width: 100%;
                margin-left: 50px;

}
}
.footer-sub-col{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    display:flex;
    flex-direction: column;

}
.footer-title{
    font-weight: 700;
    font-size: 22px;
    font-family: Antartida;
}
/* Sélectionne le titre du bloc Bordeaux Métropole */    
.footer-body > div:first-of-type > div:first-of-type > .footer-title {
    font-family: 'SourceSansPro';
}
.footer-footer{
        font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
    margin: 10px;
    border-top: 1px black solid;
}

/** Supprime l'onglet API uniquement pour les JDD temps réel 
.ods-tabs__tab.webservices.ods-tabs__tab--horizontal ~ .ods-tabs__tab.api.ods-tabs__tab--horizontal, .ods-catalog-card__visualization[href*="api"] {
    display:none !important;
}*/


/* HEADER   */
.ods-front-footer a {margin:5px}
.header-picture {
    /*height:86px;*/
    margin-right: 25px;
    margin-bottom: 2px;
}
.header-picture-bm {
    height: 50px; 
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
.header-picture {height:50px}
.header-picture-bm {
    height:35px;
    margin-top: 10px;
}

}
.ods-front-header{
    background-color: #58B999;
    padding: 0 20px 10px 20px;}
.ods-responsive-menu-collapsible {}
.ods-front-header__menu{
    margin:0px
}
.menu-collapsible-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.ods-front-header {height:auto; height:initial}
.ods-front-header__portal-brand{
    display: flex;
    height: inherit;
    top: inherit;
    position: inherit;
    margin-left: 10px;
    margin-right: 10px;
    justify-content: center;
}
.menu-placeholder-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.ods-responsive-menu-placeholder__container {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 500px) {
.ods-responsive-menu-placeholder__container {
    flex-direction: column;

}
}




.ods-responsive-menu-placeholder{
    background-color: white;
    border-radius: 0 0 15px 15px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    min-width: 630px;
}
@media (max-width: 767.98px) {
    .ods-responsive-menu-placeholder {
        min-width: 0;
    }
}
.ods-responsive-menu-placeholder.ods-responsive-menu-placeholder--active{
        display: flex;

    
}
.ods-responsive-menu-placeholder__toggle{
        display: block;
    top: 0;
    right: 0;
    color: #000;
    opacity: 0.6;
    font-size: 3REM;
    margin-right: 20px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background-color: transparent;
    border: none;
    position:relative;
}
@media screen and (min-width: 1000px) {
    .ods-responsive-menu-placeholder__toggle{
        display: none;
}
}

.ods-front-header__menu-item{

}

.ods-front-header__menu-item-link {
font-weight: 700;
    border-right: #ffffff40 2px solid;
    padding: 0px 25px;
    opacity: 1;
    font-size: large;
    margin-top: 10px;
    line-height: inherit;}
@media screen and (max-width: 1000px) {
.ods-front-header__menu-item-link {
        border: none;
}
}
/* Sélectionne le dernier enfant de type a dans la classe .ods-front-header__menu */    
.ods-front-header__menu > li:last-of-type > a {
    border-right: none;
}
.ods-front-footer {
    color: #333;
    background-color: #58B999;
    height: 100%;
    padding-top: 10px;
}
.ods-front-footer a {color:#333}
.ods-front-footer .bouton {background-color:#fff;color:#333;padding:0px 10px;font-size: 1rem;border-radius:20px}
.ods-front-footer .bouton:hover {text-decoration:none;box-shadow:0 2px black;transform:scale(1.05)}

.hide-desktop {display:none}
.umami-dropdown {
    position: absolute;
    left: 660px;
    width: 180px;
    height: 46px;
    top: 0px;}
.umami-dropdown.class_actif {background-color:#fff}

.umami-dropdown-close {display:none}
.umami-dropdown-responsive {display:none;}


.class_actif {display:block}
.dropdown-content {    width: 100%;
    right: 10px;
    position: absolute;
    z-index: 8;
    top: 79px;
}
.dropdown-box {;margin-bottom:20px;background-color:rgba(250,250,250,1);padding:0px 40px 40px 40px;box-shadow: 0 2px 16px rgba(0,0,0,0.6)}
.dropdown-box a {display:inline-block;padding:5px 20px;z-index:9;cursor:pointer;font-size:1rem}


.dropdown-box h3 {padding-top:40px;margin-right:10px; font-family: 'Antartida' !important;}
.dropdown-box p {color:#333;height:70px;margin-bottom: 3em;}

.dropdown-box .bouton {margin-right:5px;transition: 0.2s linear;transform:translateY(0px);cursor:pointer;display:inline-block; padding:8px 25px;font-size:1rem;border-radius:100px;text-align:center;border: 3px white solid;}
.dropdown-box .bouton:hover {/*transition: 0.2s linear;transform:translateY(-2px);*/text-decoration:none;border: 3px black solid;background: black;}
.dropdown-box .bouton.blue{color:#fff;background-color:#157E9A;}
.dropdown-box .bouton.blue:hover{background-color:black;}

.dropdown-anim-1 {animation: umami-dropdown-1 0.5s cubic-bezier(.25,.8,.25,1)}
.dropdown-anim-2 {animation: umami-dropdown-2 0.6s cubic-bezier(.25,.8,.25,1)}
.dropdown-anim-3 {animation: umami-dropdown-3 0.7s cubic-bezier(.25,.8,.25,1)}
.dropdown-anim-4 {animation: umami-dropdown-4 0.8s cubic-bezier(.25,.8,.25,1)}

.ods-front-header__menu-item-link--active{border-bottom:#ffffff solid 3px;}


/**** umami theme   *****/

.main--page {margin:0px;position:relative;overflow:hidden}
.maxwidth {max-width:1100px;margin:auto}
.umami-reuse section {padding-top:60px;padding-bottom:60px}
.umami-box { background-color:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.11);padding:40px}



.dropdown {position:relative}
.dropdown select {
  background-color: #157E9A;
  color: white;
  padding: 15px 30px;
  width: 100%;
  border: solid 1px rgba(250,250,250,0.3);
  font-size: 20px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}

.dropdown::before {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 55px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.dropdown:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown select option {
  padding: 30px;
}

.dropdown_close_actif {display:block}
.dropdown_close_inactif {display:none}


@keyframes umami-dropdown-1{
    100%    {  opacity:1;margin-top:0px}
    0%      { opacity:0;margin-top:55px}
}

@keyframes umami-dropdown-2{
    100%    {  opacity:1;margin-top:0px}
    5%      { opacity:0;margin-top:55px}
    0%      { opacity:0;margin-top:55px}
}

@keyframes umami-dropdown-3{
    100%    {  opacity:1;margin-top:0px}
    10%      { opacity:0;margin-top:55px}
    0%      { opacity:0;margin-top:55px}
}



@keyframes umami-dropdown-4{
    100%    {  opacity:1;margin-top:0px}
    15%      { opacity:0;margin-top:55px}
    0%      { opacity:0;margin-top:55px}
}







/**** reuse-umami Top   *****/
.umami-reuse .top {padding-top:90px;text-shadow:0 2px 6px rgba(0,0,0,0.4);background-image: linear-gradient(-59deg, #5993BA 0%, #508FB8 10%, #0067A5 100%);}
.umami-reuse .top a {;color:#fff;transition: 0.2s linear; border-right:solid 2px rgba(0,0,0,0)}
.umami-reuse .top a:hover {text-decoration:underline;padding-right:8px;transition: 0.2s linear }
.umami-reuse .top a:hover .arrow-left{transform:translate(-2px, 4px);transition: 0.2s linear }




.umami-reuse .top .arrow-left {filter:drop-shadow(0 2px 6px rgba(0,0,0,0.15));display:inline-block;transition: 0.5s linear;transform:translate(0px, 4px);margin-right:10px;width: 0;  height: 0;  border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #fff; }
.umami-reuse h1 {position:relative;z-index:1;color:#fff;max-width:600px;font-size:4rem;margin-top:10px;padding-bottom:10px;line-height:4.5rem;margin-bottom:0px}
.umami-reuse .top p{color:#fff;}
.umami-reuse .top p:last-of-type {color:#fff;padding-bottom:30px}
.umami-reuse .picto {height:284px;position:absolute;right:100px;bottom:-50px;z-index:9}
.umami-reuse .ligne {height:60px;position:absolute;right:0px;bottom:40px}




/**** reuse-umami Titre box   *****/
.umami-box .titre {border-bottom:solid 1px #979797;padding-bottom:40px;margin-bottom:40px}
.umami-box .titre img {display:inline-block;height:70px;transform:translateY(11px)}
.umami-box .titre div {display:inline-block;;margin-left:20px}
.umami-box .titre h2{font-weight:bolder;margin:0px;font-size:2rem}
.umami-box .titre p{font-size:1.5rem;margin:0px;color:#515151}



/**** Lien vers Dictionnaire Public   *****/
.dico {
	left: 85%;
	position: relative;
}

.dico-button {
	background-color: #e4e7f2;
}

.dico-button>div {
	margin: 2px 5px;
}

.dico-img-div {
	float: left;
	height:35px;
}
 
.dico-img {
	width:30px;
	height:30px;
	margin: 2px 5px;
}

.dico-lib {
    color:#7c8086; 
    font-size:12px
}


/******* Pictos des Themes *********/


.ods-catalog-card__title,
.ods-catalog-card__description,
.ods-catalog-card__metadata {
    margin-left: 60px;
}

.ods-catalog-card__theme-icon {
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
}

.ods-catalog-card__keyword:hover{
    background-color: #58B999;
}
.ods-catalog-card:hover:before{
    background-color: #58B999;
}


/******** Masquage de l'onglet API dans les jeux issus d'XtraData ********/
/* Pour masquer l'onglet Api dans un jeu qui possède un onglet 'webservices'*/
div.ods-tabs__tabs>a.webservices ~ a.api {
    display:none;
}

/* POur masquer le lien vers l'Api dans la carte sur la page Explore lorsque celui-ci est en avant dernière position*/
a.ods-catalog-card__visualization[href$=\/api\/]:nth-last-child(2){
     display:none;
}


/****** Bandeau cookies ********/
.ods-manage-cookies-preferences__banner {
	background-color: #066AA6 !important;
}
.ods-manage-cookies-preferences__banner h1 {
	padding: 0px !important;
    line-height: 1.5rem;
}
.ods-manage-cookies-preferences__banner>p {
    font-size: 14px; 
    margin-bottom: 1em;  
    line-height: 1.55rem !important; 
    max-width: 100%;
    font-weight: 400;    
}
.ods-manage-cookies-preferences__cookies-type {
	color: #333 !important;
}
.ods-manage-cookies-preferences__banner-title {
	color: white !important;
}


/**** umami responsive   *****/
@media screen and (max-width: 991px) {
       
    .umami-reuse h1 {;padding-bottom:30px;}
    .umami-reuse .picto{display:none}
    .umami-reuse .ligne {display:none}
    .umami-box { background-color:#fff; box-shadow:none;padding:25px 5px}
    .umami-box .titre {border-bottom:solid 1px #979797;padding-bottom:25px;margin-bottom:25px}
    
    .top .maxwidth {padding:0px 10px}
    .hide-mobile {display:none}
    .hide-desktop {display:block}
    
    .umami-dropdown-responsive {display:block}
    .ods-front-header__menu a {font-weight:bold}
    .umami-dropdown-responsive a {font-weight:700;margin-left:10px;font-size:14px;line-height:1.6rem;}
    



    
    /**** Formulaire ****/
     .formulaire h1, .formulaire .ods-form, .formulaire p {padding:0px 10px}
    
    /**** Lien vers Dictionnaire Public  *****/
    .dico {
		left: 50%;
		position: relative;		
	}
    .dico-img-div {
        float: left;
        height:25px;
    }
    .dico-img {
        width:20px;
        height:20px;
        margin: 2px 5px;
    }
    .dico-lib {
        color:#7c8086; 
        font-size:10px
    }
    
    /**** Masquage de l'onglet API dans les jeux issus d'XtraData ****/
    /* Pour masquer l'onglet Api dans un jeu qui possède un onglet 'webservices'*/
    div.ods-tabs__tabs>a.webservices ~ a.api {
        display:none;
    }

    /* POur masquer le lien vers l'Api dans la carte sur la page Explore lorsque celui-ci est en avant dernière position*/
    a.ods-catalog-card__visualization[href$=\/api\/]:nth-last-child(2){
         display:none;
    }
}