:root {
        --text: #283943;
--links: #01ABB0;
--titles: #283943;
--page-background: #FFFFFF;
--highlight: #283943;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #FFFFFF;
--section-titles-background: #01ABB0;
--header-background: #FFFFFF;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #01ABB0;
    }
    
/*********************************************************************************************************/
/*                                              GENERAL                                                  */
/*********************************************************************************************************/

/* reset ODS */
.ods-responsive-menu-collapsible__content {     max-width: 1200px;
    margin: auto;
    position: relative;}
.theme-v2 h1{font-size: 2.7rem;margin: 0px;margin-bottom: 5px;font-weight:700}
.theme-v2 .background {
    width: 100%;
    position: relative;
    background: var(--grey);
    background-image: url('/assets/theme_image/background.png');
    background-repeat: repeat-x;
}

/* Catalog */
.main--catalog { margin-bottom: 40px !important}
.ods-app-explore-catalog {
    max-width: 1200px !important;
}
.ods-catalog-card__metadata .col-md-6 {
    width:100%
}
.theme-v2 .titre-section {
    text-transform:uppercase
}
.theme-v2 .titre-section img {
    margin-right: 20px;
}
.logos-membres a {
    max-height: 38px;
}
.theme-v2 .maxwidth {
    max-width: 1100px;
    padding: 0 25px;
    margin: auto;
    position: relative;
}
.theme-v2 .titre-section {
    animation: 0.8s ease-in opain;
}
.theme-v2 .flex {
    display: flex;
    align-items: center;
}
.theme-v2 .content {
    animation: 0.6s ease-in slidein;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
    padding: 40px;
}
.theme-v2 section {
    padding:60px
}
@font-face {
    font-family: 'Asap';
    src:url('/assets/theme_font/asap.woff2') format('woff2');
    font-weight: normal;
}
@font-face {
    font-family: 'Asap';
    src:url('/assets/theme_font/asap.woff2') format('woff2');
    font-weight: 500;
}
@font-face {
    font-family: 'Asap';
    src:url('/assets/theme_font/asap.woff2') format('woff2');
    font-weight: bold;
}
header{ padding: 12px 0;}
body{
    font-family: 'Asap', 'Helvetica Neue', 'Helvetica', sans-serif;
    
}

.main--page {
    margin: 0px;
    background-color: none
}

.ods-box {
    padding: 20px
}

.ods-result-list, .ods-dataset-visualization {
    padding: 0px 15px
}

.ods-filters-placeholder, .ods-filters, .ods-filters-summary {
    transform: translateX(12px)
}

/* bannière cookie */
.ods-front-footer__link {
    color: #769AAE;
    display: inline-block;
    margin-left: 8px;
    transform: translateY(-20px)
}

.ods-manage-cookies-preferences__banner {
    overflow-y: overlay;
    background-color: #F5F5F5;
    font-family: inherit;
    border-radius: 4px;
    padding: 30px 25px;   
    margin: auto 25px    
}

.ods-manage-cookies-preferences__cookies-type {
    background-color: #FFFFFF;
    border-radius: 2px;
    margin: 27px 0px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2)
}

.ods-manage-cookies-preferences__banner-title {
    font-size: 1.6rem;
    color: #566A77;
    font-weight: 600
}
header nav a {
    font-size:1em;font-weight:500
}
.ods-manage-cookies-preferences__type-title {
    font-size: 1.6rem;
    color: #566A77;
    font-weight: 400
}

.ods-manage-cookies-preferences__switch-label, .ods-manage-cookies-preferences__switch-button {
    font-size: 1.2rem;
    margin-top: 5px
}

.ods-manage-cookies-preferences__switch-input:checked+.ods-manage-cookies-preferences__switch-button {
    border-color: #619DC6;
    background-color: #619DC6;
}

.ods-manage-cookies-preferences__switch-label--enabled {
    color: #619DC6;
}

.ods-manage-cookies-preferences__switch-input:focus+.ods-manage-cookies-preferences__switch-button {
    outline: none;
}

