@media screen and (max-width: 768px) {
    .view-actualite .view-content {
        grid-template-columns: 1fr;
		gap: 32px;
		margin: auto;
    }
}

@media (min-width: 60.625rem) {
    .cookies-notice-content {
        align-items: center;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        justify-content: center;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
    }
}

@media (min-width: 60.625rem) {
    .cookies-btn-wrapper {
        margin-top: .3125rem;
    }
}
@media (min-width: 60.625rem) {
    .cookies-btn-wrapper {
        margin-left: 1.25rem;
    }
}

/* ====== Responsive ====== */
@media (max-width: 575.98px) {
	.reunions-list-reunion-container {
		grid-template-columns: 72px 1fr;
		padding: 12px;
	}

	.reunions-list-reunion-datedebut {
		min-height: 72px;
	}

	.d4c-workgroup-col-item-scrollable {
		padding: .75rem 1rem;
	}

	.d4c-workgroup-col-item-scrollable>h3 {
		font-size: 1.2rem;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1140px !important;
	}

	.node-preview-container {
		margin-top: 60px !important;
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 992px) {
	.organization-description {
		display: none;
	}

	.organization-tile {
		padding: 8px !important;
		margin: 8px !important;
		width: calc(50% - 16px) !important;
	}

	.organization-header {
		margin-top: 8px !important;
		margin-left: 8px !important;
		margin-right: 0px !important;
	}

	.organization-actions {
		padding: 16px !important;
		bottom: 0px !important;
		right: 0px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	p.navbar-text {
		padding-left: 44%;
		padding-right: 22%;
		text-align: center;
	}
}

@media screen and (min-width: 770px) and (max-width: 980px) {
	.region-navigation .search-input {
		width: 100px !important;
	}
}

@media screen and (min-width: 992px) {
	div[role="main"] #main.widget-opendata .col-md-10 {
		width: 75%;
	}

	div[role="main"] #main.widget-opendata>#filter {
		width: 25%;
	}
}


/* Mobile */
@media screen and (max-width: 480px) {
	header>.navbar-collapse>.region-navigation-collapsible {
		margin-top: 0;
	}

	.path-actualites .view-id-actualites .views-row {
		grid-template-areas:
			"image"
			"created"
			"title"
			"body";
	}

	.path-actualites .view-id-actualites .views-row .views-field-created,
	.path-actualites .view-id-actualites .views-row .views-field-title,
	.path-actualites .view-id-actualites .views-row .views-field-field-intoduction {
		padding: .5rem 1rem 0;
	}

	.path-actualites .view-id-actualites .views-row .views-field-field-image {
		height: 17.25rem;
		width: 30.563rem;
	}

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

	section[class*="block-views-blockactualites-block"] {
		padding: 0 20px;
	}
}

@media screen and (min-width: 480px) {
	.path-actualites .view-id-actualites .views-row {
		grid-template-areas:
			"image created"
			"image title"
			"image body";
	}

	.path-actualites .view-id-actualites .views-row .views-field-created,
	.path-actualites .view-id-actualites .views-row .views-field-title,
	.path-actualites .view-id-actualites .views-row .views-field-field-intoduction {
		padding: .5rem 0 0 3rem;
	}

	div[role="main"] #main.widget-opendata .col-md-10 #datasets>div,
	main.main--dataset .d4c-app-explore-dataset {
		width: 100%;
	}

	#main.widget-opendata #datasets {
		padding-top: 55px;
		padding-left: 1.25rem;
	}

	h1.d4c-dataset-visualization__dataset-title>.box_3 .d4cwidget-social-buttons {
		width: calc(100% - 30rem);
	}

	.path-actualites .view-id-actualites .views-row {
		grid-auto-columns: min-content auto;
	}
}


@media screen and (min-width: 480px) and (max-width: 768px) {
	.path-actualites .view-id-actualites .views-row .views-field-field-image {
		height: 20.25rem;
		width: 20.563rem;
	}
}

