@import url("/sites/default/files/api/portail_d4c/css/style.css");
@import url("/sites/default/files/api/portail_d4c/css/font-awesome.min.css");
@import url("/sites/default/files/fonts/Satoshi/stylesheet.css");
@import url("/sites/default/files/fonts/Unicons/stylesheet.css");

@media screen and (min-width: 768px) {
    .d4c-modal__window {
        margin: 250px auto!important;
    }
}

:root {
	--app-height: 100%;
	--en-tete-font:
    'satoshiblack', sans-serif;
	--texte-font:
    'satoshi', sans-serif;
	--icons-font:
    'unicons-line';
	--marque-primaire: #0F52FF;
	--marque-primaire-rgb: 15,82,255;
	--marque-secondaire: #52CAC3;
	--marque-secondaire-rgb: 82,202,195;
	--marque-primaire-light: #B9CEEE;
	--marque-primaire-light-rgb: 185,206,238;
	--marque-secondaire-light: #CEF4F2;
	--marque-secondaire-light-rgb: 206,244,242;
	--marque-primaire-dark-1: #0034BB;
	--marque-primaire-dark-1-rgb: 0,52,187;
	--marque-primaire-dark-2: #071E58;
	--marque-primaire-dark-2-rgb: 7,30,88;
	--marque-secondaire-dark: #217E79;
	--marque-secondaire-dark-rgb: 33,126,121;
	--nuance-de-gris-gris1: #1D1F20;
	--nuance-de-gris-gris1-rgb: 29,31,32;
	--nuance-de-gris-gris2: #343637;
	--nuance-de-gris-gris2-rgb: 52,54,55;
	--nuance-de-gris-gris3: #4F5254;
	--nuance-de-gris-gris3-rgb: 79,82,84;
	--nuance-de-gris-gris4: #777A7D;
	--nuance-de-gris-gris4-rgb: 119,122,125;
	--nuance-de-gris-gris5: #A9B0B7;
	--nuance-de-gris-gris5-rgb: 169,176,183;
	--nuance-de-gris-gris6: #D8DDE1;
	--nuance-de-gris-gris6-rgb: 216,221,225;
	--nuance-de-gris-gris7: #EBEFF2;
	--nuance-de-gris-gris7-rgb: 235,239,242;
	--nuance-de-gris-gris8: #FFFFFF;
	--nuance-de-gris-gris8-rgb: 255,255,255;
	--status-bleu: #0F52FF;
	--status-rouge: #FF0016;
	--status-vert: #009621;
	--h1-desktop: 48px;
	--h2-desktop: 36px;
	--h3-desktop: 30px;
	--h4-desktop: 24px;
	--h5-desktop: 18px;
	--h6-desktop: 16px;
	--big1: 72px;
	--big2: 48px;
	--h1-mobile: 32px;
	--h2-mobile: 28px;
	--h3-mobile: 24px;
	--h4-mobile: 18px;
	--h5-mobile: 16px;
	--h6-mobile: 16px;
}
* {
	scroll-margin-top: 200px;
	scrollbar-color: #CCC #F5F5F5;
	scrollbar-width: thin;
}
::-webkit-scrollbar-track {
	background-color: #F5F5F5;
}
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	background-color: #CCC;
}
::selection {
	background: rgb(var(--marque-primaire-rgb),.15); /* WebKit/Blink Browsers */
}
::-moz-selection {
	background: rgb(var(--marque-primaire-rgb),.15); /* Gecko Browsers */
}
.col-sm-12 {
	padding: 0 !important;
}
body {
    color: var(--nuance-de-gris-gris2);
    font-family: var(--texte-font) !important;
    margin-top: 0;
    overflow-x: hidden !important;
    background: var(--nuance-de-gris-gris8) !important;
    height: auto !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.field--name-field-libelle-du-graphique,
.page-node-type-indicateur #dataset-list h3 {
    font-family: var(--en-tete-font);
    color: var(--nuance-de-gris-gris1);
}
h1, h2, h3,
.h1, .h2, .h3,
.field--name-field-libelle-du-graphique,
.page-node-type-indicateur #dataset-list h3 {
    line-height: 1.2;
}
.field--name-field-libelle-du-graphique,
.page-node-type-indicateur #dataset-list h3 {
	margin-bottom: 2.5rem;
}
.js-quickedit-main-content {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background-color: transparent !important;
	flex-grow: 1;
}
a[href="/taxonomy/term/16"] {display: none;}
.article li {
	list-style: none;
	position: relative;
	padding-left: 15px;
}
.article li::before {
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: inherit;
    position: absolute;
    top: 0;
    left: 0;
	speak: none;
    -webkit-font-smoothing: antialiased;
}
figcaption {
	font-style: italic;
	font-size: 11px;
}
mark {
	background: rgb(var(--marque-primaire-light-rgb),.3);
	border-radius: 4px;
	color: var(--marque-primaire);
	padding: 4px 8px !important;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 130%;
	letter-spacing: 0.06em;
	text-transform: uppercase !important;
	margin-bottom: 8px !important;
	display: block;
	width: fit-content;
}
.form-control {box-shadow: none !important;}
.page-header {
    color: var(--nuance-de-gris-gris1) !important;
    font-family: var(--en-tete-font) !important;
    font-weight: 900;
    margin: 0 !important;
    padding-bottom: 48px !important;
    border-bottom: 0px;
    text-align: left !important;
    font-size: 36px;
}
a {
    color: var(--nuance-de-gris-gris2);
    transition: all 0.35s ease-in-out;
    text-decoration: underline;
}
a:hover, a:focus {
    color: var(--marque-primaire);
}
a > i[title="Copier l'url"]::before {
	content: "\ec62";
	font-family: var(--icons-font);
}
a > i[title="Copier l'Iframe"]::before {
	content: "\e99d";
	font-family: var(--icons-font);
}
a > i[title="Copier le widget"]::before {
	content: "\e951";
	font-family: var(--icons-font);
}
a > i[title="Copier l'url"]::before,
a > i[title="Copier l'Iframe"]::before,
a > i[title="Copier le widget"]::before {
	font-size: 20px; 
}
:not(.d4c-dataset-selection-list__item-actions) > .btn, 
.button-action, 
#app_recipient_population_recipient_form_rest_submit {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 16px 24px !important;
    background: var(--marque-primaire) !important;
    color: var(--nuance-de-gris-gris8);
    -webkit-transition: all .55s ease-in-out;
    text-decoration: none !important;
    margin: 0 !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}
.btn:hover, .btn:focus,
.button-action:hover, .button-action:focus, 
#app_recipient_population_recipient_form_rest_submit:hover, #app_recipient_population_recipient_form_rest_submit:focus {
    background: var(--marque-primaire-dark-1) !important;
    color: var(--nuance-de-gris-gris8) !important;
    outline: none;
}
.btn:active, .button-action:active, #app_recipient_population_recipient_form_rest_submit:active {
	background: var(--marque-primaire-dark-2) !important;
	border: 2px solid var(--marque-primaire-dark-2) !important;
	color: var(--nuance-de-gris-gris8) !important;
}
.breadcrumb {
	font-style: normal;
	font-weight: 400;
	font-size: 13px !important;
	line-height: 1.5 !important;
	background: transparent !important;
	padding: 0;
}
.breadcrumb > .active {
    color:  var(--nuance-de-gris-gris4);
}
.breadcrumb > li {
	position: relative;
}
.breadcrumb > li > a {
	text-decoration: none;
	background: unset;
	font-weight: 700;
	color: var(--nuance-de-gris-gris2);
}
.breadcrumb > li + li {
	margin-left: 12px;
	padding-left: 14px;
}
.breadcrumb > li + li::before {
	content: "";
	border-left: 1px solid var(--nuance-de-gris-gris6);
	width: 1px;
	height: 100%;
	transform: rotate(23.95deg);
	padding: 0;
	position: absolute;
	left: 0;
}
.nav > li > a {text-decoration: none; background: unset;}
.navbar-collapse {padding: 0;}
.view-faq #edit-title, .view-faq .js-form-item.form-type-textfield {
	width: 100%;
}
.view-faq #edit-title {margin: 2rem 0}
.view-faq #edit-submit-faq, .view-faq #edit-actions  {display: none;}
.view-faq > .view-content > .views-row > .views-field-body {display: none;}
details,
.view-faq > .view-content > .views-row {
	background: var(--nuance-de-gris-gris7);
	padding: 16px;
	margin-bottom: 16px;
}
details summary::-webkit-details-marker {
  display:none;
}
details[open],
.view-faq > .view-content > .views-row.open  {
	box-shadow: 0px 4px 15px rgba(201, 194, 194, 0.2);
}
details[open] > summary::after,
.view-faq > .view-content > .views-row.open > .views-field-title::after {
	transform: rotate(180deg)
}
details[open] > summary,
.view-faq > .view-content > .views-row.open > .views-field-title {
	border-bottom: 1px solid #A9B0B7;
	padding-bottom: 16px;
	margin-bottom: 16px;
}
details > summary,
.view-faq > .view-content > .views-row > .views-field-title {
	width: 100%;
	display: flex;
	align-items: center;
	color: var(--nuance-de-gris-gris1);
	font-weight: 700;
	cursor: pointer;
}
details > summary::after,
.view-faq > .view-content > .views-row > .views-field-title::after {
	content: "\ebe9";
	font-family: var(--icons-font);
	color: var(--marque-primaire);
	font-weight: 900;
	font-size: 1.3em;
	margin-left: 8px;
}
details > div > *,
.view-faq > .view-content > .views-row > .views-field-body > * {
	color: var(--nuance-de-gris-gris2) !important;
}
details > div {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
header#navbar {
    width: 100vw !important;
    max-width: unset;
    border-bottom: 1px solid var(--nuance-de-gris-gris6);
    box-shadow: 0px 4px 15px rgba(201, 194, 194, 0.2);
    position: sticky;
    top:  0;
    background: var(--nuance-de-gris-gris8);
    z-index: 999;
    border-radius: 0;
    padding: 0 !important;
    margin-bottom: 39px !important;
    border: 0;
}
nav#block-citizena-themes-account-menu {
    background: var(--marque-primaire);
}
nav#block-citizena-themes-account-menu > ul.menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	float: unset !important;
}
nav#block-citizena-themes-account-menu > ul.menu > li > a {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.1;
	color: var(--nuance-de-gris-gris8);
	padding: 8px 20px;
	margin: 0 !important;
	display: flex;
	align-items: center;
	background: transparent;
}
nav#block-citizena-themes-account-menu > ul.menu > li > a::after {
	font-family: var(--icons-font);
	font-size: 24px;
	font-weight: normal;
	margin-left: 8px;
}
nav#block-citizena-themes-account-menu > ul.menu > li > a[href="/contact/feedback"]::after {
	content: "\e80d";
}
nav#block-citizena-themes-account-menu > ul.menu > li > a[href="/user"]::after {
	content: "\ea38";
}
nav#block-citizena-themes-account-menu > ul.menu > li > a[href*="/logout"]::after {
	content: "\eaef";
}
nav#block-citizena-themes-account-menu > ul.menu > li > a[href*="/login"]::after {
	content: "\eae5";
}
nav#block-citizena-themes-account-menu > ul.menu > li > a:hover,
nav#block-citizena-themes-account-menu > ul.menu > li > a:focus {
	background: var(--marque-primaire-dark-1);
}
nav#block-citizena-themes-account-menu > ul.menu > li > a:active {
	background: var(--marque-primaire-dark-2);
}
.navbar-toggle {
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: auto;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: transparent !important;
}
.navbar-toggle .icon-bar {
	height: 3px !important;
	width: 21px !important;
	border-radius: 50px !important;
	margin-bottom: 5px !important;
	background-color: var(--marque-primaire) !important;
	transition: all .25s ease-in-out;
}
.navbar-toggle .icon-bar:nth-child(4) {
	width: 15px !important;
	margin-bottom: 0 !important;
}
.navbar-toggle.open {
	position: relative;
	width: 15.73px;
	height: 15.73px;
}
.navbar-toggle.open .icon-bar:nth-child(2) {
	transform: rotate(45deg);
	position: absolute;
	top: 44%;
	left: -3px;
	margin: 0 !important;
}
.navbar-toggle.open .icon-bar:nth-child(3) {
	transform: rotate(-45deg);
	position: absolute;
	top: 44%;
	left: -3px;
	margin: 0 !important;
}
.navbar-toggle.open .icon-bar:nth-child(4) {
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}
#navbar-header-wrapper {
	height: 106px;
	display: flex;
	align-items: center;
	position: relative;
}
#navbar-header-wrapper > .navbar-header {
	display: flex;
	align-items: center;
}
#navbar-header-wrapper .logo {
	display: block;
	padding: 0;
}
#navbar-header-wrapper .logo > img {
	height: inherit;
	width: inherit;
	object-fit: contain;
}
#navbar-header-wrapper #navbar-collapse {
	border: 0 !important;
	height: 100% !important;
	width: 100%;
	position: relative;
}
#navbar-header-wrapper #navbar-collapse.in {
	height: var(--app-height) !important;
}
#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu {
	height: 100%;
	display: flex;
	align-items: center;
	gap: 43px;
}
#navbar-header-wrapper #navbar-collapse .region-navigation-collapsible {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
#block-jddsearch #home_search_bar {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid var(--marque-primaire);
	max-width: 334px;
	padding: 0 16px 11px;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris1);
	position: relative;
	border-radius: 0 !important;
	background: transparent !important;
}
#block-jddsearch #home_search_bar:focus-visible {
	outline: none;
}
#block-jddsearch #home_search_bar::placeholder {
	color: var(--nuance-de-gris-gris1);
	opacity: 1;	
}
#block-jddsearch form::after {
	content: "\e99a";
	font-family: var(--icons-font);
	color: var(--marque-primaire);
	position: absolute;
	right: 19px;
	font-size: 20px;
	top: 2px;
	line-height: 1;
}
.navbar-default {margin-top: 0 !important;}
.navbar-btn {
    margin: 0;
    padding-right: 15px;
}
.navbar-text {margin: 0 !important;}
.dialog-off-canvas-main-canvas {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: clip;
    overflow-y: unset !important;
}
.path-frontpage .page-header {display: none;}
footer .region-footer .nav > li > a[href*='facebook']::before,
footer .region-footer .nav > li > a[href*='twitter']::before,
footer .region-footer .nav > li > a[href*='instagram']::before,
footer .region-footer .nav > li > a[href*='linkedin']::before,
footer .region-footer .nav > li > a[href*='youtube']::before {
    font-family: var(--icons-font);
    color: var(--marque-primaire);
    margin-right: 4px;
    font-size: 16px;
    font-weight: normal;
}
footer .region-footer .nav > li > a[href*='facebook']::before {
    content: "\ec01";
}
footer .region-footer .nav > li > a[href*='twitter']::before {
    content: "\ec25";
}
footer .region-footer .nav > li > a[href*='instagram']::before {
    content: "\ebfe";
}
footer .region-footer .nav > li > a[href*='linkedin']::before {
    content: "\ec16";
}
footer .region-footer .nav > li > a[href*='youtube']::before {
    content: "\ec06";
}
footer.container,
#block-views-block-actualites-block-1 .view-content-wrapper,
#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content-wrapper,
.page-node-type-forum article.forum > .content > section,
#block-filtrepartheme {
    width: calc(100vw) !important; /* - 20px*/
    /*margin-left: calc(-50vw + 50%) !important + 10px*/
}
footer.container {
	border-top: 2px solid var(--nuance-de-gris-gris6);
	padding-top: 48px !important;
	padding-bottom: 59px !important;
	margin-top: 128px;
	border-bottom: 0 !important;
}
footer .region-footer {
	display: flex;
	flex-wrap: wrap;
	row-gap: 64px;
}
footer .region-footer #block-newsletterabonnement {
	width: 100%;
}
footer .region-footer #block-newsletterabonnement .field--name-body {
	background: linear-gradient(100.82deg, rgba(var(--marque-secondaire-light-rgb), 0.4) 5.29%, rgba(var(--marque-primaire-light-rgb), 0.4) 92.46%), #FFFFFF;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px !important;
	gap: 12px;
	width: 100%;
}
footer .region-footer #block-newsletterabonnement h2.block-title {
	color: var(--marque-primaire);
	margin: 0;
	font-weight: 700;
	font-size: 11px !important;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 4px;
}
footer .region-footer #block-newsletterabonnement h2.block-title::before {
	content: "\ea0f";
	font-family: var(--icons-font);
	width: 32px;
	height: 32px;
	font-size: 32px;
	line-height: 32px;
	transform: rotate(-30deg);
	display: block;
	font-weight: normal;
}
footer .region-footer #block-newsletterabonnement #app_recipient_population_recipient_form_rest {
	display: flex;
	justify-content: center;
	align-items: center;
	height: fit-content;
}
footer .region-footer #block-newsletterabonnement #app_recipient_population_recipient_form_rest > .form-group {
	margin: 0;
}
footer .region-footer #block-newsletterabonnement #app_recipient_population_recipient_form_rest input {
	margin: 0;
	max-width: 250px;
}
footer .region-footer #block-newsletterabonnement #app_recipient_population_recipient_form_rest label {
	display: none;
}
footer .region-footer #block-newsletterabonnement #app_recipient_population_recipient_form_rest input {
	padding: 15px !important;
	background: transparent;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 2px solid var(--marque-primaire) !important;
	border-radius: 0 !important;
	font-size: 16px !important;
	line-height: 18px !important;
	height: unset !important;
	color: var(--marque-primaire);
	font-weight: 700;
}
footer .region-footer #block-newsletterabonnement #app_recipient_population_recipient_form_rest input::placeholder {
	opacity: 1;
	color: var(--marque-primaire);
}
footer .region-footer #block-newsletterabonnement #edit-message {
	margin-bottom: 0;
	margin-right: 48px;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
	color: var(--nuance-de-gris-gris1);
}
footer .region-footer #block-newsletterabonnement #edit-actions {
	margin: 0 !important;
}
footer .region-footer #block-logos .field--name-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}
footer .region-footer #block-logos .footer-logos {
	display: flex;
	gap: 16px;
	flex-direction: row;
	width: fit-content;
}
footer .region-footer #block-logos .footer-logos > a {
	display: block;
	width: 79px;
	height: 79px;
}
footer .region-footer #block-logos .footer-logos > a > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
footer .region-footer h2#block-pieddepage-menu, 
footer .region-footer h2#block-noussuivre-menu {
	color: var(--marque-primaire);
	text-align: left;
	margin-bottom: 16px;
}
footer .region-footer #block-pieddepage {
	margin-right: 132px;
	margin-left: auto;
}
footer .region-footer #block-pieddepage, 
footer .region-footer #block-noussuivre {
	max-width: 269px;
}
footer .region-footer #block-pieddepage ul.menu::before, 
footer .region-footer #block-noussuivre ul.menu::before {
	display: none;
}
footer .region-footer #block-pieddepage ul.menu, 
footer .region-footer #block-noussuivre ul.menu {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
footer .region-footer #block-pieddepage ul.menu > li, 
footer .region-footer #block-noussuivre ul.menu > li {
	flex: 0 1 126.5px;
}
footer .region-footer #block-pieddepage ul.menu > li > a, 
footer .region-footer #block-noussuivre ul.menu > li > a {
	padding: 0;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.1;
	color: var(--nuance-de-gris-gris3);
}
footer .region-footer #block-pieddepage ul.menu > li > a:hover, 
footer .region-footer #block-noussuivre ul.menu > li > a:hover,
footer .region-footer #block-pieddepage ul.menu > li > a:focus, 
footer .region-footer #block-noussuivre ul.menu > li > a:focus {
	background: transparent;
	color: var(--marque-primaire);
}
.view.view-actualites.view-display-id-block_1,
.view.view-actualites.view-display-id-page_1,
#block-views-block-les-organisations-de-la-plateforme-block-1 .view.view-les-organisations-de-la-plateforme {
	position: relative;
}
#block-views-block-actualites-block-1 .view-content-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: -100px;
	margin-bottom: -100px;
}
#block-views-block-actualites-block-1 .view-content-wrapper,
#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content-wrapper {
	overscroll-behavior-x: contain;
	position: relative;
	scroll-snap-type: mandatory;
	scroll-snap-type: x mandatory;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.page-node-type-page .region.region-content > section:not(:first-child) {
	margin: 128px 0 0;
}
#block-reutilisation {
	background: linear-gradient(100.82deg, var(--marque-primaire-dark-2) 5.29%, var(--marque-primaire) 92.46%);
	color: var(--nuance-de-gris-gris8);
}
#block-reutilisation #reuses-container {
	display: flex;
	height: 446px;
}
#block-reutilisation #reuses-container .reuses-idicators {
	display: flex;
	gap: 4px;
	padding: 32px 0px;
	margin: 22px 0;
}
#block-reutilisation #reuses-container .reuses-right > h3 {
	color: var(--nuance-de-gris-gris8);
	margin-top: 0;
	margin-bottom: 22px;
}
#block-reutilisation #reuses-container .reuses-right > a {
	margin-top: 0px !important;
}
#block-reutilisation #reuses-container .reuses-idicators > .reuse-idicator {
	height: 4px;
	background: var(--nuance-de-gris-gris8);
	width: 40px;
	cursor: pointer;
	position: relative;
}
#block-reutilisation #reuses-container .reuses-idicators > .reuse-idicator::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 32px 0;
	top: -30px;
}
#block-reutilisation #reuses-container .reuses-sliders,
.sliders {
	display: flex;
	gap: 12px;
	position: absolute;
}
#block-reutilisation #reuses-container .reuses-sliders {
	bottom: -56px;
	right: 0;
	top:  478px;
	align-items: flex-end;
}
.sliders {
	bottom: 0;
	right: 0;
	height: 49px;
	align-items: center;
	color: var(--nuance-de-gris-gris4);
}
#block-reutilisation #reuses-container .reuses-sliders > .reuse-slider-left,
#block-reutilisation #reuses-container .reuses-sliders > .reuse-slider-right,
.sliders > .slider-left,
.sliders > .slider-right {
	width: 24px;
	height: 24px;
	line-height: 1;
	display: flex;
	align-items: center;
}
#block-reutilisation #reuses-container .reuses-sliders > .reuse-slider-left::before,
#block-reutilisation #reuses-container .reuses-sliders > .reuse-slider-right::before,
.sliders > .slider-left::before,
.sliders > .slider-right::before {
	font-family: var(--icons-font);
	font-size: 24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}
