@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('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Varela+Round&display=swap');
@import url("/sites/default/files/fonts/Unicons/stylesheet.css");




:root {
	--app-height: 100%;
	--en-tete-font: 'Poppins', sans-serif;
	--texte-font: 'Poppins', sans-serif;
	--icons-font: 'unicons-line';
	
	--text: #1A2783;
	--text-rgb: 26, 39, 131;
	--links: #1A2783;
	--links-rgb: 26, 39, 131;
	--titles: #1A2783;
	--titles-rgb: 26, 39, 131;
	--buttons: #F39200;
	--buttons-rgb: 243, 146, 0;
	--buttons-highlight: #1E5C8B;
	--buttons-highlight-rgb: 30,92,139;
	--page-background: #EEEAE3;
	--page-background-rgb: 238,234,227;
	--highlight: #3da9fc;
	--highlight-rgb: 61,169,252;
	--boxes-background: #fffffe;
	--boxes-background-rgb: 255,255,254;
	--boxes-border: #fffffe;
	--boxes-border-rgb: 255,255,254;
	--section-titles: #094067;
	--section-titles-rgb: 9,64,103;
	--section-titles-background: #fffffe;
	--section-titles-background-rgb: 255,255,254;
	--header-background: #333333;
	--header-background-rgb: 51,51,51;
	--header-links: #333333;
	--header-links-rgb: 51,51,51;
	--footer-background: #F5F5F5;
	--footer-background-rgb: 245, 245, 245;
	--footer-links: #333333;
	--footer-links-rgb: 51, 51, 51;
	--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;
}


/* BUTTON D4C */
.d4c-button, .d4c-page-legacy .btn, .d4c-pictopicker__popup__validation a {
    cursor: pointer;
    display: block;
    position: relative;
    width: fit-content;
    padding: 7px 16px !important;
    color: var(--boxes-background) !important;
    background: var(--buttons);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    text-decoration: none !important;
    text-align: center;
    border-radius: 7px;
}
@media (min-width: 765px) {
  .navbar-collapse {
    max-width: 1400px;       /* largeur max comme ton conteneur */
    margin: 0 auto;          /* centre horizontalement */
    padding: 0 1rem;         /* petit padding latéral pour respi */
    display: flex;           /* on force flexbox */
    align-items: center;     /* centre verticalement les éléments */
    justify-content: space-between; /* espace entre logo / menu / compte */
  }

  /* pour bien répartir le menu central */
  .navbar-collapse {
    display: flex;
    gap: 2rem;               /* espacement entre Actualités et Études */
    margin: 0 auto;          /* pousse le menu au centre */
  }

  /* menu utilisateur à droite */
  .navbar-collapse .menu--account {
    margin: auto;
  }
}


/* MENU - en tête */
.menu--main.nav.navbar-nav {
  display: flex;              /* active flexbox */
  justify-content: center;    /* centre horizontalement */
  align-items: center;        /* aligne verticalement */
  gap: 2rem;                  /* espace entre les éléments (ajuste à ton goût) */
  padding: 0;                 /* enlève marges internes par défaut */
  margin: 0 auto;             /* centre le bloc s’il n’occupe pas 100% */
  list-style: none;           /* enlève les puces éventuelles */
}

.menu--main.nav.navbar-nav li a, .menu--account.nav.navbar-nav li a {
  display: flex;
  align-items: center;        /* au cas où le texte ne serait pas centré */
  margin: auto;
  font-size: 21px;
  height: 100px;
}




span.d4c-dataset-export-link__format-name.ng-binding {
    margin-right: 16px;
	width: 30rem;
}

a.nav-link:hover, .active a.nav-link {
    border: none !important;
    border-bottom: 3px solid #5cabfe !important;
    border-radius: unset !important;
}
li.nav-item {
    margin-right: 18px;
}

h2.d4c-filters__count {
    font-size: 28px !important;
    margin-top: 25px;
    border-bottom: 1px black;
    border-bottom-style: dotted;
    border-radius: 0px;
}

