/*!
Theme Name: Sun
Theme URI: https://valdegaronne.fr
Author: Val de Garonne Agglomération : Service Informatique
Description: Thème crée par l'Agglomération de Val de Garonne à destination des communes en faisant partie pour leurs prodiguer une vitrinne sur internet de manière accessible
Version: 2.26.0421
Tested up to: 8.5.0
Requires PHP: 7.4.33
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: template_1
Tags: custom-background, custom-burger-menu-title, custom-menu

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sun is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

html {line-height: 1.15;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}abbr[menu-title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;/* color: inherit; */display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}*,*::before,*::after {box-sizing: inherit;}html {box-sizing: border-box;}body,button,input,select,optgroup,textarea {/* color: #404040; */font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size: 1rem;line-height: 1.5;}h1,h2,h3,h4,h5,h6 {clear: both;}p {margin-bottom: 1.5em;}dfn,cite,em,i {font-style: italic;}blockquote {margin: 0 1.5em;}address {margin: 0 0 1.5em;}pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}code,kbd,tt,var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}mark,ins {background: #fff9c0;text-decoration: none;}big {font-size: 125%;}hr {/* background-color: #ccc; */border: 0;height: 1px;margin-bottom: 1.5em;}ul {list-style: disc;}ol {list-style: decimal;}li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}dt {font-weight: 700;}dd {margin: 0 1.5em 1.5em;}embed,iframe,object {max-width: 100%;}img {height: auto;max-width: 100%;}figure {margin: 1em 0;}table {margin: 0 0 1.5em;width: 100%;}button,input[type="button"],input[type="reset"],input[type="submit"] {border: 1px solid;/* border-color: #ccc #ccc #bbb; */border-radius: 3px;background: #e6e6e6;/* color: rgba(0, 0, 0, 0.8); */line-height: 1;padding: 0.6em 1em 0.4em;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {/* color: #666; */border: 1px solid #ccc;border-radius: 3px;padding: 3px;}select {border: 1px solid #ccc;}textarea {width: 100%;}.main-navigation {display: block;width: 100%;}.main-navigation ul {display: none;list-style: none;margin: 0;}.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 99999;}.main-navigation ul ul ul {left: -999em;top: 0;}@media screen and (min-width: 500px) {/* NOTE Modification du CSS pour n'avoir le comportement hover que sur les résolutions supérieures à 500px */.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {display: block;left: auto;}.main-navigation ul ul a {width: 10em;}.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;}}.main-navigation a {display: block;text-decoration: none;}.menu-toggle,.main-navigation.toggled ul {display: block;}@media screen and (min-width: 37.5em) {.menu-toggle {display: none;}.main-navigation ul {display: flex;}}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {margin: 0 0 1.5em;}.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links {display: flex;}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {flex: 1 0 50%;}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {text-align: end;flex: 1 0 50%;}.sticky {display: block;}.updated:not(.published) {display: none;}.page-content,.entry-content,.entry-summary {margin: 1.5em 0 0;}.page-links {clear: both;margin: 0 0 1.5em;}.comment-content a {word-wrap: break-word;}.bypostauthor {display: block;}.widget {margin: 0 0 1.5em;}.widget select {max-width: 100%;}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}.custom-burger-menu-title-link {display: inline-block;}.wp-caption {margin-bottom: 1.5em;max-width: 100%;}.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}.wp-caption .wp-caption-text {margin: 0.8075em 0;}.wp-caption-text {text-align: center;}.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}.gallery-item {display: inline-block;text-align: center;width: 100%;}.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}.gallery-caption {display: block;}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-info-dark {display: none;}.infinity-end.neverending .site-info-dark {display: block;}.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}.screen-reader-text:focus {/* background-color: #f1f1f1; */border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;/* color: #21759b; */display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}#primary[tabindex="-1"]:focus {outline: 0;}.alignleft {/*rtl:ignore*/float: left;/*rtl:ignore*/margin-right: 1.5em;margin-bottom: 1.5em;}.alignright {/*rtl:ignore*/float: right;/*rtl:ignore*/margin-left: 1.5em;margin-bottom: 1.5em;}.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;}

#navbar li,
.nav-container .checkbox,
.wp-block-latest-posts__list li a,
.post-edit-link,
#secondary-menu li a,
.wp-block-page-list li,
.wp-block-column > h3 > strong > a,
#masthead button,
#navbar a,
input[type="submit"],
#quartuary-menu > li > a,
#quartuary-menu > li,
.credits a {
	cursor: pointer;
}
*:not(#alert-banner a,
.event-date a:hover,
#agenda > a:hover,
#bulletins > a:hover,
#news > a:hover,
#map > a:hover,
.site-info-bottom li:hover a,
#navbar > li > a:hover,
.site-title:hover,
.credits a,
a[data-type="link"]) {
	text-decoration: none;
}
.menu-left .menu-item-has-children > a:active {
	/* e.preventDefault() pour la version mobile */
	pointer-events: none;
}
body {
	overflow-x: hidden;
}
body {
	font-family: 'Arial', 'serif';
}
ul,
li {
	list-style: none;
}
h2 {
	font-weight: bold;
}
.block {
	display: block;
}
#alert-banner {
	transition: transform 300ms ease, opacity 300ms ease;
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	bottom: 0;
	cursor: pointer;
	padding: 0.5rem 1rem;
	width: 100%;
	z-index: 999;
}
#alert-banner > li,
#alert-banner > li > * {
	margin: 0;
}
#alert-banner.hide {
	transform: translateY(100%);
	opacity: 0;
}
@media screen and (min-width: 1024px) {
	.site-main {
		margin: 0 20%;
	}
	div.nav-container input[type="checkbox"] {
		display: none;
	}
}
.chevron::before {
	border-style: solid;
	border-width: 2px 2px 0 0;
	height: 0.5em;
	width: 0.5em;
	left: -0.5rem;
	top: -0.2rem;
	position: relative;
	display: inline-block;
	content: '';
	transform: rotate(135deg);
}
.rotate::before {
	transform: rotate(315deg);
}
.collapse {
	width: 100%;
	display: block !important;
}

