@import url('https://fonts.googleapis.com/css2?family=Kurale&display=swap');
/*!
Theme Name: Ocean
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.

Ocean 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: 24px;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;}

a.section {
	width: fit-content;
}
body {
	font-family: "Kurale", serif;
	font-weight: 400;
	font-style: normal;
}
.menu-item,
.menu-item > a,
.site-info-top ul li,
.pds > div > ul,
.sitemap * {
	list-style: none;
}
button.vga-icon-moon,
.vga-icon-chevrns,
.nav-container #checkbox {
	cursor: pointer;
}
.block {
	display: block;
}
.vga-icon-moon {
	background-image: url("./sprite.svg#moon");
	display: block;
	height: 34px;
	width: 34px;
}
.vga-icon-exit {
	background-image: url("./sprite.svg#exit");
	display: block;
	height: 20px;
	width: 20px;
}
.vga-icon-chevrns {
	background-image: url("./sprite.svg#chevrns");
	display: block;
	height: 10px;
	width: 10px;
	flex-shrink: 0;
}	
.vga-icon-files {
	background-image: url("./sprite.svg#files");
	display: inline-block;
	height: 40px;
	width: 40px;
}

#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");}

/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */
/* HEADER */

.checkboxlabel {
	position: absolute;
	left: -999rem;
}
#navbar a {
	text-decoration: none;
}
#menu-left .menu-item-has-children > a:active {
	pointer-events: none;
}
#demarches .vga-icon-exit {
	flex-shrink: 0;
}
@media screen and (min-width: 801px) {
	#mobile-nav,
	#demarches {
		display: none;
	}
	.nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 5rem;

		position: fixed;
		top: 0;
		z-index: 1;
		width: 100%;
	}
	#menu-left {
		display: inherit;
		align-items: center;
		margin-right: 1rem;
	}
	#menu-left .custom-logo {
		max-height: 100px;
		max-width: 100px;
	}
	#menu-left span.custom-logo {
		height: 100px;
		width: 100px;
		flex-shrink: 0;
		border-radius: 12px;
	}
	#menu-left > div:has(#navbar) {
		max-width: 45vw;
	}
	#menu-left #navbar {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 1rem;
		padding-left: 1rem;
	}
	#menu-left #navbar > li {
		flex-shrink: 0;
	}
	#navbar .sub-menu {
		position: absolute;
		width: max-content;
		margin: 0;
		padding: 0;
		left: -999rem;
		border-radius: 5px;
	}	
	#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 > li > a {
		padding-bottom: 20px;
	}
	#menu-left #navbar .menu-item-has-children:hover > .sub-menu {
		left: unset;
	}
	#menu-right {
		display: inherit;
		align-items: center;
		gap: 1rem;
		flex-shrink: 0;
	}
	#menu-right > button {
		outline: none;
		border: none;
		background-color: transparent;
	}
	#menu-right a {
		border-radius: 100px;
		padding: 0.5rem 1rem;
		display: flex;
		align-items: center;
		gap: 1rem;
		text-decoration: none;
		flex-shrink: 0;
	}
	#menu-right a > .vga-icon-demarches {
		background-image: url("./sprite.svg#exit");
		display: block;
		height: 20px;
		width:20px;
	}
	#hero {
		display: flex;
		flex-direction: column;
		gap: 3rem;
		height: max(300px, 45vh);
		padding: 1rem;
		width: 65vw;
		border-radius: 15px;
		align-items: center;
		justify-content: center;
		background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 	0.1)),var(--vga-header-lg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: center;
		margin-left: 17.5vw;
		margin-top: 18vh;
	}
	#hero .site-title {
		font-size: 3rem;
		text-align: center;
	}
	#hero .search-form {
		display: flex;
		justify-content: center;
	}
	#hero .search-form .search-field {
		border: none;
		outline: none;
		border-radius: 50px;
		padding: 0.7rem 1.5rem;
		width: min(45vw, 550px);

		background-image: url("./sprite.svg#search");
		background-position-x: 98%;
		background-size: 30px;
		background-repeat: no-repeat;
	}
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	.nav {
		padding: 1rem 2rem;

		flex-direction: column;
		gap: 1rem;
		align-items: unset;
	}
	#menu-left > div:has(#navbar) {
		max-width: unset;
	}
	#menu-right {
		flex-direction: row-reverse;
	}
	#hero {
		margin-left: 13vw;
		width: 75vw;
	}
}
@media screen and (max-width: 800px) {
	.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;
	}
	.nav,
	#hero {
		display: none;
	}
	#mobile-nav {
		height: 55vh;
		background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 	0.1)),var(--vga-header-md);
		background-size: cover;
	}
	.nav-title {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		padding: 5%
	}
	.nav-title .site-title {
		font-size: x-large;
	}
	.nav-title .nav-options {
		display: flex;
		flex-direction: row;
		gap: 1.5rem;
		align-items: center;
	}
	.nav-options button {
		margin: 0;
		padding: 0;
		outline: none;
		border: none;
		background-color: transparent;
	}
	#mobile-nav .search-form {
		display: flex;
		justify-content: center;
		position: relative;
		top: 40%;
	}
	#mobile-nav .search-form .search-field {
		border: none;
		outline: none;
		border-radius: 50px;
		padding: 0.7rem 1.5rem;
		width: min(85vw, 450px);

		background-image: url("./sprite.svg#search");
		background-position-x: 98%;
		background-size: 30px;
		background-repeat: no-repeat;
	}
	.nav-container .checkbox {
		position: absolute;
		display: block;
		height: 28px;
		width: 35px;
		z-index: 3;
		opacity: 0;
	}
	.nav-container .menu-lines {
		height: 26px;
		width: 32px;
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}	  
	.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 > div:has(#navbar) {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		padding: 1rem;
		width: 100%;
	}
	#mobile-nav #navbar {
		min-height: 100dvh;
	}
	#mobile-nav #navbar a {
		font-size: 1.3rem;
	}
	#mobile-nav #navbar .sub-menu {
		position: relative;
		padding: unset;
		margin-left: 1rem;
		display: none;
	}
	.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:has(#navbar) {
		display: block !important;
	}
}
@media screen and (max-width: 500px) {
	.site-title {
		margin-right: 1rem;
	}
}
@media screen and (orientation: landscape) and (max-height: 700px) {
	#mobile-nav .search-form {
		top: 0;
	}
}

