:root {
        --text: #424242;
--links: #4A7EA4;
--titles: #202020;
--page-background: #FFFFFF;
--highlight: #4A7EA4;
--boxes-background: #FFFFFF;
--boxes-border: #CCC7BE;
--section-titles: #FFFFFF;
--section-titles-background: #4A7EA4;
--header-background: #FFFFFF;
--header-links: #4A7EA4;
--footer-background: #6FA5CC;
--footer-links: #0E1A23;
    }
    
/*style général*/

header, footer, .container-fluid{font-family: "Inter", "Arial" , sans-serif !important}

:root{
    --portalcolor:#3C687C;
    --portalemphasize:#e65113;
    --bleu1:#C1EDF9;
    --bleu2:#A3CEED;
    --bleu3:#6FA5CC;
    --bleu4:#649CC5;
    --bleu5:#4A7EA4;
    --bleu6:#274B65;
    --bleu7:#1F3B50;
    --bleu8:#183144;
    --bleu9:#0E1A23;
    --sable1:#F8F5F1;
    --sable2:#F4F0EB;
    --sable3:#E7E2DA;
    --sable4:#CCC7BE;
    --sable5:#BCB8B1;
    --sable6:#9C9992;
    --sable7:#79766E;
    --sable8:#5C5951;
    --sable9:#494740;
    --jaune1:#E8CD48;
    --jaune2:#DEB900;
    --rouge1:#FFA6A6;
    --rouge2:#F02323;
}

@font-face { font-family: GrandCru; 
    font-weight: 300;
    font-style:normal;
    src: url('/assets/theme_font/GrandCru-LightS.otf'); }

@font-face { font-family: Inter; 
    font-weight: 100;
    font-style:normal;
    src: url('/assets/theme_font/Inter-Thin.ttf'); }
@font-face { font-family: Inter; 
    font-weight: 200;
    font-style:normal;
    src: url('/assets/theme_font/Inter-ExtraLight.ttf'); }
@font-face { font-family: Inter; 
    font-weight: 300;
    font-style:normal;
    src: url('/assets/theme_font/Inter-Light.ttf'); } 
@font-face { font-family: Inter; 
    font-weight: 400;
    font-style:normal;
    src: url('/assets/theme_font/Inter-Regular.ttf'); }
@font-face { font-family: Inter; 
    font-weight: 500;
    font-style:normal;
    src: url('/assets/theme_font/Inter-Medium.ttf'); } 
@font-face { font-family: Inter; 
    font-weight: 600;
    font-style:normal;
    src: url('/assets/theme_font/Inter-SemiBold.ttf'); } 
@font-face { font-family: Inter; 
    font-weight: 700;
    font-style:normal;
    src: url('/assets/theme_font/Inter-Bold.ttf'); } 
@font-face { font-family: Inter; 
    font-weight: 800;
    font-style:normal;
    src: url('/assets/theme_font/Inter-ExtraBold.ttf'); } 
@font-face { font-family: Inter; 
    font-weight: 900;
    font-style:normal;
    src: url('/assets/theme_font/Inter-Black.ttf'); } 

@font-face { font-family: Akkurat;
    font-weight: 400;
    font-style:normal;
    src: url('/assets/theme_font/AkkuratStd-Regular.otf'); }
@font-face { font-family: Akkurat;
    font-weight: 400;
    font-style:italic;
    src: url('/assets/theme_font/AkkuratStd-Italic.otf'); }
@font-face { font-family: Akkurat;
    font-weight: 600;
    font-style:normal;
    src: url('/assets/theme_font/AkkuratStd-Bold.otf'); }

@font-face { font-family: Commission;
    font-weight: 800;
    font-style:normal;
    src: url('/assets/theme_font/Commission-Ultra-Condensed-Bold.otf'); }

@font-face { font-family: Silka;
    font-weight: 800;
    font-style:normal;
    src: url('/assets/theme_font/Silka-Black.otf'); }
@font-face { font-family: Silka; 
    font-weight: 600;
    font-style:normal;
    src: url('/assets/theme_font/Silka-Bold.otf'); } 
@font-face { font-family: Silka; 
    font-weight: 400;
    font-style:normal;
    src: url('/assets/theme_font/Silka-Regular.otf'); } 
@font-face { font-family: Silka; 
    font-weight: 400;
    font-style:italic;
    src: url('/assets/theme_font/Silka-RegularItalic.otf'); } 