/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */

.custom-logo-link {
	position: fixed;
	top: 0.5rem;
	left: 0.5rem;
	z-index: 2;
	max-width: 150px;
	max-height: 150px;
}
.custom-logo {
	height: 100%;
	width: 100%;
	padding-left: 0.5rem;
  	padding-top: 0.5rem;
}
span.custom-logo {
	border-radius: 8px;
}
.nav {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1rem 1rem 0 1rem;
}
.nav a:not(.sub-menu a), .site-title {
	font-weight: bold;
}
.menu-left {
	margin-left: 10.5rem;
	display: flex;
	align-items: start;
	flex-direction: column;
	justify-content: center;
}
.menu-left #navbar {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	margin-top: 25px;
	padding: 0;
	flex-wrap: wrap;
}
.menu-left > #navbar > li {
	flex-shrink: 0;
}
.menu-left #navbar > li > a {
	padding-bottom: 20px;
}
.menu-left #navbar > li > .sub-menu {
	margin-top: 17px;
}
.menu-left #navbar > li > .sub-menu .sub-menu {
	margin-left: 100%;
	margin-top: -40px;
}
.menu-left #navbar > li > .sub-menu::before {
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	transform: rotate(45deg);
	z-index: -1;
	left: 10px;
	top: -4px;
}
#navbar .sub-menu li a {
	padding: 0.5rem 1rem;
	display: block;
	width: 100%;;
}
.menu-left #navbar .menu-item-has-children:hover > .sub-menu {
	left: unset;
}
.menu-left .site-title {
	font-size: 26px;
}
.menu-right {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	align-items: flex-end;
	width: 35vw;
}
.nav-options {
	width: inherit;
	display: flex;
	gap: 1rem;
}
#masthead .nav-options button {
	margin: 0;
	padding: 0;
}
.vga-icon-moon {
	height: 2.1rem;
	width: 2.1rem;
 }