#block-reutilisation #reuses-container .reuses-sliders > .reuse-slider-left::before,
.sliders > .slider-left::before {
	content: "\ec49";
}
#block-reutilisation #reuses-container .reuses-sliders > .reuse-slider-right::before,
.sliders > .slider-right::before {
	content: "\eb9f";
}
#block-reutilisation #reuses-container .reuses-idicators > .reuse-idicator.active {
	background: var(--marque-primaire);
}
#block-reutilisation #reuses-container .reuse-description > .reuse-desc > h4 {
	min-height: 59px;
	display: flex;
	align-items: center;
	margin-top: 0 !important;
	margin-bottom: 22px !important;
	color: var(--nuance-de-gris-gris8) !important;
}
#block-reutilisation #reuses-container .reuse-description > .reuse-desc > span {
	min-height: 144px;
	display: block;
}
#block-reutilisation #reuses-container .reuse-description > .reuse-desc {
	text-decoration: none !important;
	color: var(--nuance-de-gris-gris8) !important;
	display: none;
	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
			animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
#block-reutilisation #reuses-container .reuse-description > .reuse-desc.active {
	display: block;
}
#block-reutilisation #reuses-container .reuses-right {
	width: calc(100% - 469px);
}
#block-reutilisation #reuses-container .reuses-left {
	position: absolute;
	right: -100px;
	top:  0;
	width: 469px;
	overflow: hidden;
}
#block-reutilisation #reuses-container .reuse-image {
	display: flex;
	gap: 32px;
	overflow: hidden;
	width: fit-content;
	padding-right: 100px;
}
#block-reutilisation #reuses-container .reuse-image > .reuse-img {
	width: 368px;
	height: 446px;
	padding: 25px;
	background: var(--marque-primaire-dark-2);
	text-decoration: none !important;
}
#block-reutilisation #reuses-container .reuse-image > .reuse-img > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#block-jddstats #datasets-container {
	display: flex;
	align-items: flex-start;
	column-gap: 130px;
}
#block-jddstats #datasets-container h3,
h2.block-title {
	color: var(--nuance-de-gris-gris2);
	font-weight: 900;
	margin-bottom: 24px;
	margin-top: 0 !important;
}
#block-jddstats #datasets-container .datasets-une {
	margin-bottom: 56px;
}
#block-jddstats #datasets-container .datasets-une > a {
	padding: 52px 32px 32px;
	background: var(--marque-primaire);
	color: var(--nuance-de-gris-gris8);
	display: flex;
	flex-direction: column;
	text-decoration: none;
	cursor: pointer;
}
#block-jddstats #datasets-container .datasets-une > a:hover,
#block-jddstats #datasets-container .datasets-ouvertes > a:hover,
#block-reutilisation #reuses-container .reuses-right > a:hover {
	background: var(--marque-primaire-dark-1);
}
#block-jddstats #datasets-container .datasets-une > a > h4 {
	margin: 4px 0;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color: var(--nuance-de-gris-gris8) !important;
}
#block-jddstats #datasets-container .datasets-une > a > .une-theme > span {
	font-size: 11px;
	width: 100%;
	display: block;
	color: var(--marque-primaire-light);
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.06em;
}
#block-jddstats #datasets-container .datasets-une > a > .une-theme > img {
	height: 56px;
	width: 56px;
	filter: brightness(0) saturate(100%) invert(63%) sepia(100%) saturate(226%) hue-rotate(127deg) brightness(92%) contrast(93%);
	object-fit: contain;
}
#block-jddstats #datasets-container .datasets-ouvertes > a,
#block-reutilisation #reuses-container .reuses-right > a {
	background: var(--marque-primaire);
	padding: 10px 24px;
	margin-top: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	color: var(--nuance-de-gris-gris8);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.1;
	text-decoration: none;
	height: 50px;
}
#block-jddstats #datasets-container .datasets-ouvertes ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
#block-jddstats #datasets-container .datasets-ouvertes ul > li > a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	background: transparent;
	cursor: pointer;
}
#block-jddstats #datasets-container .datasets-ouvertes ul > li > a > .ouverte-theme {
	font-weight: 700;
	font-size: 11px;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--nuance-de-gris-gris2);
	margin-bottom: 8px;
}
#block-jddstats #datasets-container .datasets-ouvertes ul > li > a > h6 {
	color: var(--marque-primaire);
	margin: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#block-jddstats #datasets-container .datasets-ouvertes ul > li > a > .dataset-orga {
	color: var(--nuance-de-gris-gris3);
	font-weight: 700;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
}
#block-jddstats #datasets-container .datasets-ouvertes ul > li > a > .dataset-date {
	color: var(--nuance-de-gris-gris3);
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
}
#block-jddstats #datasets-container .datasets-left {
	width: 270px;
}
#block-jddstats #datasets-container .datasets-right {
	width: calc(100% - 270px - 131px);
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires {
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, 235px);
	grid-auto-rows: minmax(16px, auto);
	gap: 32px;
	width: 100%;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li {
	width: 235px;
	min-height: 299px;
	float: left;
	padding: 16px;
	display: block;
	background: var(--nuance-de-gris-gris7);
	transition: all 0.35s ease-in-out;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li:hover {
	background: var(--nuance-de-gris-gris6);
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a {
	text-decoration: none;
	background: transparent;
	cursor: pointer;
	height: 100%;
	display: flex;
	flex-direction: column;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .une-theme {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--marque-primaire);
	font-weight: 700;
	font-size: 11px;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	gap: 12px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--nuance-de-gris-gris5);
	width: 100%;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .une-theme > img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > h6 {
	margin-top: 20px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .dataset-orga {
	color: var(--nuance-de-gris-gris3);
	font-weight: 700;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
	display: block;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .dataset-notes {
	margin-bottom: 20px;
	color: var(--nuance-de-gris-gris4);
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .dataset-download {
	display: flex;
	gap: 8px;
	align-items: center;
	color: var(--nuance-de-gris-gris3);
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
	margin-top: auto;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .dataset-download > .dataset-download-img {
	background: var(--nuance-de-gris-gris8);
	border-radius: 4px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li > a > .dataset-download > .dataset-download-img::before {
	content: "\eb36";
	font-family: var(--icons-font);
	color: var(--nuance-de-gris-gris4);
	font-size: 16px;
}
.view.view-actualites.view-display-id-block_2 .view-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.view.view-actualites.view-display-id-block_1 .view-content,
#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content {
	width: fit-content;
}
.view.view-actualites.view-display-id-block_1 .view-content,
.view.view-actualites.view-display-id-page_1 .view-content,
.view-id-les_organisations_de_la_plateforme .view-content,
.field--name-field-organisation {
	display: flex;
	gap: 32px;
}
.view.view-actualites.view-display-id-page_1 .view-content,
.field--name-field-organisation {
	flex-wrap: wrap;
	width: 100%;
}
.view.view-actualites.view-display-id-block_1 .view-content::after {
	content: "";
	position: relative;
	display: block;
	width: 337px;
}
#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content::after {
	content: "";
	position: relative;
	display: block;
	width: 136px;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row {
	display: flex;
	flex-direction: column;
	width: 368px;
	height: 439px;
	background: var(--nuance-de-gris-gris8);
	box-shadow: 0px 4px 30px rgba(7, 30, 88, 0.1);
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row::after,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row::after {
	content: "\ebb5";
	font-family: var(--icons-font);
	width: 100%;
	height: 24px;
	font-size: 24px;
	margin-top: 8px;
	padding: 0 32px;
	color: var(--nuance-de-gris-gris5);
	position: relative;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row:hover::after,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row:hover::after {
	color: var(--marque-primaire);
	-webkit-animation: to-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
			animation: to-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-image a,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-image a {
	width: 100%;
	height: 208px;
	background: var(--nuance-de-gris-gris2);
	display: block;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-image img,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-image img {
	width: inherit;
	height: inherit;
	object-fit: cover;
	max-width: unset !important;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-title,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-title {
	padding: 32px 32px 8px;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-title a,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-title a,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-title a {
	color: var(--marque-primaire);
	font-weight: 900;
	font-size: 18px;
	line-height: 1.5;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-created,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-created,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-created,
article > footer > .author > span:nth-child(2) {
	color: var(--nuance-de-gris-gris3);
	font-weight: 400 !important;
	font-size: 13px;
	line-height: 1.5;
	font-family: var(--texte-font);
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-created,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-created {
	padding: 0 32px 8px;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-created > span::before,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-created > span::before,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-created > span::before ,
article > footer > .author > span:nth-child(2)::before {
	content: "Le ";
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-body,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-body,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-body {
	color: var(--nuance-de-gris-gris2);
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-body,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-body {
	padding: 0 32px 8px;
}
#block-lademarche h1 {
	color: var(--nuance-de-gris-gris1);
	margin: 0;
}
#block-lademarche p {
	color: var(--nuance-de-gris-gris3);
	margin: 0;
}
#block-lademarche .more-link {
	margin: 0;
}
#block-lademarche .field--name-body {
	display: flex;
	align-items: center;
	gap: 132px;
}
#block-lademarche .demarche-content {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
#block-lademarche .demarche-content.right {
	background: url('/sites/default/files/inline-images/Subtract.png'),linear-gradient(100.82deg, rgba(206, 244, 242, 0.5) 5.29%, rgba(185, 206, 238, 0.5) 92.46%);
	background-repeat:  no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	padding: 100px;
}
#block-lademarche .demarche-content.right > .more-link {
	position: absolute;
	bottom: 0;
	right: 0;
}
#block-lademarche .demarche-content.right > .more-link > a::before {
	content: "\ebb5";
	font-family: var(--icons-font);
	font-size: 16px;
	margin-right: 4px;
	color: var(--marque-primaire);
}
.more-link > a.tertiare {
	color: var(--nuance-de-gris-gris1) !important;
	background: var(--nuance-de-gris-gris8);
	font-size: 14px;
	line-height: 1.1;
}
.more-link > a.tertiare:hover {
	background: var(--nuance-de-gris-gris8);
	color: var(--marque-primaire-dark-1) !important;
}
.view-id-les_organisations_de_la_plateforme  .view-content > .views-row,
.field--name-field-organisation .field--item {
	width: 168px;
}
.view-id-les_organisations_de_la_plateforme  .view-content > .views-row .field--name-field-logo-de-l-organisation img,
.field--name-field-organisation .field--item .field--name-field-logo-de-l-organisation img {
	width: 168px;
	height: 76px;
	object-fit: contain;
	max-width: unset;
}
.view-id-les_organisations_de_la_plateforme  .view-content > .views-row .field--name-field-nom-de-l-organisation,
.field--name-field-organisation .field--item .field--name-field-nom-de-l-organisation {
	font-weight: 700;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	color: var(--nuance-de-gris-gris3);
	margin-top: 12px;
}
article[about="/accueil"] .field--name-body {
	position: relative;
	width: 100%;
	padding: 100px;
	margin-top: 43px;
}
article[about="/accueil"] .field--name-body::after {
	content: "";
	background: url('/sites/default/files/inline-images/accueil-recherche.svg');
	position: absolute;
	right: -43px;
	top: -41px;
	width: 402px;
	height: 100%;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}
article[about="/accueil"] .field--name-body > div:nth-child(1) {
	height: 100%;
	width: 100%;
	background: linear-gradient(100.82deg, var(--marque-secondaire-light) 5.29%, var(--marque-primaire-light) 92.46%);
	opacity: .4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
article[about="/accueil"] .field--name-body > div:nth-child(2) > form {
	margin-bottom: 115px;
	z-index: 1;
}
article[about="/accueil"] .field--name-body > div:nth-child(2) > form::after {
	content: "\e99a";
	font-family: var(--icons-font);
	color: var(--marque-primaire);
	font-weight: 500;
	position: absolute;
	right: 0;
	top: -8px;
}
article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input {
	width: 100%;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 4px solid var(--marque-primaire);
	background: transparent;
	padding: 0 0 18px 0;
	color: var(--marque-primaire) !important;
	font-weight: 900;
	border-radius: 0 !important;
}
article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input:focus-visible {
	outline: none !important;
}
article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input::placeholder {
	color: var(--marque-primaire);
}
.jdd-thematiques {
	z-index: 1;
	position: relative;
}
.jdd-thematiques > h4 {
	margin-top: 0 !important;
	margin-bottom: 24px;
}
.jdd-thematiques > .jdd-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}
.jdd-thematiques > .jdd-cards > .jdd-card {
	display: flex;
	align-items: center;
	background: var(--nuance-de-gris-gris8);
	color: var(--nuance-de-gris-gris1);
	font-weight: bold;
	padding: 1rem;
	column-gap: 24px;
	width: calc(100% / 3 - 64px / 3);
	text-decoration: none !important;
	line-height: 1.1;
}
.jdd-thematiques > .jdd-cards > .jdd-card > .jdd-card-icon-bg {
	background: rgb(var(--marque-secondaire-light-rgb), .5);
	width: 56px;
	height: 56px;
	padding: 12px;
	border-radius: 4px;
}
.jdd-thematiques > .jdd-cards > .jdd-card > span {
	width: calc(100% - 56px - 24px);
}
.jdd-thematiques > .jdd-cards > .jdd-card > .jdd-card-icon-bg > img {
	vertical-align: middle;
	transition: all 0.35s ease-in-out;
}
.jdd-thematiques > .jdd-cards > .jdd-card:hover {
	box-shadow: 0px 4px 15px rgba(201, 194, 194, 0.2);
	color: var(--marque-primaire);
}
.jdd-thematiques > .jdd-cards > .jdd-card:hover > .jdd-card-icon-bg > img {
	transform: rotate(-15deg) scale(1.1);
}
.page-node-type-article #block-views-block-actualites-block-2 h2.block-title {
	font-size: 23px;
	margin-top: 3rem;
}
.page-node-type-article #block-views-block-actualites-block-2 article h2 {
	font-size: 14px;
}
.page-node-type-article .region.region-content > article {
	padding-top: 3rem;
}
.page-node-type-article article .page-header {text-align: left;padding-top: 0;}
.page-node-type-article article > .content > .field--name-field-image {
	margin-top: 12px;
	margin-bottom: 3rem;
	height: 450px;
	width: 100%;
}
.page-node-type-article article > .content > .field--name-field-intoduction {
	font-weight: bold;
	margin-top: 1rem;
	font-family: var(--en-tete-font);
	margin-bottom: 10px;
}
.path-forum .action-links {
	list-style: none;
	margin-bottom: 16px;
}
.page-node-type-article article > .content > .field--name-field-image > img {width: inherit;height: inherit;object-fit: cover;}
.page-node-type-article article > .content img {max-width: unset;}
.page-node-type-forum article.forum > .content > section > #comment-form {
    margin-bottom: 62px;
}
.page-node-type-forum article.forum > .content > section > #comment-form textarea {
    background: transparent;
    border: 1px solid rgba(var(--texte),50%);
}
.page-node-type-forum article.forum > .content > section > #comment-form textarea:focus {
    box-shadow: unset;
    border: 1.5px solid rgb(var(--en-tete));
}
.page-node-type-forum article.forum > .content > section > #comment-form textarea:focus-visible {outline: unset;}
.page-node-type-forum article.forum > .content > section > .js-comment {
    margin-bottom: 62px;
}
article.forum > .content {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 292px);
}
.page-node-type-forum article.forum > .content > section > .js-comment > div > h3 {display: none;}
.page-node-type-forum article.forum > .content > section > .js-comment > footer > a {display: none;}
.page-node-type-forum article.forum > .content > section #edit-preview {display: none;}
.page-node-type-forum article.forum > .content > section #edit-submit {margin: 0; float: right;}
.page-node-type-forum article.forum > .content > section {
    background-color: var(--nuance-de-gris-gris7);
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-top: 128px;
    flex-grow: 1;
    padding: 48px 0;
    margin-bottom: -128px;
}
.page-node-type-forum article.forum > .content > section > h2 {
    display: none;
}
.page-node-type-forum article.forum > .content > section > .js-comment > footer {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.page-node-type-forum article.forum > .content > section > .js-comment > footer > * {
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 14px;
    color: var(--nuance-de-gris-gris1);
    font-weight: 800;
    margin: 0;
}
.page-node-type-forum article.forum > .content > section > .js-comment > footer > article > .field--name-user-picture {
    height: 3rem;
    width: 3rem;
    overflow: hidden;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}
.page-node-type-forum article.forum > .content > section > .js-comment > footer > article > .field--name-user-picture a,
.page-node-type-forum article.forum > .content > section > .js-comment > footer > article > .field--name-user-picture img {
	height: inherit;
	width: inherit;
}
.page-node-type-forum article.forum > .content > section > .js-comment > footer > article > .field--name-user-picture img {
	max-width: unset !important;
	display: unset;
	object-fit: cover;
}
article > footer {background-color: transparent !important; padding: 0 !important;}
article > footer > .author {font-size: 0px;}
article > footer > .author > span:nth-child(2) {font-size: 12px;}
.view-agenda-page .views-row {
	padding: 3rem 0;
	cursor: pointer;
}
.more-link {
	margin-top: 45px;
	margin-bottom: 0 !important;
}
.more-link > a {
	display: block;
	position: relative;
	width: fit-content;
	padding: 16px 24px !important;
	color: var(--nuance-de-gris-gris8) !important;
	background: var(--marque-primaire);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.1;
	text-decoration: none !important;
	text-align: center;
}
.more-link > a:hover, 
.more-link > a:focus {background: var(--marque-primaire-dark-1);}
.view-analyse .views-row .views-field-title a,
.view-agenda-page .views-field-title a {
	font-family: var(--en-tete-font);
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	background: unset;
	color: var(--nuance-de-gris-gris1) !important;
}
.view-analyse .views-row .views-field-title a {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.view-analyse .views-row .views-field-title a::after,
.view-agenda-page .views-row::after {
	content: '\f08e';
	font-family: 'FontAwesome';
}
.view-agenda-page .views-row {
	position: relative;
	padding-right: 3rem;
}
.view-agenda-page .views-row::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.view-agenda-page .views-field-field-start-date {
	opacity: .7;
	font-size: 85%;
	font-family: var(--en-tete-font);
}
blockquote {
	border: 0;
	margin: 0;
	padding: 2rem 0;
	font-family: var(--en-tete-font);
	font-size: 1.5rem;
}
blockquote > p::before,
blockquote > p::after {
	font-family: 'FontAwesome';
}
blockquote > p::before {
	content: '\f10d';
	padding-right: .5rem;
}
blockquote > p::after {
	content: '\f10e';
	padding-left: .5rem;
}
.page-node-type-article .region.region-content {
	display: flex;
	gap: 6rem;
	margin-bottom: 3rem;
}
.page-node-type-article article.article.is-promoted > footer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1rem 3rem;
}
.field--name-field-audio {
	padding-top: 9px;
}
.field--name-field-audio audio {height: 3.5rem;}
.field--type-file {
	margin: 48px 0;	
}
.field--type-file .field--items {
	display: flex;
	gap: 8px 16px;
	width: 100%;
	flex-wrap: wrap;
}
.field--type-file span.file {
	display: flex;
	align-items: center;
	justify-items: flex-start;
	width: fit-content;
	gap: 8px;
	border: 2px solid var(--marque-primaire);
	padding: 13px 24px;
	margin: 0;
}
.field--name-field-audio label {display: none;}
.field--type-file span.file > span {
	border: 0px solid transparent;
    background: transparent;
}
.field--type-file span.file > span.file-icon {
    padding: 0 !important;
}
.field--type-file span.file > span.file-icon > span {
	color: var(--marque-primaire) !important;
}
.field--type-file span.file > span.file-icon > span::before {
    font-family: "FontAwesome";
}
.field--type-file span.file > span.file-icon > span::before {
	content: "\f019";
}
.field--type-file span.file > span.file-icon.text-file > span::before {
	content: "\f0f6";
}
.field--type-file span.file > span.file-icon.pdf-file > span::before {
	content: "\f1c1";
}
.field--type-file span.file > span.file-icon.word-file > span::before {
	content: "\f1c2";
}
.field--type-file span.file > span.file-icon.excel-file > span::before {
	content: "\f1c3";
}
.field--type-file span.file > span.file-link > a {
	text-decoration: none !important;
	color: var(--nuance-de-gris-gris1) !important;
	font-size: 13px;
	line-height: 110%;
}
.field--type-file span.file > span.file-size {
	grid-area: fileSize;
    padding: 0;
    color: var(--nuance-de-gris-gris1);
    font-weight: normal;
	font-size: 11px;
}
article[about="/mentions-legales"] .field--name-body, #donnees-personnelles {
	display: flex;
	align-items: flex-start;
	gap: 32px 132px;
	width: 100%;
	position: relative;
}
#donnees-personnelles > #sommaire > #sommaireH2 {
	font-size: 16px !important;
	margin-top: 0;
}
#donnees-personnelles > div {
	width: 100%;
}
#donnees-personnelles details#contacts > summary::before {
	font-family: var(--icons-font);
	content: "\ea14";
	margin-right: 4px;
	color: var(--marque-primaire);
}
article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul {
	padding: 0;
}
article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul > li {
	list-style: none;
	font-size: 13px;
}
article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul > li > a {
	white-space: nowrap;
}
article[about="/mentions-legales"] .field--name-body > .ml-content > h3 {
	font-weight: bold;
	margin-top: 0 !important;
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-img {
	width: 25rem;
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-img > img {
	width: inherit;
	object-fit: contain;
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-adresse::before,
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-telephone::before,
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-mail::before,
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-link::before {
	font-family: var(--icons-font);
	padding-right: .5rem;
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-adresse::before {
	content: "\e8ec";
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-telephone::before {
	content: "\ea14";
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-mail::before {
	content: "\e9bf";
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-link::before {
	content: "\e9a2";
}
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-telephone > a,
article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner > #ml-mail > a {
	text-decoration: none;
	background: unset;
}
#contact-message-feedback-form .form-actions {
	text-align: left;
}
#contact-message-feedback-form .form-actions > #edit-preview {
	display: none;
}
#contact-message-feedback-form .form-actions > #edit-submit {
	margin: 0;
}
.pager__item a,
.pagination li a {
	border-color: transparent !important;
	border-radius: 2px !important;
	padding: unset !important;
	width: 30px;
	height: 30px;
	line-height: 29px !important;
	background-color: transparent !important;
	color: var(--nuance-de-gris-gris1) !important;
	margin: 0 5px !important;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.pager__item.pager__item--last, .pager__item.pager__item--first,
.pagination li a[aria-label="Previous"] span[aria-hidden="true"], .pagination li a[aria-label="Next"] span[aria-hidden="true"] {
	display: none;
}
.pager__item.pager__item--next span[aria-hidden="true"], .pager__item.pager__item--previous span[aria-hidden="true"] {
	display: none !important;display: none !important;
}
.pager__item.pager__item--next .visually-hidden, .pager__item.pager__item--previous .visually-hidden {
	display: none !important;
}
.pager__item.pager__item--next a, .pager__item.pager__item--previous a,
.pagination li a[aria-label="Previous"], .pagination li a[aria-label="Next"] {
	position: relative;
	background: transparent !important;
	font-weight: unset !important;
    transition: background-position 275ms ease-in-out;
}
.pager__item.pager__item--next a:hover, .pager__item.pager__item--previous a:hover,
.pagination li a[aria-label="Previous"]:hover, .pagination li a[aria-label="Next"]:hover {
	background-color: rgb(var(--marque-primaire-light-rgb),1) !important;
	background-position: 0 100%;
}
.pager__item.pager__item--next a:hover:before, .pager__item.pager__item--previous a:hover:after,
.pagination li a[aria-label="Previous"]:hover:before, .pagination li a[aria-label="Next"]:hover:after {
	color: rgb(var(--blank)) !important;
}
.pager__item.pager__item--previous a:before,
.pagination li a[aria-label="Previous"]:before {
	content: "\ebb4";
	font-family: var(--icons-font);
	color: var(--nuance-de-gris-gris1) !important;
	font-size: 18px;
}
.pager__item.pager__item--next a:after,
.pagination li a[aria-label="Next"]:after {
	content: "\ebb5";
	font-family: var(--icons-font);
	color: var(--nuance-de-gris-gris1) !important;
	font-size: 18px;
}
.pager__item a:hover,
.pagination li a:hover {
	background-color: rgb(var(--marque-primaire-light-rgb),1) !important;
	color: var(--marque-primaire) !important;
}
.pager__item.is-active.active a,
.pagination li.active a {
	background-color: rgb(var(--marque-primaire-light-rgb),.3) !important;
	color: var(--marque-primaire) !important;
}
.view-agenda-page .views-row:not(:nth-child(1)) {
	border-top: 1px dotted rgb(var(--nuance-de-gris-gris1-rgb),.25);
}
#abo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
#abo_merci {
    font-size: 60px;
    font-family: var(--en-tete-font);
}
#abo_img > img {max-width: 100%;}
.view-documents .views-field-field-image {
	width: 115px;
	height: inherit;
	float: left;
	margin-right: 1rem;
}
.view-documents .views-field-field-image > div,
.view-documents .views-field-field-image > div > img {
	width: inherit;
	height: inherit;
}
.view-documents .views-field-field-image > div > img {
	object-fit: cover;
	aspect-ratio: auto 302 / 449;
}
.view-documents .views-field-title {
    color: rgb(var(--en-tete));
    font-family: var(--en-tete-font);
    font-weight: bold;
    font-size: 16px;
    line-height: 2rem;
    text-decoration: none;
}
.views-field-field-document span.file {
    display: grid;
    grid-template-areas:
        'fileIcon fileName'
        'fileIcon fileSize';
    align-items: center;
    justify-items: start;
    grid-template-columns: min-content auto;
    width: fit-content;
}
.views-field-field-document span.file > span {
    border: 0px solid transparent;
    background: transparent;
}
.views-field-field-document span.file > span.file-icon {
    grid-area: fileIcon;
    padding-left: 0 !important;
}
.views-field-field-document span.file > span.file-link {
    grid-area: fileName;
}
.views-field-field-document span.file > span.file-size {
    grid-area: fileSize;
    padding: 0;
    color: var(--nuance-de-gris-gris1);
    font-weight: 600;
}
.views-field-field-document span.file > span.file-icon > span {
    color: var(--marque-primaire) !important;
}
.views-field-field-document span.file > span.file-icon > span::before {
    content: "\f019";
    font-family: "FontAwesome";
}
.views-field-field-document span.file > span.file-link > a {
    text-decoration: none !important;
	color: var(--nuance-de-gris-gris1);
	background: unset;
}
.view-documents .views-row .views-field-created {
    color: var(--nuance-de-gris-gris1);
    font-size: 10px;
    margin-top: 0.25rem;
}
.view-documents .views-row {
    padding: 0;
    height: 170.125px;
}
.view-documents .view-content {
    display: flex;
    gap: 4rem;
    flex-wrap: wrap;
}
.view-header {margin: 3rem 0;}

.field {position: relative;}

.error-background, .error-overlay {
	font-family: 'IBM Plex Mono', monospace;
	display: flex;
	flex-direction: column;
}
.error-background {
	width: 100%;
	height: 100vh;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.error-overlay {
	background: rgba(var(--menu), 85%);
	color: var(--nuance-de-gris-gris8);
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.error-overlay > hr {
	border-top: 1px solid rgba(255,255,255,10%) !important;
	width: 100%;
}
.error-overlay > hr:nth-child(4) {
	margin-top: 5px;	
}
.error-overlay > a {
	background: unset;
	margin-top: 4rem;
	color: var(--nuance-de-gris-gris8) !important;
	text-decoration: none;
}
.error-overlay > a::before {
	content: "\f177";
	font-family: 'FontAwesome';
	padding-right: .5rem;
}
.path-user .control-label,
.path-admin .control-label {
	color: var(--nuance-de-gris-gris1);
	width: 100%;
}
.path-admin .form-item > .input-group,
.path-admin form > div:not(#filters) > .form-item > .select-wrapper,
.path-admin #filters > .form-item > .select-wrapper,
.path-admin .js-form-file {
	width: 100%;
}
.path-admin .form-item select, 
#filters .select-wrapper {
	width: 100% !important;
}
.path-admin form > h3 + p {display: none;}
.path-admin form > h3 + p + hr {
	border-color: var(--nuance-de-gris-gris5);
	margin: 0 !important;
}
.path-admin .form-item legend {
	width: fit-content;
	margin-bottom: 0 !important;
	font-size: .95rem !important;line-height: 1.25rem;
	color: var(--nuance-de-gris-gris1);
	border: 0px !important;
	font-weight: 900;
}
.path-admin #userstoryform select {
	float: unset;
	position: relative;
	margin-top: 0;
	margin-left: 0;
}
#infoTab > * > * {width: 100% !important;}
.tabs--secondary.pagination li a {width: fit-content;height: unset;line-height: normal !important;padding: 5px 10px !important;} 
table a {text-decoration: none;}
.table > thead > tr > th,
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	vertical-align: middle;
	display: table-cell;
}
table {
	width: 100%;
}
table#edit-table > tbody > tr > td > span, table#edit-table > tbody > tr > td > a, table#edit-table > tbody > tr > td > input {
    color: var(--nuance-de-gris-gris3) !important;
}
table#edit-table > tbody > tr > td > input.label[value="Supprimer"] {
    color: white !important;
}
thead th {
	padding: 17.5px 12px !important;
	background: var(--nuance-de-gris-gris7);
	color: var(--nuance-de-gris-gris3);
	border: 0 !important;
	box-shadow: inset 0px -1px 0px #E5E5E5;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 110%;
	height: unset;
}
thead th:first-child,
tbody td:first-child {
	padding-left: 24px !important;
}
thead th:last-child,
tbody td:last-child {
	padding-right: 24px !important;
}
tbody tr {
	background: var(--nuance-de-gris-gris8) !important;
    box-shadow: inset 0px -1px 0px #E5E5E5;
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris3);
}
tbody tr:hover {
	background: rgb(var(--nuance-de-gris-gris7-rgb),.5) !important;
}
tbody td {
	padding: 12px 12px !important;
}
.form--inline .form-item, .form-item-action, .form-item-action + .form-actions {
    float: left;
    margin-right: 10px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
.form-item-action > .control-label {display: none;}
.form-inline .control-label {
    display: table;
    margin: 0 0 0.1em;
    padding: 0;
    font-weight: bold;
}
.form--inline .form-actions {
    clear: left;
    display: block;
}
.form-actions {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
.view-plan-du-site .item-list {
	margin: 64px 0;
}
.view-plan-du-site .item-list > ul {
	padding: 0;
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 64px;
	position: relative;
}
.view-plan-du-site .item-list > ul > li {
	width: 347px;
	display: block;
	float: left;
	position: relative;
}
.view-plan-du-site .item-list > ul > li::before {
	font-family: var(--icons-font);
	content: "\e859";
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	color: var(--marque-primaire);
	font-size: 8px;
	transform: translateY(50%);
}
.view-plan-du-site .item-list > ul > li a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.path-user:not(.user-logged-in) .region.region-content,
.path-contact .region.region-content {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	flex-direction: column;
}
form#user-login-form {
    position: relative;
    border-bottom: 1px solid var(--nuance-de-gris-gris3);
    padding-bottom: 48px;
}
form#user-login-form::after {
    content: "- OU -";
    position: absolute;
    display: block;
    transform: translate(-50%, 50%);
    background: var(--nuance-de-gris-gris8) !important;
    color: var(--nuance-de-gris-gris3);
    bottom: 0;
    left: 50%;
    padding: 0 16px;
}
form#user-login-form #edit-actions,
form#user-register-form #edit-actions,
form#user-pass #edit-actions,
form#contact-message-feedback-form {
	margin-bottom: 0 !important;
	margin-top: 3rem !important;
}
form#user-login-form #edit-actions > button#edit-submit,
form#user-register-form #edit-actions > button#edit-submit,
form#user-pass #edit-actions > button#edit-submit,
button#edit-openid-connect-client-keycloak-login,
form#contact-message-feedback-form {
	width:100%;
}
.fc-view tbody > tr:hover {background: transparent !important;}
.fc-body > tr > td,
td.fc-widget-content {padding: 0 !important;}
.fc-content-skeleton thead > tr,
.fc-bg tbody > tr{
 				   
	box-shadow: unset !important;
}
.fc-content-skeleton,
.fc-content-skeleton > table {
	height: 100%;
}
.fc-button-primary,
.fc-today-button, 
.fc-today-button:disabled {
	background-color: var(--marque-primaire);
	border: 2px solid var(--marque-primaire);
	border-radius: 0;
	padding: 8px 16px;
	color: var(--nuance-de-gris-gris8);
	font-size: 13px;
	font-weight: 700;
	opacity: 1;
}
.fc-button-group>.fc-button {
	border-radius: 0 !important;
}
.fc-button-group>.fc-button:not(:last-child) {
	margin-right: 8px;
}
.fc-button-primary:hover,
.fc-button-primary:active,
.fc-button-primary.fc-button-active,
.fc-button-primary:focus,
.fc-today-button:hover, 
.fc-today-button:active,
.fc-today-button.fc-button-active, 
.fc-today-button:focus, 
.fc-today-button:disabled:hover,  
.fc-today-button:disabled:active,
.fc-today-button:disabled.fc-button-active, 
.fc-today-button:disabled:focus {
	background-color: transparent !important;
	border-color: var(--marque-primaire) !important;
	color: var(--marque-primaire) !important;
	font-size: 13px;
	outline: none !important;
	box-shadow: none !important;
}
.fc-toolbar.fc-header-toolbar {
	flex-wrap: wrap;
	margin: 0 !important;
}
.fc-toolbar.fc-header-toolbar .fc-center h2 {
	text-transform: capitalize;
	font-size: 20px !important;
	text-align: center;
	margin: .5rem 0 !important;
	color: var(--nuance-de-gris-gris1) !important;
}
.fc-unthemed .fc-content, 
.fc-unthemed .fc-divider, 
.fc-unthemed .fc-list-heading td, 
.fc-unthemed .fc-list-view, 
.fc-unthemed .fc-popover, 
.fc-unthemed .fc-row, 
.fc-unthemed tbody, 
.fc-unthemed td, 
.fc-unthemed th, 
.fc-unthemed thead {
	border-color: transparent !important;
	color: var(--nuance-de-gris-gris1);
}
.fc-scroller.fc-day-grid-container {
	height: auto !important;
	overflow: hidden !important;
}
.fc-day-header.fc-widget-header {
	font-weight: unset !important;
}
.fc-row.fc-widget-header {
	border-right-width: 0px !important;
	margin-right: 0px !important;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
	float: unset;
	display: block;
}
.fc .fc-row .fc-content-skeleton td {
	text-align: center;
}
.fc .fc-row .fc-content-skeleton td a {
	margin: 0;
	margin-bottom: 1px;
	padding: 0 5px;
	background-color: var(--nuance-de-gris-gris7) !important;
}
.fc-unthemed td.fc-today {
	background: transparent !important;
	font-weight: 900;
	position: relative;
}
.fc-unthemed td.fc-today .fc-day-number::after {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 8px;
    display: block;
    color: var(--marque-primaire);
    margin-top: -2.5px;
    margin-bottom: 1.5px;
}
.fc-event {
	border: transparent !important;
	border-radius: 0px !important;
}
.fc-unthemed .fc-row:not(.fc-widget-header) {
	/* margin-bottom: 1rem !important; */
	/* height: auto !important; */
	overflow: unset;
}
.fc-day-top.fc-other-month {
	opacity: .5;
}
.field--name-field-graphiques {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.field--name-field-graphiques > .field--item:not(:nth-child(1)) .field--name-field-titre-de-la-section {
	margin-top: 3rem;
}
.field--name-field-graphiques .field--name-field-titre-de-la-section {
	font-size: 24px;
	font-weight: bold;
	font-family: var(--en-tete-font);
}
.field--name-field-graphique-1-1 {
	width: 100%;
}
.field--name-field-graphique-1-1,
.field--name-field-graphique-1-2, .field--name-field-graphique-2-2,
.field--name-field-graphique-1-3, .field--name-field-graphique-2-3, .field--name-field-graphique-3-3 {
	border: 1px solid var(--nuance-de-gris-gris6);
	padding: 16px;
}
.field--name-field-graphique-1-1 a[href*="/visualisation"],
.field--name-field-graphique-1-2 a[href*="/visualisation"], .field--name-field-graphique-2-2 a[href*="/visualisation"],
.field--name-field-graphique-1-3 a[href*="/visualisation"], .field--name-field-graphique-2-3 a[href*="/visualisation"], .field--name-field-graphique-3-3 a[href*="/visualisation"] {
	font-weight: bold;
}
.flourish-credit {display: none;}
.field--name-field-graphique-1-1 p,
.field--name-field-graphique-1-2 p, .field--name-field-graphique-2-2 p,
.field--name-field-graphique-1-3 p, .field--name-field-graphique-2-3 p, .field--name-field-graphique-3-3 p {
	margin-bottom: 6px !important;
}
.field--name-field-graphiques .d4cwidget-facet, .field--name-field-graphiques .d4cwidget-text-search {
	margin: 0 0 10px !important;
}
#filtreUpdate {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 15px;
    
}
#filtreUpdate .filter-container {
	display: flex;
	flex-direction: column;
  	padding-bottom: 31px;
}
#filtreUpdate .filter-container > select {
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    
}
#filtreUpdate .filter-container > select:focus {
    border: 2px solid var(--marque-primaire);
}
.field--name-field-graphiques {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	margin-bottom: 5rem;
}
.field--name-field-1-graphique {
	width: 100%;
}
.field--name-field-1-graphique:not([id^="edit"]),
.field--name-field-graphique-1-2:not([id^="edit"]), .field--name-field-graphique-2-2:not([id^="edit"]),
.field--name-field-graphique-1-3:not([id^="edit"]), .field--name-field-graphique-2-3:not([id^="edit"]), .field--name-field-graphique-3-3:not([id^="edit"]),
.paragraph--type--graphique-avec-filtre:not([id^="edit"]) {
	border: 1px solid #ccc;
	padding: 1.5rem;
}
.field--name-field-graphiques .field--name-field-titre-section-graphiques:not([id^="edit"]) {
	font-size: 24px;
	font-weight: bold;
	font-family: var(--en-tete-font);
}
.field--name-field-graphiques > .field--item:not(:nth-child(1)) .field--name-field-titre-section-graphiques:not([id^="edit"]) {
	margin-top: 3rem;
}
article.indicateur {
	display: flex;
    flex-direction: column;
}
.page-node-type-indicateur .field--name-body {margin-bottom: 3rem;order: -3;}
.page-node-type-indicateur #dataset-list {
    display: flex;
    flex-direction: column;
	margin-top: 3rem;
	align-items: flex-start;
}
.page-node-type-indicateur #dataset-list > a {
    counter-increment: section;
}
.page-node-type-indicateur #dataset-list > a::before {
    content: counters(section, ".", decimal-leading-zero) ". ";
}
.page-node-type-indicateur #dataset-list > a::after {
    content: "\f14c";
    font-family: "FontAwesome";
    padding-left: 10px;
}
tr.paragraph-type--filtres-sur-indicateur > td.field-multiple-drag {
	display: none;
}
tr.paragraph-type--filtres-sur-indicateur > td:nth-child(2) {
	padding: 0 10px;
}
.field--name-field-filtres-sur-tableau-de-bor:not([id^="edit-field"]) {
	visibility: hidden;
	height: 0;
}
.paragraph--type--graphique-avec-filtre > .field--name-field-facettes {
	visibility: hidden;
	height: 0;
}
.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context {
	display: grid;
	width: 100%;
}
.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context > d4c-facets {
	grid-area: filter;
	overflow: auto;
}
.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context > .d4cwidget.d4cwidget-charts,
.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context > d4c-map {
	grid-area: chart;
}
.dataset-h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 16px !important;
    line-height: 120% !important;
    font-family: var(--en-tete-font) !important;
    color: var(--nuance-de-gris-gris1) !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dataset:hover .dataset-h2 {
	color: var(--marque-primaire) !important;
}
.dataset-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#main.widget-opendata .dataset .inner {
	padding: 0 !important;
}
#main.widget-opendata .dataset ul:not(:last-child) {
    margin-bottom: 8px !important;
}
#main.widget-opendata .dataset li {
    display: inline-block;
}
div[role="main"] #main.widget-opendata, .main--dataset {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	position: relative;
	padding-top: 0 !important;
	margin: 0 auto;
	overflow: unset !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets {
	display: flex;
	flex-wrap: wrap;
	min-width: 100%;
	gap: 32px;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div {
	margin: 0 !important;
	border: 0;
	align-self: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	width: 100%;
	margin-left: 0;
	width: 235px;
	min-height: 295px;
	background: var(--nuance-de-gris-gris7) !important;
	padding: 16px !important;
	flex-direction: column;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div:hover {
	background: var(--nuance-de-gris-gris6) !important;	
}
#main.widget-opendata #datasets .dataset:hover {
    box-shadow: unset;
    border-left: 0;
    padding-left: 0;
    border: 0 !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 16px;
	padding: 16px 0 0 0 !important;
	border-top: 1px solid var(--nuance-de-gris-gris6);
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	gap: 8px 16px;
}
#main.widget-opendata #datasets .dataset .box_2 p {
	margin: 0 !important;
    font-size: 11px;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > a {
	height: 100%;
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > a >span {
	    order: 91;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    color: #fff;
    vertical-align: baseline;
    border-radius: 0.25em;
    background: var(--marque-primaire);
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	height: 100%;
	background: transparent;
	cursor: pointer;
	-webkit-transition: all .25s ease-out , outline 0s , outline-offset 0s;
	transition: all .25s ease-out , outline 0s , outline-offset 0s;
	z-index: 99 !important;
	width: 100%;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > .inner {
	margin-right: 3rem;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > a > div:nth-child(1) {
	flex-direction: column !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div:nth-child(1) {
	flex-direction: row-reverse !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets > div > .box_1 > div > .box_4 {
	margin-right: 3rem !important;
	word-break: break-word;
}
#main.widget-opendata #datasets .dataset .box_1 .portail-theme {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-start;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--nuance-de-gris-gris5);
    height: 45px;
}
#main.widget-opendata #datasets .dataset .box_1 .portail-theme > * {
	margin: 0 !important;
	height: 24px !important;
	width: 24px !i;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 > div > .box_4 > .inner {
	padding: 0 !important;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 > div > .box_4 > .inner .dataset-h2 a {
	color: rgb(var(--texte)) !important;
}
div[role="main"] #main.widget-opendata #datasets a:hover {
	background: unset;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 > div > .box_4 > .inner .dataset-h2 {
	font-size: 12px;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 > .inner p {
	margin-right: 0 !important;
	margin-top: 10px;
	margin-bottom: 0;
	z-index: 99;
	font-size: 11px;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos ul:nth-child(1) .titre {
	display: none;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos #nomOrga {
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris3);
	position: absolute;
	top: 84px;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos {
	margin-bottom: 0 !important;
	margin-top: auto !important;
	display: block;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos ul:nth-child(2) {
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
}
#main .box_2 p > a {
    color: var(--nuance-de-gris-gris4) !important;
    font-size: 11px !important;
    text-decoration: none !important;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos ul:nth-child(2) .info,
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos ul:nth-child(2) .titre {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris4) !important;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 .infos ul:nth-child(2) .titre {
	margin-right: 8px;
}
div[role="main"] #main.widget-opendata #datasets > div > .box_1 > a > .infos > ul.jetons {
	display: none;
}
div[role="main"] #main.widget-opendata > #filter {
	display: flex;
	flex-direction: column;
	padding: 0;
	position: sticky;
	top: 170px;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat {
	order: -2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 !important;
	margin-bottom: 0 !important;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li {
	border: unset;
	padding: 4px 8px;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 130%;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--marque-primaire);
	background: rgb(var(--marque-primaire-light-rgb), .3);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li > span {
	display: none;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-cat > li:hover {
	background-color: rgb(var(--marque-primaire-light-rgb), 1);
}
div[role="main"] #main.widget-opendata > #filter > h2:nth-child(6) {
	order: -1;
	margin-top: 24px !important;
	background-color: transparent !important;
	color: var(--nuance-de-gris-gris1) !important;
	padding: 0 !important;
	font-style: normal !important;
	font-weight: 900 !important;
	font-size: 24px !important;
	line-height: 120% !important;
	font-family: var(--en-tete-font);
}
div[role="main"] #main.widget-opendata > #filter > #search-form {
	order: -1;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 16px;
}
div[role="main"] #main.widget-opendata > #filter > .ng-scope.d4c-portail-map {
	order: 0;
	margin-bottom: 16px;
}
div[role="main"] #main.widget-opendata #filter > .ng-scope.d4c-portail-map .d4cwidget-map:not(.d4cwidget-map--fullscreen), 
div[role="main"] #main.widget-opendata #filter > .ng-scope.d4c-portail-map .d4cwidget-map:not(.d4cwidget-map--fullscreen) .d4cwidget-map__map {
    height: 238px !important;
    min-height: 100px !important;
}
div[role="main"] #main.widget-opendata > #filter > .ng-scope.d4c-portail-map > d4c-dataset-context > div.row > div,
div[role="main"] #main.widget-opendata > #filter > .ng-scope.d4c-portail-map > div.row > div {
	width: 100% !important;
	padding: 0 !important;
}
div[role="main"] #main.widget-opendata > #filter > ul.list-group > li,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category {
	position: relative;
	max-width: 100%;
	margin: 0;
	border-left: 0;
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--nuance-de-gris-gris2);
	font-size: 12px;
	line-height: 120%;
	cursor: pointer;
	-webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
	transition: all .25s ease-out, outline 0s, outline-offset 0s;
	word-break: break-word;
	padding: 4px 8px;
	align-content: center;
	justify-content: flex-start;
}
#main.widget-opendata .list-group {
	max-height: 88px !important;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li,
div[role="main"] #main.widget-opendata > #filter > ul#list-theme > li,
div[role="main"] #main.widget-opendata > #filter > ul#list-tag > li,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category,
.field--name-field-graphiques .d4cwidget-facet__category {
	padding: 4px 8px 4px 24px;
	text-decoration: none;
	background: unset;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	border: none !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters d4cwidget-facet__category-name {
	padding: 4px 16px 4px 28px !important;
}
.d4cwidget-facet__expansion-control-link {font-size: 11px;text-decoration: none !important;}
.d4cwidget-facet__category-name {margin-right: .5rem;float: left;}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li::before,
div[role="main"] #main.widget-opendata > #filter > ul#list-theme > li::before,
div[role="main"] #main.widget-opendata > #filter > ul#list-tag > li::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category::before,
.field--name-field-graphiques .d4cwidget-facet__category::before {
	content: "" !important;
	font-family: var(--icons-font);
	left: 8px !important;
	position: absolute !important;
	display: block;
	width: 12px;
	height: 12px;
	top: 4px !important;
	font-size: 16px;
	text-align: center;
	line-height: 10px;
	font-weight: 600;
	border-radius: 0.125rem;
	border: 0.125rem solid var(--nuance-de-gris-gris4);
	background: transparent;
	color: var(--marque-primaire);
	-webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
	transition: all .25s ease-out, outline 0s, outline-offset 0s;
}
div[role="main"] #main.widget-opendata > #filter > ul.list-group > li > span.number_element,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count,
.field--name-field-graphiques .d4cwidget-facet__category .d4cwidget-facet__category-count {
    float: unset;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 3px !important;
    color: var(--nuance-de-gris-gris4);
    font-size: 12px;
    line-height: 120%;
}
.field--name-field-graphiques .d4cwidget-facet__category .d4cwidget-facet__category-name {
	margin: 0 !important;
	line-height: 17.1429px;
	font-size: 12px;
}
div[role="main"] #main.widget-opendata > #filter > ul.list-group > li > span.number_element::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count::before,
.field--name-field-graphiques .d4cwidget-facet__category .d4cwidget-facet__category-count::before {
	content: "(";
}
div[role="main"] #main.widget-opendata > #filter > ul.list-group > li > span.number_element::after,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count::after,
.field--name-field-graphiques .d4cwidget-facet__category .d4cwidget-facet__category-count::after {
	content: ")";
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li:hover,
div[role="main"] #main.widget-opendata > #filter > ul#list-theme > li:hover,
div[role="main"] #main.widget-opendata > #filter > ul#list-tag > li:hover,
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:hover,
.field--name-field-graphiques .d4cwidget-facet__category:hover {
	color: var(--marque-primaire);
	background-color: rgb(var(--marque-primaire-light-rgb),.3);
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li:hover::before,
div[role="main"] #main.widget-opendata > #filter > ul#list-theme > li:hover::before,
div[role="main"] #main.widget-opendata > #filter > ul#list-tag > li:hover::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:hover::before,
.field--name-field-graphiques .d4cwidget-facet__category:hover::before {
	border-color: var(--marque-primaire);
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li > i {
	display: none;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li::before {
	font-family: var(--icons-font);
	margin-right: 4px;
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="custom_view"]::before,
#main .box_2 p > a[href^="/visualisation/"]::before {
	content: '\ec21';
}
#main .box_2 p > a[href^="/visualisation/table"]::before {
	content: '\eabc';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="analyze"]::before,
#main .box_2 p > a[href^="/visualisation/analyze"]::before {
	content: '\e8c6';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="geo"]::before,
#main .box_2 p > a[href^="/visualisation/map"]::before {
	content: '\e9aa';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="wordcloud"]::before,
#main .box_2 p > a[href^="/visualisation/wordcloud"]::before {
	content: '\ea76';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="calendar"]::before,
#main .box_2 p > a[href^="/visualisation/calendar"]::before {
	content: '\e8db';
}
#main .box_2 p > a[href^="/visualisation/export"]::before {
	content: '\eb36';
}
#main .box_2 p > a[href^="/visualisation/api"]::before {
	content: '\e980';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="timeline"]::before,