@font-face { font-family: Silka; 
    font-weight: 500;
    font-style:normal;
    src: url('/assets/theme_font/Silka-SemiBold.otf'); } 

@font-face { font-family: SilkaMono; 
    font-weight: 800;
    font-style:normal;
    src: url('/assets/theme_font/SilkaMono-Bold.otf'); } 
@font-face { font-family: SilkaMono; 
    font-weight: 400;
    font-style:normal;
    src: url('/assets/theme_font/SilkaMono-Regular.otf'); } 
@font-face { font-family: SilkaMono; 
    font-weight: 600;
    font-style:normal;
    src: url('/assets/theme_font/SilkaMono-SemiBold.otf'); } 

@font-face { font-family: AlternateGothic; src: url('/assets/theme_font/AlternateGothicCom-No2.ttf'); } 

@font-face { font-family: Chinup; src: url('/assets/theme_font/Chin up Buttercup CuteCaps.otf'); } 

@font-face { font-family: Poppins; 
    font-weight: 600;
    font-style:normal;
    src: url('/assets/theme_font/Poppins-SemiBold.ttf'); } 

@font-face { font-family: Poppins; 
    font-weight: 500;
    font-style:normal;
    src: url('/assets/theme_font/Poppins-Medium.ttf'); } 

@font-face { font-family: Poppins; 
    font-weight: 400;
    font-style:normal;
    src: url('/assets/theme_font/Poppins-Regular.ttf'); } 

@font-face { font-family: Poppins; 
    font-weight: 300;
    font-style:normal;
    src: url('/assets/theme_font/Poppins-Light.ttf'); } 

@font-face { font-family: Poppins; 
    font-weight: 200;
    font-style:normal;
    src: url('/assets/theme_font/Poppins-ExtraLight.ttf'); } 

@font-face { font-family: Poppins; 
    font-weight: 300;
    font-style:italic;
    src: url('/assets/theme_font/Poppins-LightItalic.ttf'); } 

@font-face { font-family: Queulat; 
    font-weight: 400;
    font-style:normal;
    src: url('/assets/theme_font/Queulat-Regular.otf'); } 

/* TO BE REMOVED */