#masthead .search-form {
	width: inherit;
}
#masthead input[type="search"].search-field {
	border: none;
	border-radius: 50px;
	outline: none;
	float: right;
	width: 100%;
	max-width: 400px;
	padding: 0.5rem 1rem;
}
#socials {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
}
#socials li, 
#socials li a {
	width: 35px;
	height: 35px;
}
#socials li a {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	text-wrap: nowrap;
}
div.header-image {
	display: block;
	height: 400px;
}
img.header-image {
	max-height: 500px;
}
.header-image {
    width: 65vw;
	margin-left: 17vw;
	/* margin-top: 10%; */
	object-fit: cover;
	border-radius: 15px;
}
body[theme-mode="dark"] .header-image, 
body[theme-mode="dark"] #map-bg {
	filter: brightness(0.8);
}
body:not(.home) .site-main {
	margin: 0 20%;
}
.nav-container {
	display: flex;
	align-items: center;
	min-height: 70px;
	gap: 0.5rem;
	width: 100%;
	/* position: absolute; */
	padding: 0 3%;
}
.nav-container label {
	opacity: 0;
}
.nav-container .checkbox {
	position: absolute;
	display: block;
	height: 35px;
	width: 35px;
	/* top: 17px; */
	/* left: 16px; */
	z-index: 3;
	opacity: 0;
}
.nav-container .menu-lines {
	flex-shrink: 0;
	height: 26px;
	width: 32px;
	/* position: absolute; */
	/* top: 22px; */
	/* left: 20px; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 2;
}	  
.nav-container .menu-lines .line {
	display: block;
	height: 4px;
	width: 100%;
	border-radius: 10px;
}	
.nav-container .menu-lines .line1 {
	transform-origin: 0% 0%;
	transition: transform 0.2s ease-in-out;
}	  
.nav-container .menu-lines .line2 {
	transition: transform 0.1s ease-in-out;
}	  
.nav-container .menu-lines .line3 {
	transform-origin: 0% 100%;
	transition: transform 0.2s ease-in-out;
}	   
.nav-container input[type="checkbox"]:checked ~ .menu-lines .line1 {
	transform: rotate(45deg);
}	  
.nav-container input[type="checkbox"]:checked ~ .menu-lines .line2 {
	transform: scaleY(0);
}	  
.nav-container input[type="checkbox"]:checked ~ .menu-lines .line3 {
	transform: rotate(-45deg);
}	  
.nav-container input[type="checkbox"]:checked ~ div > #navbar {
	display: block !important;
}
.checkboxlabel {
	position: absolute;
	left: -999rem;
}

@media screen and (min-width: 1024px) {
	#mobile-nav {
		display: none;
	}
	#navbar .sub-menu {
		position: absolute;
		width: max-content;
		margin: 0;
		padding: 0;
		left: -999rem;
	}
	.header-image {
		margin-top: 200px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	.header-image {
		width: 100vw;
		/* margin-top: 10%; */
		margin-left: unset;
	}
	.nav-options .search-form input[type="search"] {
		width: 35vw !important;
	}
	.menu-left {
		width: 55%;
	}
}
@media screen and (max-width: 1024px) {
	.nav,
	.custom-logo,
	.custom-logo-link,
	#mobile-nav #navbar {
		display: none;
	}
	body:not(.home) .site-main {
		margin: 5%;
	}
	#mobile-nav #navbar a {
		font-size: 1.3rem;
		/* color: var(--secondary); */
	}
	#mobile-nav #navbar .sub-menu {
		position: relative;
		padding: unset;
		margin-left: 1rem;
		display: none;
	}
}
@media screen and (min-width: 500px) and (max-width: 1024px) {
	#navbar {
		position: absolute;
		width: 100vw;
		padding: 4rem;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 1;
	}
	.site-title {
		font-size: 1.4rem;
		width: 85%;
	}
	#masthead button.vga-icon-moon {
		position: absolute;
		right: 1rem;
	}
	.nav-container {
		justify-content: flex-start;
	}
	.header-image {
		width:80vw;
		margin-left: 10vw;
		/* margin-top: 13%; */
	}
}
@media screen and (min-width: 500px) and (max-width: 800px) {}
@media screen and (max-width: 500px) {
	#navbar {
		position: absolute;
		width: 100vw;
		padding: 4rem;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 1;
	}
	.site-title {
		font-size: 1.2rem;
		width: 100%;
	}
	div.header-image {
		display: block;
		max-height: 300px;
	}
	img.header-image {
		max-height: 500px;
	}
	.header-image {
		width: 100%;
		margin-left: unset;
		margin-top: unset;
		border-radius: unset;
	}
	.nav-container {
		position: absolute;
	}
	.site-title,
	#masthead button {
		z-index: 1;
	}
}