.ods-manage-cookies-preferences__switch-input:disabled+.ods-manage-cookies-preferences__switch-button::after {
    background-color: #FFFFFF;
}

.ods-manage-cookies-preferences__actions a {
    color: #769AAE;
    text-decoration: none
}

.ods-manage-cookies-preferences__actions a:hover {
    text-decoration: underline
}

.ods-manage-cookies-preferences__actions button {
    border-radius: 3px;
    color: #fff;
    background-color: #769AAE;
    border-color: #769AAE    
}

.ods-manage-cookies-preferences__actions button:hover {
    background-color: #476677;
    border-color: #476677;
}

/* style général */
.standard h1, .infos h1, .data-jdd h1 {
    text-transform: uppercase
}

.standard h2, .infos h2, .data-jdd h2, .ods-manage-cookies-preferences__banner-title {
    text-transform: uppercase;
    border-bottom: solid 5px #566A77;
    padding-bottom: 3px;
    margin-bottom: 30px;
    font-size: 1.6em
}

.standard h3 {
    text-transform: uppercase;
    color: #566A77;
    margin-bottom: 22px;
    font-weight: 600;
    font-size: 1.3em
}

.standard h4 {
    text-transform: uppercase;
    color: #566A77;
    margin-bottom: 35px;
    font-weight: 600;
    font-size: 1.3em
}

.standard h5 {
    color: #566A77;
    font-weight: 600;
    font-size: 1.2em
}


/* container standard */
.container-fluid {
    color: #585858;
    padding: 0px
}

/* section avec titre */
.standard {
    max-width: 1240px;
    margin: auto;
    padding-bottom: 60px
}

.item {
    margin: 0px 20px;
    padding-top: 50px;
}

/* header (bandeau + menu) */
.ods-front-header {
    height: 165px;
    padding: 0px
}

/* bandeau */
.top-head {
    width: 100%;
    height: 105px;
    background: #fff    
}

.top-head__margin {
    float: left;
    width: 15.5%
}

.top-head__logo-odre1 {
    height: 105px;
    text-align: center;
    padding-top: 13px;
    width: 100%;
    /* background: #d1d1d1 */        
}

.top-head__logo-odre2 {
    float: left;
    height: 105px;
    text-align: center;
    padding-top: 13px;
    width: 27%;
    /* background: #d1d1d1 */        
}

.top-head__logo-odre1 img {
    max-height: 80px
}

.top-head__logo-odre2 img {
    max-height: 80px
}

header {
    background:#fff
}
header #header-desktop{
}

header .flex {
    justify-content: space-between;
    align-items: flex-end;
}

header .logo-odre {
    height: 60px;
    margin-right: 30px;
    transition: 0.2s ease-out;
    transform: scale(1) translateX(0px)
}

header .logos-membres {
    margin-bottom: -5px;
}
#header-desktop { max-width:1200px !important;}

header .logos-membres a img {
    height: 35px;
    filter: brightness(0.4) saturate(0.0);
    transition: 0.2s ease-in
}

header .logos-membres a:hover img {
    filter: brightness(1) saturate(1);
    cursor: pointer;
    transform: scale(1.2);
    transition: 0.2s ease-in
}

header .logo-odre:hover {
    cursor: pointer;
    transform: scale(1.05) translateX(5px);
    transition: 0.2s ease-in
}

header nav a {
    transition: 0.3s ease-out;
    color: #000;
    text-decoration: none;
    margin: 0px 10px;
    border-bottom: solid 4px #fff;
    padding-bottom: 8px;
    margin-bottom: -12px;
    font-size:13px
}

header nav.flex a.actif {
    border-bottom: solid 4px #01ABB0 ;
}