* {
	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(--highlight-rgb),.15); /* WebKit/Blink Browsers */
}
::-moz-selection {
	background: rgb(var(--highlight-rgb),.15); /* Gecko Browsers */
}
html,
body {
    overflow-x: clip !important;
    position: relative;
}
body {
    color: var(--text);
    font-family: var(--texte-font) !important;
    margin-top: 0;
    background: var(--boxes-background) !important;
    height: auto !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--en-tete-font);
	color: var(--titles) !important;
}
h1, h2, h3,
.h1, .h2, .h3 {
    line-height: 1.2;
}
.js-quickedit-main-content {
	width: 1400px !important;*/
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff !important;
	border-radius: 16px;
	flex-grow: 1;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
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: rgba(var(--highlight),70%);
	font-size: 11px;
}
.form-control {box-shadow: none !important;}
.page-header {
    color: var(--titles) !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(--links);
    transition: all 0.35s ease-in-out;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
    opacity: .7;
    color: var(--links);
}
.btn:not(.swagger-ui .btn.authorize), .button-action, #app_recipient_population_recipient_form_rest_submit {
    border-radius: 7px !important;
    padding: 10px 12px;
    background: var(--buttons);
    border: 1px solid var(--buttons) !important;
    color: rgb(255, 255, 255);
    -webkit-transition: all .55s ease-in-out;
    text-decoration: none !important;
    margin: 1px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
	opacity: 1;
}
.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(--buttons) !important;
    outline: none;
	opacity: 0.7 !important;
}
.btn:active, .button-action:active, #app_recipient_population_recipient_form_rest_submit:active {
	background: var(--buttons) !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(--text);
	transform: none;
	background-color: transparent;
}
.breadcrumb > li {
	position: relative;
}
.breadcrumb > li > a {
	text-decoration: none;
	background: unset;
	font-weight: 700;
	color: var(--text);
}
.breadcrumb > li + li {
	margin-left: 12px;
	padding-left: 14px;
}
.breadcrumb > li + li::before {
	content: "";
	border-left: 1px solid var(--text);
	width: 1px;
	height: 100%;
	transform: rotate(23.95deg);
	padding: 0;
	position: absolute;
	left: 0;
}
.view-taxonomy-term > .view-content {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-bottom: 24px;
}
.view-taxonomy-term > .view-content > .views-row {
	display: flex;
	flex-direction: column;
    width: 368px;
    box-shadow: 0px 4px 30px rgba(7, 30, 88, 0.3);
    padding-bottom: 2rem;
}
.view-taxonomy-term > .view-content > .views-row > article > h2 {
	font-weight: 900;
    font-size: 18px !important;
    line-height: 1.5;
	padding: 12px;
}
.view-taxonomy-term .field--type-image img {
    height: 100%;
    width: 100%;
}
.nav > li > a {text-decoration: none;background: unset;color: var(--text) !important;padding: 0;}
.navbar-collapse {padding: 0;}
.view-faq #edit-title, .view-faq .js-form-item.form-type-textfield {
	width: 100%;
	margin: 0 !important;
}
.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(--page-background);
	padding: 16px;
	margin-bottom: 16px;
	border-radius: 7px;
}
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 rgb(var(--text-rgb),.25);
	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(--titles);
	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(--links);
	font-weight: 900;
	font-size: 1.3em;
	margin-left: 8px;
}
details > div {
	width: 100%;
}
header#navbar {
    width: 100vw !important;
    max-width: unset;
    min-height: unset;
    position: sticky;
    top:  0;
    background: var(--boxes-background);
    border-bottom: 1px solid #D7D7D7 !important;
    z-index: 999;
    border-radius: 0;
    padding: 0 !important;
    margin-bottom: 39px !important;
    border: 0;
}
nav#block-api {
    background: var(--footer-background);
}
nav#block-api > ul.menu::before,
nav#block-api > ul.menu::after,
#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu::before,
#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu::after,
#block-citizena-themes-account-menu ul.menu--account::before,
#block-citizena-themes-account-menu ul.menu--account::after {
	content: none;
}
nav#block-api > ul.menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	float: unset !important;
}
nav#block-api > ul.menu > li > a {
	font-weight: normal;
	font-size: 16px;
	line-height: 17.6px;
	color: var(--footer-links) !important;
	padding: 8px 0px !important;
	margin: 0 !important;
	background: transparent;
}
nav#block-api > ul.menu > li > a::after,
nav#block-citizena-themes-account-menu > ul.menu > li > a::after {
	font-family: var(--icons-font);
	font-size: 20px;
	font-weight: normal;
	margin-left: 8px;
	line-height: 17.6px;
}
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-api > ul.menu > li > a::after {
	content: "\ebb8";
}
.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-default .navbar-nav > .active > a {
	background-color: transparent !important;
}
.navbar-toggle .icon-bar {
	height: 3px !important;
	width: 21px !important;
	border-radius: 50px !important;
	margin-bottom: 5px !important;
	background-color: var(--links) !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: 65px;
	display: flex;
	align-items: center;
	position: relative;
}
#navbar-header-wrapper > .navbar-header {
	display: flex;
	align-items: center;
}
nav#block-api > ul.menu .logo {
	display: block;
	padding: 0;
}
nav#block-api > ul.menu .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 nav#block-citizena-themes-main-menu > ul.menu,
.menu--account {
	height: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
	/* margin: 0 !important; */
}
#navbar-header-wrapper #navbar-collapse .region-navigation-collapsible {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.navbar-default {margin-top: 0 !important;}
.navbar-btn {
    margin: 0;
    padding-right: 15px;
}
.navbar-btn > img {
    height: 98px;
    width: 220px;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; /* Chrome/Safari */
    image-rendering: crisp-edges;               /* Firefox */
}
.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;
    background-color: #f9f5f0;
}
.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(--links);
    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";
}
article[about="/accueil"] .field--name-body,
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 {
	background: var(--footer-background);
	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 h2#block-pieddepage-menu {
	color: var(--links);
	text-align: left;
	width: 100%;
}
footer .region-footer #block-pieddepage ul.menu::before,
footer .region-footer #block-pieddepage ul.menu::after {
	content: none;
}
footer .region-footer #block-pieddepage ul.menu {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
footer .region-footer #block-pieddepage ul.menu > li > a {
	padding: 0;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.1;
	color: var(--footer-links) !important;
}
footer .region-footer #block-pieddepage ul.menu > li > a:hover,
footer .region-footer #block-pieddepage ul.menu > li > a:focus {
	background: transparent;
	color: var(--links);
}
.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;
}
.views-field-title a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}
.page-node-type-page .region.region-content > section:not(:first-child) {
	margin: 64px 0 0;
}
#block-tdbaccueil-2 {
	z-index: 3;
	margin-top: -75px;
	/* -webkit-transform: translate3d(0, 0, 200px); */
	position: relative;
}
#block-jddstats #datasets-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 48px 130px;
}
#block-jddstats #datasets-container h3 {
	margin-bottom: 24px;
}
#block-jddstats #datasets-container #donnees-populaires {
	padding: 0;
	list-style: none;
	column-gap: 24px;
	column-width: 235px;
	margin: 0 !important;
}
#block-jddstats #datasets-container #donnees-populaires img {
	width: 24px;
    height: 24px;
    object-fit: contain;
}
#block-jddstats #datasets-container #donnees-populaires > li {
	margin-bottom: 24px;
	padding: 16px;
	background: var(--page-background);
	border-radius: 7px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