/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */

.vga-icon-moon {
	background-image: url("./sprite.svg#moon");
}
.vga-icon-search {
	background-image: url("./sprite.svg#search");
}
.vga-icon-files {
	background-image: url("./sprite.svg#files");
}
.vga-icon-exit {
	height: 20px;
	width: 20px;
	background-image: url("./sprite.svg#exit");
}
.vga-icon-chevrns {
	height: 15px;
	width: 15px;
	background-image: url("./sprite.svg#chevrns");
}
#socials li a[href*='facebook'] {
	background-image: url("./sprite.svg#facebook");
}
#socials li a[href*='instagram'] {
	background-image: url("./sprite.svg#instagram");
}
#socials li a[href*='youtube'] {
	background-image: url("./sprite.svg#youtube");
}
.vga-icon-search,
.vga-icon-files {
	height: 40px;
	width: 40px;
	display: inline-block;
}
.vga-icon-search,
.vga-icon-files,
.vga-icon-chevrns,
.vga-icon-exit,
.vga-icon-moon {
	flex-shrink: 0;
}
#demarches > div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	padding: 0;
	grid-gap: 1rem;
}
#demarches > div > a {
	--bgsize: 50%;
	--bgpos: 6rem;
	height: 150px;
	width: inherit;
	border-radius: 10px;
	padding: 1rem;
	margin: 0;
	background-blend-mode: screen;
	background-repeat: no-repeat;
}
#demarches > div > a > name {
	font-size: large;
	font-weight: 700;
}
#demarches > div > a * {
	margin: 5px 0;
}
#demarches > div > a > p {
	margin-top: min(70px, 14%);
	display: flex;
	gap: 1rem;
	justify-content: end;
	align-items: center;
}
#demarches > div > a {
	background-blend-mode: hard-light;
}
#demarches > div > a:nth-child(1) {
	background-position: var(--bgpos);
	background-size: var(--bgsize);
	background-image: url("./sprite.svg#users-alt");
}
#demarches > div > a:nth-child(2) {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 2;
	grid-column-end: 2;
	height: auto;
	background-size: 80%;
	background-position: -0.5rem 4rem;
	background-image: url("./sprite.svg#fish-hook");
}
#demarches > div > a:nth-child(3) {
	background-position: 5rem;
	background-size: 80%;
	background-image: url("./sprite.svg#map");
}
#demarches > div > a:nth-child(4) {
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 1;
	width: auto;
	background-size: var(--bgsize);
	background-position: -1rem -2rem;
	background-image: url("./sprite.svg#interactive");
}
#demarches > div > a:nth-child(4) > p {
	text-decoration: underline;
}
#demarches > div > a:nth-child(5) {
	background-position: var(--bgpos);
	background-size: var(--bgsize);
	background-image: url("./sprite.svg#id-badge");
}
#demarches > div > a:nth-child(6) {
	background-position: var(--bgpos);
	background-size: var(--bgsize);
	background-image: url("./sprite.svg#comment-alt-dots");
}
#demarches > div > a:nth-child(7) {
	background-position: 5rem;
	background-size: 80%;
	background-image: url("./sprite.svg#restaurant");
}
#demarches > div > a:nth-child(8) {
	background-position: var(--bgpos);
	background-size: var(--bgsize);
	background-image: url("./sprite.svg#document-signed");
}
#demarches,
#news,
#bulletins,
#map {
	margin: 5% 15%;
}
#recherche,
#agenda {
	padding: 4% 20% 5% 20%;
}
#recherche > div > h1 {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}
#recherche input[type="search"] {
	width: 100%;
	border: none;
	border-radius: 5px;
	outline: none;
	padding: 0.7rem 1rem;
}
#news ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
	padding: 0;
}
#news ul > li:first-child {
	grid-row-start: 1;
	grid-row-end: 3;
	height: 48vh;
}
#news ul > li {
	display: block;
	border-radius: 10px;
	height: 23.5vh;
	width: 22.6vw;
}
#news ul > li:hover,
#news ul > li {
	transition: all 0.2s ease-in-out;
}
#news ul > li > a {
	display: flex;
	align-items: flex-end;
	height: inherit;
	width: inherit;
	border-radius: 10px;

	background-size: cover;
	background-position: center;
}
#news ul > li > a::before {
	display: block;
	border-radius: 9px;
	height: inherit;
	width: inherit;
	content: '';
	position: absolute;
}
#news ul > li:first-child > a::before {
	height: inherit;
	width: inherit;
}
#news ul > li > a > h2 {
	position: relative;
	width: 95%;
	left: 3%;
	bottom: -3%;
	font-size: 15px;
}
#news ul > li:first-child > a > h2 {
	font-size: 20px;
}
#agenda {
	background-size: cover;
}
#agenda ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	gap: 0.5rem;
}
#agenda ul > li {
	padding: 0.5rem;
	border-radius: 20px;
	width: calc(100%/2.03);
}
#agenda ul > li > .event-date {
	position: absolute;
	border-radius: 0 0 20px 0;
	padding: 0.5rem 1rem;
	margin-left: -0.5rem;
	margin-top: -0.54rem;

	font-weight: bold;
}
#agenda ul > li > .event-title {
	margin-top: 2.5rem;
	font-weight: 700;
	font-size: 1.2rem;
}
#agenda ul > li > * {
	margin: 10px;
}
#agenda > a {
	padding: 0.5rem 1rem;
	border-radius: 7px;
	text-align: center;
	display: block;
	font-weight: bold;
	width: fit-content;
}
#agenda ul > li > a {
	height: 100%;
}
/* #agenda ul > li > a::after {
	content: '\f101';
} */
#agenda ul > li > a {
	display: flex;
	align-items: center;
	height: auto;
	width: fit-content;
	gap: 0.5rem;
	color: var(--secondary);
}
#bulletins > h1 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
#bulletins ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
	padding: 0;
}
#bulletins ul > li > a {
	padding: 0.5rem;
	border-radius: 6px;
}
#bulletins ul > li > a:hover {
	transition: all 0.2s ease-in-out;
}
#map > a,
#news > a,
#bulletins > a {
	float: right;
	font-weight: bold;
}
#wpgmza_map {
	float: none !important;
	border-radius: 10px !important;
}
body.single article .post-thumbnail,
body.single article .entry-meta,
body.search-results .post-thumbnail {
	display: none;
}
body.search-results #primary .search-results {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	flex-wrap: wrap;
}
body.search-results #primary .search-results > article {
	padding: 1rem;
	margin: 0;
	border-radius: 10px;
	max-width: 50%
}
body.archive #primary {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
body.archive #primary .page-header {
	width: 100%;
}
body.archive #primary article {
	padding: 1rem;
	border-radius: 10px;
}
body.archive #primary article .entry-title,
body.archive #primary article .entry-content,
body.archive #primary article .entry-meta {
	margin: 0;
}
body.archive #primary article .post-thumbnail,
body.archive #primary article svg,
body.archive #primary article .tribe-block__events-link,
.edit-link {
	display: none;
}
.wp-block-vga-equipes {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.wp-block-vga-equipes h4,
.wp-block-vga-equipes p {
	margin: 10px;
}
.wp-block-vga-equipes img {
	/* clip-path: polygon(2% 33%, 15% 15%, 34% 0%, 64.48% 1.97%, 88% 13%, 100% 32%, 99% 66%, 80% 82%, 69% 96%, 28% 100%, 5% 82%, 9% 65%); */
	border-radius: 15px;
}
.entry-content .tnp-field > input,
.entry-content .tnp-subscription input.tnp-submit,
.entry-content .tnp-profile input.tnp-submit,
.entry-content .tnp-unsubscribe button.tnp-submit,
.entry-content .tnp-reactivate button.tnp-submit {
	border-radius: 30px;
	width: 100%;
}
#primary div.search-results > article,
.archive article {
	padding: 1rem;
}
#primary div.search-results > article > .post-thumbnail,
.archive article > .post-thumbnail,
.archive article > .entry-content,
.archive article > .entry-meta {
	display: none;
}
.w3eden > div > div > .row {
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.w3eden > div > div > .row > div {
	flex-shrink: 0;
}
.w3eden .wpdm_icon {
	height: 75px;
	width: 75px;
}

@media screen and (min-width: 1023px) {}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	#demarches > div > a > p {
		margin-top: 11%;
	}
}
@media screen and (min-width: 500px) and (max-width: 1024px) {
	#demarches,
	#news,
	#bulletins,
	#map {
		margin: 5%;
	}
	#news ul > li {
		width:29vw;
	} 
	#agenda, 
	#recherche {
		padding: 5%;
	}
	#agenda ul > li {
		width: 44vw;
	}
	#map canvas {
		width: 100%;
	}
}
@media screen and (min-width: 500px) and (max-width: 800px) {
	#demarches > div > a > p {
		margin-top: 12%;
	}
	#demarches > div {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		gap: 0.5rem;
		margin-bottom: -7rem;
	}
	#demarches > div > a:nth-child(2) {
		grid-row-start: unset;
		grid-row-end: unset;
		grid-column-start: unset;
		grid-column-end: unset;
		height: unset;
	}
	#demarches > div > a:nth-child(3) {
		background-position: 2rem;
	}
	#demarches > div > a:nth-child(4) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 2;
		background-position: 0;
	}
	#demarches > div > a .demarches-link {
		margin-top: 15%;
	}
	#demarches > div > a:nth-child(7) {
		background-position: 2.5rem;
	}
	#demarches > div > a:nth-child(1),
	#demarches > div > a:nth-child(5),
	#demarches > div > a:nth-child(6),
	#demarches > div > a:nth-child(8) {
		background-position: 4.5rem 4rem;
	}
	#news ul {
		grid-template-rows: unset;
	}
	#news {
		margin-bottom: 8%
	}
}
@media screen and (max-width: 500px) {
	/* oui les accès rapides <500 et >500 + <800 sont pareil */
	#demarches > div {
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem;
	}
	#demarches > div > a {
		padding: 0.5rem;
	}
	#demarches > div > a:nth-child(2) {
		grid-row-start: unset;
		grid-row-end: unset;
		grid-column-start: unset;
		grid-column-end: unset;
		height: unset;
	}
	#demarches > div > a:nth-child(3) {
		background-position: 2rem;
	}
	#demarches > div > a:nth-child(4) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 2;
		background-position: 0;
	}
	#demarches > div > a .demarches-link {
		margin-top: 18%;
		margin-right: 1%;
	}
	#demarches > div > a:nth-child(7) {
		background-position: 2.5rem;
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 4;
		grid-row-end: 6;
		height: inherit;
	}
	#demarches > div > a:nth-child(1),
	#demarches > div > a:nth-child(5),
	#demarches > div > a:nth-child(6),
	#demarches > div > a:nth-child(8) {
		background-position: 5.5rem 1rem;
	}
	#demarches > div > a:nth-child(2) {
		background-position: unset;
	}
	#demarches,
	#news,
	#bulletins,
	#map {
		margin: 5%;
	}
	#recherche,
	#agenda {
		padding: 5%;
	}
	#agenda,
	#bulletins,
	#map {
		margin-top: 4rem;
	}
	#recherche input[type="search"] {
		width: 100%;
	}
	#agenda ul {
		gap: 1.5rem;
		flex-direction: column;
	}
	#agenda ul > li {
		width: unset;
	}
	#bulletins a {
		font-size: 15px;
	}
	.archive .tribe-events-view {
		margin: 0 5%;
		width: unset;
	}
	.archive .tribe-common-l-container {
		padding-bottom: 0;

	}
}
@media screen and (min-width: 450px) and (max-width: 500px) {
	#news ul {
		grid-template-columns: 50% 50%;
		grid-template-rows: unset !important;
		gap: .5rem;
	}
	#news ul > li {
		width: 43.5vw;
	}

}
@media screen and (max-width: 449px) {
	#news ul {
		grid-template-columns: 1fr;
	}
	#news > ul > li:first-child {
		height: 17vh;
	}
	#news > ul > li {
		width: 90vw;
		height: 17vh;
	}
}
@media screen and (max-width: 800px) {
	body.search-results #primary div.search-results > article {
		max-width: unset;
	}
		body.archive .tribe-common > section {
		padding-top: unset;
	}
}