/* Tablette */
@media screen and (max-width: 768px) {
	section#block-searchblock {
		display: none;
	}

	#block-citizena-themes-main-menu {
		margin-left: auto;
	}

	nav#block-nosreseaux {
		display: none;
	}

	.menu--nos-reseaux a {
		color: rgb(var(--texte)) !important;
		width: unset;
		font-size: 21px;
		line-height: 1 !important;
	}

	.menu--nos-reseaux .dropdown-menu {
		position: static;
	}

	p.navbar-text {
		display: none;
	}

	.header>.navbar-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.navbar-default .navbar-toggle {
		border: none;
		padding: 0;
		z-index: 1002;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		transform: scale(1.5);
		transition: 0.5s;
		background-color: transparent;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: rgb(var(--blue));
	}

	.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;
	}

	header>.navbar-header>button {
		margin-left: auto !important;
		margin-right: 0;
	}

	header>.navbar-header>.region-navigation>.logo {
		height: 6rem;
	}

	.navbar-nav {
		margin: 0 !important;
	}

	article>.content>section[rel="schema:comment"]>*,
	.page-node-type-forum article.forum>.content>section>* {
		padding-right: 30px;
		padding-left: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}

	.search-bar {
		flex-wrap: wrap;
	}

	.organization-tile {
		width: 100% !important;
	}

	.organization-actions {
		right: auto !important;
	}

	#block-accueilrestitutions>.field--name-body {
		flex-wrap: wrap;
	}

	#block-citizena-themes-footer {
		width: 100% !important;
	}

	#block-accueilrestitutions>.field--name-body>div {
		width: 100%;
		align-items: flex-start;
		padding: 0 1rem;
	}

	#block-accueilrestitutions>.field--name-body>div:nth-child(1) {
		background: linear-gradient(to right, rgb(var(--texte)), transparent), url(/sites/default/files/inline-images/pexels-rodnae-productions-7948070.jpg);
	}

	#block-accueilrestitutions>.field--name-body>div:nth-child(2) {
		background: linear-gradient(to right, rgb(var(--texte)), transparent), url(/sites/default/files/inline-images/pexels-pixabay-2697241.jpg);
	}

	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin: 0 0 20px !important;
		padding: 24px;
		border: none;
	}

	.container>.navbar-collapse {
		position: relative;
	}

	.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
	.field--name-field-paragraphs .paragraph--type--article-citation,
	.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
	.field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
		padding: 2rem;
	}

	article.mentions-legales {
		flex-direction: column;
	}

	article.mentions-legales>#ml-navigation {
		width: 100%;
	}

	article.mentions-legales>#ml-navigation>ul {
		display: flex;
		gap: .5rem 1rem;
		flex-wrap: wrap;
	}

	.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}

	#contact-message-nous-contacter-form {
		padding-top: 50%;
		background-position: center top;
		background-size: 50%;
		margin-bottom: 3rem;
	}

	.path-faq .views-element-container {
		flex-direction: column;
	}

	.path-faq .views-element-container>.faq-img {
		width: 50%;
		margin: 0 auto
	}

	.path-faq .views-element-container>.view-faq {
		width: 100%;
	}

	div[role="main"] #main.widget-opendata,
	.main--dataset,
	div[role="main"] #main.widget-opendata .col-md-10 #datasets {
		justify-content: center;
		margin: 3rem auto;
	}

	div[role="main"] #main.widget-opendata #filter h1,
	div[role="main"] #main.widget-opendata #filter .form-group {
		position: relative;
		order: -5;
		margin-bottom: 2rem !important;
	}

	#block-reseauxsociaux .field--name-body {
		flex-wrap: wrap;
		gap: 2rem;
		flex-direction: column-reverse;
	}

	.container {
		width: 100%;
		padding: 0;
	}

	.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;
	}

	.d4c-mapbuilder__map-container {
		margin: 0 !important;
		padding-top: 300px;
	}

	.d4c-mapbuilder__datasets-panel {
		width: 100% !important;
		height: 300px;
	}

	.d4c-mapbuilder__main-panel {
		top: 65% !important;
	}

	.path-carte .d4cwidget.d4cwidget-map__map {
		min-height: 60vh !important;
		height: 100% !important;
	}

	.card-kpi {
		width: 100%;
	}

	#main.widget-opendata .dataset {
		width: 100% !important;
		margin: 0 !important;
	}

	.dataset-h2 {
		font-size: unset !important;
	}

	#main.widget-opendata .dataset .box_1 {
		padding: 1rem;
	}

	#main.widget-opendata .dataset ul:not(:last-child) {
		font-size: 13px;
	}

	.d4c-dashboard-card,
	.d4c-visualization-card {
		width: 48%;
	}

	.d4c-workgroup-image {
		width: unset !important;
		height: unset !important;
	}

	.d4c-modal__window {
		height: unset !important;
		margin-top: 150px;
	}
}

