:root {
        --text: #333333;
--links: #F18557;
--titles: #000000;
--page-background: #FFFFFF;
--highlight: #F18557;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #FFFFFF;
--section-titles-background: #F18557;
--header-background: #91AF3E;
--header-links: #FFFFFF;
--footer-background: #F18557;
--footer-links: #FFFFFF;
    }
    
/*@font-face {
font-family: 'Roboto', sans-serif;
src: url('/assets/theme_font/ArialNarrow2.ttf') format('truetype');
/*src: url('/assets/theme_font/Roboto-Regular.ttf') format('ttf');
font-style: normal;
font-weight: 400;
}*/


/* Modification Innopublica du 20/11/2023 */

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

@font-face {
    font-family: 'Roboto';
    src: url('/assets/theme_font/Roboto-Bold.ttf') format('truetype');
    src: local('Roboto') url('/assets/theme_font/Roboto-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}

/* Référence aux 2 polices Bellota et Raleway chargées par Innopublica - 11/2023 */
@font-face {
    font-family: 'Bellota';
    src: url('/assets/theme_font/Bellota.woff') format('woff'),
        url('/assets/theme_font/Bellota.woff2') format('woff2');
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/theme_font/Raleway.woff') format('woff'),
        url('/assets/theme_font/Raleway.woff2') format('woff2');
}
/* fin action Innopublica */

input {font-family: 'Roboto', Helvetica, Arial, sans-serif;}

body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.ods-front-header__menu {
    margin: 30px 0 0 20px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;}

.ods-front-header__menu-item-link[href^="/pages/logigramme-v3/"] {
    content: '';
}
.conjoncture  .haut-de-page .menu a {color:#fff}

.ods-front-header__menu-item-link[href^="/pages/logigramme-v3/"]:before {
    content: '\f023 ';
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.2em;
}


.ods-responsive-menu-collapsible--collapsed .ods-front-header__brand-block {
    visibility: hidden;
    margin-bottom: -120px;
}

.ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container {
    background-color: white;
}

.ods-responsive-menu-placeholder__container {
    background-color: white;
    border-bottom: 2px grey solid;
    height: 140px;
}

#logoinstit-header {
    width: 80px;
    position: absolute;
    right: 30px;
    top: 55px;
}

.logo-class {
    position: absolute; 
    left: 10%; 
    top: 30%; 
    margin-right : 20px;
}

/*.ods-front-header__logo {
height: 100% !important;
}*/

.ods-front-header__brand-block {
    background-color: #91AF3E;
}

.ods-catalog-card__title-link h2 {
    font-size: 1.3em;
    /*color : #E30613;*/
    color : #F18557;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight:bold;
}
.ods-catalog-card__metadata-item-value-text {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.ods-catalog-card__metadata-item-label {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.ods-catalog-card__description {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.ods-catalog-card__visualization {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.ods-catalog-card__keyword {
    background-color : #7F7F7F;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0;  
}
.ods-catalog-card__keyword--active {
    color:#E30613 !important;
}
.ods-catalog-card {
    border: 2px solid #EDEDED;
}

.ods-front-header__menu-item-link--active {
    color : #7F7F7F !important;
    text-transform: uppercase;
    width: 100%;
    border-bottom: #E30613 !important;
}

.ods-front-header__menu-item-link {
    color : #FFFFFF !important;
    text-transform: uppercase;
    background-color: transparent!important;
    font-family: "raleway", sans-serif;
    font-size : 18px;
}
.ods-front-header__menu-block {
    padding:10;

    background-color:#91AF3E !important;
}
.ods-front-header__management-menu {
    background-color: #91AF3E !important;
}
.ods-front-header__management-menu-item-link {
    color : #FFFFFF !important;
}
.ods-front-header__management-menu-item--backoffice {

    background-color: #F18557;
}
.ods-front-header__management-menu-item-link--backoffice {
    color : white !important;
}
/* HEADER */ 

.ods-front-header {
    height: 100px; 
    padding: 0px;
}

.ods-front-header__menu-block {
    background-color: #91AF3E; /* menu background color */ /* COLORCOLOR */
    width: 100%; /* get all the width of the screen */
}

.ods-front-header__portal-brand {
    height: 44px; /* increase brand block size containing brand name and logo */
    width : 93px;
    display: flex; /* display the logo then the brand name on the right */
    align-items: center; /* center the logo in the header */
    /* position: inherit;*/
}

/* .ods-front-header__portal-brand .ods-front-header__logo {
height: 43px; /* increase logo size */
/*margin-top: 70px;
margin-right: 120px; 
}*/

.ods-front-header__portal-brand__text {
    line-height: 100px; /* center text verticaly */
    font-weight: 600;    /* weight bold/regular etc... of the text header */
    font-size: 2.3rem; /* Size of the text header */
    color: #91AF3E ; /* Brand name color */ /* COLORCOLOR */
}

.ods-front-header__custom {
    position: absolute; 
    bottom: 0; /* Positionning to bottom of the header */
}
.ods-front-header__menu {
    white-space: nowrap; /* when screen is too small, don't break line let the menu items disapear on the right */
}   

.ods-front-header__menu-item { /* a menu item */
    display: inline-block;
    color: white; /* Color of the text of the item */ /* COLORCOLOR */
    background-color: #91AF3E; /* Color of the background of the item when no mouse on it */ /* COLORCOLOR */
    margin: 0;
    margin-right: 0px;/*pace between items, go to 0 for no space */
    height: 55px;
    text-align: center;
}

.ods-front-header__menu-item-link { /* the link / text in the menu item */
    opacity: 1; /* Menu item link opcaity */
}


/* 
.ods-front-header__menu-item:hover { /* When mouse hover menu item *//*
border-bottom : 6px solid #F18557 !important;
}

.ods-front-header__menu-item--active { /* item properties when an item is active, ie the current selected one */ /*
background-color: #91AF3E; /* background color */ /* COLORCOLOR *//*
}
.ods-front-header__menu-item--active:hover { /* When mouse hover active items *//*
background-color: #91AF3E; /* background color when mouse hover */ /* COLORCOLOR *//*
text-shadow: none;
}

*/

.ods-front-header__menu-item-link:hover { /* when mouse is hover the active item links */ 
    border-bottom : 6px solid #F18557 !important;
}

.ods-front-header__menu-item-link[href^="/page/home"]:before,
.ods-front-header__menu-item-link[href^="/page/accueil"]:before,
.ods-front-header__menu-item-link[href^="/pages/home"]:before,
.ods-front-header__menu-item-link[href^="/pages/accueil"]:before { /* Display the little home picto near the home page link item */
    font-family: "FontAwesome";
    content: '\f015'; /* Home picto, check here for others : http://fontawesome.io/icons/ */
    line-height: 1px; 
    font-size: 1.3em; /* size of the picto */
}

.ods-front-header__management-menu { /* Admin top right managment menu */
    right: 0;
    background-color: #91AF3E; /* background color */ /* COLORCOLOR */
    line-height: 32px;
}

/* RESPONSIVE / MOBILE HEADER */

.ods-responsive-menu-placeholder__toggle {
    background-color: #91AF3E; /* Hamburger menu color */ /* COLORCOLOR */
}
.ods-responsive-menu-placeholder__toggle:hover {
    background-color: #91AF3E; /* Hamburger menu color */ /* COLORCOLOR */
}
.ods-responsive-menu-collapsible__toggle-button {
    color: black;
}
.ods-responsive-menu--collapsed .ods-front-header__portal-brand {
    display: inherit; 
}
.ods-responsive-menu--collapsed .ods-front-header__portal-brand .ods-front-header__logo {
    margin: 30px 0 0 30px; /* positionning of the logo */
}
.ods-responsive-menu--collapsed {
    height: 120px; /* reduce the size of the header when displaying in mobile mode  */
    border-bottom: 2px solid #326078; /* little border to make a split between the logo and the page content */ /* COLORCOLOR */
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu { /* ignore it... just to make the display ok.... */
    width: 100%;
}
.ods-responsive-menu--collapsed .ods-front-header__menu-block .container { /* ignore it... just to make the display ok.... */
    padding-left: 0;
    padding-right: 0; 
    width: 100%; 
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu-item-link--active {
    border-left: none; /* Remove the ODS left line (repsonsive menu) when an item is active */
}

.ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu {
    position: relative;
    top: 100px;
    bottom: 0;
    right: 0;
    padding: 30px 0;
}

.ods-front-footer{
    margin-bottom: 0;
    display:flex;
    height : 70px;
    align-items: center;

    padding: 10px 50px;
    justify-content: center;
}
.ods-front-footer-logo {
    display: flex;
    justify-content: space-between;
    margin: 10px 50px 10px 0;
}

.ods-logo-link {
    margin-right: 50px;
}

.ods-logo-link:last-child {
    margin-right: 0;
}
.ods-front-footer-links{
    display:flex;
    justify-content : space-between;
    align-items : center; 
}

.ods-front-footer__legal {
    line-height: 40px;
    padding: 0 0.5em;
    margin-left: 20px;
}

.ods-front-footer-links-data a{
    text-decoration: underline;
}
/* PAGES */

.perfkpi-page {
    margin: -40px -30px 0 -30px;
}

.perfkpi-page__header {
    background-position: center center;
    background-size: cover;
    display: flex;
    height: 320px;
    overflow: hidden;
}

.perfkpi-page__header .container {
    position: relative;
    align-self: flex-end;
    display: flex;
}



.perfkpi-page__subheader {
    padding: 25px 0;
    border-bottom: 1px solid #CCC;
    background-color: white;
    font-size: 1.3rem;
    margin-bottom: 40px;
}

.perfkpi-page__title {
    margin: 0px -10px;
    font-size: 2.43rem;
    line-height: 2.9rem;
    color: #1A1A1A;
    padding: 25px 20px;
    overflow: hidden;
    background-color: white;
    border-bottom: 1px solid #CCC;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .perfkpi-page__title {
        width: 100vw;
    }
}

@media (max-width:1394px) {
    .logo-class {
        width: 40px; 
        left : 40px;
    }
}


@media screen and (min-width: 768px) {
    .perfkpi-page__header .container:before {
        content: ' ';
        background: #fff;
        width: 1000px;
        height: 320px;
        position: absolute;
        left: -980px;
        top: 0;
    }
}

/* Subtitle */

.perfkpi-page__subtitle {
    border-left: 6px solid #0bbfbf;
    overflow: auto;
    padding: 20px 10px 20px 26px;
    font-size: 2.43rem;
    font-weight: 400;
    line-height: 2.9rem;
    margin: 40px 0 40px -32px;
}

.perfkpi-page__subtitle:first-child {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .perfkpi-page__subtitle-wrapper {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
}


/* Aside */

.perfkpi-page-aside {
    border: 5px solid #0bbfbf;
    font-size: 1.3rem;
    margin: 40px 0;
    padding: 20px 40px;
}

@media screen and (min-width: 768px) {
    .perfkpi-page-aside--inline {
        display: inline-block;
    }
}

.perfkpi-page-aside-title {
    color: #013e63;
    background: white;
    font-weight: bold;
    padding: 0 20px;
    margin-top: -35px;
    float: left;
    margin-left: -20px;
}

.perfkpi-page-aside-content {
    clear: both;
}

.perfkpi-page__subheader-link {
    border-bottom: 1px solid #1A1A1A;
    color: #1A1A1A;
    display: inline-block;
    line-height: 1.5rem;
    padding: 2px 0;
    position: relative;
    text-decoration: none;
    transition: all 0.35s ease;
    margin-right: 2rem;
}

.perfkpi-page__subheader-link--active,
.perfkpi-page__subheader-link:hover {
    color: #0bbfbf;
    text-decoration: none;
}

.perfkpi-page__subheader-link:after {
    background-color: #0bbfbf;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width 0.35s ease;
    width: 0;
}

.perfkpi-page__subheader-link--active:after,
.perfkpi-page__subheader-link:hover:after {
    width: 100%;
}

.perfkpi-page__subheader-link .odswidget-picto {
    width: 1em;
    display: inline-block;
    fill: #1A1A1A;
}

.perfkpi-page__subheader-link svg, 
.perfkpi-page__subheader-link circle, 
.perfkpi-page__subheader-link path, 
.perfkpi-page__subheader-link polygon, 
.perfkpi-page__subheader-link rect {
    fill: inherit !important;
}

.perfkpi-page__subheader-link--active .odswidget-picto,
.perfkpi-page__subheader-link:hover .odswidget-picto {
    fill: #DF225A;
    transition: fill 0.35s ease;
}

/* CARD */

.perfkpi-card {
    display: block;
    font-size: 1.3rem;
    font-weight: 300;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    background-color: #eeeeee7d;
    color: black;
    margin-bottom: 20px;
}

.perfkpi-card > * {
    z-index: 2;
}

.perfkpi-card:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.2s ease-in-out width;
    width: 0%;
    border-radius: 5px;
    z-index: -1;
    background-color: #eee;
}

.perfkpi-card:hover {
    text-decoration: none;
}

.perfkpi-card:hover:before {
    width: 100%;
}

/* Card colors */

.perfkpi-card--green {
    background-color: rgba(28, 128, 45, 0.6);
}

.perfkpi-card--green:before {
    background-color: #42A769;
}

.perfkpi-card--red {
    background-color: rgba(175, 29, 29, 0.7);
}

.perfkpi-card--red:before {
    background-color: #E95756;
}

/* Card indicators */

.perfkpi-card--check:after,
.perfkpi-card--check-white:after,
.perfkpi-card--check-green:after,
.perfkpi-card--times:after,
.perfkpi-card--times-white:after,
.perfkpi-card--times-red:after,
.perfkpi-card--down:after,
.perfkpi-card--down-red:after,
.perfkpi-card--down-green:after,
.perfkpi-card--up:after,
.perfkpi-card--up-green:after,
.perfkpi-card--up-red:after {
    font-family: 'FontAwesome';
    font-size: 4rem;
    position: absolute;
    right: 0;
    bottom: -20px;
    color: inherit;
}

.perfkpi-card--right:after {
    font-family: 'FontAwesome';
    font-size: 4rem;
    position: absolute;
    right: 0;
    bottom: -15px;
    color: inherit;
}


.perfkpi-card--check:after,
.perfkpi-card--check-white:after,
.perfkpi-card--check-green:after {
    content: '\f00c';
}

.perfkpi-card--times:after,
.perfkpi-card--times-white:after,
.perfkpi-card--times-red:after {
    content: '\f00d';
}

.perfkpi-card--down:after,
.perfkpi-card--down-green:after,
.perfkpi-card--down-red:after {
    content: '\f063';
}

.perfkpi-card--up:after,
.perfkpi-card--up-green:after,
.perfkpi-card--up-red:after {
    content: '\f062';
}

.perfkpi-card--right:after {
    content: '\f061'
}

.perfkpi-card--times-white:after,
.perfkpi-card--check-white:after {
    color: #FFFFFF;
}

.perfkpi-card--check-green:after,
.perfkpi-card--down-green:after,
.perfkpi-card--up-green:after {
    color: #42A769;
}

.perfkpi-card--times-red:after,
.perfkpi-card--down-red:after,
.perfkpi-card--up-red:after {
    color: #E95756;
}

/* Card font changes */

.perfkpi-card .perfkpi-big {
    font-size: 2rem;
}

.perfkpi-card .perfkpi-small {
    font-size: 1rem;
}

.perfkpi-card h3 {
    font-size: 1.2em;
    font-weight: 400;
}

/* STYLE HELPERS */

.perfkpi-italic {
    font-style: italic;
}

.perfkpi-bold {
    font-weight: bold;
    font-size:1.5em;
    font-weight: 400;
}

.perfkpi-green {
    color: #42A769;
}

.perfkpi-red {
    color: #E95756;
}

.perfkpi-white {
    color: #FFFFFF;
}

.perfkpi-space-between {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position:absolute;
    bottom:15px
}


/* GRID */

.perfkpi-page-grid {
    margin: -10px;
}
.perfkpi-page-row {
    display: flex;
    align-items: stretch;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .perfkpi-page-row {
        flex-wrap: wrap;   
    }
}

.perfkpi-page-col {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: stretch;
}

.perfkpi-page-row > div:not(.perfkpi-page-col),
.perfkpi-page-row > a,
.perfkpi-page-col > div:not(.perfkpi-page-row),
.perfkpi-page-col > a {
    flex-grow: 1;
    /*margin: 10px;*/
}

/* Footnote */

.perfkpi-page__footnote {
    padding: 16px 0 16px 45px;
    margin: 40px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: relative;
}

.perfkpi-page__footnote:before {
    font-family: 'FontAwesome';
    content: '\f069';
    position: absolute;
    top: 16px;
    left: 16px;
}

/* DATA VIZ */

.highcharts-background {
    fill: none;
}

.ods-chart {
    height: 300px;
}

.perfkpi-gauge--green .odswidget-gauge__svg-filler {
    stroke: #42A769;
}

.perfkpi-gauge--red .odswidget-gauge__svg-filler {
    stroke: #E95756;
}





/* Font-awesome OVERRIDE */
i.fa.fa-bullseye {
    background-image: url(https://s3-eu-west-1.amazonaws.com/aws-ec2-eu-1-opendatasoft-staticfileset/perfkpi-odsplus/theme_image/goal.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px;
    float: left;
    margin-top: -10px;
}
i.fa.fa-bullseye:before {
    content: '';
}

.perfkpi-card--check-white .perfkpi-marker {
    background-image: url('/assets/theme_image/OK.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 5px;
    bottom: 0px;
}

.perfkpi-card--times-white .perfkpi-marker {
    background-image: url('/assets/theme_image/KO.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.perfkpi-card--times-white:after, .perfkpi-card--check:after, .perfkpi-card--check-white:after {
    content: '';
}

.ods-front-header__menu-item-link {padding: 0 15px}





/******** CONONCTURE ******/

:root {
    --red : #E20613;
    --green : #3EB429;
    --black : #011928;
    --grey: #F5F7F8;
    --primary: #0095D5;
    --primary-light: #A8E5FF;
    --primary-dark : #29245C;
}


.conjoncture .haut-de-page {;background-image: linear-gradient(52deg,#004169 0%, #00060a 100%);;position:relative;}
.conjoncture .haut-de-page:after {content:"";;height:100%;display:block;position:absolute;top:0;left:0;background-image:url('/assets/theme_image/background-top-conjoncture.png');width:100%;}
.conjoncture .haut-de-page h1 {;font-weight:300;color:#fff;font-size:3rem;position:relative;z-index:2;padding-top:60px;padding-bottom: 40px }
.conjoncture .haut-de-page h1 strong {font-weight:900}
.conjoncture .haut-de-page .menu{;display:flex;align-items:center;position:relative;z-index:2}


.conjoncture .point.color-1 {background:var(--color1)}
.conjoncture .point.color-2 {background:var(--color2)}
.conjoncture .point.color-3 {background:var(--color3)}
.conjoncture .point.color-4 {background:var(--color4)}
.conjoncture .point.color-5 {background:var(--color5)}
.conjoncture .point.color-6 {background:var(--color6)}
.conjoncture .point.color-7 {background:var(--color7)}

.conjoncture .table {width:100%}
.conjoncture .table.col-4 .table-ligne {grid-template-columns:3fr 1fr 1fr 1fr}
.conjoncture .table-ligne {display:grid;grid-template-columns:3fr 1fr 1fr 1fr;border-bottom:solid 1px #E6E6E6;padding:3px 0px}
.conjoncture .table-ligne:hover {background:#fff;padding-left:10px;}
.conjoncture .table-ligne div {display:flex;align-items:center;}
.conjoncture .table-ligne.en-tete {font-weight:bold}
.conjoncture .table-ligne .kpi {font-size:1rem;font-weight:900;margin:0}
.conjoncture .table-ligne.italic div {font-style:italic}

.conjoncture .kpi-red, .kpi-green, .kpi-blue {background:#F3BEBF;;padding:5px;border-radius:5px;width:50px;display:inline-block;text-align:center;font-weight:400}
.conjoncture .kpi-green {background:#9AD58F}
.conjoncture .kpi-blue {background:#D6F3FF}
.conjoncture .point {width:15px;height:15px;display:inline-block;border-radius:50px;;margin-right:5px;}

.conjoncture .courbe {margin-left:-20px;display:flex;align-items:center}
.conjoncture .courbe img {height:300px}
.conjoncture a:hover{
    text-decoration:none  
}
.conjoncture span{
    font-weight:600
}
.conjoncture .maxwidth{
    max-width:1400px;
    margin:auto;
    padding:0px 50px 0px 60px}

.conjoncture .flex {display:flex}
.conjoncture .a-center {align-items :center;}
.conjoncture .align-center {display:flex;align-items:center}
.conjoncture .description {font-size:0.8em;font-style:italic}


.conjoncture .menu div {margin-right:20px;padding:4px 20px;color:#fff;margin-bottom:9px}
.conjoncture .menu .actif {background:var(--primary);border-radius:6px;}

.conjoncture .sticky-container-menu-onglets{background:#F4F7F9;position:sticky;top:0;z-index:9;min-height:59px}
.conjoncture .menu-onglets { display:flex;gap:20px; align-items:center;}
.conjoncture .menu-onglets .onglet {border-radius:7px;margin:10px 0px;display:flex;align-items:center;padding:9px 30px 9px 15px;font-size:1rem;;color: var(--primary-dark);background:#fff}
.conjoncture .menu-onglets .onglet.actif {background:var(--primary);color:#fff; }

.conjoncture .menu-onglets .onglet img {width:20px;margin-right:10px;}
.conjoncture .menu-onglets .onglet.actif img {filter: invert(1)}

.conjoncture .contenu-page {background:#F4F7F9;position:relative;padding:1px 0px;}

.conjoncture .section {position:relative;margin-bottom:20px;border-radius: 10px; background:#fff;box-shadow: 0 4px 6px -2px rgba(0,0,0,0.11)}
.conjoncture .section-top {position:sticky;top:58px;z-index:8;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:10px 10px 0 0;padding:15px 15px 15px 35px}
.conjoncture .section-title {color:#fff;margin:0;font-size:1rem}
.conjoncture .section-content {padding:20px;}

.conjoncture .pagination {left:-40px;top:6px;position:absolute; color:var(--primary-dark)}
.conjoncture .pagination:before {content:url('/assets/theme_image/icon-arrow.svg');width:15px}
.conjoncture .pagination div{margin-left:-2px;margin-top:-14px;font-family: cursive}

.conjoncture .kpi-flex {display:flex;gap:20px;}
.conjoncture .title {font-size:1rem;font-weight:bold}
.conjoncture .kpi {font-size:2rem;display:flex;align-items:center;margin-top:5px}
.conjoncture .icon {width:40px;margin-right:5px;min-width:40px;} 
.conjoncture .card {background:var(--grey);border-radius:5px;padding:15px 35px 15px 15px;;margin-bottom:20px;}
.conjoncture .description {margin-top:5px}



.conjoncture .text {border-left:solid 4px var(--primary);max-width:80%;line-height:3.5rem;font-weight:900;font-size: 2.5rem;padding-left:20px;margin:20px 0px 30px 0px;display:block;}
.conjoncture .text small {font-weight:400;font-size:1rem;display:block;line-height:2.5rem}

.conjoncture .chart {width:100%;margin-top:20px;margin-left:-19px;display:block;}
.conjoncture .chart-title {font-size:1rem;font-weight:bold;margin-bottom:20px;display:flex;align-items:center;}

.conjoncture .grid {display:grid;grid-column-gap:20px;}


.conjoncture .highcharts-axis.highcharts-yaxis, .conjoncture .highcharts-axis-title {display:none}
.conjoncture .chart.h-400 .ods-chart {height:400px !important;min-height:400px !important;}
.conjoncture .chart.h-500 .ods-chart {height:500px !important;min-height:500px !important;}


.conjoncture .no-legend .highcharts-legend-item {display:none}

.conjoncture .text small {line-height:1.5rem;margin-top:5px}

.conjoncture .zoom {;margin-bottom:20px;background:var(--primary);color:#fff;padding:20px;display:inline-block;border-radius:5px;background-image: url('/assets/theme_image/background-top-conjoncture.png');padding-right:60px}
.conjoncture .zoom h3 {color:#fff;display:flex;align-items:center;margin:0px}
.conjoncture .zoom p {margin-left:40px}
.conjoncture .icon-loupe {;width: 30px;display: inline-flex;align-items: center;background: #fff;border-radius: 50px;margin-right: 10px;padding:5px}

.conjoncture .icon-loupe img{width:100%}

.conjoncture  .niveau-2 {border-left:solid 4px var(--grey);line-height:1rem;font-size:1rem;;margin-bottom:30px;;padding-left:10px;}
.conjoncture  .niveau-2 .card {margin-bottom:0px;margin-top:10px;padding:10px;}
.conjoncture .text br {height;10px;}
.conjoncture  .niveau-2 .card .kpi{font-size:1rem;}
.conjoncture  .niveau-2 .card .title {;margin-bottom:10px;}
.conjoncture  .niveau-2 .text{border-left:none;margin:0;padding:0;font-size:1.4rem;line-height:1.8rem;}
.conjoncture  .niveau-2 .card .icon {min-width:20px;width:20px!important}
.conjoncture .grid .niveau-2 {display: flex;flex-direction: column;justify-content: space-between;}
.conjoncture .grid .niveau-2 .kpi-flex {margin-top:10px;margin-bottom:20px}
.conjoncture .grid .niveau-2 .odswidget-charts {margin-left:-17px}
.conjoncture .niveau-2 .kpi-flex {gap:10px;margin-right:10px;}

.conjoncture .color1 .icon-loupe {background:var(--color1)}
.conjoncture .color3 .icon-loupe {background:var(--color3)}
.conjoncture .color1.niveau-2{border-color:var(--color1)}
.conjoncture .color3.niveau-2{border-color:var(--color3)}
.conjoncture .color1 .card{background:var(--color1);color:#fff}
.conjoncture .color3 .card{background:var(--color3);color:#fff}

.conjoncture .text {text-align:justify}

.section.chapeau {background:var(--primary);color:#fff;text-align:justify}
.section.chapeau h3 {margin:0;color:#fff;margin-bottom:10px}
.section.chapeau .section-content {max-width:900px;padding:25px 30px}
.section.chapeau a {color:#fff}