/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */

body:not(.home) #colophon {
	margin-top: 5rem;
}
body.home #colophon {
	padding-top: 6rem;
}
.site-info-top {
    display: flex;
    position: relative;
    justify-content: space-evenly;
	padding: 1rem 0;
	width: 100%; /* ????????????? */
}
.site-info-top > ul > div > ul {
	padding: 0;
}
.site-info-top .widget {
	margin-bottom: -1rem;
}
.site-info-bottom {
	padding: 10px 0;
}
.site-info-bottom > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.site-info-bottom ul {
	display: flex;
	justify-content: space-evenly;
	margin: 0 20%;
	padding: 0;
	width: 100%;
}
#second-menu {
    display: flex;
    justify-content: space-evenly;
}
.credits {
	--rgaa: #8585f6b9;
	--eco: #008060c5;

	padding: 5%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.credits > .vga {
	display: inherit;
	align-items: center;
}
.credits > .vga > span > a {
	color: var(--eco);
}
.credits > .vga > img {
	max-height: 50px;
	max-width: 50px;
	flex-shrink: 0;
}
.credits > .index {
	display: inherit;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.credits > .index > .rgaa,
.credits > .index > .eco {
	display: inherit;
	align-items: center;
	padding: 8px 10px 8px 10px;
	border-radius: 100px;
	font-weight: 600;
	font-size: 13px;
}
.credits > .index > .rgaa {
	padding-right: 15px;
	background-color: var(--rgaa);
	color: black;
}
.credits > .index > .eco {
	padding-left: 15px;
	background-color: var(--eco);
	color: white;
}
.credits > .index > .rgaa::before,
.credits > .index > .eco::after {
	font-size: 9px;
	content: attr(data-set);
	padding: 5px 10px;
	border-radius: 100px;
	background-color: black;
}
.credits > .index > .rgaa::before {
	margin-right: 10px;
	color: white;
}
.credits > .index > .eco::after {
	margin-left: 15px;
}

@media screen and (min-width: 800px) {
	.credits {
		padding: 1%;
	}
	.credits > .vga {
		justify-content: center;
	}
	.credits > .index {
		justify-content: space-evenly;
	}
}
@media screen and (min-width: 1023px) {
	.site-info-top > ul > div:has(ul.menu) {
		margin-top: 100%;
	}	
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	.site-info-top > ul > div:has(ul.menu) {
		margin-top: 5%;
	}
}
@media screen and (min-width: 500px) and (max-width: 1024px) {
	.site-info-top {
		flex-direction: column;
	}
}
@media screen and (min-width: 500px) and (max-width: 800px) {
	#footer {
		flex-direction: column;
		margin: 2% 8%;
	}
}
@media screen and (max-width: 500px) {
	.site-info-top {
		flex-direction: column;
	}
	.site-info-top ul {
		margin-right: 5%;
	}
	footer {
		margin-top: 2rem;
	}
	#footer {
		flex-direction: column;
		margin: 2% 8%;
	}
	.credits > span {
		width: 80%;
	}
}

/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */

@media print {
	#alert-banner,
	#masthead,
	#demarches, 
	#recherche,
	#bulletins,
	#colophon {
		display: none !important;
	}
	#news,
	#agenda,
	#map {
		margin: 0;
		padding: 5%;
		font-size: 13px;
	}
}