#main .box_2 p > a[href^="/visualisation/timeline"]::before {
	content: '\e920';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-visu > li[data-visu="image"]::before,
#main .box_2 p > a[href^="/visualisation/images"]::before {
	content: '\ea54';
}
div[role="main"] #main.widget-opendata > #filter > ul#list-producteur > li.selected::before,
div[role="main"] #main.widget-opendata > #filter > ul#list-theme > li.selected::before,
div[role="main"] #main.widget-opendata > #filter > ul#list-tag > li.selected::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined::before,
.field--name-field-graphiques .d4cwidget-facet__category--refined::before {
	content: "\e9c3" !important;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters {
	margin-bottom: 16px;
	order: -3;
}
div[role="main"] #main.widget-opendata .col-md-10 {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 100%;
}
div[role="main"] #main.widget-opendata #filter h1 {
    margin: 0 !important;
    background-color: transparent !important;
    padding: 0 0 24px !important;
    color: var(--nuance-de-gris-gris2) !important;
    font-family: var(--en-tete-font);
    border-radius: 0;
    z-index: 99;
    order: -5;
    font-style: normal;
    font-weight: 900;
    font-size: 30px !important;
    line-height: 120%;
}
div[role="main"] #main.widget-opendata #filter .form-group {
    margin: 0 0 16px;
    text-align: left;
    z-index: 99;
    padding-right: 0;
    order: -4;
}
.form-control, .d4cwidget-text-search__search-box {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-position-y: 50%;
	background-size: 27px;
	cursor: pointer !important;
	border: 1px solid var(--nuance-de-gris-gris5) !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 10px 32px 10px 16px !important;
	height: unset !important;
	font-size: 13px !important;
	line-height: 16px !important;
}
select.form-control {
	background-image: url("/sites/default/files/inline-images/angle-down.svg") !important;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > h2 > span#reset-filters {
	color: rgb(var(--texte)) !important;
	text-transform: initial;
	position: unset;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > ul > li {
	background-color: rgb(var(--marque-primaire-light-rgb),.3) !important;
	color: var(--marque-primaire);
	border: unset !important;
	padding: 4px 8px;
	border-radius: 4px;
	position: relative;
	word-break: break-all;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 130%;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0;
}
div[role="main"] #main.widget-opendata > #filter > #actif-filters > ul > li > span {top: 2px;}
.d4c-tabs__tabs, .tabs--primary, .nav-tabs {
	border-bottom: 1px solid rgb(var(--texte)) !important;
	font-size: 14px;
}
h1.d4c-dataset-visualization__dataset-title {
	margin: 0 0 48px;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4cwidget-social-buttons {
	order: 2;
	margin: 0;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 > div:not(.d4c-button):not(.d4cwidget-social-buttons) {
	order: 3;
	margin-top: 50px;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4c-button > i {display: none}
.d4c-app-explore-dataset .d4c-filters__no-filters {
	font-size: 11.2px;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 > span {
	order: 4;
	text-align: left;
	margin-top: 50px;
	font-size: 48px;
	padding-left: 8px;
}
main.main--dataset .d4c-app-explore-dataset {
    position: relative;
    padding: 0 !important;
}
main.main--dataset .d4c-dataset-visualization__header {
    width: 100%;
    display: block;
}
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters {
    width: 100%;
    order: 4 !important;
    margin-top: 0.795rem;
    min-height: 2.5rem;
}
.d4cwidget-filter-summary {
	margin: 0;
	display: flex;
	background-color: rgb(var(--blanc));
	gap:  1rem;
	padding: 0 1rem;
}
.d4cwidget-filter-summary__active-filter-link {
	border: 0;
	padding: 0;
	text-decoration: none !important;
}
.d4cwidget-filter-summary__active-filter-link:hover {
	background: unset !important;
	color: rgb(var(--lien));
}
.d4cwidget-filter-summary__active-filter-label {
	background-color: rgba(var(--bouton),25%);
	font-size: 11.2px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-resources-choices, 
main.main--dataset .d4c-app-explore-dataset .d4c-search-filters, 
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
    display: flex;
    align-items: center;
    float: right;
    white-space: nowrap;
}
main.main--dataset .d4c-app-explore-dataset .d4c-resources-choices {
	margin-right: 16px !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-resources-choices p {
	margin-bottom: 0 !important;
	margin-right: 8px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-search-filters div {
    margin: 0;
}
.d4cwidget-text-search__form {
    position: relative;
}
main.main--dataset .d4c-app-explore-dataset .d4c-search-filters .d4cwidget.d4cwidget-text-search.ng-isolate-scope input:focus {
	border-color: #66afe9;	
	outline: none;
} 
#main .input-group .btn-filter {
    color: var(--marque-primaire) !important;
    background: 0 0 !important;
    border: none !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    bottom: 0;
    line-height: 1;
    font-size: 14px;
    right: 13px;
    display: unset;
    margin: 0 !important;
}
.d4cwidget-text-search__submit {
	color: var(--marque-primaire) !important;
	background: 0 0 !important;
	border: none !important;
	padding: 0 !important;
	position: absolute !important;
	top: 0;
	bottom: 0;
	line-height: 1;
	font-size: 14px;
	right: 5px;
	display: unset;
	margin: 0 !important;
}
#main .input-group .form-control,
#main .input-group {
	width: 100% !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary, 
main.main--dataset .d4c-app-explore-dataset .d4c-filters {
    order: 3 !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
    max-width: 28.75rem;
    height: 38px;
    padding: 0;
    border: 0;
    background: none;
    z-index: 51;
    display: block;
    left: auto;
    width: 220.5px;
    margin: 0;
    -webkit-transform: none;
    transform: none;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__count {
    display: none;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0 !important;
    border: 0;
    background: none;
    color: transparent;
    text-decoration: none;
    background: unset;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle::before {
    content: "Filtrer";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 38px;
    height: 38px;
    text-align: center;
    background: transparent;
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out, outline 0s, outline-offset 0s;
    transition: all .25s ease-out, outline 0s, outline-offset 0s;
}
.d4c-filters__count, 
.d4c-filters__export-catalog-title, 
.d4c-filters__filters, 
.d4c-filters__filters-summary {
	font-size: 1rem !important;
	margin: 0 !important;
}
.d4cwidget-text-search__reset {
	margin-right: 10px;
	color: rgb(var(--bouton));
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary:hover .d4c-filters-summary__toggle::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary:focus-within .d4c-filters-summary__toggle::before {
    background: rgb(var(--bouton));
    color: rgb(var(--blanc));
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2.d4c-filters__count, 
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters {
    margin: 24px 0 0 !important;
    padding: 0;
    font-size: 13px !important;
    color: var(--nuance-de-gris-gris1) !important;
    background: none;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2:not(.d4c-filters__count), 
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__facets .d4c-filters__count, 
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records .third h2 {
    height: 35px;
    line-height: 35px;
    margin: 0.875rem 0 0 !important;
    padding: 0;
    border-radius: 0;
    background-color: transparent !important;
    color: var(--nuance-de-gris-gris1) !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: var(--en-tete-font) !important;
    font-weight: normal !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters d4c-facets {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters d4c-facets .d4cwidget-facet {
	width: 100%;
	margin: 8px 0 !important;
}
div[role="main"] #main.widget-opendata > #filter > h2 {
	order: -2;
}
div[role="main"] #main.widget-opendata #filter h3, 
div[role="main"] #main.widget-opendata #filter label[for="sel1"], 
main.main--dataset .d4c-app-explore-dataset .d4c-filters h3, 
.d4c-dataset-selection__overlay .d4cwidget-facet__facet-title,
div[role="main"] #main.widget-opendata > #filter > h2,
div[role="main"] #main.widget-opendata > #filter #actif-filters h2 {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 110% !important;
    color: var(--nuance-de-gris-gris1) !important;
    font-family: var(--en-tete-font);
    margin: 0 0 4px;
}
#main.widget-opendata #filter h2 {
	background: transparent !important;
	padding: 0 !important;
}
#main.widget-opendata #filter .list-group {
    margin-bottom: 16px !important;
}
.d4cwidget-facet__category-list {
    padding: 0;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters h2.d4c-filters__count {
    display: block;
    font-weight: 300 !important;
}
.d4c-button, .d4c-page-legacy .btn, .d4c-pictopicker__popup__validation a {
    cursor: pointer;
    font-size: 14px;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4c-button {
	order: 1;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 16px 24px !important;
	background: var(--marque-primaire) !important;
	color: var(--nuance-de-gris-gris8);
	-webkit-transition: all .55s ease-in-out;
	text-decoration: none !important;
	margin: 0 !important;
	font-style: normal;
	font-weight: 700;
	font-size: 11px !important;
	line-height: 18px;
	width: 30rem;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4c-button::before, #abo_prevpage > a::before {
	content: "\ebb4";
	font-family: var(--icons-font);
	padding-right: 4px;
	right: 0;
	position: relative;
	font-size: 15px;
	line-height: 18px;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4c-button::before, #abo_prevpage > a::before {
	-webkit-transition: all 1s ease-in-out;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4c-button:hover::before, #abo_prevpage > a:hover::before {
	-webkit-animation: to-left 1s 1;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 .d4c-button:hover {
	background: var(--marque-primaire-dark-1) !important;
    color: var(--nuance-de-gris-gris8) !important;
    outline: none;
}
.d4c-button.d4c-form__addon, .d4c-chart-controls__add-chart-button {
	background: var(--marque-secondaire) !important;
	color: var(--nuance-de-gris-gris8) !important;
	border: 0 !important;
}
#btn-edit-data, #btn-configure-dataset, .d4c-button--primary, .d4c-button:not(.d4c-chart-controls__add-chart-button, .d4c-form__addon), .d4cwidget-social-buttons__button {
	border: 0 !important;
	border-radius: 0 !important;
	padding: 16px 24px !important;
	background: var(--marque-primaire) !important;
	color: var(--nuance-de-gris-gris8) !important;
	-webkit-transition: all .55s ease-in-out;
	text-decoration: none !important;
	margin: 0 !important;
	font-style: normal;
	font-weight: 700;
	font-size: 16px !important;
	line-height: 18px;
	display: flex;
	align-items: center;
	height: unset !important;
	justify-content: center;
}
#btn-edit-data:focus, #btn-edit-data:hover,  
#btn-configure-dataset:focus, #btn-configure-dataset:hover,
.d4c-button--primary:focus, .d4c-button--primary:hover,
.d4c-button:focus, .d4c-button:hover,
.d4cwidget-social-buttons__button:hover, .d4cwidget-social-buttons__button:focus{
	background: var(--marque-primaire-dark-1) !important;
    color: var(--nuance-de-gris-gris8) !important;
    outline: none;
}
#btn-edit-data, #btn-configure-dataset  {
	width: fit-content;
}
#btn-edit-data > img, #btn-configure-dataset > img {
	height: 24px;
	margin-right: 8px;
	filter: brightness(0) saturate(100%) invert(95%) sepia(97%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%);
}
.d4c-button.d4c-form__addon:focus, .d4c-button.d4c-form__addon:hover,
.d4c-chart-controls__add-chart-button:focus, .d4c-chart-controls__add-chart-button:hover {
	background: var(--marque-secondaire-dark) !important;
	color: var(--nuance-de-gris-gris8) !important;
}
.d4c-button--primary:disabled, .d4c-button--primary[disabled],
.d4c-button:disabled, .d4c-button[disabled],
.d4cwidget-social-buttons__button:disabled, .d4cwidget-social-buttons__button[disabled] {
	color: var(--nuance-de-gris-gris3) !important;
	background-color: var(--nuance-de-gris-gris5) !important;
    border: 0;
}
a.d4c-button.d4c-filters-summary__toggle i {
	line-height: 38px;
	font-size: 18px;
	display: block;
	position: absolute;
    right: 1.2rem;
    top: 0;
}
main.main--dataset .d4c-app-explore-dataset .d4c-search-filters {
    order: 2 !important;
    margin-right: 16px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters {
    height: auto;
    position: absolute;
    top: 206px;
    right: 0;
    display: block;
    width: 220.5px;
    max-height: 0;
    transition: max-height 1s;
    z-index: 50;
    overflow: auto;
    max-width: 28.75rem;
    padding: 31px 8px 8px;
    border-radius: 0;
    background: var(--nuance-de-gris-gris8);
    margin: 0 !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-open {
    opacity: 1 !important;
    max-height: 400px;
    box-shadow: 0px 4px 15px rgba(201, 194, 194, 0.2);
	border: 1px solid var(--nuance-de-gris-gris6);
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters .closed {
	display: none;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization {
    width: 100%;
    margin: 1.195rem auto;
    order: 5;
}
.d4c-app-explore-dataset .d4c-dataset-visualization:not(.d4c-dataset-visualization--full-width) {
	width: 100%;
}
main.main--dataset {
	background: rgb(var(--blanc));
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane {
    padding: 0 !important;
    border: 0;
    box-shadow: none;
    background: transparent;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .badge {
	background: rgb(var(--marque-primaire-light-rgb),.3);
	border-radius: 4px;
	color: var(--marque-primaire);
	padding: 4px 8px !important;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: 130%;
	letter-spacing: 0.06em;
	text-transform: uppercase !important;
	margin-bottom: 0 !important;
}
.d4c-dataset-visualization__schema {
	border-left: 0;
	width: calc(50% - 8px);
	padding: 0;
	float: left;
	clear: both;
	margin: 0 !important;
}
.d4c-dataset-subscription {
	width: calc(50% - 8px);
	float: left;
	margin: 0;
}
.d4c-dataset-subscription__button {
	width: 100%;
}
.d4c-dataset-visualization__toggle-schema {
	font-size: 16px !important;
}
.d4c-collapsible__above-fold {
    cursor: pointer;
    color: var(--nuance-de-gris-gris8);
    background: var(--marque-primaire);
    padding: 16px 24px !important;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 !important;
}
.d4c-collapsible__above-fold::after {
    content: "\ebe9";
    font-family: var(--icons-font);
    font-size: 25px;
    line-height: 16px;
}
.d4c-collapsible__above-fold.d4c-collapsible__above-fold--expanded::after {
	transform: rotate(180deg);
}
.d4c-collapsible__above-fold:hover, .d4c-collapsible__above-fold.d4c-collapsible__above-fold--expanded {
	background: var(--marque-primaire-dark-1);
}
.d4c-collapsible__help-text {
	display: none;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema {
	margin: 8px 0 32px !important;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field {
	padding: 16px 16px 8px 16px;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field:not(:last-child) {
	margin-bottom: 8px !important;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field:nth-child(odd) {
	background-color: rgb(var(--marque-primaire-light-rgb),.5);
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field:nth-child(even) {
	background-color: rgb(var(--marque-primaire-light-rgb),.2);
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field-label {
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	color: var(--nuance-de-gris-gris1);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field-properties {
	margin: 16px 0 0 !important;
	width: 100% !important;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field-properties-key {
	padding: 0 16px 8px 0 !important;
	border: 0 !important;
	color: var(--nuance-de-gris-gris1);
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 100%;
	height: auto;
	vertical-align: middle;
}
.d4c-collapsible__fold .d4cwidget-dataset-schema__field-properties-value {
	padding: 0 0 8px  !important;
	margin: 0 !important;
	font-size: 13px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris3);
	vertical-align: middle;
}
.d4cwidget-dataset-schema__field-name-value, 
.d4cwidget-dataset-schema__field-type-value,
.d4cwidget-dataset-schema__field-description {
	font-weight: normal;
	padding: 4px 8px;
	background-color: var(--nuance-de-gris-gris7);
	border-color: var(--nuance-de-gris-gris6);
	font-size: 13px;
	display: block;
}
.d4cwidget-dataset-schema__field-sample-value {
	font-weight: normal;  
	padding: 4px 8px;
	background-color: var(--nuance-de-gris-gris6);
	border-color: var(--nuance-de-gris-gris5);
	font-size: 13px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child div.row.ng-scope:nth-child(1) {
    width: 100%;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child div.row.ng-scope:nth-child(1) div[class^="col-"] {
    padding: 0;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child div.row.ng-scope:nth-child(1) div[class^="col-"]:not(:last-child,.download-item) {
    padding-right: 100px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 48px 16px;
}
div[d4c-bind-angular-content="ctx.dataset.extra_metas.visualization.custom_view_html"] {
	width: 100%;
}
.d4c-form__control {
	font-size: 13px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child d4c-map, 
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .records.records-table.d4cwidget.d4cwidget-table {
    height: unset !important;
    min-height: 500px;
    max-height: 510px;
    overflow: hidden;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4cwidget-map:not(.d4cwidget-map--fullscreen) > .d4cwidget-map__map {
	height: 500px !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child d4c-map, 
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .records-analyze.ng-scope, 
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .d4c-dataset-export, 
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child > h3, 
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .records.records-table.d4cwidget.d4cwidget-table,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .d4c-dataset-reuses,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child details,
.tab-content > .active {
    width: 100%;
    margin-top: 48px !important;
}
.tab-content > .tab-pane {
	display: block !important;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin: 0;
}
.tab-content > .active {
	height: auto;
	opacity: 1;
}
main.main--dataset .d4c-tabs__pane .d4c-embed-control {
    margin-top: 1.875rem;
}
main.main--dataset .d4c-dataset-reuses .d4c-collapsible {
	border: 0 !important;
	padding: 0 !important;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-above-fold > .d4c-collapsible__above-fold {
	background: transparent;
	color: var(--nuance-de-gris-gris1) !important;
	padding: 0 !important;
	margin-bottom: 16px !important;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuses-container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 56px;
	flex-direction: row-reverse;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuses-container > .d4c-dataset-reuses__list,
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuses-container > .d4c-collapsible {
	width: 50%;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse {
	margin: 0;
	background: transparent;
	border: 0;
	padding: 0;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse .d4c-dataset-reuses__reuse-title {
	font-size: 16px !important;
	text-align: left;
}

main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse .d4c-dataset-reuses__reuse-thumbnail {
	height: 100px !important;
	width: 150px !important;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse .d4c-dataset-reuses__reuse-thumbnail > a {
	height: 100px !important;
	width: 150px !important;
	display: block;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse .d4c-dataset-reuses__reuse-thumbnail-image {
	height: inherit !important;
	width: inherit !important;
	object-fit: cover;
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse .d4c-dataset-reuses__reuse-description {
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris3);
}
main.main--dataset .d4c-dataset-reuses> .d4c-collapsible > d4c-collapsible-fold .d4c-dataset-reuses__reuse .d4c-dataset-reuses__reuse-authoring-information {
	border: 0 !important;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris3);
	text-align: left;
}
main.main--dataset .d4c-dataset-reuses > .d4c-collapsible > d4c-collapsible-above-fold > .d4c-collapsible__above-fold::after {
	content: "";
}
main.main--dataset .d4c-dataset-reuses .d4c-dataset-reuses__new-reuse {
	margin: 0;
}
main.main--dataset .d4c-dataset-reuses .reuseForm {
	background: var(--nuance-de-gris-gris7);
	padding: 16px;
}
main.main--dataset .d4c-dataset-reuses .reuseForm .d4c-form__control {
	width: 100%;
    cursor: pointer !important;
    border: 1px solid var(--nuance-de-gris-gris5) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 10px 16px !important;
    height: unset !important;
    font-size: 13px !important;
    line-height: 16px !important;
}
.d4c-dataset-visualization .d4c-embed-control.ng-isolate-scope {
    width: 100%;
}
.tabs--primary {
	margin-bottom: 2rem;
}
.d4c-tabs__tabs > a:hover,
.d4c-tabs__tabs > a:focus,
.d4c-tabs__tabs > a.d4c-tabs__tab--active,
.tabs--primary > li > a:hover, 
.tabs--primary > li > a:focus, 
.tabs--primary > li.active > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a {
	border-bottom: 4px solid var(--marque-primaire) !important;
	background-color: transparent !important;
	color: var(--nuance-de-gris-gris1) !important;
	text-decoration: none !i;
	background: unset;
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
}
.d4c-tabs__tabs > a,
.tabs--primary > li > a,
.nav-tabs > li > a {
	border-bottom: 0 !important;
	border-radius: 0 !important;
	color: var(--nuance-de-gris-gris1) !important;
	background-color: transparent !important;
	line-height: 150%;
	padding: 24px !important;
	margin: 0 !important;
	text-decoration: none !important;
	border-left: 0 !important;
	border-top:  0 !important;
	border-right: 0 !important;
	border-bottom: 4px solid var(--marque-primaire-light) !important;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
}
.d4c-tabs__tabs > a > i {display: none;}
.d4c-tabs__tabs > a.d4c-tabs__tab.information::before {
	content: "\e9ad";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.table::before {
	content: "\eabc";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.map::before {
	content: "\e9aa";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.analyze::before {
	content: "\e8c6";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.export::before {
	content: "\eb36";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.api::before {
	content: "\e980";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.reuses::before {
	content: "\e985";
	font-family: var(--icons-font);
}
.d4c-tabs__tabs > a.d4c-tabs__tab.admin::before {
	content: "\e98e";
	font-family: var(--icons-font);
}
div[role="main"] .card-body > .row > .download-item {
	display: flex;
}
div[role="main"] .card-body > .row > .download-item .download-img {
	color: var(--nuance-de-gris-gris2);
}
div[role="main"] .card-body > .row > .download-item > .inline > .download-text {
	color: var(--nuance-de-gris-gris2);
}
div[role="main"] .card-body > .row > .download-item > .inline > a {
	text-decoration: none;
	background: unset;
	word-break: break-all;
}
div[role="main"] .card-body > .row > .download-item > .inline > a:hover {
	text-decoration: underline;
}
div[role="main"] .card-body > .row .btn {
	color: var(--nuance-de-gris-gris1) !important;
	text-decoration: none !important;
	background-color: var(--nuance-de-gris-gris8) !important;
	border: 2px solid var(--marque-primaire) !important;
	float: right;
	border-radius: 0;
	padding: 13px 24px !i;
}
div[role="main"] .card-body > .row .btn:hover {
	border-color: var(--marque-primaire-dark-1) !important;
	color: var(--marque-primaire-dark-1) !important;
}
.d4c-dataset-export-link__link::before {
	content: "\eb36";
	font-family: var(--icons-font)
}
.d4c-dataset-export-link__link {text-decoration: none !important;}
.d4c-dataset-export-link__link > i {display:none}
.d4c-dataset-export-link__explanations, .d4c-dataset-export-link__warning {font-size: 11px;line-height: 24px;}
.d4c-dataset-export-link__link:hover {text-decoration: underline !important;}
.d4c-dataset-export__format-choice, .d4c-dataset-export-link {display: flex;}
.d4c-dataset-export__format-choice {border-left: 0;padding: 8px 0;margin: 0;}
.d4c-dataset-export-link__format-name {
	min-width: 150px;
}
.d4c-dataset-export-link__format-name--alternative:nth-child(1) {
	width: 6rem !important; 
	max-width: 6rem !important;
}
.d4c-dataset-export-link__format-name--alternative:nth-child(2) {
	width: 40rem !important;
	max-width: 40rem !important;
}
.d4c-dataset-export-link__description {margin: 0}
.d4c-dataset-api-console .d4c-api-console .d4c-api-console-page__service-result,
.d4c-dataset-api-console .d4c-api-console .d4c-message-box.d4c-message-box--error {
	margin-left: 56px;
}
.d4c-api-console-page__service-url {
	word-break: break-all;
}
.d4c-dataset-api-console .d4c-form__group .d4c-form__label {
	text-align: right;
	margin-right: 16px;
	padding: 0;
	margin-bottom: 0;
	flex-basis: 100px;
}
.d4c-dataset-api-console .d4c-form__group--horizontal .d4c-form__control {
	padding: 8px;
	width: 100%;
	background: rgb(var(--marque-primaire-light-rgb),.2);
	border-color: #E5E5E5;
}
.d4c-form__help-text {
	font-size: 11px;
}
div[role="main"] #main.widget-opendata #filter h3:nth-child(17),
#main.widget-opendata #filter #list-tag.list-group{
	display: none !important;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    margin-top: 48px
}
*:not(#d4c-administration) > .card:not(:first-child) {
	margin-top: 48px
}
.d4c-collapsible__fold {
	display: flex;
	flex-direction: column;
	gap: 16px;
	/* padding-top: 16px; */
}
.d4c-collapsible__fold > .d4c-dataset-visualization__toggle-schema:first-child {
	padding-top: 16px;
}
.d4c-collapsible__fold > .card {
	margin-top: 0 !important;
}
.d4c-collapsible__fold > .card .text-uppercase {
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	font-size: 16px !important;
	display: none;
}
.d4c-collapsible__fold > .card .card-body div[class*="col-"] {
	width: 100%;
	padding: 0;
}
.d4c-collapsible__fold br {
	display: none;
}
.card-body > *:not(.h5) {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris4);
}
.card-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-height: 1px;
    /* padding: 1.25rem; */
}
.card-image {
    margin: 5px;
}
.card-subtitle, .card-text:last-child {
    margin-bottom: 0;
}
.text-uppercase {
	text-transform: none !important;
	margin-bottom: 24px;
}
#main.widget-opendata .dataset .inner .data-desc {
    padding-bottom: 20px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 150%;
    color: var(--nuance-de-gris-gris4) !important;
    font-family: var(--texte-font);
    padding-top: 28px;
}
#main .box_2 p > a > i, #list-visu i, .jetons i, #list-cat i{
     padding-right: 4px;
}
#main .box_2 p > a {
    color: var(--nuance-de-gris-gris4) !important;
    font-size: 11px;
    text-decoration: none;
}
#main .box_2 p > a > i {
	display: none;
}
#main .box_2 p > a::before {
	font-family: var(--icons-font);
	padding-right: 4px;
}
#main.widget-opendata #pagination .pagination {
    margin-top: 67px !important;
    margin-bottom: 0px !important;
    width: auto;
}
.d4cwidget-table__header-cell {
	padding: 17.5px 12px;
	background: var(--nuance-de-gris-gris7);
	color: var(--nuance-de-gris-gris3);
	border: 0 !important;
	box-shadow: inset 0px -1px 0px #E5E5E5;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 110%;
}
.d4cwidget-table__header-cell:first-child, .d4cwidget-table__cell:first-child {
	padding-left: 24px;
}
.d4cwidget-table__header-cell:last-child, .d4cwidget-table__cell:last-child {
	padding-right: 24px;
}
.d4cwidget-table__cell-container, .d4cwidget-table__header-cell-container {
	padding: 0;
}
.d4cwidget-table__label {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 110%;
	height: unset;
	padding: 0;
}
.d4cwidget-table__cell-container {
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	color: var(--nuance-de-gris-gris3);
}
.d4cwidget-table__cell {
	padding: 12px 12px;
}
.d4cwidget-table__internal-table-row {
	background: var(--nuance-de-gris-gris8) !important;
	box-shadow: inset 0px -1px 0px #E5E5E5;
}
.d4cwidget-table__internal-table-row:hover {
	background: rgb(var(--nuance-de-gris-gris7-rgb),.5) !important;
}
.d4cwidget-table__header tr th:nth-child(1) > div::before {
	content: "#";
}
.field--name-field-nom-de-l-onglet {
	display: none;
}
article[about="/visualisation_tdb/resultats-des-elections"] .content {
    display: flex !important;
    flex-direction: column;
}

article[about="/visualisation_tdb/resultats-des-elections"] > div .content, #filtreUpdate {
    order: -1;
    
}
article[about="/visualisation_tdb/resultats-des-elections"] > div .content, #pillslist {
    order: -2;
    margin-bottom: 40px;
}
.view-visualisations .view-content{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;}
.view-visualisations .view-content > .views-row{
	width: 100%;
	border: 1px solid var(--nuance-de-gris-gris5, #DDD);
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

}
.view-visualisations .view-content > .views-row img {
	height: auto;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: 50% 50%;
	display: block;
}

.view-visualisations .view-content > .views-row .views-field-title{
	color: var(--marque-primaire) !important;
    font-size: 24px; 
    font-family: var(--texte-font);
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    padding: 2.5rem 2.5rem 1rem 2.5rem;
    width: 100%;
}
.view-visualisations .view-content > .views-row .views-field-title a{
	color: var(--marque-primaire) !important;
    text-decoration: none;
}
.view-visualisations .view-content > .views-row .views-field-body{
	color: var(--light-text-default-grey, #3A3A3A);
    font-size: 1.5rem !important;
    font-family: var(--texte-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem !important;
    padding: 0 2.5rem;
    max-height: 7.5rem;
    overflow: hidden;
}
.view-visualisations .view-content > .views-row .views-field-view-node{
	padding: 2rem 2.5rem 2.5rem;
    width: 100%;
	font-size: 1rem !important;
}
.view-visualisations .view-content > .views-row .views-field-view-node a{
	text-decoration: none;
	color: var(--nuance-de-gris-gris2);

}

/* Mobile */
@media screen and (max-width: 480px) {
	#abo-container {
		flex-direction: column;
	}
	#abo_img {max-width: 100%;}
	h1.d4c-dataset-visualization__dataset-title > .box_3 {
		justify-content: flex-start;
	}
	h1.d4c-dataset-visualization__dataset-title > .box_3 > * {
		width: 100% !important;
	}
	h1.d4c-dataset-visualization__dataset-title > .box_3 .d4cwidget-social-buttons {
		justify-content: flex-start !important;
	}
	h1.d4c-dataset-visualization__dataset-title > .box_3 > div:not(.d4c-button):not(.d4cwidget-social-buttons) {
		width: 40px !important; 
	}
}
@media screen and (min-width: 480px) {
	#abo_img {max-width: 50%;}
	main.main--dataset .d4c-app-explore-dataset {
	    width: 100%;
	}
	h1.d4c-dataset-visualization__dataset-title > .box_3 .d4cwidget-social-buttons {
	    width: calc(100% - 30rem);
	}
}

/* Tablette */
@media screen and (max-width: 768px) {
	h1, .h1 {
	    font-size: var(--h1-mobile) !important;
	}
	h2, .h2, .page-node-type-indicateur #dataset-list h3 {
	    font-size: var(--h2-mobile) !important;
	}
	h3, .h3, h2.block-title, .field--name-field-libelle-du-graphique {
	    font-size: var(--h3-mobile) !important;
	}
	h4, .h4 {
	    font-size: var(--h4-mobile) !important;
	}
	h5, .h5,
	h2#block-pieddepage-menu, h2#block-noussuivre-menu {
	    font-size: var(--h5-mobile) !important;
	}
	h6, .h6 {
	    font-size: var(--h6-mobile) !important;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input,
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input::placeholder {
		font-size: var(--h4-mobile);
		line-height: 1.2;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form::after {
		font-size: 24px;
		line-height: 24px;
	}
	.container,
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset,
	.page-node-type-forum article.forum > .content > section > * {
		width: 100%;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	div[role="main"] #main.widget-opendata > div {
		width: 100%;
	}
    .navbar-nav {margin: 0 !important;}
	article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}
	article[about="/mentions-legales"] .field--name-body > .ml-content > .ml-contacts-container > .ml-contacts-inner {
		width: 100%;
	}
	.page-node-type-article .region.region-content {
		flex-wrap: wrap;
	}
	.view-documents .view-content {
	    flex-direction: column;
	}
	form#openid-connect-login-form {
		padding-top: 5rem;
	}
	form#user-login-form,
	form#openid-connect-login-form,
	form#user-register-form,
	form#user-pass,
	form#contact-message-feedback-form {
		width: 100%;
	}
	.error-overlay {
		padding: 3rem;
		width: 90%;
	}
	.error-background > span:nth-child(1), .error-background > span:nth-child(2) {
	    display: none;
	}
	.error-overlay > span:nth-child(1) {
		font-size: 24px;
	}
	.error-overlay > span:nth-child(2) {
		font-size: 55px;
		word-break: break-all;
	}
	.error-overlay > span:nth-child(3) {
		margin-top: 3rem;
	}
	#block-jddsearch {
		display: block;
	}
	header > #navbar-header-wrapper {
		border-top: 6px solid var(--marque-primaire);
		height: auto;
		flex-direction: column;
		position: relative;
	}
	#navbar-header-wrapper > .navbar-header {
		margin: 14px 0;
		padding: 0 24px;
		width: 100%;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
		gap: 28px;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li > a {
		font-size: 18px;
		line-height: 1.5;
		padding: 0;
		font-weight: 900;
		color: var(--nuance-de-gris-gris1);
		background: transparent !important;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li.active > a {
		color: var(--marque-primaire);
	}
	#navbar-header-wrapper #navbar-collapse .region-navigation-collapsible {
		flex-direction: column;
		align-items: flex-start;
		height: 100%;
		justify-content: flex-start;
		position: relative;
	}
	nav#block-citizena-themes-account-menu > ul.menu > li > a {
		padding: 20px !important;
	}
	#block-jddsearch {
		display: block !important;
		width: 100%;
		margin-top: auto;
		padding: 14px 24px;
	}
	#block-citizena-themes-main-menu {
		padding: 0 24px;
	}
	#block-jddsearch #home_search_bar {
		width: 100% !important;
		max-width: 100% !important;
	}
	nav#block-citizena-themes-account-menu {
	    width: 100%;
	}
	nav#block-citizena-themes-account-menu > ul.menu {
		justify-content: center;
		flex-wrap: wrap;
	}
	#block-jddstats #datasets-container {
		flex-direction: column;
		row-gap: 48px;
	}
	#block-jddstats #datasets-container .datasets-une {
		margin-bottom: 48px;
	}
	#block-jddstats #datasets-container .datasets-left,
	#block-jddstats #datasets-container .datasets-right {
		width: 100%;
	}
	#block-jddstats #datasets-container .datasets-right {
		margin-bottom: 100px;
	}
	#block-jddstats #datasets-container .datasets-right > .donnees-populaires {
		overscroll-behavior-x: contain;
		position: relative;
		scroll-snap-type: mandatory;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		margin-right: -24px;
		overflow-x: scroll;
	}
	#block-jddstats #datasets-container .datasets-right ul#donnees-populaires {
		display: flex;
		width: fit-content;
		gap: 16px;
	}
	#block-jddstats #datasets-container .datasets-ouvertes > a {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	#block-jddstats .sliders {
	    height: 24px;
	    bottom: 82px;
	}
	#block-reutilisation {
		padding: 32px 24px;
		margin-left: -24px;
		margin-right: -24px;
		width: calc(100% + 48px);
	}
	#block-reutilisation #reuses-container {
		flex-direction: column;
		height: auto;
		padding-bottom: 82px;
		position: relative;
	}
	#block-reutilisation #reuses-container .reuses-right {
		width: 100%;
	}
	#block-reutilisation #reuses-container .reuses-left {
		position: relative;
		right: 0;
		margin-right: -24px;
		display: block;
		width: calc(100% + 24px);
	}
	#block-reutilisation #reuses-container .reuse-description > .reuse-desc > span {
		min-height: unset;
	}
	#block-reutilisation #reuses-container .reuses-idicators {
		padding: 8px 0;
		justify-content: center;
	}
	#block-reutilisation #reuses-container .reuses-right > a {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	#block-reutilisation #reuses-container .reuse-image,
	.view.view-actualites.view-display-id-block_1 .view-content,
	.view.view-actualites.view-display-id-page_1 .view-content,
	.view-id-les_organisations_de_la_plateforme  .view-content,
	.field--name-field-organisation {
		gap: 16px;
	}
	#block-reutilisation #reuses-container .reuse-image > .reuse-img {
		width: 278.52px;
		height: 337.55px;
	}
	#block-reutilisation #reuses-container .reuses-sliders {
		display: none;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row {
		width: 288px;
		height: 359px;
	}
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row {
		width: 100% !important;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-image a,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-image a {
		height: 162px;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-title,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-title {
		padding: 24px 24px 8px;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-title a,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-title a {
		font-size: 16px;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-created,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-created {
		padding: 0px 24px 8px;
		font-size: 11px;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-body,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-body {
		padding: 0px 24px 8px;
		font-size: 13px;
	}
	.view.view-actualites.view-display-id-block_1 .view-content > .views-row::after,
	.view.view-actualites.view-display-id-page_1 .view-content > .views-row::after {
		padding: 0px 24px;
	}
	#block-views-block-actualites-block-1 .view-content-wrapper {
		padding-top: 54px;
		margin-top: -54px;
		padding-bottom: 96px;
		margin-bottom: -32px;	
	}
	#block-views-block-actualites-block-1 .view-content-wrapper,
	#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content-wrapper {
		width: calc(100% + 24px) !important;
		margin-left: 0 !important;
		margin-right: -24px;
		overflow-x: scroll;
	}
	#block-views-block-actualites-block-1 .view-content-wrapper::-webkit-scrollbar,
	#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content-wrapper::-webkit-scrollbar,
	#block-jddstats #datasets-container .datasets-right > .donnees-populaires::-webkit-scrollbar {
	    display:none;
	}
	#block-views-block-actualites-block-1 .view-content::after,
	#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content::after {
		width: 0;
		position: absolute;
	}
	#block-views-block-actualites-block-1 .more-link {
		margin: 0 !important;
	}
	.view-id-les_organisations_de_la_plateforme .more-link {
		margin-top: 24px;
	}
	#block-views-block-actualites-block-1 .more-link > a,
	.view-id-les_organisations_de_la_plateforme .more-link > a {
		width: 100%;
	}
	#block-views-block-actualites-block-1 .sliders {
		height: 24px;
		bottom: 82px;
	}
	#block-views-block-les-organisations-de-la-plateforme-block-1 .sliders {
		display: none;
	}
	.view-id-les_organisations_de_la_plateforme .view-content > .views-row,
	.field--name-field-organisation .field--item {
		width: 121px;
	}
	.view-id-les_organisations_de_la_plateforme .view-content > .views-row .field--name-field-logo-de-l-organisation img,
	.field--name-field-organisation .field--item .field--name-field-logo-de-l-organisation img {
		width: 121px;
		height: 56.55px;
	}
	.view-id-les_organisations_de_la_plateforme .view-content > .views-row .field--name-field-nom-de-l-organisation,
	.field--name-field-organisation .field--item .field--name-field-nom-de-l-organisation {
		font-size: 11px;
	}
	footer .region-footer #block-newsletterabonnement .field--name-body {
		flex-direction: column;
		gap: 4px;
	}
	footer .region-footer #block-newsletterabonnement .field--name-body #edit-message {
		text-align: center;
		margin-right: 0;
		margin-bottom: 12px;
	}
	footer .region-footer #block-newsletterabonnement .field--name-body > * {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		text-align: center;
		justify-content: center;
	}
	footer .region-footer {
		flex-direction: column;
		row-gap: 32px;
	}
	footer .region-footer > * {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
	}
	footer.container {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
		margin-top: 48px !important;
	}
	.page-node-type-page .region.region-content > section {
		margin: 48px 0 0;
	}
	footer .region-footer #block-logos .field--name-body {
		align-items: center;
	}
	footer .region-footer #block-logos .field--name-body > a {
		width: 100%;
	}
	#block-lademarche .demarche-content.right,
	#block-lademarche .demarche-content.right img {
		width: 100% !important;
	}
	#block-lademarche .field--name-body {
		gap: 32px !important;
		flex-direction: column;
	}
	.jdd-thematiques > .jdd-cards > .jdd-card {
		width: 100% !important;
	}
	.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context {
		grid-template-areas:
		'filter'
		'chart';
	}
	.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context > d4c-facets {
		max-height: 350px;
	}
	div[role="main"] #main.widget-opendata, .main--dataset,
	div[role="main"] #main.widget-opendata .col-md-10 #datasets {
		justify-content: center;
	}
	div[role="main"] #main.widget-opendata #filter h1,
	div[role="main"] #main.widget-opendata #filter .form-group {
		position: relative;
		order: -5;
		margin-bottom: 2rem;
	}
	#reuses {
		gap: 16px;
	}	
	#reuses > .reuse {
		width: 100% !important;
	}
	.reuse .thumbnail > a {
		/* height: 162px; */
	}
	.reuse .thumbnail > .caption {
		padding: 24px 24px 0 !important;
	}
	.reuse .thumbnail > .caption > a > h2 {
		font-size: 16px !important;
	}
	.reuse .thumbnail > .caption > a > p:not(.data-desc), .reuse .thumbnail > .caption > p {
		font-size: 11px;
	}
	.reuse .thumbnail > .caption > a > p.data-desc {
		font-size: 13px;
	}
	.reuse .thumbnail::after {
		padding: 0px 24px 16px;
	}
}
@media screen and (min-width: 768px) {
	.container,
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset,
	.page-node-type-forum article.forum > .content > section > * {
	    width: 750px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    padding: 0 !important;
	    display: block;
	}
	h1, .h1 {
	    font-size: var(--h1-desktop) !important;
	}
	h2, .h2, .page-node-type-indicateur #dataset-list h3 {
	    font-size: var(--h2-desktop) !important;
	}
	h3, .h3, h2.block-title, .field--name-field-libelle-du-graphique {
	    font-size: var(--h3-desktop) !important;
	}
	h4, .h4 {
	    font-size: var(--h4-desktop) !important;
	}
	h5, .h5,
	h2#block-pieddepage-menu, h2#block-noussuivre-menu {
	    font-size: var(--h5-desktop) !important;
	}
	h6, .h6 {
	    font-size: var(--h6-desktop) !important;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input,
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form > input::placeholder {
		font-size: var(--h2-mobile);
		line-height: 1.2;
		opacity: 1;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form::after {
		font-size: 48px;
		line-height: 48px;
	}
	.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
	.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
	.field--name-field-paragraphs .paragraph--type--article-citation,
	.field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
	    max-width: 25rem;
	}
	.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
	.field--name-field-paragraphs .paragraph--type--article-citation {
		padding: 2rem 0 2rem 2rem;
		float: right;
	}
	.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
	.field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
		padding: 2rem 2rem 2rem 0;
		float: left;
	}
	.page-node-type-article .region.region-content > article {
		width: calc(100% - 31rem);
	}
	.page-node-type-article #block-views-block-actualites-block-2 {
		width: 25rem;
	}
	.view-documents .views-row {
	    width: calc(50% - 2rem);
	}
	form#openid-connect-login-form {
		padding-top: 48px;
	}
	form#user-login-form,
	form#openid-connect-login-form,
	form#user-register-form,
	form#user-pass,
	.path-user:not(.user-logged-in) .region.region-header,
	.path-contact .region.region-header,
	form#contact-message-feedback-form {
		width: 555px;
	}
	.path-user:not(.user-logged-in) .region.region-header,
	.path-contact .region.region-header {
		margin: 0 auto;
	}
	.error-overlay {
		padding: 6rem;
		width: 70%;
	}
	.error-background > span:nth-child(1) {
	    font-size: 300px;
	    margin-bottom: 50px;
	}
	.error-background > span:nth-child(2) {
	    font-size: 150px;
	}
	.error-overlay > span:nth-child(1) {
		font-size: 24px;
	}
	.error-overlay > span:nth-child(2) {
		font-size: 56px;
	}
	.error-overlay > span:nth-child(3) {
		margin-top: 5rem;
	}
	#block-tdbaccueil d4c-dataset-context {
		display: grid;
		grid-template-areas:
			'facets map map map'
			'chart1 chart1 chart2 chart2';
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 1rem;
	}
	#block-tdbaccueil d4c-dataset-context > d4c-facets {
		height: 400px;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li > a {
		padding: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		white-space: nowrap;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		font-size: 16px;
		line-height: 1.1;
		position: relative;
		color: var(--nuance-de-gris-gris1);
		background: transparent !important;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li > a::after {
		content: "";
		height: 3px;
		background: var(--marque-primaire);
		display: block;
		width: 0;
		position: absolute;
		bottom: 0;
		transition: width .8s ease-in-out;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li > a:hover::after,
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li.active > a::after {
		width: 100%;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu,
	#navbar-header-wrapper #navbar-collapse .region-navigation-collapsible,
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li {
		height: 100%;
	}
	header#navbar {
		padding: 0 24px !important;
	}
	nav#block-citizena-themes-account-menu {
	    margin-left: -24px !important;
	    margin-right: -24px !important;
	    width: calc(100% + 48px);
	    padding: 0 24px;
	}
	#block-jddstats .sliders {
		display: none;
	}
	#block-reutilisation {
		padding: 128px 100px 128px;
	}
	.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context {
		grid-template-areas: 'filter chart';
		grid-template-columns: 1fr 2.5fr;
	}
	.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context > d4c-facets {
		max-height: 560px;
		margin-right: 1rem;
		padding-right: 1rem;
	}
	.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context .d4cwidget-map {
		height: 560px;
	}
	div[role="main"] #main.widget-opendata, main.main--dataset .d4c-app-explore-dataset, #block-citizena-themes-quicktabsapi {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex !important;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	    -webkit-box-pack: end;
	    -webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	    justify-content: flex-end;
	    flex-wrap: wrap;
	    margin: 0 auto;
	    padding: 0 !important;
	    position: relative;
	}
	.path-reuses #main.widget-opendata {
		margin-top: 0 !important;
	}
	div[role="main"] #main.widget-opendata #filter {
	    width: 280px;
	    margin: 0;
	    padding-left: 0;
	}
	div[role="main"] #main.widget-opendata .col-md-10 {
	    width: calc(100% - 280px);
	    padding-left: 121px;
	    padding-right: 0 !important;
	}
	.view-visualisations .view-content > .views-row{
		width: calc((100% / 2) - (24px / 2));
	}
	.view-visualisations .view-content > .views-row .views-field-title{
		font-size: 2.5rem !important;
		line-height: 4rem !important;
	}
}