header nav a:last-of-type {
    margin-right: 0px;
}
ul.ods-front-header__management-menu {
    display:inline-flex
}
ul.ods-front-header__management-menu .fa,ul.ods-front-header__management-menu .ods-front-header__account-avatar-container {
    display:none
}
.ods-front-header__management-menu-item--backoffice,.ods-front-header__management-menu-item--backoffice {
    background-color:unset !important;
    padding:unset !important
}
.ods-front-header__management-menu-item--backoffice > *{
    white-space: nowrap;

}
.ods-front-header__management-menu-item-link:hover {
    border-bottom:0px solid #fff
}
.ods-front-header__management-menu-item-link:hover {
    border-bottom: solid 1px #01ABB0 !important;
}
ul.ods-front-header__management-menu li a:hover {
    box-shadow: 0 2px 6px -2px rgb(0 0 0 / 20%);
    transform: translateY(-2px);
    transition: 0.2s ease-in;
}
.ods-front-header__management-menu-item-link:hover {
    border-bottom:unset
}
ul.ods-front-header__management-menu li a {
    transition: 0.2s ease-in;
    text-decoration: none;
    margin-right: 10px;
    border: solid 1px #01ABB0;
    border-radius: 6px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    color: #01ABB0 !important;
}
ul.ods-front-header__management-menu > * {
    margin:0
}
header nav a:hover {
    text-decoration:none
}

header header #menu__toggle {
    opacity: 0;
}

header #menu__toggle.active+.menu__btn>span {
    transform: rotate(45deg);
    background-color: #fff;
}

header #menu__toggle.active+.menu__btn>span::before {
    top: 0;
    transform: rotate(0deg);
    background-color: #fff;
}

header #menu__toggle.active+.menu__btn>span::after {
    top: 0;
    transform: rotate(90deg);
    background-color: #fff;
}

header #menu__toggle.active~.menu__box {
    left: 0 !important;
}

header .menu__btn {
    position: fixed;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 3;
}

header .menu__btn>span,
header .menu__btn>span::before,
header .menu__btn>span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #616161;
    transition-duration: .25s;
}


header .menu__btn>span::before {
    content: '';
    top: -8px;
}

header .menu__btn>span::after {
    content: '';
    top: 8px;
}

header .menu__box {
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    width: 300px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    z-index: 2;
    list-style: none;
    background-color: #283943;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transition-duration: .25s;
}

header .menu__item {
    display: block;
    padding: 12px 24px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition-duration: .25s;
    text-align:left
}

header .menu__item:hover {
    background-color: #CFD8DC;
}

header nav.flex a:hover {
    border-bottom: solid 4px #01ABB0;
    transition: 0.2s ease-in;
    opacity: 1
}

header nav:hover a:not(:hover) {
    opacity: 0.2;
    transition: 0.2s ease-in;
}

header #header-mobile {
    display: none
}
header .flex {
    display: flex; 


}
#header-mobile {
    height: 87px;
    padding: 0
}
header .maxwidth {
    max-width: 1100px;
    padding: 0 0px;
    margin: auto;
    position: relative;
}
#header-mobile>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px;
    z-index: 3;
    background-color: #fff;
    position: fixed;
    top: 0
}


@media screen and (max-width:1200px) {
    header #header-desktop {
        display: none
    }

    header #header-mobile {
        display: flex;
        align-items: center
    }
}
/* logos partenaires */
.top-head__partner-odre1 {
    height: 105x;
    text-align: center;
    width: 100%;
    /* background: #d6d6d6 */        
}

.top-head__partner-odre2 {
    float: left;
    height: 105x;
    text-align: center;
    width: 42%;
    /* background: #d6d6d6 */        
}

.top-head__line-partner {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    height: 45x
}

.top-head__logo-partner {
    float: left;
    width: 25%
}

.top-head__logo-partner img {
    max-width: 100px;
    width: 100% 
}

/* menu */
.bottom-head {
    background-color: #769AAE;
    text-align: center;
    margin-top: 10px;
    padding: 0px 5px;
    min-height: 50px
}

.ods-front-header__menu-item-link {
    color: #fff;
    opacity: 0.8; 
    font-size: 1em;
    text-transform: uppercase;
    line-height: 15px;
    padding: 15px 8px 5px 8px;
    margin: 0px 15px 8px 15px
}

.ods-front-header__menu-item-link:hover {
    border-bottom: solid 5px #eee
}