@media screen and (min-width: 768px) {
	footer>.region-footer {
		max-width: 720px;
	}

	article>.content>section[rel="schema:comment"]>*,
	.page-node-type-forum article.forum>.content>section>* {
		width: 750px;
		padding-right: 30px;
		padding-left: 30px;
		margin-right: auto;
		margin-left: auto;
	}

	header>.navbar-header>.region-navigation>.logo {
		height: 100px;
		width: 200px !important;
		margin-right: 15px;
		padding: 0;
	}

	header>.navbar-collapse {
		margin-left: auto !important;
	}

	#block-nosreseaux-2 {
		display: none;
	}

	.menu--footer {
		justify-content: flex-end;
	}

	#block-accueilrestitutions>.field--name-body>div {
		width: 50%;
	}

	#block-accueilrestitutions>.field--name-body>div:nth-child(1) {
		align-items: flex-end;
		padding-right: 5rem;
		background: linear-gradient(to left, rgb(var(--texte)), transparent), url(/sites/default/files/inline-images/pexels-rodnae-productions-7948070.jpg);
	}

	#block-accueilrestitutions>.field--name-body>div:nth-child(2) {
		align-items: flex-start;
		padding-left: 5rem;
		background: linear-gradient(to right, rgb(var(--texte)), transparent), url(/sites/default/files/inline-images/pexels-pixabay-2697241.jpg);
	}

	.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;
	}

	.path-actualites .view-id-actualites .views-row .views-field-field-image {
		height: 17.25rem;
		width: 30.563rem;
	}

	article.mentions-legales>#ml-navigation {
		width: fit-content;
		margin-right: 5rem;
	}

	article.mentions-legales>#ml-navigation>ul {
		position: sticky;
		top: 15rem;
	}

	article.mentions-legales>#ml-navigation>ul>li {
		text-align: right;
	}

	#contact-message-nous-contacter-form {
		padding-left: 50%;
		background-position: 7.5% center;
		background-size: 35%;
	}

	.path-faq .views-element-container>.faq-img {
		width: 60%;
	}

	.path-faq .views-element-container>.view-faq {
		width: 40%;
	}

	div[role="main"] #main.widget-opendata,
	main.main--dataset .d4c-app-explore-dataset,
	#block-citizena-themes-quicktabsapi {
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		flex-wrap: wrap;
		margin: 2rem auto;
		padding: 0 !important;
	}

	div[role="main"] #main.widget-opendata #filter {
		margin: 0;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		background: #fafafa;
	}

	div[role="main"] #main.widget-opendata .col-md-10 {
		padding-left: 30px;
		padding-right: 2px !important;
	}

	div[role="main"] #main.widget-opendata #filter h1 {
		width: 100%;
		text-align: center;
		text-transform: uppercase;
	}

	.path-databfc #roeditobsform,
	.path-databfc #adminimportusersform,
	#co-menu {
		width: 737.5px;
		margin: 0 auto;
	}

	.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;
	}

	.card-kpi {
		width: calc((100% / 3) - (40px / 3));
	}

	.d4c-modal__window {
		margin-top: 150px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#block-citizena-themes-account-menu>ul {
		top: -50px;
		position: relative;
	}

	p.navbar-text {
		padding-left: 280px;
		padding-right: 200px;
		text-align: center;
	}

	nav#block-nosreseaux {
		left: 128px;
	}
}