#block-jddstats #datasets-container #donnees-populaires > li > a,
#block-jddstats #datasets-container #datasets-modifies > li > a {
	text-decoration: none !important;
	color: var(--text) !important;
	display: flex;
	flex-direction: column;
}
#block-jddstats #datasets-container #donnees-populaires > li > a > h6 {
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
}
#block-jddstats #datasets-container #donnees-populaires > li > a > .dataset-notes,
#block-jddstats #datasets-container #donnees-populaires > li > a > .dataset-notes > * {
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--text)  !important;
}
#block-jddstats #datasets-container #donnees-populaires > li > a > .dataset-notes strong {
	font-weight: 400 !important;
}
#block-jddstats #datasets-container #donnees-populaires > li > a > .dataset-download {
	margin-top: 32px;
	display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
}
#block-jddstats #datasets-container #donnees-populaires > li > a > .dataset-download > .dataset-download-img {
	display: flex;
	align-items: center;
	justify-content: center;
}
#block-jddstats #datasets-container #donnees-populaires > li > a > .dataset-download > .dataset-download-img::before {
	content: "\eb36";
	font-family: var(--icons-font);
	font-size: 16px;
	font-weight: 900;
}
#block-jddstats #datasets-container #datasets-modifies {
	list-style: decimal-leading-zero;
	display: flex;
	flex-direction: column;
	gap:  24px;
}
#block-jddstats #datasets-container #datasets-modifies > li::marker {
	color: rgb(var(--text-rgb),.45)
}
#block-jddstats #datasets-container #datasets-modifies > li > a > h6 {
	color: var(--links) !important;
    margin-top: 0 !important;
	margin-bottom: 8px;
}
#block-jddstats #datasets-container #datasets-modifies > li > a > .dataset-date {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
}
#reuses-count-container {
	display: flex;
	gap: 32px 132px;
	/* flex-wrap: wrap; */
}
#reuses-count-container > #reuses-count {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
#reuses-count-container > #reuses-count > div {
	display: flex;
	align-items: center;
	gap: 8px;
}
#reuses-count-container > #reuses-count > div > span:first-child {
	font-weight: 900;
}
#reuses-count-container > div:first-child {
	padding: 16px;
	background: var(--highlight);
	color: var(--boxes-background);
	border-radius: 7px;
}
#reuses-count-container > div:first-child > p:last-child::after {
	font-family: var(--icons-font);
	content: "\eb9f";
	font-weight: 700;
}
#reutilisations, ul.reutilisations {
	list-style: none;
	padding: 0;
	display: flex;
	gap:  32px;
	margin-bottom: 48px;
	flex-wrap: wrap;
}
#reutilisations > li > a,
ul.reutilisations > li > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 16px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative;
	text-decoration: none;
	background-position: center !important;
}
#reutilisations > li > a::after,
ul.reutilisations > li > a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(var(--text-rgb),.75);
	z-index: 0;
}
#reutilisations > li > a > *,
ul.reutilisations > li > a > * {
	color: var(--boxes-background) !important;
	z-index: 2;
}
#reutilisations > li > a > h6,
ul.reutilisations > li > a > h6 {
	margin-top: 0;
	margin-bottom: 8px;
}
#reutilisations > li > a > .reuse-type,
ul.reutilisations > li > a > .reuse-type {
	background: var(--highlight);
	width: fit-content;
	padding: 4px 8px;
	border-radius: 7px;
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 16px;
}
#reutilisations > li > a > .reuse-desc,
ul.reutilisations > li > a > .reuse-desc {
	margin-bottom: 16px;
}
#reutilisations > li > a > .reuse-desc,
#reutilisations > li > a > .reuse-date,
#reutilisations > li > a > .reuse-dataset,
ul.reutilisations > li > a > .reuse-desc,
ul.reutilisations > li > a > .reuse-date,
ul.reutilisations > li > a > .reuse-dataset {
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
}
#reutilisations > li > a > .reuse-date,
ul.reutilisations > li > a > .reuse-date {
	margin-top: auto;
	padding-bottom: 16px;
	border-bottom: 1px solid rgb(var(--boxes-background-rgb), .5);
	margin-bottom: 16px;
}
#reutilisations > li > a > .reuse-dataset,
ul.reutilisations > li > a > .reuse-dataset {
	color: var(--boxes-background) !important;
	text-decoration: none;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#reutilisations > li > a > .reuse-dataset::before,
ul.reutilisations > li > a > .reuse-dataset::before {
	font-family: var(--icons-font);
	content: "\e9a2";
	margin-right: 8px;
}
.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: 24px;
}
.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: 352px;
	box-shadow: 0px 4px 30px rgba(7, 30, 88, 0.3);
	padding-bottom: 2rem;
	position: relative;
}
.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;
	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(--links);
	-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(--text);
	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: 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-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(--links);
	font-weight: 900;
	font-size: 18px;
	line-height: 1.5;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	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: black;
	font-weight: 400 !important;
	font-size: 12px;
	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 24px 4px;
}
.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: "Publié le ";
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-introduction,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-field-introduction,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-introduction {
	color: black;
	padding: 0 24px 4px;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-tag {
	padding: 0 24px 4px;
	font-weight: 600;
	font-size: 0.6rem;
}
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-field-tag,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-tag {
	padding: 0 24px 4px;
	font-weight: 600;
	font-size: 1rem;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-tag > .field-content,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-field-tag > .field-content,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-tag > .field-content {
	display: flex;
	flex-wrap: wrap;
}
.view.view-actualites.view-display-id-block_1 .view-content > .views-row > .views-field-field-tag a,
.view.view-actualites.view-display-id-block_2 .view-content > .views-row > .views-field-field-tag a,
.view.view-actualites.view-display-id-page_1 .view-content > .views-row > .views-field-field-tag a {
	border: 1px solid;
	border-radius: 1rem;
	padding: 0.4rem 1.2rem;
	margin: 0.5rem;
	color: var(--links);
}
.view-actualites .views-field-field-tag a {
    z-index: 999;
}
.d4c-dashboard-top-options-container {
	display: none !important;
}
.dashboard-filters {
	align-items: end;
}
.dashboard-filters > .dashboard-filter-btn {
	padding: 0 24px !important;
}
.d4cwidget-map-display-control__groups {
	display: none !important;
}
.d4cwidget-map-legend,
.d4cwidget-map-legend__display {
	display: none !important;
}
.d4cwidget-map__map--with-searchbox .leaflet-top.leaflet-left {
    top: 0 !important;
}
.d4cwidget-map__map--with-display-control .leaflet-top.leaflet-right {
	right: 0 !important;
}
.d4cwidget-map-search-box {
	display: none;
}
.more-link > a.tertiare {
	color: var(--text) !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(--links) !important;
}
.indicator-card .description {
	color: var(--text) !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(--text);
	margin-top: 12px;
}
article[about="/accueil"] {
	margin-top: -40px;
	position: relative;
	z-index: 1;
}
article[about="/accueil"] #background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	background-color: rgba(26, 39, 131, 0.9);
}
article[about="/accueil"] .field--name-body {
	position: relative;
	width: 100%;
	padding: 128px 0 128px;
	z-index: 2;
	margin-top: 2rem;
}
article[about="/accueil"] .field--name-body h1 {
	color: white !important;
	margin-top: 0 !important;
    position: relative;
}
article[about="/accueil"] .field--name-body form {
	margin-bottom: 24px;
	z-index: 1;
	position: relative;
}
article[about="/accueil"] .field--name-body form::before {
	content: "\e99a";
	font-family: var(--icons-font);
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	font-weight: bold;
	font-size: 18px;
}
article[about="/accueil"] .field--name-body form > input {
	width: 100%;
	border: 0;
	background: var(--boxes-background);
	padding: 18px 18px 18px 48px;
	color: var(--text) !important;
	border-radius: 7px !important;
	font-size: 16px;
	line-height: 1.2;
}
article[about="/accueil"] .field--name-body form > input:focus-visible {
	outline: none !important;
}
article[about="/accueil"] .field--name-body form > input::placeholder {
	color: var(--text);
	opacity: 1;
}
.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: 16px;
}
.jdd-thematiques > .jdd-cards > .jdd-card {
	display: flex;
	align-items: center;
	background: var(--boxes-background);
	border-radius: 7px;
	color: var(--text);
	font-weight: 500;
	padding: 8px;
	column-gap: 8px;
	text-decoration: none !important;
	line-height: 1.1;
	box-shadow: 0 .5rem 1.25rem #ccc;
}
.jdd-thematiques > .jdd-cards > .jdd-card > .jdd-card-icon-bg {
	width: 26px;
	height: 26px;
	padding: 0;
	border-radius: 4px;
}
.jdd-thematiques > .jdd-cards > .jdd-card > span {
	width: calc(100% - 26px - 8px);
}
.jdd-thematiques > .jdd-cards > .jdd-card > .jdd-card-icon-bg > img {
	vertical-align: middle;
	transition: all 0.35s ease-in-out;
	object-fit: contain;
	height: inherit;
	width: inherit;
}
.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 {
	color: white !important;
	background-color: #F39200;
	border-radius: 20px 20px 0 0;
	font-weight: 700;
	padding: 48px 24px 24px !important;
}
.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-introduction {
	font-weight: 700;
	font-size: 1.7rem;
	margin: 2rem 0;
}
.page-node-type-article article > .content > .field--name-field-tag {
	display: flex;
	color: white !important;
	background-color: #F39200;
	border-radius: 0 0 20px 20px ;
	width: 100%;
	font-weight: 600;
	padding: 0 2rem 24px;
	flex-wrap: wrap;
}
.page-node-type-article article > .content > .field--name-field-tag > .field--item {
	border: 1px solid;
	border-radius: 1rem;
	padding: 0.5rem 1rem;
	margin: 1rem;
}
.page-node-type-article article > .content > .field--name-field-tag > .field--item > a {
	color: white !important;
}
.page-node-type-article article > .content > .field--name-body {
	color: black;
}
.page-node-type-article article > .content > .field--name-field-image > img {width: auto;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: 2rem;
}
.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: 2rem;
}
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: 10rem;
    flex-grow: 1;
    padding: 2rem 0;
    margin-bottom: -70px;
}
.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;
}
.page-node-type-forum article.forum > .content > section > .js-comment > footer > * {
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 12px;
    color: rgba(var(--texte),50%);
    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;}