.ods-front-header__menu-item-link--active {
    border-bottom: solid 5px #fff
}

.ods-responsive-menu-placeholder__toggle {
    background-color: none;
    margin-right: 10px;
    color: #769AAE;
    opacity: 1
}

.ods-front-header__management-menu {

    margin-right: -25px;
    margin-top: 2px;
    font-size: 10px;

}

.ods-front-header__management-menu-item {
    display: block;
    text-align: right;
    margin-top: 10px
}

.ods-front-header__management-menu-item-link {
    color: #769AAE
}

.ods-front-header__management-menu-item--backoffice {
    background-color: #769AAE;
    text-align : center
}

.ods-front-header__management-menu-item--backoffice:hover {
    cursor: pointer;
    background-color: #476677
}

.ods-front-header__management-menu-item--backoffice .ods-front-header__management-menu-item-link {
    color: #fff
}

/* input et textarea */
textarea, input {
    border-radius: 2px !important
}

textarea:focus, input:focus {
    outline: none !important;
    border: 1px solid #476677;
}

/* onglet */
.ods-tabs__tab--horizontal.ods-tabs__tab:hover {
    border-color: #476677 #476677 #E5E5E5 #476677;
    color: #476677
}

.ods-tabs__tab--active.ods-tabs__tab, .ods-tabs__tab--active.ods-tabs__tab:hover {
    border-color: #E5E5E5 #E5E5E5 #FFFFFF #E5E5E5
}

/* description des jdd */

.ods-dataset-metadata-block__description td {
    border:1px solid #E5E5E5;
    padding: 0px 10px
}

/* bouton menu réduit */
.ods-responsive-menu-collapsible__toggle button {
    margin-right: -5px;
    color: #999
}

/* bouton modifier (accès back-office depuis jjd) */
.ods-dataset-visualization__edit-dataset-link {
    background-color: #01ABB0
}

.ods-dataset-visualization__edit-dataset-link:hover {
    background-color: #476677
}

/* mire logon */
.ods-auth-page {
    min-height: calc(100vh - 80px);
}

.ods-auth-page__title {
    color: #566A77;
    text-transform: uppercase;
    border-bottom: solid 5px #566A77;
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 1.6em;
    margin: 25px 0px 40px 0px
}

.ods-auth-page__actions .ods-button--primary {
    border-radius: 3px
}

.ods-auth-page__actions .ods-button--primary:focus {
    outline: none !important;
}

/* error page */
.ods-error-page__title {
    color: #566A77   
}

.ods-error-page__message {
    font-size: 14px
}

.ods-error-page__home-link-item {
    background-color: #769AAE
}

.ods-error-page__home-link-item:hover {
    background-color: #476677
}

/* bouton envoyer onglet api jdd */
.ods-api-console .ods-button--primary {
    border-radius: 3px
}

/* bouton réseaux sociaux */
.odswidget-social-buttons__button {
    border-radius: 3px    
}

/* carte catalogue jdd */
.ods-catalog-card:hover {
    border-color: #476677;
}

.ods-catalog-card__keyword:hover {
    background-color: #476677;
}

.ods-catalog-card__keyword--active:hover {
    background-color: #769AAE
}

