:root {
        --text: #183251;
--links: #183251;
--titles: #183251;
--page-background: #F0F3F8;
--highlight: #FBC103;
--boxes-background: #FFFFFF;
--boxes-border: #263892;
--section-titles: #FFFFFF;
--section-titles-background: #183251;
--header-background: #FFFFFF;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #183251;
    }
    
:root {
    --color-primary:#1E436F;
    --color-primary-dark:#183251;
    --color-secondary:#FBC103;
    --color-white:#ffffff;
    --color-grey:#F0F3F8;
    --color-black:#464748;
    --color-blue:#2A5C98;
    --color-text:#465970;

    --width-xlarge:1400px;
    --width-large:1100px;
    --width-medium:1000px;
    --width-small:750px;

    --typo-title:3rem;
    --typo-subtitle:2.375rem;
    --typo-large:1.5rem;
    --typo-normal:1rem;
    --typo-small:.688rem;

    --space-xxlarge:80px;
    --space-xlarge:40px;
    --space-large:20px;
    --space-medium:10px;
    --space-small:5px;

    --border-radius-card:8px;
    --border-radius-cta:10px;
    --border-radius-cta-medium:7px;
    --border-radius-cta-small:3px

}


@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Bold.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Bold.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-SemiBold2.woff2') format('woff2'),
        url('/assets/theme_font/Metric-SemiBold2.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Bold.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Light.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Light.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Light.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Medium.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Medium.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Medium.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Regular.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Regular.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('/assets/theme_font/Metric-Regular.woff2') format('woff2'),
        url('/assets/theme_font/Metric-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* .ods-responsive-menu-collapsible__content {
margin: 0;
padding: 0 60px;
} */
.portal-navigation {
    margin-top:20px
}
.img-responsive { max-width:100%}
h1,h2,h3 {margin:0}
html,body {font-size:16px;background-color:var(--color-white);font-family:"Metric"}
section { padding:60px;}
.shape {background-repeat:no-repeat;background-position:center;background-size:cover;background-color:var(--color-white)}
main{ margin:0}
.main--dataset, .main--catalog {margin:20px}
.ods-content {background-color:var(--color-grey)}
header {background-color:var(--color-white)}
.hidden {display:none}
a:hover {
    text-decoration: none;
}

/* HEADER */
#close-list:hover  { color:var(--color-secondary) !important}
#container-menu {flex-direction:column-reverse}
nav {background-color:var(--color-white) !important}
.ods-front-header__management-menu-item-link--active, .ods-front-header__management-menu-item-link:hover {    border-bottom: 3px solid var(--color-primary);}
.ods-front-header {background:unset}

header {text-decoration:none}
header a:hover {text-decoration:none}
.ods-front-header {height:unset;padding: var(--space-medium) 0; padding-top:5px}
.ods-responsive-menu-collapsible__content {display:block}
.ods-front-header__management-menu-item--backoffice {background-color:var(--color-primary);font-size:10px;border-radius:unset;border-radius:var(--border-radius-cta)}
.ods-front-header__management-menu-item--backoffice i {display:none}
.ods-front-header__management-menu {top: 2px;right:0px}
.ods-front-header__management-menu li:nth-child(3) {display:none}
.ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container {background-color:var(--color-primary)}
.ods-responsive-menu-collapsible__toggle-button:hover {color:var(--color-primary)}
.ods-front-header__management-menu-item-link {padding-bottom:0;padding-top:0}
.ods-responsive-menu-placeholder__toggle {top:15px;right:10px}
.ods-responsive-menu-collapsible {}
.ods-responsive-menu-placeholder.ods-responsive-menu-placeholder--active {padding-left:30px;padding-right:30px}
.portal-navigation > *{
    text-transform:uppercase;
    font-size:15px;
    font-weight:normal;
    color:#275386;
    border-radius:var(--border-radius-cta-small)
}
.portal-navigation > *:hover,.portal-navigation .actif {
    background-color:var(--color-grey)
}
#logo-header span {font-size:1.2rem;}
.ods-responsive-menu-collapsible__content {margin: 10px 10px 0 10px} 
.ods-front-header__management-menu-item-link {color:var(--color-black);font-size:10px}
.ods-front-header__management-menu-item--backoffice span {color:var(--color-white)}
.ods-responsive-menu-collapsible__content {    margin: 0px 10px 0 10px;
}
header .fa-bars { color: var(--color-primary)}
.ods-responsive-menu-placeholder__toggle {opacity:1}

/* Footer */
footer  {border-top:unset}
footer  a {color:var(--color-white) !important;text-decoration:none}
footer  a:hover {text-decoration:none !important}
footer .maxwidth-large {width:var(--width-large);max-width:100%}
/* Color */
.color-primary {color:var(--color-primary)}
.color-primary-dark {color:var(--color-primary-dark)}
.color-secondary {color:var(--color-secondary)}
.color-white {color:var(--color-white)}
.color-grey {color:var(--color-grey)}
.color-black {color:var(--color-black)}
.color-blue {color:var(--color-blue)}
.color-grey-light {color:var(--color-text)}

.bg-primary {background-color:var(--color-primary)}
.bg-primary-dark {background-color:var(--color-primary-dark)}
.bg-secondary {background-color:var(--color-secondary)}
.bg-white {background-color:var(--color-white)}
.bg-grey {background-color:var(--color-grey)}
.bg-bue {background-color:var(--color-bue)}

/* Max-width*/
.maxwidth-xxlarge{max-width:var(--width-xxlarge)}
.maxwidth-xlarge{max-width:var(--width-xlarge)} 
.maxwidth-large{max-width:var(--width-large)} 
.maxwidth-medium{max-width:var(--width-medium)} 
.maxwidth-small{max-width:var(--width-small)} 

/* Typo */
.title {font-size:var(--typo-title);text-transform:uppercase}
.subtitle {font-size:var(--typo-subtitle);text-transform:uppercase;color:var(--color-blue)}

.text-large {font-size:var(--typo-large)}
.text-normal {font-size:var(--typo-normal)}
.text-small {font-size:var(--typo-small)}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.fw-normal {font-weight:normal}

.fw-bold {font-weight:bold}
.fw-medium {font-weight:500}

.fw-sbold { font-weight:600}
.fw-xbold{font-weight:800}

.subtitle { display:inline;font-weight:bold;       }
.title { display:inline;font-weight:500;       }

.ods-front-header__management-menu {line-height:inherit}
.underline {
    background-repeat: no-repeat;
    background-image:
        linear-gradient(180deg,  #FEE79A, #FEE79A);
    background-position-x:100%;
    background-position-y: 90%;
    background-size:
        100% 12px,
        auto 12px,
        auto 12px;
}
/* Margin / Padding */
.mt-xxlarge{ margin-top:var(--space-xxlarge)}

.mt-xlarge{ margin-top:var(--space-xlarge)}
.mt-large{ margin-top:var(--space-large)}
.mt-medium{ margin-top:var(--space-medium) }
.mt-small{ margin-top:var(--space-small) }

.mb-large{ margin-bottom:var(--space-large) }
.mb-medium{  margin-bottom:var(--space-medium) }
.mb-small{ margin-bottom:var(--space-small) }
.mb-xlarge{ margin-bottom:var(--space-xlarge) }

.ml-large{ margin-left:var(--space-large) }
.ml-medium{  margin-left:var(--space-medium) }
.ml-small{ margin-left:var(--space-small) }

.mr-large{ margin-right:var(--space-large) }
.mr-medium{  margin-right:var(--space-medium) }
.mr-small{ margin-right:var(--space-small) }

.mt-auto { margin-top:auto}
.mx-auto {margin:auto}
.mb-none { margin-bottom:0}

.pt-xlarge{ padding-top:var(--space-xlarge)}
.pt-large{ padding-top:var(--space-large)}
.pt-medium{ padding-top:var(--space-medium) }
.pt-small{ padding-top:var(--space-small) }

.pb-large{ padding-bottom:var(--space-large) }
.pb-medium{  padding-bottom:var(--space-medium) }
.pb-small{ padding-bottom:var(--space-small) }
.pb-xlarge{ padding-bottom:var(--space-xlarge) }

.pl-large{ padding-left:var(--space-large) }
.pl-medium{  padding-left:var(--space-medium) }
.pl-small{ padding-left:var(--space-small) }

.pr-large{ padding-right:var(--space-large) }
.pr-medium{  padding-right:var(--space-medium) }
.pr-small{ padding-right:var(--space-small) }

.px-xlarge{padding-left:var(--space-xlarge);padding-right:var(--space-xlarge)}
.px-xxlarge{padding-left:var(--space-xxlarge);padding-right:var(--space-xxlarge)}
.px-small{padding-left:var(--space-small);padding-right:var(--space-small)}
.px-medium{padding-left:var(--space-medium);padding-right:var(--space-medium)}
.px-large{padding-left:var(--space-large);padding-right:var(--space-large)}
.px-none{padding-left:unset;padding-right:unset}

.py-xlarge{padding-top:var(--space-xlarge);padding-bottom:var(--space-xlarge)}
.py-xxlarge{padding-top:var(--space-xxlarge);padding-bottom:var(--space-xxlarge)}
.py-small{padding-top:var(--space-small);padding-bottom:var(--space-small)}
.py-medium{padding-top:var(--space-medium);padding-bottom:var(--space-medium)}
.py-large{padding-top:var(--space-large);padding-bottom:var(--space-large)}
.py-none{padding-top:unset;padding-bottom:unset}

.mx-xlarge{margin-left:var(--space-xlarge);margin-right:var(--space-xlarge)}
.mx-xxlarge{margin-left:var(--space-xxlarge);margin-right:var(--space-xxlarge)}
.mx-small{margin-left:var(--space-small);margin-right:var(--space-small)}
.mx-medium{margin-left:var(--space-medium);margin-right:var(--space-medium)}
.mx-large{margin-left:var(--space-large);margin-right:var(--space-large)}

.my-xlarge{margin-top:var(--space-xlarge);margin-bottom:var(--space-xlarge)}
.my-xxlarge{margin-top:var(--space-xxlarge);margin-bottom:var(--space-xxlarge)}
.my-small{margin-top:var(--space-small);margin-bottom:var(--space-small)}
.my-medium{margin-top:var(--space-medium);margin-bottom:var(--space-medium)}
.my-large{margin-top:var(--space-large);margin-bottom:var(--space-large)}

.pt-auto { padding-top:auto}
.px-auto {padding:auto}
.pb-none { padding-bottom:0}
.pl-none { padding-left:0}
.pt-none { padding-top:0}

/* Header */
.link-container .arrow-container,.link-container .link-item:hover .circle {
    display:none
}
.link-container .link-item:hover .arrow-container {
    display:flex
}
/* Column */
.d-grid{display:grid}
.d-block{display:block}
.d-flex{display:flex}
.d-inline-flex{display:inline-flex}
.grid-1 {grid-template-columns: 1fr;}
.grid-2 {grid-template-columns: 1fr 1fr;}
.grid-3 {grid-template-columns: 1fr 1fr 1fr;}
.grid-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.gap-row-xlarge { row-gap:var(--space-xlarge) ;}
.gap-column-xlarge { column-gap:var(--space-xlarge) ;}
.gap-row-large { row-gap:var(--space-large) ;}
.gap-column-large { column-gap:var(--space-large) ;}
.gap-row-medium { row-gap: var(--space-large); ;}
.gap-column-medium { column-gap:var(--space-large) ;}
.gap-row-small { row-gap:var(--space-small) ;}
.gap-column-small { column-gap:var(--space-small) ;}

.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.justify-center {justify-content: center;}
.justify-space-between {justify-content: space-between;}
.align-end {align-items:flex-end}
.align-center {align-items: center;}
.flex-wrap {flex-wrap:wrap}

/* Cta */

.cta {
    padding: 5px var(--space-medium) ;
    text-decoration:none;
    width:230px;
    transition:.5s ease;
    border-radius:var(--border-radius-cta);
    transition:.5s ease;

}
.filtres .cta {
    border-color:transparent;
    text-transform:uppercase;
    white-space: nowrap;
}
.cta.actif {
    background-color:var(--color-secondary);

}
.item-filtres.actif {
    color:var(--color-secondary)
}
.cta:not(.actif):hover ,.cta.bg-primary.actif
{
    text-decoration:none;
    background-color:transparent;
    border-color:var(--color-secondary);


}
.cta.bg-secondary {
    text-decoration:none;
    background-color:var(--color-white);
    border:var(--color-primary) 1px solid; 

}
.cta.bg-secondary:hover,.cta.bg-secondary.actif{
    color:var(--color-white);
    background-color:var(--color-primary);
}

footer a#connexion:hover {
    color:var(--color-white) !important;
    background-color:var(--color-primary);
    border-color:var(--color-white)
}
footer #connexion {
    color:var(--color-primary) !important;
    border:2px solid transparent
}
.cta.bg-secondary:hover span,.cta.bg-secondary.actif span{
    color:var(--color-white);

}
/* Input */
.input-container input,.cta  {
    border:#c1c3d7 solid 1px;
}