.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(--boxes-background) !important;
	background: var(--buttons);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.1;
	text-decoration: none !important;
	text-align: center;
	border-radius: 7px;
}
.more-link > a:hover, 
.more-link > a:focus {background: var(--buttons); opacity: 0.7;}
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 .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; */
    background: white;
    border: 1px solid var(--links);
    padding: 13px 24px;
    margin: 5px 8px;
    display: inline-grid;
}
.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(--links) !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(--text) !important;
	font-size: 12px;
	line-height: 110%;
}
.field--type-file span.file > span.file-size {
	grid-area: fileSize;
    padding: 0;
    color: var(--text);
    font-weight: normal;
	font-size: 9px;
    margin-top: -8px;
}
.field--type-file span.file > span.file-icon {
    margin: 0px 18px 0px 0px;
}

.view-faq > .view-header > #sommaireH2 {
	font-size: 16px !important;
	margin-top: 0;
}
.d4c-versioned-console__doc-menu, .d4c-versioned-console__doc-content {
	padding: 0;
}
article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul,
.d4c-versioned-console__doc-menu > ul {
	padding: 0;
}
article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul > li,
.d4c-versioned-console__doc-menu > ul > li {
	list-style: none;
	font-size: 13px;
}
article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul > li > a,
.d4c-versioned-console__doc-menu > 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(--text) !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(--links-rgb),.35) !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(--text) !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(--text) !important;
	font-size: 18px;
}
.pager__item a:hover,
.pagination li a:hover {
	background-color: rgb(var(--links-rgb),.35) !important;
	color: var(--links) !important;
}
.pager__item.is-active.active a,
.pagination li.active a {
	background-color: rgb(var(--links-rgb),.15) !important;
	color: var(--links) !important;
}
#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-title,
.view-agenda-page .views-field-title a {
    color: var(--titles);
    font-family: var(--en-tete-font);
    font-weight: bold;
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
    margin-bottom: 8px;
    grid-area: title;
}
.view-documents .views-field-field-type {
	background: var(--buttons-highlight);
	border-radius: 4px;
	color: var(--boxes-background);
	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;
	width: fit-content;
	float: left;
	margin-right: 8px;
	grid-area: type;
	white-space: nowrap;
	height: 20px;
}
.views-field-field-document span.file {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: fit-content;
    margin: 0;
}
.views-field-field-document span.file > span {
    border: 0px solid transparent;
    background: transparent;
    line-height: 18px;
    display: flex;
    vertical-align: unset;
    font-size: 16px;
    align-items: center;
}
.views-field-field-document span.file > span.file-icon {
    padding: 0 !important;
    order: 5;
}
.views-field-field-document span.file > span.file-size {
    padding: 0;
    color: var(--links);
    font-weight: normal;
}
.views-field-field-document span.file > span.file-size::before {
	content: "(";
}
.views-field-field-document span.file > span.file-size::after {
	content: ")";
}
.views-field-field-document span.file > span.file-icon > span {
    color: var(--links) !important;
    /* display: inline-block; */
    /* overflow: hidden; */
    /* text-indent: -9999px; */
    top: 50%;
    transform: translateY(-8%);
}
.views-field-field-document span.file > span.file-icon > span::before {
    content: "\ebb8";
    font-family: var(--icons-font);
    font-size: 18px;
    /* visibility: visible; */
    float: left;
    margin: 0;
    /* text-indent: 0; */
}
.views-field-field-document span.file > span.file-link > a {
    text-decoration: none !important;
    color: var(--links);
    background: unset;
    font-size: 0;
    /* visibility: hidden; */
    font-weight: normal;
    line-height: 16px;
    height: 16px;
    /* display: inline-block; */
    /* overflow: hidden; */
    /* text-indent: -9999px; */
}
.views-field-field-document span.file > span.file-link > a::before {
	content: "Consultez le rapport";
	font-size: 16px;
	line-height: 16px;
	/* visibility: visible; */
	float: left;
	white-space: nowrap;
	margin: 0;
	/* text-indent: 0; */
}
.view-documents .views-row .views-field-created,
.view-agenda-page .views-field-field-start-date {
    color: var(--text);
    font-size: 13px;
    grid-area: date;
}
.view-documents .views-field-field-document {
	width: 100%;
	margin-top: 16px;
	align-self: end;
	grid-area: link;
}
.view-documents .views-row,
.view-agenda-page .views-row {
    background: var(--page-background);
    border-radius: 7px;
    padding: 16px;
}
.view-documents .views-row {
	display: grid;
    grid-template-areas:
        'title title'
        'type date'
        'link link';
    grid-template-columns: minmax(0, auto) 1fr;
    grid-template-rows: auto auto 1fr;
}
.view-documents .view-content,
.view-agenda-page .view-content {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
article.agenda-actions-en-cours > .content {
	display: grid;
	align-items: start;
}
article.agenda-actions-en-cours > .content > .field--name-field-start-date {
	grid-area: start;
	background: var(--page-background);
	padding: 16px 16px 0;
	border-radius: 7px 7px 0 0;
}
article.agenda-actions-en-cours > .content > .field--name-field-end-date {
	grid-area: end;
	background: var(--page-background);
	padding: 0 16px 16px;
	border-radius: 0 0 7px 7px;
}
article.agenda-actions-en-cours > .content > .field--name-field-image {
	grid-area: img;
}
article.agenda-actions-en-cours > .content > .field--name-body {
	grid-area: text;
	margin-top: 32px;
}
.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(--page-background-rgb), 85%);
	color: var(--text);
	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(--text) !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(--text);
	width: 100%;
}
.path-user article[about^="/user/"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	width: 100%;
}
.path-user article[about^="/user/"] > .field--name-user-picture > a {
	width: 100px;
	height: 100px;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}