/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */
/* CONTENT */

body:not(.home) .page #primary {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.chevron-left {
	rotate: 180deg;
}
.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;
}
#tribe-events-pg-template {
	max-width: unset;
}
#acces-rapide .acces-rapide-scroll-container {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 1rem;
}
.acces-rapide-scroll {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 0.5rem;
	scroll-behavior: smooth;
}
.acces-rapide-scroll > a {
	display: block;
	flex-shrink: 0;

	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: multiply;

	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	padding: 10px;
	word-break: break-word;
}
#news-list > div > .news-title > span > a {
	text-decoration: none;
}
#news-list > div > .news-title > span > a:hover {
	text-decoration: underline;
}
#news-list > div > .news-image > img::before {
	/* alt text */
	line-height: 3.5rem;
	margin-left: 1rem;
}
.tla-post > p {
	word-break: break-all;
}
body.tag #primary > article img {
	height: 300px !important;
	object-fit: cover;
}
body.tag #sidebar,
.single .attachment-post-thumbnail {
	display: none;
}
#evenements > div > .event-list {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 338px;
	padding-right: 10px;
	width: 100%;
}
#evenements > div > .event-list > div.event {
	display: inherit;
	flex-direction: row;
	border-bottom: 1px solid var(--secondary);
}
#evenements > div > .event-list > .event > .event-infos {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	width: 100%;
}
#evenements > div > .event-list > .event > .event-infos > .event-dates {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: smaller;
	min-width: 110px;
}
#evenements > div > .event-list > .event > .event-infos > .event-content {
	display: flex;
	flex-direction: column;
	width: inherit;
}
#evenements > div > .event-list > .event > .event-infos > .event-content > span {
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-moz-box-orient: vertical;
	overflow: hidden;
}
#evenements > div > .event-list > .event > a {
	flex-shrink: 0;
	text-decoration: none;
}
#socials li, 
#socials li a {
	width: 40px;
	height: 40px;
}
#newsletter > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1rem;
}
#newsletter > div > div:has(#socials) {
	width: 70%;
}
#newsletter > div > div > #socials {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
#newsletter #socials li a {
	display: block;
	padding-top: 5px;
}
#newsletter > div > #newsletter-form,
#newsletter > div > .tnp-subscription {
	display: inherit;
	flex-direction: column;
	gap: 1rem;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}