.back-blue{background-color:#3C687C}
.back-creme{background-color:#F6EEE1}
.back-black{background-color:#414141}
.border-black{border-color: #414141}
.border-creme{border-color: #F6EEE1}
.color-blue{color:#3C687C}
.color-creme{color:#F6EEE1}
.color-black{color:#414141;}
.txt-shadow-blk{ text-shadow:0 3px 6px rgba(0,0,0,0.24);}
.txt-shadow-white{text-shadow:0 2px 6px rgba(0,0,0,0.14);}


a:hover{ text-decoration:none}

/*header logo*/
.ods-front-header{
    height:inherit;
    padding:0px;
}

.top-head{text-align:center;}
.logo-orleans {display:block;line-height:0px;}
/**/

/*menu desktop
.ods-front-header__menu{background-color:#3C687C;width:100%;margin:0px auto;text-align:center;min-height:40px}
.ods-front-header__menu-item-link{line-height:40px;color:#fff;text-transform:uppercase; font-size:14px;  font-weight:normal; height:40px;opacity:1}
.ods-front-header__menu-item-link:hover{color:#eee;}
.ods-front-header__menu-item-link--active{border-bottom: none;color:#eee;opacity:1}
*/


/*menu burger mobile
.ods-responsive-menu-placeholder__toggle{margin-top:25px;color:black}
.ods-responsive-menu-placeholder__toggle:hover{background-color:transparent}
*/

.ods-front-footer {border:none;}
/*.margin-l{margin-left:60px}*/

.ods-catalog-card::before{border:none}

/* background:rgba(250,250,250,0.8);
box-shadow:0px 3px 6px hsla(200,0%,0%,0.2)
border:none;*/

.ods-catalog-card{
    background:var(--sable1);
    transition-duration: 0.2s;
    border-radius:5px;
}

.ods-filters__count,
.ods-filters__filters,
.ods-filters__export-catalog-title,
.ods-filter__filter-summary-title{
    border-radius:5px;
}

/* box-shadow:0px 5px 8px hsla(200,0%,0%,0.1)
transform:translateY(-2px)
border:none;*/

.ods-catalog-card:hover{background:var(--bleu1);}
.ods-catalog-card__title{color:var(--bleu9)}

/*
@media(max-width:999px){
.ods-front-footer {text-align:initial}
.margin-l{margin-left:10px}
.logo-orleans img{width:200px}

.ods-front-header{border-bottom:solid 1px #3C687C}
.ods-front-header__menu {text-align:left}
}
*/

/* APP PAGE 
========================================================================== */


/* HEADER
========================================================================== */
.om-opendata-header{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:start;
    height:70px;
    width:100%;
    font-weight:600;
    padding:0 20px;
}

.om-opendata-header a{
    color:var(--bleu9);
}

.om-opendata-header .item{
    padding:0 30px;
    font-size:1rem;
}

.om-opendata-header .lastitem{
    margin-left:auto;
}

.om-opendata-header .item i{
    margin-right:3px;
}

.om-opendata-header img{
    height:60px;
    margin-top:5px;
    padding-right:30px;
}

@media screen and (max-width: 480px) {
    .om-opendata-header{
        padding:10px 10px;
        height:60px;
    }
    .om-opendata-header .item{
        padding:0 10px;
    }  
    .om-opendata-header .item i{
        margin-right:1px;
    }
    .om-opendata-header img{
        height:40px;
        padding-right:10px;
    }
}

/*menu backoffice*/ 
.ods-front-header__management-menu{line-height:5px;right:5px;text-align:center}
.ods-front-header__management-menu-item-link{font-size:.9rem;}
.ods-front-header__management-menu-item-link:hover{border:none;}
/*.ods-front-header__management-menu-item-link:hover{color:black;border-color: black;border-width:1px}*/
.ods-front-header__management-menu-item-link--backoffice{color:#fff}
/*.ods-front-header__management-menu-item-link--backoffice:hover{color:#aaa}*/


/* FOOTER
========================================================================== */

.om-opendata-footer{
    display:flex;
    flex-direction:row;
    column-gap:20px;
    align-items:center;
    height:40px;
    padding:10px 20px;
    background-color:var(--bleu3);
}

.om-opendata-footer .item{
    line-height:1.2rem;
}

.om-opendata-footer a{
    color:var(--bleu9);
}

@media screen and (max-width: 480px) {
    .om-opendata-footer{
        padding:10px;   
    }
    .om-opendata-footer .item{
        font-size:.9rem;   
    }
}

/* SOCIALS BUTTONS 
========================================================================== */
.odswidget-social-buttons__button{
    background-color:var(--bleu4);
}
.om-opendata-social-buttons{
    display:flex;
    align-items:center;
    justify-content:end;
    padding:10px 40px;
    width:100%;
}

@media screen and (max-width: 480px) {
    .om-opendata-social-buttons{
        padding:10px 10px;
    }
}

/* STANDARD PAGE
=========================================================================== */
.opendata-page{
    display:flex;
    flex-direction:column;
    width:100%;
}

.opendata-page .header-bloc{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:60px;
    width:100%;
    column-gap:20px;
    row-gap:0;
    background-color:var(--bleu4);
    color:white;
}

.opendata-page .header-bloc a{
    color:white;
}

.opendata-page .header-bloc .back{
    border-right:1px solid white;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:2rem;
    height:100%;
    width:60px;
}

.opendata-page .header-bloc .back img{
    width:40px;   
}

.opendata-page .header-bloc .title{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    column-gap:20px;
    font-size:1.6rem;
    line-height:1.6rem;
    font-weight:300;
}

.opendata-page .header-bloc .navigate{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:100%;
    column-gap:10px;
}

.opendata-page .header-bloc .navigate .item{
    font-size:2rem;
    height:60%;
    padding:0 10px;
    width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: ease-in-out 150ms;
}

.opendata-page .header-bloc .navigate .item-selected{
    color:var(--jaune2);
    padding-bottom:6px;
    border-bottom:3px solid var(--jaune2);
    transition: ease-in-out 150ms;
}

/* SEARCH
=========================================================================== */
.opendata-mobile-search-bar{
    display:flex;
    flex-direction:row;
    align-items:center;
    border-radius: 10px;
    width:280px;
    height:50px;
    background-color:var(--bleu1);
    position:relative;
}

.opendata-mobile-search-bar input{
    font-size:1.4rem;
    font-weight:300;
    padding:0 10px 0 15px;
    outline:none; 
    border:none;
    background-color:transparent;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height:100%;
    width:calc(100% - 45px);
}

.opendata-mobile-search-bar .cancel-button{
    font-size:1.8rem;
    font-weight:300;
    height:100%;
    display:flex;
    align-items:center;
    position:absolute;
    top:0;
    right:52px;
    z-index:20;
}

.opendata-mobile-search-bar .search-button{
    font-size:1.8rem;
    font-weight:300;
    width:45px;
    height:100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--bleu2);
}




/* MAP PAGE
=========================================================================== */
.opendata-mappage{
    display:grid;
    width:100%;
    height:100vh;
    grid-template-rows: 60px calc(100vh - 60px);
    grid-template-columns: 340px auto;
    column-gap:0;
    row-gap:0;
}

.opendata-mappage-map{
    grid-row:1/4;
    grid-column:2;
    position:relative;
    border-left:1px solid var(--sable4);
}

.opendata-mappage-mapcontainer{
    height:100%;
    width:100%;
}

.opendata-mappage-toolbar{
    grid-row:1;
    grid-column:1;
    display:flex;
    align-items:center;
    justify-content:start;
    flex-direction:row;
    background-color:var(--bleu4);
    column-gap:10px;
}

.opendata-mappage-poi{
    grid-row:2;
    grid-column:1;
    display:flex;
    flex-direction:column;
}

@media screen and (max-width: 480px) {
    .opendata-mappage{
        grid-template-rows: 54px 240px calc(100vh - 294px);
        grid-template-columns: 100%;
    }
    .opendata-mappage-map{
        grid-row:2;
        grid-column:1;
        border-left:none;
    }
    .opendata-mappage-mapcontainer{
        height:240px; 
        border-bottom:1px solid var(--sable4);
    }
    .opendata-mappage-toolbar{
        grid-row:1;
        grid-column:1;
        column-gap:10px;
    }
    .opendata-mappage-poi{
        grid-row:3;
        grid-column:1;
    }
    .odswidget-map__map,
    .odswidget-map{
        min-height:160px;
    }
}

.opendata-mappage-filters{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    display:flex;
    flex-direction:row;
    column-gap:10px;
    align-items:center;
    height:60px;
    overflow-x:auto;
    width:100%;
    padding:0 20px;
}

.opendata-mappage-filters{
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.opendata-mappage-filters::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.opendata-mappage-update{
    position:absolute;
    bottom:0;
    right:0;
    z-index:100;
    display:flex;
    flex-direction:row;
    column-gap:10px;
    align-items:center;
    height:60px;
    width:100%;
    padding:0 20px;
}

@media screen and (max-width: 480px) {
    .opendata-mappage-filters{
        padding:0 10px;
        height:54px;
    }
    .opendata-mappage-update{
        padding:0 10px;
        height:40px;
    }
}

.opendata-mappage-toolbar .item,
.opendata-mappage-filters .item,
.opendata-mappage-update .item{
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px 10px;
    background-color:white;
    border-radius:5px;
    column-gap:6px;
    font-size:1rem;
    font-weight:400;
    background-color:var(--sable1);
    white-space:nowrap;
}

.opendata-mappage-update a{
    color:#424242;
}

.opendata-mappage-toolbar .back{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid var(--bleu1);
    color:white;
    font-size:1.4rem;
    width:50px;
}


@media screen and (max-width: 480px) {
    .opendata-mappage-toolbar .item,
    .opendata-mappage-filters .item{
        height:30px;
    }
    .opendata-mappage-update .item{
        height:24px;
        font-size:.8rem;
        padding:5px;
    }
}

.opendata-mappage-filters .item{
    border:1px solid var(--sable8);
}

.opendata-mappage-update .item{
    border:1px solid var(--sable4);
}

.opendata-mappage-toolbar .item-selected,
.opendata-mappage-filters .item-selected{
    background-color:var(--jaune1);
}

.opendata-mappage-poi-list{
    display:flex;
    flex-direction:column;
    overflow-y:auto;
}

.opendata-mappage-poi-list {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.opendata-mappage-poi-list::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.opendata-mappage-poi-list .item{
    padding:10px 0;
    border-bottom:1px solid var(--sable4);
    display:flex;
    align-items:center;
    flex-direction:row;
}

@media screen and (max-width: 480px) {`
    .opendata-mappage-poi-list .item{
        padding:5px 0;
    }
}

.opendata-mappage-poi-list .item-selected{
    background-color:var(--jaune1); 
}

.opendata-mappage-poi-card{
    padding:10px;
    display:flex;
    flex-direction:column;
    border:6px solid var(--jaune1);
}

.opendata-mappage-poi-card .title{
    display:flex;
    flex-direction:column;
    margin-bottom:10px;
}

.opendata-mappage-poi-card .title .name{
    font-size:1.4rem;
    line-height:1.6rem;
    font-weight:600;
}

.opendata-mappage-poi-card .title .address{
    line-height:1.2rem;
}

.opendata-mappage-poi-card .description{
    margin-top:10px;
}

@media screen and (max-width: 480px) {
    .opendata-mappage-poi-card{
        border:4px solid var(--jaune1);
        padding:5px 10px;
    }
    .opendata-mappage-poi-card .description{
        display:none;
    }
    .opendata-mappage-poi-card .title{
        margin-bottom:5px;
    }
}

/* FILTERS LIST TO BE REMOVED ?!
========================================================================== */
.om-filters-listof-itemlist{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

.om-filters-itemlist{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    text-transform: uppercase;
    font-weight:300;
    font-size:1.2rem;
    margin-bottom:20px;
    margin-right:20px;
}

.om-filters-itemlist:last-child{
    margin-right:0;
}

.om-filters-item{
    padding:5px 15px;
    border-top:1px solid dimgray;
    border-bottom:1px solid dimgray;
    border-right:1px solid dimgray;
}

.om-filters-item:first-child{
    border-left:1px solid dimgray;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.om-filters-item:last-child{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}

.om-filters-item-scope{
    background-color:var(--portalemphasize);
    color:white;
}

/* Tab
========================================================================== */
.om-tab-pills .ods-simple-tabs-nav{
    padding: 20px 0 0 0;
}

.om-tab-pills .ods-simple-tabs-nav-link {
    border-bottom: 0;
    background-color: transparent;
    Letter-spacing: 1px;
    text-transform: uppercase;
    font-weight:300;
    font-size:0.9rem;
}

.om-tab-pills .ods-simple-tabs-nav-link:hover {
    color: #F6EEE1;
}
.om-tab-pills .ods-simple-tabs-nav-link-active {
    /*background-color: #F6EEE1;*/
    border-bottom : 2px solid #3c3c3b;   
}
.om-tab-pills .ods-simple-tabs-nav-link-active,
.om-tab-pills .ods-simple-tabs-nav-link-active:hover {
    color: black;
}

.om-tab-pills .tab-content {
    padding: 5px 0;
}

/* SEARCH INPUT
========================================= */
.godata-search-bar{
    display:flex;
    flex-direction:row;
    align-items:center;
    border-radius: 2rem;
    border:1px solid silver;
    border-right:none;
    width:50%;
    height:42px;
}

.godata-search-bar input{
    font-size:1.4rem;
    font-weight:300;
    padding:0 10px 0 15px;
    outline:none; 
    border:none;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    height:40px;
    width:calc(100% - 40px - 70px);
}

.godata-search-bar .cancel-button{
    font-size:2.2rem;
    font-weight:300;
    color:silver;
    border-left:none;
    border-right:none;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.godata-search-bar .search-button{
    font-size:2rem;
    font-weight:300;
    color:silver;
    width:70px;
    height:42px;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border:1px solid silver;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:whitesmoke;
    border-left: none;
}

/* TOOLBAR AND FILTERS */
.godata-toolbar{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    overflow:auto;
    align-items:center;
    margin-bottom:50px;
}

.godata-toolbar-label{
    font-size:1.4rem;
    font-weight:800;
    margin-right:10px;
}

.godata-toolbar-item{
    white-space: nowrap;
    padding:6px 10px;
    border:1px solid #404040;
    border-radius:2rem;
    margin-right:10px;
    background-color:white;
    color:#404040;
}

.godata-toolbar-item-selected{
    background-color:#9ac21b;
    color:white;
    border-color:#9ac21b;
}

.godata-toolbar a{
    padding:5px 10px;
    border-radius:2rem;
    margin-right:10px;
    background-color:#007db2;
    color:white;
    border-color:#007db2;
    width:70px;
    text-align:center;
}