.path-user article[about^="/user/"] > .field--name-user-picture > a > img {
	width: inherit;
	height: inherit;
	object-fit: cover;
}
.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(--text);
	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;}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) {
	width: 100%;
}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) a {text-decoration: none;}  
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) thead:not(.fc-head) th:first-child,
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) tbody:not(.fc-body) td:first-child {
	padding-left: 24px !important;
}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) thead:not(.fc-head) th:last-child,
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) tbody:not(.fc-body) td:last-child {
	padding-right: 24px !important;
}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) tbody:not(.fc-body) td {
	padding: 12px 12px !important;
	vertical-align: middle;
	display: table-cell;
	background: transparent !important;
	border: 0 !important;
}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) > tbody:not(.fc-body) > tr {
	box-shadow: inset 0px -1px 0px #E5E5E5;
}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) thead:not(.fc-head) th {
	padding: 17.5px 12px !important;
	background: var(--page-background) !important;
	color: var(--text);
	border: 0 !important;
	box-shadow: inset 0px -1px 0px #E5E5E5 !important;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 110%;
}
:not(.fc-content-skeleton) > table:not(.d4c-color-chooser__current-color-range, .d4c-color-chooser__color-preview) > tbody:not(.fc-body) > tr:hover {
	background: rgb(var(--page-background-rgb),.5) !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%;
	position: relative;
	column-width: 281px;
	column-gap: 16px;
}
.view-plan-du-site .item-list > ul > li {
	width: 100%;
	display: block;
	float: left;
	position: relative;
}
.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(--text);
    padding-bottom: 48px;
}
form#user-login-form::after {
    content: "- OU -";
    position: absolute;
    display: block;
    transform: translate(-50%, 50%);
    background: var(--boxes-background);
    color: var(--text);
    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%;
}
.card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    overflow: hidden;
}
.card-container > .card {
	font-size: 9px;
	line-height: 10px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background: unset;
}
.card-container > .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
    background: unset;
    color: white !important;
    border: unset;
    margin: 0 !important;
}
.card-container > .card.gris {
	background-color: var(--buttons);
}
.card-container > .card > .card-img {
    max-width: 100%;
    height: auto;
    width: 35%;
    margin-bottom: 0.5rem;
}
.card-container > .card > .card-lbl {
    width: 85%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.card-container > .card {
	width: 106.25px;
	height: 106.25px;
}
.fc-button-primary,
.fc-today-button, 
.fc-today-button:disabled {
	background-color: var(--links);
	border: 2px solid var(--links);
	border-radius: 7px !important;
	padding: 8px 16px;
	color: var(--boxes-background);
	font-size: 13px;
	font-weight: 700;
	opacity: 1;
}
.fc-button-group>.fc-button {
	border-radius: 7px !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(--links) !important;
	color: var(--links) !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(--text) !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(--text);
}
.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(--page-background) !important;
	border-radius: 4px !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(--links);
    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;
	border: 0 !important;
}
.fc-day-top.fc-other-month {
	opacity: .5;
}
.swagger-ui .wrapper {
	padding: 0 !important;
}
.swagger-ui .scheme-container,
.swagger-ui .global-server-container {
	box-shadow: none !important;
	padding: 0 !important;
}
.swagger-ui .info .title small pre {
	background-color: transparent !important;
	border: 0;
	color: #fff;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
	font-size: 14px;
}
.field--name-field-graphiques {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.field--name-field-graphiques:nth-child(2) {
	margin-top: 48px;
}
.field--name-field-graphiques p > strong, d4c-facets p {
	font-family: var(--en-tete-font);
	font-weight: 700;
	font-size: 16px;
	color: var(--titles);
}
.field--name-field-graphiques p, d4c-facets p {
	margin: 0 0 8px 0 !important;
}
d4c-facets p + .d4cwidget-facet {
	margin-top: 0 !important;
}
.d4c-widget.dashboard-widget.d4c-widget--kpi {
	height: auto !important;
}
.widget-bottom {
    position: unset !important;
}
.d4c-chart-data-download, .d4c-chart-download {
	bottom: unset !important;
}
#main.widget-opendata #filter {
	width: 20%;
}
#main.widget-opendata #filter + div {
	width: 80%;
}
#main.widget-opendata #filter h1 {
	font-size: 2rem !important;
	background: none !important;
	order: -2;
}
#main.widget-opendata #filter h2 {
	font-size: 2rem !important;
	background: none !important;
}
#main.widget-opendata #filter h3 {
	font-size: 2rem !important;
	background: none !important;
}
#main .form-group {
    order: -1;
}
#main .input-group-btn>.btn {
    padding: 6px 12px !important;
	color: white;
    background-color: orange;
}
.nav-tabs > li > a {
	padding: .5rem 1rem;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 7px !important;
    font-weight: 700;
    line-height: 1.5rem !important;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0px !important;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
	font-size: 14px;
}
.box_1 {
	padding: 1rem 1rem 1.5rem 2rem;
}
.box_4 {
	align-content: center;
}
.data-desc {
	font-size: 1.3rem;
}
.dataset-h2 {
	font-size: 1.5rem !important;
}
.portail-theme {
	margin-bottom: 3%;
}
#main.widget-opendata .tag {
	background-color: var(--links);
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane details:not(.d4c-chart-controls__details-container) > div > a {
    background: white !important;
}
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane details:not(.d4c-chart-controls__details-container) > div > a > span {
    color: black;
}
.d4c-dataset-admin-button img {
    margin-bottom: 12px !important;
}
.d4c-tabs__tabs {
    margin: 0;
    font-size: 1.2rem;
}
.d4c-tabs__tabs > a, .tabs--primary > li > a {
	color: rgb(var(--texte)) !important;
}
.d4c-dataset-visualization__dataset-title .d4cwidget-social-buttons {
    order: 2;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
	width: calc(100% - 30rem);
}
.d4c-dataset-visualization__dataset-title .d4cwidget-social-buttons .d4cwidget-social-buttons__button {
	color: var(--buttons) !important;
	font-size: 2rem;
}
.d4cwidget-social-buttons__button:focus, .d4cwidget-social-buttons__button:hover {
	font-size: 2.5rem !important;
	background-color: transparent !important;
}
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 .d4c-button {
    order: 1;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: 0px transparent;
    color: rgb(var(--texte));
    border-radius: 30px;
    width: 30rem;
    text-align: left;
    text-transform: lowercase;
    padding-left: 25px;
    font-weight: 400;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 > span {
    order: 4;
    text-align: left;
    margin-top: 15px;
	width: 90%;
}
h1.d4c-dataset-visualization__dataset-title > .box_3 > div:not(.d4c-button):not(.d4cwidget-social-buttons) {
    order: 3;
    margin-top: 15px;
}
.bg-primary {
    color: #fff;
    background-color: var(--links) !important;
}
.search-bar .search-icon {
    top: 15% !important;
}
article.forum > .content, article.article > .content {
    justify-content: center;
    align-items: center;
	display: flex;
    flex-direction: column;
}
.d4c-tabs__pane.d4c-tabs__pane--horizontal > .ng-scope > .ng-scope > .ng-scope {
	width: 100% !important;
}

/* Mobile */
@media screen and (max-width: 480px) {
	#abo-container {
		flex-direction: column;
	}
	#abo_img {max-width: 100%;}
}
@media screen and (min-width: 480px) {
	#abo_img {max-width: 50%;}
}