/* Desktop */
@media screen and (max-width: 992px) {
	.field--name-field-informations-editeurs > .field--items > .field--item > div.paragraph {
		flex-direction: column;
		align-items: flex-start;
	}
	.field--name-field-informations-editeurs > .field--items > .field--item > div.paragraph > div:not([class*="field--name-field-logo"]) {
		width: 100%;
	}
	header > #navbar-header-wrapper,
	nav#block-citizena-themes-account-menu > ul.menu{
		width: 100% !important;
	}
	.paragraph--type--deux-graphiques, .paragraph--type--trois-graphiques {
		row-gap: 2rem;
		display: flex;
		flex-direction: column;
	}
	article[about="/accueil"] .field--name-body {
		padding: 180px 24px 24px !important;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) {
		max-width: 100% !important;
		margin-left: 0 !important;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) > form {
		margin-bottom: 39px;
	}
	article[about="/accueil"] .field--name-body::after {
		position: absolute;
		left: 50%;
		right: 50%;
		top: -41px;
		width: 200px;
		height: 217px;
		transform: translateX(-50%);
	}
	.jdd-thematiques > .jdd-cards > .jdd-card {
		width: calc(100% / 2 - 32px / 2);
	}
	#donnees-personnelles, article[about="/mentions-legales"] .field--name-body {
		flex-wrap: wrap;
	}
	#donnees-personnelles > #sommaire > ul, article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul {
		display: flex;
		list-style: none;
		gap: 8px 16px;
		padding: 0;
		flex-wrap: wrap;
	}
	#navbar-header-wrapper .logo {
		height: 35px;
		width: 206px;
	}
	#block-lademarche .demarche-content.right img {
		width: 230px;
	}
	#block-lademarche .field--name-body {
		gap: 32px;
	}
}
@media screen and (min-width: 992px) {
	.container,
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset,
	.page-node-type-forum article.forum > .content > section > * {
	    width: 970px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    padding: 0 !important;
	    display: block;
	}
	header > #navbar-header-wrapper,
	nav#block-citizena-themes-account-menu > ul.menu{
		max-width: 100% !important;
	}
	.paragraph--type--deux-graphiques, .paragraph--type--trois-graphiques {
		display: flex;
		column-gap: 16px;
	}
	.field--name-field-graphique-1-2, .field--name-field-graphique-2-2 {
		width: calc(50% - 8px) !important;
	}
	.field--name-field-graphique-1-3, .field--name-field-graphique-2-3, .field--name-field-graphique-3-3 {
		width: calc(33.33333333% - 16px / 3) !important;
	}
	article[about="/accueil"] .field--name-body > div:nth-child(2) {
		max-width: 571px !important;
		margin-left: 0 !important;
	}
	article[about="/accueil"] .field--name-body::after {
		position: absolute;
		right: -43px;
		top: -41px;
		width: 402px;
		height: 100%;
	}
	#donnees-personnelles > #sommaire, article[about="/mentions-legales"] .field--name-body > #ml-menu-box {
		position: sticky;
		top: 200px;
		min-width: 250px;
	}
	#donnees-personnelles > #sommaire > #sommaireH2 {
		text-align: right;
	}
	#donnees-personnelles > #sommaire > ul, article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		list-style: none;
		padding: 0;
		font-size: 13px;
		text-align: right;
	}
	#navbar-header-wrapper .logo {
		height: 45px;
		width: 289px;
	}
	.view-visualisations .view-content > .views-row{
		width: calc((100% / 3) - (48px / 3));
	}
}
@media screen and (max-width: 1200px) {
	#block-jddsearch {
		display: none;
	}
	footer.container {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}