/* 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%;
	}

	#block-filtrepartheme .jddtheme-filter,
	#block-reseauxsociaux>*,
	#block-views-block-tableau-de-bord-block-1>*,
	#block-views-block-indicateurs-block-1>* {
		padding: 0 20px;
	}

	.paragraph--type--_-graphiques {
		display: flex;
		gap: 2rem;
		flex-direction: column;
	}

	.paragraph--type--etape-d-analyse {
		grid-template-areas:
			'indicator'
			'texte'
			'visu';
	}

	.view-actualite .view-content {
		gap: 22px;
	}

	div#navbar-collapse {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 992px) {
	footer>.region-footer {
		max-width: 940px;
	}

	article>.content>section[rel="schema:comment"]>*,
	.page-node-type-forum article.forum>.content>section>* {
		width: 970px;
		padding-right: 30px;
		padding-left: 30px;
		margin-right: auto;
		margin-left: auto;
	}

	#block-citizena-themes-main-menu>ul,
	#block-citizena-themes-account-menu>ul {
		margin-bottom: 40px;
	}

	#block-filtrepartheme .jddtheme-filter,
	#block-reseauxsociaux>*,
	#block-views-block-tableau-de-bord-block-1>*,
	#block-views-block-indicateurs-block-1>* {
		width: 990px;
		margin-right: auto;
		margin-left: auto;
	}

	.paragraph--type--_-graphiques {
		display: flex;
		gap: 2rem;
	}

	.field--name-field-graphique-1-2,
	.field--name-field-graphique-2-2 {
		width: calc(50% - 1rem) !important;
		float: left;
	}

	.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;
		float: left;
	}

	.paragraph--type--etape-d-analyse {
		grid-template-areas:
			'texte indicator'
			'texte visu';
		grid-template-columns: 1fr 1.5fr;
		grid-template-rows: auto 1fr;
	}
}

/* Grand Ecran */
@media screen and (min-width: 1200px) {
	footer>.region-footer {
		max-width: 1140px;
	}

	header.navbar-default,
	footer {
		width: 100% !important;
	}

	header>.navbar-collapse>.region-navigation-collapsible {
		max-width: 1400px;
	}

	article>.content>section[rel="schema:comment"]>*,
	.page-node-type-forum article.forum>.content>section>* {
		width: 1170px;
		padding-right: 30px;
		padding-left: 30px;
		margin-right: auto;
		margin-left: auto;
	}

	#main.widget-opendata .dataset p,
	.organization-page #main.widget-opendata #datasets p>a {
		font-size: 16px !important
	}

	.organization-page #main.widget-opendata .dataset p,
	.organization-page #main.widget-opendata #datasets p>a {
		font-size: 13px !important;
	}

	.organization-page #main.widget-opendata .dataset .box_2 {
		flex: 3;
	}

	div[role="main"] #main.widget-opendata .col-md-10 #datasets>div {
		width: 49%;
	}

	.views-field-field-image img {
		height: 160px;
	}
}

@media screen and (min-width: 1500px) {

	header#navbar,
	footer>.region-footer {
		max-width: 100%;
	}
}

@media screen and (min-width: 768px) {

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

	form#openid-connect-login-form {
		padding-top: 48px;
	}
}

/* Responsive */
@media (max-width: 768px) {
	.main-container .row .region-content div.pagination {
		gap: 0.35rem;
		padding: 0.75rem;
		border-radius: 12px;
	}

	.main-container .row .region-content div.pagination a,
	.main-container .row .region-content div.pagination span {
		min-width: 2.1rem;
		height: 2.1rem;
		padding: 0 0.7rem;
		font-size: 0.88rem;
		border-radius: 10px;
	}
}

/* Mobile */
@media (max-width: 700px) {
	.d4c-dataset-export-link {
		flex-direction: column;
		gap: .35rem;
	}

	.geo-title {
		max-width: 100%;
	}
}