.input-container  {
    max-width:100%;
}
.input-container .container-img {
    width:50px
}
.autocompletion_inactif {display:none}

.input-container input {
    background-color:var(--color-white);
    max-width:100%;
    width:400px;
    position:relative
}
.input-container > img {
    position: absolute;
    top: 6px;
    left: 10px;
    width: 20px;
    z-index: 2;
}
input {
    outline:none;
    border:none;
}
input::placeholder {
    padding-left:var(--space-small);


}
/* #umami-page {background-color:var(--color-grey);margin-top: -18px;}
#umami-page section {padding: 60px;}

#umami-module input,#umami-home input {    color:var(--color-black);
}
#umami-module input::placeholder,#umami-home input::placeholder {
color:#d5d6e5;
}
#umami-module input:focus,#umami-home input:focus {
border:#c1c3d7 solid 1px;;
outline:none
}

#umami-module .highcharts-background {fill:256,256,256,0.9} */

/* Module dataviz */
.module .module_header{ margin-top:var(--space-large)}
.module select,.module .cta {
    color:var(--color-white);
    font-weight:600;  
    -webkit-appearance:none;
    -moz-appearance:none;
    background-color:#4D6A8C;
    padding:var(--space-small) var(--space-large);
    border-color:transparent;
    border-radius:5px;
    max-width:250px;
}
.module .cta:hover {
    border-color:var(--color-white)
}
.module select {

    background-image: url('/assets/theme_image/arrow-down.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.module select option {
    font-size:.8rem
}

.module_header {
    border-top-left-radius:var(--border-radius-cta);
    border-top-right-radius:var(--border-radius-cta);
    padding:var(--space-large) 30px

}
.module_footer {
    padding:var(--space-medium) 30px;
    border-bottom-left-radius:var(--border-radius-cta);
    border-bottom-right-radius:var(--border-radius-cta);
}
.module_filtres { left:10px;top:10px;z-index:9999}
.item-autocompletion :hover {
    background-color:rgba(0,0,0,.2)
}
/* Position */
.absolute{position:absolute}
.relative {position:relative}

/* Border radius */

.border-radius-medium {border-radius:var( --border-radius-cta-medium)}
/* ANIMATION */
.arrow-container {border-radius:100%;height:23px;width:23px}
@keyframes slideTop {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideRightTopSmall {
    0% {
        transform: translate(0,-10px);
    }

    100% {
        transform: translate(5px,-10px);
    }
}
@keyframes slideRightSmall {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(5px);
    }
}

@keyframes slideRightMedium {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(10px);
    }
}
/*** CARD ***/
.card > * {
    max-width:100%
}
.card,.card-form {
    box-shadow: 0 2px 6px -3px rgba(0,0,0,0.2); 
    transform: translateZ(0)

}
.card:hover {
    box-shadow: 0 4px 7px -3px rgba(0,0,0,0.2); 
    /*** transform: translateY(-2px);***/
    transition: 0.2s ease-in;
}
.card .text-container {
    transition:.2s ease-out;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.card:hover .text-container{    
    background: rgba(250, 250, 250, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition:.2s ease-in;
}
.card:hover .thematique,.card-form:hover {
    transform: translateY(-2px);
}

.card:hover .link {
    display: flex !important;
    transition: 0.2s ease-in;
    animation: 1s slideRightSmall;
    margin:auto;
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
    -moz-animation-fill-mode: forwards;    /* FF 5+ */
    -o-animation-fill-mode: forwards;      /* Not implemented yet */
    -ms-animation-fill-mode: forwards;     /* IE 10+ */
    animation-fill-mode: forwards;
    position:absolute;
    right:0

}
.link-container:hover .arrow-container  , .return:hover .arrow-container {
    transition: 0.2s ease-in;
    animation: 1s slideRightSmall;
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
    -moz-animation-fill-mode: forwards;    /* FF 5+ */
    -o-animation-fill-mode: forwards;      /* Not implemented yet */
    -ms-animation-fill-mode: forwards;     /* IE 10+ */
    animation-fill-mode: forwards;
}
.link-container a:hover p  , .return:hover p{
    transition: 0.2s ease-in;
    animation: 1s slideRightMedium;
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
    -moz-animation-fill-mode: forwards;    /* FF 5+ */
    -o-animation-fill-mode: forwards;      /* Not implemented yet */
    -ms-animation-fill-mode: forwards;     /* IE 10+ */
    animation-fill-mode: forwards;
}
.card:hover .text-normal,.card:hover .text-small, .card:hover .text-large {
    transition: 0.2s ease-in;
    animation: 1s slideRightMedium;
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
    -moz-animation-fill-mode: forwards;    /* FF 5+ */
    -o-animation-fill-mode: forwards;      /* Not implemented yet */
    -ms-animation-fill-mode: forwards;     /* IE 10+ */
    animation-fill-mode: forwards;

}
.card:hover [data-type="img-themes"]{
    visibility:hidden

}
.card {
    max-width:100%;
    position:relative;
    border-radius:var(--border-radius-card);
    overflow:hidden

}
.card .img-container{
    padding-top:254px;
    background-color:#fff;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    transition: all .2s ease-in-out;

}

.card .tag {
    position: absolute;
    top: 5%;
    left: 5%;
    border: var(--color-white) solid 1px;
    padding: 3px 13px;
    font-size: 12px;
    z-index: 2;

}

.card .text-container {
    left: 5%;
    right: 5%;
    bottom: 8%;
    padding: var(--space-medium) var(--space-large);
    background-color: rgba(242, 246, 249,.7);
    max-height: 200px;
    text-overflow: ellipsis;
    width: 68%;
    border-radius:var(--border-radius-cta);

}



/* backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);*/


.container-fluid {padding-left:0;padding-right:0}
.ods-responsive-menu-collapsible__content {
    margin: 0px;
}

/*  Infobulle  */
.leaflet-popup-tip {
    width:0;
    padding:0
}
.infobulle > * {
    text-align:center;

}
.infobulle h3{    font-size: 1rem;

    line-height: 1rem;
    margin: 10px 0px;
    font-weight: bold;}
.infobulle p {
    margin: 10px 0 !important;
}


.odswidget-map-tooltip__record {max-height:300px}
.infobulle .img-container {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    width:100px;
    height:100px;
    border-radius:100px;
    background: var(--color-primary)
}
.infobulle img {
    width: 90px;
    padding: 10px;
    height: 90px;
    margin: auto;
    display:block
}
.infobulle .leaflet-popup-content-wrapper, .infobulle .leaflet-popup-tip {
    background: var(--color-secondary) !important;
}

/* Explore */
.ods-catalog-sort__selector__opt {overflow-x:unset}
.ods-catalog-card{
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 2px 6px -3px rgba(0,0,0,0.1);
    border:none}
h1.ods-filters__filters,.ods-filters__count {
    background-color:var(--color-primary);
    color:var(--color-white)

}
.container-fluid.ods-app-explore-catalog {
    max-width:var(--width-xlarge) ;
    padding: 20px 0px;
    margin: 0 auto

} 

.main--catalog {
    margin: 40px;
}

/* Contact form */

.card-form {
    max-width:var(--width-medium);
    margin-left:0;
    background-color: var(--color-white);
    border-radius:var(--border-radius-card);
    padding:var(--space-xlarge)
}

.circle {
    height:23px;
    width:23px;
    border: 1px solid var(--color-secondary);
    display:inline-block;
    border-radius:100%;
    min-width:23px
}

.triangle {
    display : inline-block;
    height : 0;
    width : 0;
    border-right : 16px solid transparent;
    border-bottom : 16px solid var(--color-grey);
    border-left : 16px solid transparent;
}
@media screen and (max-width:1400px) {
    #container-menu {flex-direction:column-reverse}
    .ods-front-header__management-menu {text-align:right }


}

@media screen and (max-width:991px) {
    .main--catalog {
        margin:0
    }
    .ods-responsive-menu-placeholder.ods-responsive-menu-placeholder--active,.container-fluid.ods-app-explore-catalog {
        padding-left: 20px;
        padding-right: 20px;
    }
    #umami-page section{padding:20px}
    section  {
        padding:var(--space-large) 
    }
    .ods-app-explore-catalog .ods-filters-placeholder {
        border-bottom: 1px solid var(--color-primary) !important;
    }
    .ods-app-explore-catalog .ods-filters-placeholder {margin:unset}
    #container-menu {flex-direction:unset}
    .ods-front-header__management-menu {text-align:unset }
    header #container-menu {
        display:block
    }
    header .d-flex,.portal-navigation a {
        display:block
    }
    header #logo-header {
        display:flex
    }
    header .ods-responsive-menu-collapsible__content #logo-header{ display:none}
    .module_filtres .d-flex,.module_footer .d-flex {
        row-gap: var(--space-medium);
    }
    .module_filtres  input,.module_filtres  select { width:80%;height:30px;;margin:auto; display:block;}
    .module_filtres .container_autocompletion{    width: 80%;
        margin: auto;
        left: 0;
        right: 0;}
    .module_filtres .autocompletion {width:100%}
    .portal-navigation > *,.ods-front-header__management-menu-item-link {color:var(--color-white) }
    header #header-list .text-left {
        box-shadow:unset !important
    }
    header .portal-navigation {
        display: inline-flex;
        flex-direction: column;
        align-items: start;
    }
    .portal-navigation >*:nth-child(5){ order:4 }
    .portal-navigation >*:nth-child(4){ order:5 }

    .ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu-item {
        margin: 10px 0;
        padding-left: 10px;
    }
    .portal-navigation > *:hover {
        background-color: unset;
        color:var(--color-secondary)
    }
    #header-list .text-left {
        background-color:transparent !important;

    }
    #header-list a {
        color:var(--color-white)
    }

    header #header-list {
        position:unset !important
    }


    header #header-list .text-left{
        border-radius:0 !important
    }
    header #header-list .text-normal{
        font-size:.8rem
    }
    header .triangle {
        display:none
    }
}
@media screen and (max-width:990px) {

    #card-container .flex-item,#logo-container  .card {
        margin-bottom:var(--space-large)
    }
    .d-block-mob{
        display:block
    }
    .justify-center-mob{
        justify-content:center
    }
    .module_header > * {
        margin-bottom:var(--space-medium);
    }



}

@media screen and (max-width:680px) {
    .ods-front-header__management-menu-item--backoffice {
        background-color:transparent
    }
    section.module {padding: var(--space-large) 0 ;} 
    section.module .text_container {padding: 0 10px}

    .title  {
        font-size:3rem
    }
    .subtitle  {
        font-size:2.5rem
    }
    #umami-home .title {margin-bottom:var(--space-large)}
    .module_footer .cta {
        margin: auto;
    }
    #card-container {
        display:block
    }

    .card .img-container {
        padding-top:100% !important
    }
    section.top .flex-row {
        flex-direction:column;
        align-items: center;;
        row-gap:var(--space-medium)
    }
    input {
        height:40px
    }
    #search { width:25px}
}

@media screen and (max-width:500px) {
    html,body { font-size:14px}
}

@media screen and (max-width:450px) {


}
@media screen and (max-width:350px) {

    html,body { font-size:13px}

}