#newsletter > div > div.tnp-subscription {
	margin: 0 !important;
}
#newsletter-form > input,
#newsletter .tnp-subscription > form > .tnp-field > input {
	outline: none;
	border: none;
	border-radius: 100px;
	padding: 0.5rem 1rem;
}
#newsletter-form > textarea {
	outline: none;
	border: none;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	-moz-resize: vertical;
	resize: vertical;
	max-height: 350px;
	min-height: 40px;
	height: 100px;
}
#newsletter .tnp-subscription > form > .tnp-field > input[type="submit"] {
	padding: 0.5rem 1.3rem;
}
#newsletter-form > input[type="submit"] {
	padding: 0.7rem 1.3rem;
}
#newsletter .tnp-subscription > form > .tnp-field > input[type="submit"] {
	width: 100%;
	cursor: pointer;
}
#newsletter .tnp-subscription > form > .tnp-field > label {
	display: none;
}
#bulletins > h1 {
	display: flex;
	align-items: center;
	gap: 1rem;
}
#bulletins > h1 > span {
	flex-shrink: 0;
}
#bulletins > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
}
#bulletins > ul > li {
	display: inline-block;
	max-width: 85vw;
}
#bulletins > ul > li > a {
	padding: 0.2rem 0.7rem;
	border-radius: 100px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inherit;
}
#map {
	height: unset;
}
.search-results > article,
.archive article {
	padding: 1rem;
	border-radius: 20px;
	margin-bottom: 1rem;
}
.search-results > article * {
	margin: 0;
	text-decoration: none;
}
.search-results > article h2 {
	font-size: large;
}
.search-results > article .post-thumbnail,
.archive article > .post-thumbnail,
.archive article > .entry-content,
.archive article > .entry-meta {
	display: none;
}
body.page input.tnp-submit {
	border-radius: 50px;
	margin: 10px 0;
	width: 100%;
}
body.page .tnp-field > input:not(input[type="submit"]) {
	border-radius: 50px;
}
body.page .tnp-field > label {
	display: none;
}
#alert-banner {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	transition: transform 300ms ease, opacity 300ms ease;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5rem;
	z-index: 1;
	cursor: pointer;
}
#alert-banner.hide {
	transform: translateY(100%);
	opacity: 0;
}
#alert-banner * {
	margin: 0;
}
@media screen and (min-width: 801px) {
	#acces-rapide .acces-rapide-scroll > a {
		height: 150px;
		width: 150px;
		border-radius: 5px;
	}
	#acces-rapide .acces-rapide-scroll-container span {
		height: 20px;
		width: 20px;
	}
	#evenements > div {
		display: flex;
		flex-direction: row;
		gap: 4px;
		justify-content: space-between;
	}
	#evenements > div > .event-calendar {
		height: 355px;
		flex-shrink: 0;
	}
	#evenements > div > .event-calendar > .event-calendar-module {
		display: block;
		width: 100%;
		height: 82%;
		margin-bottom: 15px;
		border-radius: 10px;
		padding: 1rem;
	}

	.event-calendar-module-date {
		margin-bottom: 15px;
	}
	 .event-calendar-module-daysnames {
		margin-bottom: 10px;
	}
	.event-calendar-module-date,
	.event-calendar-module-daysnames,
	.event-calendar-module-data div {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.event-calendar-module-data {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
	.event-calendar-module-data > div span {
		text-decoration: none;
	}
	.event-calendar-module-data > div span,
	.event-calendar-module-daysnames span {
		width: 22px;
		flex-shrink: 0;
		text-align: center;
	}
	.event-calendar-module-data > div span.event::before {
		content: "";
		position: absolute;
		height: 8px;
		width: 8px;
		border-radius: 100px;
		margin-left: 5px;
		margin-top: 20px;
	}
	.event-calendar-module-daysnames span {
		font-weight: 600 !important;
	}
	.event-calendar-module-data > div span.spread-event::after,
	.event-calendar-module-data > div span[class*="start"]::after {
		content: "";
		display: block;
		width: 63%;
		height: 100%;
		position: relative;
		margin-top: -109%;
		margin-left: 100%;
	}
	.event-calendar-module-data > div > .spread-event:has(+ .other-month)::after,
	.event-calendar-module-data > div > span[class*="start"]:has(+ .other-month)::after {
		width: 60%;
	}
	.event-calendar-module-data > div > .other-month:has(+ .spread-event)::after {
		content: "";
		display: block;
		width: 62%;
		height: 100%;
		position: relative;
		margin-top: -109%;
		margin-left: 100%;
	}
	.event-calendar-module-data > div > span:last-child::after {
		content: none !important;
	}
	.event-calendar-module-data > div span[class*="start"] {
		border-radius: 5px 0 0 5px;
	}
	.event-calendar-module-data > div span[class*="end"],
	.event-calendar-module-data > div > .spread-event:has(+ .other-month)::after {
		border-radius: 0 5px 5px 0;
	}
	#evenements > div > .event-calendar > a {
		padding: 0.5rem 3rem;
		border-radius: 10px;
		text-decoration: none;
	}
	#newsletter > div > #newsletter-form,
	#newsletter > div > .tnp-subscription {
		max-width: 400px;
	}
}
@media screen and (max-width: 1024px) {
	#news-list {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	#news-list > div:not(:first-child) {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
	}
	#news-list > div:first-child .news-title {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin: 1rem 0;
	}
	#news-list > div:first-child .news-title > span {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#news-list > div .news-title {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	#news-list > div .news-title > span {
		display: -webkit-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-moz-box-orient: vertical;
		overflow: hidden;
	}
	#news-list > div:first-child .news-title > div {
		display: inherit;
		align-items: center;
		flex-shrink: 0;
	}
	#news-list > div:first-child .news-title > div > .news-circle {
		display: block;
		height: 5px;
		width: 5px;
		border-radius: 100%;
	}
	#news-list > div .news-title > div > .news-circle {
		display: none;
	}
	#news-list > div:first-child .news-title > div > date {
		margin-left: 0.5rem;
	}
	#news-list > div:not(:first-child) .news-title > div > date {
		min-width: 30vw;
		text-align: right;
	}
	#news-list > div > .news-tags {
		display: none;
	}
	#news-list > div:first-child > .news-image {
		display: block;
		height: 250px;
		width: 100%;
	}
	#news-list > div > .news-image {
		display: block;
		min-width: 50%;
		height: 100px;
		border-radius: 10px;
	}
	#news-list > div > .news-image > img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 10px;
	}
	#news-link {
		display: block;
		margin: 1rem 0;
	}
}
@media screen and (min-width: 1350px) {
	#news-list {
		grid-template-columns: 60% auto !important;
	}
	#news-list > div:not(:first-child) .news-image {
		width: 150px;
	}
}
@media screen and (min-width: 1024px) {
	#primary > *:not(#demarches, #newsletter, article) {
		margin: 5% 20%;
	}
	#primary > article {
		margin: 1% 20%;
	}
	#news-list {
		display: grid;
		grid-template-columns: 45% auto;
		margin-bottom: 0.5rem;
	}
	#news-list > div:first-child {
		grid-column-start: 1;
		grid-row-start: 1;
		grid-row-end: 5;
		margin-right: 1rem;
	}
	#news-list > div:first-child > .news-title {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
		width: max-content;
		max-width: 60vw;
		/* justify-content: space-between; */
	}
	#news-list > div:first-child > .news-title > div {
		display: inherit;
		align-items: center;
		gap: 1rem;
		flex-shrink: 0;
	}
	#news-list > div:first-child > .news-title > div > .news-circle {
		display: block;
		height: 5px;
		width: 5px;
		border-radius: 100%;
	}
	#news-list > div:first-child .news-tags,
	#news-list > div:first-child .news-title {
		margin: 15px 0;
	}
	#news-list > div:first-child .news-tags {
		/* pour éviter le décalage du deuxieme élément de la grid */
		height: 30.5px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.5rem;
		width: max-content;
	}
	#news-list > div:first-child .news-tags a {
		padding: 0.2rem 0.7rem;
		border-radius: 50px;
		text-decoration: none;
	}
	#news-list > div:first-child .news-tags a::before {
		content: '#';
	}
	#news-list > div:first-child > .news-image {
		height: 400px;
		border-radius: 10px;
	}
	#news-list > div:first-child > .news-image img {
		height: 100%;
		width: 100%;
		border-radius: 8px;
		object-fit: cover;
	}
	#news-list > div:nth-child(2) {
		margin-top: 100px;
	}
	#news-list > div:not(:first-child) {
		grid-column-start: 2;
	}
	#news-list > div > .news-image {
		display: block;
	}
	#news-list > div:not(:first-child) {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: calc(400px/4.2);
		margin-bottom: 6px;
	}
	#news-list > div:not(:first-child) .news-title {
		display: inherit;
		flex-direction: column;
		justify-content: space-around;
		margin-right: 5px;
	}
	#news-list > div:first-child .news-title > span {
		display: -webkit-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-moz-box-orient: vertical;
		overflow: hidden;
	}
	#news-list > div:not(:first-child) .news-title > span {
		display: -webkit-box;
		display: -moz-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-moz-box-orient: vertical;
		overflow: hidden;
	}
	#news-list > div:not(:first-child) .news-tags {
		display: none;
	}
	#news-list > div:not(:first-child) .news-image {
		width: 120px;
		height: 100%;
		flex-shrink: 0;
		border-radius: 10px;
	}
	#news-list > div:not(:first-child) .news-image img {
		height: 100%;
		width: 100%;
		border-radius: 10px;
		object-fit: cover;
	}
	#newsletter {
		background-image: url("./sprite.svg#waves");
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-position-x: 60%;
		background-size: 25%;
		padding: 5% 20%;
	}
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	#primary > *:not(#demarches, #newsletter) {
		margin: 5% 12%;
	}
	#newsletter {
		padding: 5% 12%;
	}
}
@media screen and (max-width: 800px) {
	.w3eden > div > div > .row {
		flex-direction: column;
	}
	#demarches {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 3rem;
		gap: 10px;
	}
	#demarches img {
		height: 2.4vh;
		width: auto;
	}
	#primary > *:not(#demarches, #newsletter, article) {
		margin: 0 6%;
	}
	#primary > article {
		margin: 2% 5%;
	}
	#primary > article > .entry-header > .entry-title > a {
		font-size: medium;
	}
	#primary {
		margin-bottom: 4%;
	}
	.acces-rapide-scroll-container {
		justify-content: center;
	}
	.acces-rapide-scroll-container > span {
		font-size: xx-large;
	}
	.acces-rapide-scroll > a {
		height: 100px;
		width: 100px;
	}
	#evenements > div > .event-calendar {
		display: none;
	}
	#evenements {
		margin: 10% 6% !important;
	}
	#newsletter {
		margin-top: 3vh;
		padding: 6% 6%;
	}
}
@media screen and (max-width: 499px) {
	#news-list > div:first-child > .news-title > span {
		white-space: unset;
	}
	#evenements > div > .event-list > .event > .event-infos > .event-dates {
		width: 65px;
	}
	#evenements > div > .event-list > div.event {
		display: flex;
		flex-direction: column;
	}
	#newsletter > div {
		flex-direction: column-reverse;
		gap: 1rem;
		align-items: center;
	}
	#newsletter > div > div:has(#socials) {
		margin-top: 1.5rem;
	}
	#newsletter > div > div > #socials {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#socials li a {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
		text-wrap: nowrap;
	}
	#tribe-events-pg-template {
		padding: 1rem 5%;
	}
}
@media screen and (min-width: 500px) {
	#newsletter #socials li a {
		padding-left: 70px;
	}
	#evenements > div > .event-list > .event > .event-infos > .event-dates {
		/* width: 70px; */
		padding: 5px;
	}
	#tribe-events-pg-template {
		padding: 1rem 15%;
	}
}
@media screen and (max-width: 300px) {
	#news-list > div:first-child .news-title {
		flex-direction: column;
		align-items: start;
	}
	#evenements > div > .event-list > .event > .event-infos > .event-content > span {
		-webkit-line-clamp: unset;
		line-clamp: unset;
	}
}
@media screen and (max-width: 350px) {
	#news-list > div:first-child > .news-image {
		height: 150px;
	}
	#news-list > div > .news-image {
		display: none;
	}
}