/* largeur < 1000px */
@media(max-width: 999px) {

    .ods-front-header { height:210px }
    .bottom-head { background-color:#fff; text-align:left; border-top:solid 1px #769AAE; padding-top:10px }
    .ods-front-header__menu-item-link { border-left:solid 5px #769AAE; color:#769AAE }
    .ods-front-header__menu-item-link:hover { border-bottom:none; border-left:solid 5px #476677; color:#476677 }
    .ods-front-header__menu-item-link--active { border-bottom:none; font-weight:bold; color:#476677 }
    .ods-front-header__management-menu-item { text-align:left }
    .ods-responsive-menu-collapsible__content { margin-top:-70px }
    .top-head { height:95px }
    .top-head__margin { display:none; } 
    .top-head__logo-odre1 { height:95px }
    .top-head__logo-odre2 { width:100%; height:100% } 
    .top-head__partner-odre2 { display:none } 
    .top-head__logo-odre2 img { margin-top:-20px; margin-left:-30px; width:70% }

}

/*********************************************************************************************************/
/*                                          TABLEAU DE BORD                                              */
/*********************************************************************************************************/

/* menu déroulant */
.dropdown-menu {
    margin-right: 5px;
    margin-top: -4px;
    display: inline-block;
    width: 120px;
    vertical-align: top;
    height: 34px;
    padding: 10px 22px;
    font-size: 12px;
    line-height: 3;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background-color: rgb(44,192,200);
    background-image: none !important;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2)
}

.dropdown-menu:hover {
    background-color:#03888F
}

.dropdown {
    position: relative;
    display: inline-block;
    transform:translateY(2px)
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    top:40px;
    right:0;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1
}

.dropdown .dropdown-titre { 
    background-color: rgb(44,192,200);
    padding: 6px 7px 1px 10px;
    position: relative;
    font-size: 12px;
    border-radius: 2px;
    top: -4px
}

.dropdown .dropdown-titre img {
    display:inline-block;
    width: 20px;
    margin-left: 14px
}

.dropdown .dropdown-titre p {
    display: inline-block;
    color: #fff;
    transform: translateY(-6px);
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase
}

.dropdown input {
    display: block;
    width: 130px;
    height: 42px;
    position: absolute;
    top: -10px;
    cursor: pointer;
    z-index: 2;
    opacity: 0
}

.dropdown input:hover + .dropdown-titre {
    background-color: #03888F
}

.dropdown input:checked ~ .dropdown-content {
    display: block;
    z-index: 9
}

.dropdown input:checked + .dropdown-titre {
    background-color: #03888F
}

.dropdown-content a {
    color:black;
    display:block;
    border-left:solid 3px #f9f9f9
}

.dropdown-content a:hover {
    color: #03888F;
    border-left: solid 3px #03888F
}

/* couleurs */
.blue-fonce { 
    color: #2C3F56
}

.blue-odre {
    color: #5E7888
}

.blue-elec {
    color: #00ACDA
}

.green-gaz {
    color: #00A983
}

.blue-green {
    color: #00A9AC
}

.light-dark {
    color: #464646
}

/* entete */
.tdb header {
    background: linear-gradient( -0.90turn, rgb(0, 172, 218), rgb(38, 170, 131));
    color: #fff
}

.tdb header h1 {
    font-size: 2em;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    /* text-shadow: -1px -1px 0 black; */
    margin-bottom: 0px
}

/* menu tdb */
.tdb nav { 
    background: linear-gradient( -0.90turn, rgb(0, 172, 218), rgb(38, 170, 131));
    margin-top: 2px;
    max-height: 50px;
    padding: 5px 0px
}

.tdb nav ul {
    padding-left: 10px
}

.tdb nav ul, .nav-right {
    display: inline-block;
    margin: 0px
}

.tdb nav li {
    display: inline-block;
    color: #fff
}

.tdb nav a {
    padding: 5px 15px;
    color: #ddd
}

.tdb nav a:hover {
    text-decoration: none;
    color: #fff
}

.tdb nav ul:hover a:not(:hover) {
    opacity: 0.6
}

.tdb nav .active {
    padding-right: 15px;
    font-weight: bold
}

.tdb .menu-vue {
    display: inline;
    border-right: solid 1px #fff
}

.tdb .nav-right {
    float: right;
    margin-right: 8px;
    margin-top: -3px
}

.tdb .nav-right a {
    color: black
}

.tdb nav strong {
    color: #fff
}

/* encart indisponible */
.indisponible:after {
    display:none;
    content:"Bientôt disponible";
    position: absolute;
    margin-left: -120px;
    z-index:1;
    font-weight:bold;
    font-size:12px;
    margin-top:-5px;
    pointer-events: none;
    background-color: rgb(44,192,200);
    padding: 5px;
    border-radius:5px
}

.indisponible:hover:after {
    display: inline-block
}

/* image background */
.back-conso {
    background-image: url('/assets/theme_image/back-conso.jpg');
    background-position: left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-bottom: solid 4px rgba(0,0,0,0.05)
}

.back-prod {
    background-image: url('/assets/theme_image/back-prod.jpg');
    background-position: left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-bottom: solid 4px rgba(0,0,0,0.05) 
}

/* article */
.article {
    background-position: left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: linear-gradient( hsl(0, 0%, 100%), hsl(0, 0%, 95%))
}

.article .titre {
    margin-bottom: 30px
}

.article h2 {
    color: #566A77;
    text-transform: uppercase;
    border-bottom: solid 5px #566A77;
    margin-bottom: 25px;
    padding-bottom: 5px;
    font-size: 1.6em
}

.article h2::before { 
    transform: scale(1.5);
    position: absolute;
    left: -110px;
    top: -5px
}

.article h3 {
    color: #566A77;
    font-size:1.4em;  
    margin-top:0px;
    margin-bottom:20px;
    font-weight:600
}

.article .titre p {
    /* font-size: 12px */
    /* font-weight: 300; */
}

/* popup explication article */
.glossaire-conso-brutes {
    text-decoration: underline;
    cursor: help
}

.glossaire-conso-brutes:after {
    display:none;
    content:"Consommation d’électricité au périmètre France, Corse comprise, et pertes incluses. Consommation de gaz au périmètre France, hors Corse.";
    position: absolute;
    left: 80px;
    z-index: 1;
    margin-top:-2px;
    width: 450px;
    pointer-events: none;
    background-color: rgba(256,256,256,1);
    padding: 10px;
    font-weight:bold;
    border-radius: 10px;
    border: solid 1px #eee;
}

.glossaire-conso-brutes:hover:after {
    display: block
}

/* ligne article */
.ligne {
    margin-bottom: 20px
}

.ligne h4 {
    border-bottom: solid 1px #E6E5E5;
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 12px
}

.ligne p {
    display: inline;
    font-weight: 300
}

.ligne .nombre {
    font-size: 1.5rem;
    font-weight: bold
}

.ligne .evolution {
    float: right;
    margin-top: 3px;
    font-size:0.9rem;
    cursor: help
}

.ligne img {    
    transform: translateY(1px);
    width: 15px;
    margin-right: 10px;
    opacity: 0.8
}

.ligne .icon-svg {
    float: left;
    margin-right: 10px
}

/* popup explication ligne article */
.ligne .evolution:after {
    display: none;
    content: "Par rapport à l'année précedente";
    position: absolute;
    margin-left: 80px;
    z-index:1;
    font-weight:bold;
    font-size:12px;
    margin-top:-32px;
    width: 200px;
    pointer-events: none;
    background-color: rgba(256,256,256,0.8);
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #eee;
}

.ligne .evolution:hover:after {
    display: block;
}

/* graphique */
.viz {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2)
}

/* camembert */
.pie .highcharts-background {
    fill: transparent;
}

/* ligne sous graphique */
.viz-under {
    text-align: right;
    margin-top: 10px
}

.switch-button {   
    float: left;
    height: 28px;
    padding: 2px 20px;
    margin-right: 10px;
    margin-right: 10px;
    border-radius: 3px;
    border: solid 1px #769AAE;
    color: rgb(119,155,174);   
    transition-duration: 0.3s
}

/* bouton switch */
.switch-button:hover {
    text-decoration: none;
    border: solid 1px  #476677;
    background-color: #476677;
    color: #fff
} 

.switch-active {
    background-color: #769AAE;
    color: #fff
}

/* légende graphique */
.viz-label {
    transform: translateY(4px);
    max-width: 300px;
    display: inline-block;
    font-size: 10px
}

.viz-label a {
    color: #999;
    display: block
}

/* source données */
a.source {
    color: #999
}

.sources-donnees {
    background: linear-gradient( -0.90turn, rgb(0, 172, 218), rgb(38, 170, 131))
}

.sources-donnees .row {
    padding: 0px 10px
}

.sources-donnees h4 {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    width: 20px
}

.sources-donnees .description {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #fff;
    max-width: 80%;
    margin-bottom: 40px
}

.sources-donnees .description a {
    display: block;
    color: #fff
}

/* mise en forme générique */
.txt-align-right {
    text-align: right
}

.txt-align-center {
    text-align: center
}

.maxwidth {
    max-width: 1240px;
    margin: auto;
    padding: 10px
}

.padding-right {
    padding-right: 80px
}

.no-margin {
    margin-top: 0px
}

.padding-t-b {
    padding-top: 50px;
    padding-bottom: 35px
}

/* largeur < 1000px */
@media(max-width: 999px) {
    
    .padding-right { padding-right:0px }
    .txt-align-right { text-align:left }
    .txt-align-center { text-align:left }
    .tdb header { background:linear-gradient( -0.70turn, rgb(0, 172, 218), rgb(38, 170, 131)) }  
    .tdb header p { max-width:250px; margin:auto; padding-bottom:30px }
    .tdb header h1  {margin-bottom:10px }
    .tdb nav { margin-top:0px } 
    .tdb nav a { padding:5px 5px }
    .tdb nav ul, .nav-right { display:block; text-align: center; margin:auto }
    .tdb nav ul { padding-left:0px }
    .tdb nav ul li:first-child { padding:10px 0 0 0; margin:0 0 10px 0 }
    .tdb nav .active { border-bottom: solid 4px #fff; padding:0px }
    .tdb .menu-vue { display:block; border:none; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; }
    .tdb .nav-right { float:none; margin-top:20px; padding-top:20px; border-top: solid 2px white; padding-bottom:6px; margin-right:0px }
    .hide-mobile { display:none }
    .sources-donnees { padding-top:60px }  
    .back-conso { background:none }
    .back-prod { background:none }
    .ods-app-explore-catalog {padding:15px}

}



:root {--page-background:rgba(250,250,250,0)}
html {background:rgba(250,250,250,0)}

.main--catalog,
.main--dataset {background-image:url('/assets/theme_image/background.png');margin:0;background-repeat: repeat-x;}
.ods-app-explore-catalog, .ods-app-explore-dataset {max-width: 1200px;padding:15px 0;margin:auto;position: relative;}

.ods-filters__count, .ods-filters__export-catalog-title, .ods-filters__filters, .ods-filters__filters-summary {background:#01ABB0;}
h1, h2, h3 {color:#283943}
.ods-catalog-card__visualization {color:#01ABB0}
.ods-catalog-card__keyword{background:#01ABB0}
.ods-catalog-card {border:none;padding:19px}
.ods-catalog-card:hover:before{background:#01ABB0}
/*.ods-filters {left:0!important} */
.odswidget-facet__category--refined, .odswidget-facet__category:hover {border-color:#01ABB0;color:#01ABB0}
.odswidget-filter-summary__active-filter-label{background:#01ABB0}
.ods-catalog-card__visualizations {border-left:solid 1px rgba(0,0,0,0.05)}
.ods-filters__count, .ods-filters__export-catalog-title, .ods-filters__filters, .ods-filters__filters-summary {background:#01ABB0}

.ods-result-list, .ods-dataset-visualization {padding:initial}
.ods-filters-placeholder, .ods-filters, .ods-filters-summary {transform:initial}



@media(max-width: 999px) {.ods-app-explore-catalog {padding:15px}
}

.ods-catalog-card__theme-icon{

top: 12px;
left: 13px;
width: 40px;
height: 40px;
}


.template-v2 h1{font-size: 2.7rem;margin:60px 0px 20px 0px}
.template-v2  {
    width: 100%;
    position: relative;
    background: var(--grey);
    background-image: url('/assets/theme_image/background.png');
    background-repeat: repeat-x;
}
.template-v2 .container {
    max-width: 1200px;
    padding: 25px;
    margin: auto;
    position: relative;
}

.template-v2 .card {background:#fff;border-radius: 8px;padding:20px}