/* Grand Ecran */
@media screen and (min-width: 1200px) {
	.container,
	footer.container > *,
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset,
	.page-node-type-forum article.forum > .content > section > * {
		width: 1170px !important;
		padding: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset {
		/* display: block; */
	}
	header > #navbar-header-wrapper,
	nav#block-citizena-themes-account-menu > ul.menu{
		max-width: 1360px !important;
		padding: 0 !important;
		margin-left: auto;
		margin-right: auto;
		float: unset !important;
	}
	#block-views-block-actualites-block-1 .view-content,
	#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content {
		transform: translateX(calc(max(1024px, 100vw)/2 - 585px));
	}
	#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li:nth-child(1),
	#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li:nth-child(3),
	#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li:nth-child(4),
	#block-jddstats #datasets-container .datasets-right ul#donnees-populaires > li:nth-child(6),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(1),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(3),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(4),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(6),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(7),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(9),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(10),
	div[role="main"] #main.widget-opendata .col-md-10 #datasets > .dataset:nth-child(12) {
		margin-top: 24px !important;
		margin-bottom: -24px !important;
	}
}

html{scroll-behavior:smooth;}
.alert-danger {display: none;}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes to-right {
	0% { left: 0 }
	100% { left: 16px }
}
@keyframes to-right {
	0% { left: 0 }
	100% { left: 16px }
}
@-webkit-keyframes to-left {
	0% { right: 0 }
	50% { right: -5px }
	100% { right: 0 }
}
@keyframes to-left {
	0% { right: 0 }
	50% { right: -5px }
	100% { right: 0 }
}