/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */
/* FOOTER */

.site-info-top #socials li a {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
}
.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: 801px) {
	.site-info-top,
	.pds,
	.site-info-bottom {
		padding: 0 12%;
	}
	.site-info-top {
		padding-top: 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.site-info-top > div {
		display: inherit;
		flex-direction: column;
		align-items: flex-end;
		justify-content: space-between;
	}
	.site-info-top > div > div:has(#socials) {
		margin-bottom: 2rem;
	}
	.site-info-top > div > div > #socials {
		display: flex;
		flex-direction: row;
		gap: 0.5rem;
		margin-right: 1rem;
	}
	.pds {
		padding-bottom: 2%;
	}
	.pds > .sitemap {
		font-size: 0.9rem;
		justify-content: space-between;
	}
	.pds,
	.site-info-bottom {
		border-top: 1px solid var(--secondary);
	}
	.site-info-bottom > div > #footer {
		margin: 0;
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		gap: 1rem;
	}
	.credits {
		padding: 1%;
	}
	.credits > .vga {
		justify-content: center;
	}
	.credits > .index {
		justify-content: space-evenly;
	}
}
@media screen and (min-width: 1023px) {
	.site-info-top,
	.pds,
	.site-info-bottom {
		padding: 0 20%;
	}
}
@media screen and (max-width: 800px) {
	.pds {
		display: none;
	}
	.site-info-top,
	.site-info-bottom {
		padding: 3% 6%;
	}
	.site-info-top > ul
	,.site-info-bottom > div > ul {
		padding: 0;
	}
	.site-info-top > div {
		margin-top: 2rem;
	}
	.site-info-top > div > ul {
		padding: 0;
	}
	#footer {
		margin: 0;
		display: flex;
		flex-direction: row;
		gap: 1rem;
		justify-content: space-between;
		align-items: center;
	}
	.site-info-bottom {
		padding-top: 0;
	}
	#colophon #socials {
		padding: 0;
		display: flex;
		flex-direction: row;
		gap: 1rem;
	}
}
@media screen and (max-width: 500px) {
	#footer {
		align-items: baseline;
		flex-direction: column;
	}
}
@media screen and (max-width: 400px) {
	.site-info-bottom {
		padding: 10% 5%;
	}
}

/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */
/* EXTENSIONS */

@media print {
	#alert-banner,
	#masthead,
	#newsletter,
	#bulletins,
	.event-calendar,
	#acces-rapide,
	#colophon {
		display: none !important;
	}
	#news,
	#evenements,
	#map {
		margin: 0;
		padding: 5%;
		font-size: 13px;
	}
}