/* Tablette */
@media screen and (max-width: 768px) {
	h1, .h1 {
	    font-size: var(--h1-mobile) !important;
	}
	h2, .h2 {
	    font-size: var(--h2-mobile) !important;
	}
	h3, .h3, h2.block-title {
	    font-size: var(--h3-mobile) !important;
	}
	h4, .h4 {
	    font-size: var(--h4-mobile) !important;
	}
	h5, .h5 {
	    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::after {
		font-size: 24px;
		line-height: 24px;
	}
	.container,
	article[about="/accueil"] .field--name-body > *:not(#background),
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset {
		width: 100%;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
    .navbar-nav {margin: 0 !important;flex-wrap: wrap;}
	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;
	}
	header > #navbar-header-wrapper {
		height: auto;
		flex-direction: column;
		position: relative;
	}
	#navbar-header-wrapper > .navbar-header {
		padding: 24px;
		width: 100%;
	}
	nav#block-api {
		padding: 0 24px;
	}
	.navbar-default .navbar-brand {
		padding: 0;
		height: unset;
		font-family: var(--en-tete-font);
		color: var(--titles);
		font-weight: 900;
	}
	#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;
		font-weight: 900 !important;
		line-height: 1.5;
		padding: 0;
		background: transparent !important;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li.active > a {
		color: var(--links);
	}
	#navbar-header-wrapper #navbar-collapse .region-navigation-collapsible {
		flex-direction: column;
		align-items: flex-start;
		height: 100%;
		justify-content: space-between;
		position: relative;
	}
	#block-citizena-themes-main-menu, #block-citizena-themes-account-menu {
		padding: 0 24px;
		width: 100%;
	}
	#block-citizena-themes-account-menu {
		width: 100%;
		background: var(--footer-background);
		padding-top: 24px;
		padding-bottom: 24px;
	}
	#block-citizena-themes-account-menu > ul.menu a {
		color: var(--footer-links) !important;
	}
	nav#block-api {
	    width: 100%;
	}
	nav#block-api > ul.menu {
		flex-wrap: wrap;
	}
	.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;
	}
	.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;
        max-height: 600px;
	}
	.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 {
	    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 {
		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;
	}
	#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;
	}
	#navbar-header-wrapper #navbar-collapse.in {
		height: var(--app-height) !important;
	}
	.jdd-thematiques > .jdd-cards > .jdd-card {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.container,
	article[about="/accueil"] .field--name-body > *:not(#background),
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset {
	    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 {
	    font-size: var(--h2-desktop) !important;
	}
	h3, .h3, h2.block-title {
	    font-size: var(--h3-desktop) !important;
	}
	h4, .h4 {
	    font-size: var(--h4-desktop) !important;
	}
	h5, .h5 {
	    font-size: var(--h5-desktop) !important;
	}
	h6, .h6 {
	    font-size: var(--h6-desktop) !important;
	}
	.navbar-default .navbar-brand {
		display: none;
	}
	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,
	.view-agenda-page .views-row {
	    width: calc(50% - 16px);
	}
	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.user-logged-in .region.region-header,
	.path-user.user-logged-in .region.region-content {
		width: 641px;
	}
	.path-user .region.region-header,
	.path-user.user-logged-in .region.region-content,
	.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;
		white-space: nowrap;
		align-items: center;
		justify-content: center;
		font-weight: normal;
		font-size: 15px;
		line-height: 1.1;
		position: relative;
		color: var(--text);
		background: transparent !important;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li > a::after {
		content: "";
		height: 3px;
		background: var(--links);
		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%;
	}
	nav#block-api {
	    margin-left: -24px !important;
	    margin-right: -24px !important;
	    width: calc(100% + 48px);
	    padding: 0 48px;
	}
	.swagger-ui .scheme-container, 
	.swagger-ui .global-server-container {
		width: 50%;
	}
	.swagger-ui .scheme-container {
		float: right;
		margin-top: 1.75em !important;
		margin-bottom: 0 !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu {
		gap: 16px;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-account-menu > ul.menu {
		gap: 0px;
		flex-direction: column;
		align-items: flex-end;
	}
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-main-menu > ul.menu > li > a,
	#navbar-header-wrapper #navbar-collapse nav#block-citizena-themes-account-menu > ul.menu > li > a {
		font-size: 13px;
	}	
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	#navbar-header-wrapper #navbar-collapse .region-navigation-collapsible {
		padding: 0 24px;
	}
}
/* 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-api > 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 > div:nth-child(2) {
		max-width: 100% !important;
		margin-left: 0 !important;
	}
	article[about="/mentions-legales"] .field--name-body {
		flex-wrap: wrap;
	}
	.view-faq > .view-header > ul, 
	article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul,
	.d4c-versioned-console__doc-menu > ul  {
		display: flex;
		list-style: none;
		gap: 8px 16px;
		padding: 0;
		flex-wrap: wrap;
	}
	nav#block-api > ul.menu > .logo {
		height: 33px;
		width: 45px;
	}
	#block-lademarche .demarche-content.right img {
		width: 230px;
	}
	#block-lademarche .field--name-body {
		gap: 32px;
	}
	#reutilisations,
	ul.reutilisations {
		flex-wrap: wrap;
	}
	#reutilisations > li,
	ul.reutilisations > li {
		width: 100%;
	}
	#reuses-count-container {
		flex-direction: column;
	}
	article.agenda-actions-en-cours > .content {
		grid-template-areas:
			'start'
			'end'
			'img' 
			'text';
	}
	article.agenda-actions-en-cours > .content > .field--name-field-image {
		margin-top: 48px;
	}
}
@media screen and (min-width: 992px) {
	.container,
	article[about="/accueil"] .field--name-body > *:not(#background),
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset {
	    width: 970px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    padding: 0 !important;
	    display: block;
	}
	header > #navbar-header-wrapper,
	nav#block-api > ul.menu{
		max-width: 100% !important;
	}
	.paragraph--type--deux-graphiques, .paragraph--type--trois-graphiques {
		display: flex;
		column-gap: 2rem;
	}
	.field--name-field-graphique-1-2, .field--name-field-graphique-2-2 {
		width: calc(50% - 1rem) !important;
	}
	.field--name-field-graphique-1-3, .field--name-field-graphique-2-3, .field--name-field-graphique-3-3 {
		width: calc(33.33333333% - 1.33333333rem) !important;
	}
	.view-faq {
		display: grid;
		grid-template-areas:
			'sommaire filter'
			'sommaire content';
		gap: 32px 132px;
	}
	.view-faq > .view-header {
		grid-area: sommaire;
		margin: 0 !important;
	}
	.view-faq > .view-filters {
		grid-area: filter;
	}
	.view-faq > .view-content {
		grid-area: content;
	}
	.view-faq > .view-header > ul, 
	article[about="/mentions-legales"] .field--name-body > #ml-menu-box,
	.d4c-versioned-console__doc-menu {
		position: sticky;
		top: 200px;
		max-width: 310px;
	}
	.view-faq > .view-header > #sommaireH2 {
		text-align: right;
	}
	.view-faq > .view-header > ul, 
	article[about="/mentions-legales"] .field--name-body > #ml-menu-box > ul,
	.d4c-versioned-console__doc-menu > ul  {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		list-style: none;
		padding: 0;
		font-size: 13px;
		text-align: right;
	}
	nav#block-api > ul.menu > .logo {
		height: 33px;
		width: 45px;
	}
	#block-jddstats #datasets-container .datasets-populaires {
		width: calc(100% - 130px - 270px);
	}	
	#block-jddstats #datasets-container .datasets-modifies {
		width: 270px;
	}
	#reutilisations li,
	ul.reutilisations > li {
		width: calc(100% / 3 - 64px / 3);
		min-height: 439px;
		border-radius: 7px;
		overflow: hidden;
	}
	#reuses-count-container > #reuses-count{
		width: fit-content;
		white-space: nowrap;
		align-items: flex-end;
		justify-content: center;
		flex-direction: column;
	}
	article.agenda-actions-en-cours > .content {
		grid-template-areas:
			'start img'
			'end img'
			'end text';
		grid-template-columns: 270px auto;
		grid-gap: 0 128px;
	}
}
@media screen and (max-width: 1200px) {
	footer.container {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}
/* Grand Ecran */
@media screen and (min-width: 1200px) {
	.container,
	article[about="/accueil"] .field--name-body > *:not(#background),
	footer.container > *,
	.path-reuses .region-header,
	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset,
	header > #navbar-header-wrapper,
	nav#block-api > ul.menu {
		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-api > ul.menu {
		padding: 0 !important;
		margin-left: auto;
		margin-right: auto;
		float: unset !important;
	}
	
	#block-views-block-les-organisations-de-la-plateforme-block-1 .view-content {
		transform: translateX(calc(max(1024px, 100vw)/2 - 585px));
	}
}

html{scroll-behavior:smooth;}


@-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 }
}

.region-content div#edit-actions {
    justify-self: center;
}