@charset "utf-8";
/* Conserver ce commentaire pour adapter les sélecteurs de cette feuille de styles à Gutenberg - atelier-adapt-gutenberg */

/*============================================*\
#    Initialisation de la feuille de styles    #
\*============================================*/

/* VARIABLES */
:root{
/* COULEURS : */
	--couleur-blanc:#fff;				/* Blanc */
	--couleur-pale:#f3f8e2;			/* Pâle */
	--couleur-vertclair:#cae86c;		/* Vert clair */
	--couleur-vert:#017129;			/* Vert */
	--couleur-vertfonce:#132b14;		/* Vert foncé */
	--couleur-gris:#F5F5F5;			/* Gris */
	--couleur-brun:#664f30;		/* Brun */
	--couleur-vert-texte: #1D5F20;	/* Couleur bouton */
/* STRUCTURE : */
	--margesDefaut:3rem; /*....................................... Espacement par défaut */
	--largeur:1200px; /*.......................................... Largeur de contenu maximale, adaptable sur différents supports */
	--margesOut:clamp(20px, 5vw, 70px);
	--margesContenu:calc((100vw - var(--largeur) - var(--largScrollBar,0px)) / 2);
	--bradius:25px;
/* FORMULAIRES : champs */
	--form-input-bordColor:silver; /*........................... Couleur des contours de champs */
	--form-input-bordWidth:1px; /*................................ Épaisseur des contours de champs */
	--form-input-fondColor:white; /*............................ Couleur de fond des champs */
	--form-input-height:4rem; /*.................................. Hauteur des champs */
/* FORMULAIRES : boutons */
	--form-bouton-bordColor:var(--couleur-vert-texte); /*. Couleur des contours de boutons */
	--form-bouton-bordWidth:2px; /*............................... Épaisseur des contours de boutons */
	--form-bouton-fondColor:var(--couleur-blanc); /*. Couleur des boutons et autres éléments interactifs */
	--form-bouton-textColor:var(--couleur-vert-texte); /*........................... Couleur du texte des boutons */
/* FORMULAIRES : checkboxes/radio */
	--form-check-taille:3rem; /*.................................. Taille des pastilles de checkboxes (entre autres) */
/* FORMULAIRES : autres */
	--outline:var(--couleur-vertfonce) auto 2px;
	--outline-offset:2px;
	accent-color:var(--form-bouton-fondColor); /*................. Couleur par défaut : checkbox, radio, range, progress */
/* ICÔNES : */
	--icon-dim:3.2rem; /*......................................... Largeur des pictos */
	--icon-couleur:currentColor; /*............................... Couleur des pictos */
	--icon-epaisseur:2px; /*...................................... Épaisseur du trait */
	--icon-coins:round; /*........................................ Aspect des coins : miter (pointus) ou round (arrondis) */
	--icon-extremites:round; /*................................... Aspect des extrémités : butt (droits), round (arrondis) ou square (droits + épaisseur) */

	--wp--preset--spacing--20:0.5em;
	--wp--preset--spacing--30:1.0em;
	--wp--preset--spacing--40:1.5em;
	--wp--preset--spacing--50:2.0em;
	--wp--preset--spacing--60:2.5em;
	--wp--preset--spacing--70:3.0em;
	--wp--preset--spacing--80:3.5em;
}
@media(max-width:1260px){
	:root{--largeur:960px;}
}
@media(max-width:980px){
	:root{--largeur:540px;}
}
@media(max-width:600px){
	:root{--largeur:300px;}
}

/* Global */
*,*::before,*::after{
	box-sizing:inherit;
	min-width:0;
	min-height:0;
}
html{
	box-sizing:border-box;
	font-size:62.5%;
	overflow-wrap:break-word;
	-webkit-text-size-adjust:100%;
	   -moz-text-size-adjust:100%;
		-ms-text-size-adjust:100%;
			text-size-adjust:100%;/*🧪Ajuste la taille du texte sur smartphone - https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust / https://caniuse.com/?search=text-size-adjust */
	-webkit-tap-highlight-color:transparent;/*[non-standard] Couleur de surlignage des liens cliqués - https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color */
	scroll-behavior:smooth;
	/* interpolate-size:allow-keywords;/*🧪Autorise les keywords (auto, min-content, fit-content...) dans les transitions - https://caniuse.com/?search=interpolate-size. Voir utilisation et alternative sur https://developer.chrome.com/docs/css-ui/animate-to-height-auto */
}
body{
	margin:0;
	color:var(--couleur-vertfonce);
	font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
	font-size:1.8rem;
	line-height:1.5;
	min-height:100vh;
	font-weight:300;
	background-color:var(--couleur-blanc);
}
body:not(.ready) *{ transition:none; /* Empêche les animations bizarres sur les liens, cf. scripts/main.js */ }
@media(min-width:1261px){
	body{ font-size:1.8rem; }
}


/* Blocs et structure */
p, address, ol, ul, dl, dt, dd{
	margin-top:0;
	margin-bottom:1em;
	text-wrap:pretty;
}
figure{ margin:0; }
nav ul, nav ol{
	padding:0;
	margin:0;
	list-style:none;
}
:where(.is-root-container) :is(ul,ol){
	--list-liLarg:round(0.4em,1px); /* épaisseur des puces */
	--list-marg:round(0.4em,1px); /* marge entre la puce et le texte */
	--list-shift:1em; /* décalage à gauche de la puce par rapport à l'alignement du texte */
	--list-olRatio:0.8; /* changement de taille de la numérotation */
	counter-reset:ol-count;
	list-style:none;
	padding:0;
}
:where(.is-root-container) :where(ul,ol) :is(ul, ol){ margin-bottom:0; }
:where(.is-root-container) ul{ padding-left:calc(var(--list-liLarg) + var(--list-marg) + var(--list-shift)); }
:where(.is-root-container) ol{ padding-left:calc((3ch * var(--list-olRatio)) + var(--list-marg)); }
:where(.is-root-container ul)>li{ text-indent:calc((var(--list-liLarg) + var(--list-marg)) * -1); }
:where(.is-root-container ol)>li{
	text-indent:calc(((3ch * var(--list-olRatio)) + var(--list-marg)) * -1);
	counter-increment:ol-count;
}
:where(.is-root-container) :where(ul,ol)>li::before{
	display:inline-block;
	margin:0 var(--list-marg) 0 0;
}
:where(.is-root-container ul)>li::before{
	content:"";
	background-color:var(--couleur-vertfonce);
	width:var(--list-liLarg);
	height:var(--list-liLarg);
}
:where(.is-root-container ol)>li::marker{ content:none; }
:where(.is-root-container ol)>li::before{
	content:counter(ol-count) ".";
	color:var(--couleur-vertfonce);
	font-weight:bolder;
	width:3ch;
	text-align:right;
	font-size:0.8em;
}
:where(.is-root-container) :where(ul,ol)>:where(li) *{ text-indent:0; }
blockquote{
	max-width:100%;
	margin-top:0;
	margin-bottom:1em;
}
details{ display:block; }
summary{ display:list-item; }
template, [hidden]{ display:none; }
hr{
	box-sizing:content-box;
	height:0;
	margin:1.5em 0;
	overflow:visible;
	clear:both;
	color:inherit;
	border:0;
	border-top:1px solid currentColor;
}

/* Titres */
/* ⚠ Si le margin-top ou les font-size sont modifiés, penser à les changer également dans le contexte titres × colonnes ci-après */
h1:where(:not(.site-title)),h2,h3,h4,.h1,.h2,.h3,.h4{
	line-height:1.1;
	margin:2em auto 1em 0;
	text-wrap:balance;
	font-weight:300;
}
h1:where(:not(.site-title,.h2,.h3,.h4,.h5,.h6)),.h1{
	font-size:clamp(3rem, 3.8vw, 4.8rem);
	margin:0.5em 0;
	color:var(--couleur-vert);

	&::after{
		content:"";
		display:block;
		width:7rem;
		height:0;
		border-top:3px solid var(--couleur-vertclair);
		margin-top:0.4em;
	}

	& i{
		font-style:normal;
		color:var(--couleur-vertfonce);
	}
}
h1.site-title{ margin:0;font:inherit; }
h2:not(:where(.h1,.h3,.h4,.h5,.h6)),.h2{
	font-size:clamp(2.4rem, 3vw, 3.8rem);
	/*display:flex;*/
	align-items:baseline;
	justify-content:flex-start;

	&::before{
		content:"";
		font-size:0.4em;
		display:inline-block;
		width:1em;
		height:1em;
		background:var(--couleur-vertclair);
		border-radius:50%;
		margin-right:0.5em;
		flex:0 0 auto;
	}

	& strong{
		color:#6BA64C;
		font-weight:inherit;
	}
}

h3:not(:where(.h1,.h2,.h4,.h5,.h6)),.h3{
	font-size:clamp(2rem, 2.2vw, 2.8rem);
	font-weight:700;
	color:var(--couleur-vert);
}
h4:not(:where(.h1,.h2,.h3,.h5,.h6)),.h4{ font-size:1.5em;}

/* Inline */
b, strong{ font-weight:bolder; }
abbr[title]{
	text-decoration:underline dotted;
	border-bottom:none;
	cursor:help;
}
sub, sup{
	position:relative;
	font-size:0.75em;
	line-height:0;
	vertical-align:baseline;
}
sub{ bottom:-0.25em; }
sup{ top:-0.5em; }
small,
.details{
	font-size:80%;
	opacity:0.8;
}

/* Liens et ancres */
a{
	color:var(--couleur-vertfonce);
	background-color:transparent;
}
[id]{ scroll-margin-top:1em; /* "Décolle" la cible d'une ancre lors d'un scroll */ }

/* Medias */
img, svg{
	height:auto;
	max-width:100%;
	vertical-align:middle;
	object-fit:cover;
	object-position:center center;
	border-style:none;
}
svg:not([fill]){ fill:currentColor; }
svg:not(:root){ overflow:hidden; }
video,
iframe{
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border-style:none;
}
/*img[width][height], svg[width][height],
video[width][height],
embed[width][height],
iframe[width][height]{ aspect-ratio:attr(width) / attr(height); }*/
:where(.wp-block-image, .wp-block-media-text__media) > img{ border-radius:var(--bradius); }
audio,
canvas{ vertical-align:middle; }

/* Éléments "techniques" */
pre, code, kbd, samp{
	font-family:monospace;
	font-size:1em;
}
pre{
	max-width:100%;
	margin-top:0;
	margin-bottom:1em;
	overflow:auto;
	line-height:normal;
	tab-size:2;
	white-space:pre-wrap;
}
code{ max-width:100%; }

/* Tableaux */
table{
	margin-bottom:1.5em;
	vertical-align:top;
	border-collapse:collapse;
}
td{ max-width:100%; }

/* Classes utilitaires */
@media not print{
	.print-only, .printOnly, .printonly{ display:none !important; }
}
.clearfix{ display:flow-root; }
:is(.no-marges, .noMarges, .nomarges) > :first-child{ margin-top:0; }
:is(.no-marges, .noMarges, .nomarges) > :last-child{ margin-bottom:0; }

/* Icônes */
:is(.atelier-icone,.atelier-icon) :is(svg,img),
:is(svg,img):is(.atelier-icone,.atelier-icon){
	overflow:visible;
	object-fit:contain;
	fill:none;
	stroke-miterlimit:10;
	width:var(--icon-dim);
	height:var(--icon-dim);
	stroke:var(--icon-couleur);
	stroke-width:var(--icon-epaisseur);
	stroke-linejoin:var(--icon-coins);
	stroke-linecap:var(--icon-extremites);
	transition:stroke 0.3s ease-out;
}
/* -menu / -menu-alt */
:is(.atelier-icon-menu,.atelier-icon-menu-alt) line{
	transform-origin:center center;
	transition:0.3s ease-out;
	transition-property:opacity, transform, stroke, stroke-width;
}
.atelier-icon-menu line:where(:nth-child(1)){ transform:translateY(calc((32px - var(--icon-epaisseur)) * -0.5)); }
.atelier-icon-menu line:where(:nth-child(4)){ transform:translateY(calc((32px - var(--icon-epaisseur)) * 0.5)); }
.atelier-icon-menu-alt line:where(:nth-child(1)){ transform:translateY(calc(var(--icon-epaisseur) * -2)); }
.atelier-icon-menu-alt line:where(:nth-child(4)){ transform:translateY(calc(var(--icon-epaisseur) * 2)); }
:where([aria-expanded="true"]) :is(.atelier-icon-menu,.atelier-icon-menu-alt) line:where(:nth-child(1),:nth-child(4)){ transform:translateY(0); opacity:0; }
:where([aria-expanded="true"]) :is(.atelier-icon-menu,.atelier-icon-menu-alt) line:where(:nth-child(2)){ transform:rotate(-45deg); }
:where([aria-expanded="true"]) :is(.atelier-icon-menu,.atelier-icon-menu-alt) line:where(:nth-child(3)){ transform:rotate(45deg); }

/*===============*\
#    Structure    #==================================================================================================================================
\*===============*/
.site-header,
.site-content,
.site-footer{
	display:flow-root;
	position:relative;
}
.scrolledHeader .site-header{
	/*position:sticky;*/
	top:0;
	left:0;
	right:0;
	/*transform:translateY(-100%);
	transition:none;*/
}
/*.scrolledHeaderToTop .site-header{
	transform:translateY(0%);
	transition:transform 0.3s ease-out;
}*/
.site-header{ z-index:3; }
.site-content{ z-index:2; }
.site-footer{ z-index:1; }
.container,
.alignfull > .wp-block-group__inner-container{
	width:var(--largeur);
	max-width:100%;
	margin-inline:auto;
}

/* Pager */
.nav-links{
	--icon-dim:1em;
	--gap:0.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:2rem;
	gap:var(--gap);
	padding:var(--gap);
}
.nav-links > *{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	color:inherit;
	min-width:2em;
	padding:0.4em;
	height:2em;
	line-height:1;
	background-color:var(--couleur-pale);
}
.nav-links > .current{
	background:var(--couleur-vertfonce);
	color:var(--couleur-blanc);
}

/* Colonnes /*
#== Classes utilitaires ==============================================================================================================#
	• grid-section : crée des colonnes pour les viewports > 980px (par défaut)
	• grid-section12 : idem, mais les proportions sont indiquées différemment

   RESPONSIVE
	• grid-large : empile les blocs pour les viewports de largeur inférieure à 1260px au lieu de 980px
	• grid-small : empile les blocs pour les viewports de largeur inférieure à 600px au lieu de 980px

   RÉPARTITION
	• v-align-… : alignement vertical des colonnes (par défaut, étirées).
		v-align-top : alignées en haut
		v-align-center : colonnes centrées
	• h-align-… : répartition horizontale des colonnes (par défaut, espacées).
		h-align-left : alignées à gauche
		h-align-center : centrées
		h-align-right : alignées à droite

   MARGES
	• --cols-gap : espacement entre les colonnes

   COLONNES IRRÉGULIÈRES
    • --cols-prop (si .grid-section) : proportions des colonnes entre elles (par défaut 1fr 1fr)
    • --col-prop12 (si .grid-section12) : proportions des colonnes, par rapport à une grille de 12 colonnes (par défaut 6)

   GRILLE AUTOMATIQUE
	• grid-auto : crée des colonnes de largeur égale à --cols-larg et les répartit sur plusieurs lignes si besoin
	• grid-auto-fill : la largeur des colonnes peut s'agrandit de façon à remplir la fraction complète
	• --cols-larg : largeur d'une colonne (par défaut 300px), largeur minimale si .grid-auto-fill
*/
.grid-section,
.grid-section12,
.grid-auto,
.grid-auto-fill,
.is-layout-grid{
	--cols-gap:var(--margesDefaut);
	display:grid;
	gap:var(--cols-gap);
	justify-content:center;
	position:relative;
	grid-auto-flow:dense;
}
.grid-section{
	--cols-prop:1fr 1fr;
	grid-template-columns:var(--cols-prop);
}
.grid-section12{ grid-template-columns:repeat(12, 1fr); }
.grid-section12 > *{
	--col-prop12:6;
	grid-column:span var(--col-prop12);
}
.grid-auto,
.grid-auto-fill,
.is-layout-grid{
	--cols-larg:300px;
	grid-template-columns:repeat(auto-fill, var(--cols-larg));
}
.is-layout-grid{ grid-template-columns:repeat(auto-fill, minmax(min(12rem,100%),1fr)); }
@media(max-width:1260px){
	:is(.grid-section,.grid-section12):where(.grid-large){ grid-template-columns:1fr; }
	:is(.grid-section,.grid-section12):where(.grid-large) > *{ grid-column:1; }
}
@media(max-width:980px){
	:is(.grid-section,.grid-section12):not(:where(.grid-small,.grid-large)){ grid-template-columns:1fr; }
	:is(.grid-section,.grid-section12):not(:where(.grid-small,.grid-large)) > *{ grid-column:1; }
}
@media(max-width:600px){
	:is(.grid-section,.grid-section12):where(.grid-small){ grid-template-columns:1fr; }
	:is(.grid-section,.grid-section12):where(.grid-small) > *{ grid-column:1; }
}
.v-align-top{ align-items:flex-start; }
.v-align-center{ align-items:center; }
.h-align-left{ justify-content:flex-start; }
.h-align-center{ justify-content:center; }
.h-align-right{ justify-content:flex-end; }







 
/*=================*\
#    Formulaires    #
#-------------------#
#    Classes utilitaires :
#    .form-optionnel : mention "optionnel" près d'un champ (à préférer au "*" obligatoire)
#    .switch : sur un <input type="checkbox/radio">, change l'aspect visuel
#    Structure d'une ligne classique :
#    <div class="form-ligne">
#    	<label class="form-label" for="champ_XXX">Nom du champ</label>
#    	<div class="form-champ">
#    		<input id="champ_XXX" ... />
#    	</div>
#    </div>
\*=================*/

/*==== Champs ===================================================================================*/
button,
input:where(:not([type="checkbox"]):not([type="radio"])),
::file-selector-button,
.bouton, .wp-block-button__link, .form--file-bouton,
textarea,
select,
optgroup{
	max-width:100%;
	height:auto;
	margin:0;
	overflow:visible;
	color:inherit;
	font:inherit;
	letter-spacing:inherit;
	text-transform:none;
	vertical-align:middle;
	background:none;
	appearance:none;
}

/* Empêche le zoom au double-tap */
a,
area,
button,[role="button"],
input:where(:not([type="range"])),
label,
select,
summary,
textarea,
[tabindex]{ touch-action:manipulation; }

/* Placeholder */
::placeholder,
:where(.form-labelInside) label{
	color:inherit;
	font-style:italic;
	opacity:0.8;
}

/*==== BOUTONS ====*/
/* Outline sur le faux bouton de .form-fileInput */
:where(.form-fileInput [type="file"]:focus-visible) + .form--file-bouton{
	outline:var(--outline);
	outline-offset:var(--outline-offset);
}
/* Tous les boutons */
button:where(:not(.slider-nav)),
[type="button"]:where(:not(.slider-nav)),
[type="reset"],
[type="submit"],
::file-selector-button,
.bouton, .wp-block-button__link, .form--file-bouton{
	display:inline-block;
	line-height:1.2;
	padding:0.8em calc(1em + 0.5lh);
	background:var(--form-bouton-fondColor);
	color:var(--form-bouton-textColor);
	border:var(--form-bouton-bordWidth) solid var(--form-bouton-bordColor);
	cursor:pointer;
	overflow:visible;
	user-select:none;
	text-decoration:none;
	border-radius: 26px;
	text-transform: uppercase;
	font-weight:500;
	transition:0.3s ease-out;
	transition-property:color, background-color, border-color;

	/* Boutons contenant une icône et/ou du texte pour screen reader */
	&:where(:has(svg:only-child)){
		padding:calc(var(--icon-dim) * 0.5);
	}

	/* Survol et focus */
	:is(&):not(:disabled):is(:hover,:focus-visible),
	:where([type="file"]:not(:disabled):is(:hover,:focus-visible))::file-selector-button,
	:where(.form-fileInput [type="file"]:not(:disabled):is(:hover,:focus-visible)) + .form--file-bouton{
		--form-bouton-bordColor:var(--couleur-vertclair);
		--form-bouton-fondColor:var(--couleur-vertclair);
	}
}
.bouton-fleche{
	width:3.4rem;
	height:3.4rem;
	flex:0 0 auto;
	align-self:flex-end;

	&::after{
		content:"";
		display:block;
		width:100%;
		height:100%;
		background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='%23017129'%3E%3Cpath d='M22.09 10.98h-8.14c-.4 0-.77.24-.92.62s-.07.8.22 1.09l2.93 2.93-4.83 4.83c-.59.59-.59 1.54 0 2.12.29.29.68.44 1.06.44s.77-.15 1.06-.44l4.83-4.83 3.09 3.09c.19.19.45.29.71.29.13 0 .26-.02.38-.08.37-.15.62-.52.62-.92v-8.14c0-.55-.45-1-1-1Z'/%3E%3C/svg%3E") no-repeat 0 0 / contain var(--couleur-blanc);
		border-radius:50%;
		transition:0.3s ease-out;
		transition-property:background-position, box-shadow, background-color;
		box-shadow:0 0 0 -1px var(--couleur-vert);
	}
	
	:is(a, button):not(:disabled):is(:hover,:focus-visible) > &::after,
	:is(&):not(:disabled):is(:hover,:focus-visible)::after,
	a.header-home-bloc:is(:hover,:focus-visible) &::after{
		background-position:0.2rem -0.2rem;
		box-shadow:0 0 0 1px var(--couleur-vert);
		background-color:var(--couleur-vertclair);
	}
}

/*==== CHAMPS DE TYPE TEXTE ====*/
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea,
select,
:where(.form-labelInside) label{
	vertical-align:middle;
	padding-block:calc((var(--form-input-height) - 2*var(--form-input-bordWidth) - 1lh)*0.5); /* hauteur - 2*bordure - line-height */
	padding-inline:calc(0.5em + 0.5lh);
	width:100%;
	height:var(--form-input-height);
	min-height:var(--form-input-height);
	border:var(--form-input-bordWidth) solid var(--form-input-bordColor);
	background-color:var(--form-input-fondColor);
}

/* TEXTAREA */
textarea{
	--textarea-lines:2;
	overflow:auto;
	resize:vertical;
	vertical-align:top;
	white-space:pre-wrap;
	height:calc(var(--form-input-height) + var(--textarea-lines) * 1lh); /* hauteur + (lignes-1)*line-height */
}
textarea[rows]{ --textarea-lines:attr(rows); }

/* NUMBER */
[type="number"]{ appearance:textfield; } /* Firefox : conversion en apparence textfield pour retirer les flèches mal gérées */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
	-moz-appearance:textfield;
	appearance:none;
	height:auto;
}

/* RECHERCHE */
[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button,
[type="search"]::-webkit-search-results-decoration {
	appearance:none; /* macOS Chrome et Safari : retire le padding */
	display:none; /* Supprime le 'x' à droite du champ quand du texte est entré */
}

/* COULEUR */
[type="color"]{
	background:none;
	width:var(--form-check-taille);
	height:var(--form-check-taille);
	border:none;
	padding:0;
}
[type="color"]::-webkit-color-swatch-wrapper{ padding:0; }
/* NB : dupliquer le code pour -webkit et -moz- ci-après */
[type="color"]::-webkit-color-swatch{
	border:none;
	border-radius:50%;
}[type="color"]::-moz-color-swatch{
	border:none;
	border-radius:50%;
}

/* RANGE */
[type="range"]{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	outline:none;
}
[type="range"]::-webkit-slider-thumb{ /* (curseur pour WebKit/Blink) */
	-webkit-appearance:none;
	appearance:none;
	margin-top:calc(var(--form-check-taille)/-3 - var(--form-input-bordWidth));
	height:var(--form-check-taille);
	width:var(--form-check-taille);
	border:none;
	border-radius:50%;
	background-color:var(--form-bouton-fondColor);
	cursor:ew-resize;
}
[type="range"]:focus::-webkit-slider-thumb{ outline:auto 5px -webkit-focus-ring-color; }
[type="range"]::-moz-range-thumb{ /* (curseur pour Firefox) */
	-webkit-appearance:none;
	appearance:none;
	margin-top:calc(var(--form-check-taille)/-3 - var(--form-input-bordWidth));
	height:var(--form-check-taille);
	width:var(--form-check-taille);
	border:none;
	border-radius:50%;
	background-color:var(--form-bouton-fondColor);
	cursor:ew-resize;
}
[type="range"]:focus::-moz-range-thumb{ outline:auto; }
[type="range"]::-webkit-slider-runnable-track {
	width:100%;
	height:calc(var(--form-check-taille)/3);
	background-color:var(--form-input-fondColor);
	border:var(--form-input-bordWidth) solid var(--form-input-bordColor);
	border-radius:var(--form-check-taille);
}
[type="range"]::-moz-range-track {
	width:100%;
	height:calc(var(--form-check-taille)/3);
	background-color:var(--form-input-fondColor);
	border:var(--form-input-bordWidth) solid var(--form-input-bordColor);
	border-radius:var(--form-check-taille);
}

/* DATES */
[type="date"]::-webkit-inner-spin-button,
[type="time"]::-webkit-inner-spin-button{ appearance:none; }

/* SELECT */
.faux-select,
select:not([multiple]){
	padding-right:calc(var(--form-input-height) + 1em);
	/*border-radius:0;*/
	background:url("icon.php?i=navB") no-repeat right calc(var(--form-input-height)*0.25) center / calc(var(--form-input-height)*1),
	linear-gradient(var(--form-input-fondColor), var(--form-input-fondColor)) no-repeat right top / var(--form-input-height) var(--form-input-height),
	var(--form-input-fondColor);
	/*height:var(--form-input-height);*/
}
select:where([multiple]){
	height:auto;
	max-height:none;
	overflow-y:scroll;
	padding:0;
	border:var(--form-input-bordWidth) solid var(--form-input-bordColor);
	background-color:var(--form-input-fondColor);
}
select:where([multiple]) option{
	padding:0.5em 1em;
	margin:var(--form-bouton-bordWidth);
}
:where(select[multiple]) option:checked{
	color:var(--form-bouton-textColor);
	background-color:var(--form-bouton-fondColor);
}

/* CHECKBOX / RADIO */
[type="checkbox"],
[type="radio"]{
	margin:0 0.3em 0 0;
	padding:0;
	appearance:none;
	vertical-align:middle;
	cursor:pointer;
	display:inline-block;
}
:is([type="checkbox"],[type="radio"]):not(.switch){
	width:var(--form-check-taille);
	height:var(--form-check-taille);
	border:var(--form-input-bordWidth) solid var(--form-input-bordColor);
}
[type="radio"]:not(.switch),
[type="radio"]:not(.switch)::before{ border-radius:50%; }
:is([type="checkbox"],[type="radio"]):not(.switch)::before{
	--form-check-marge:4px;
	content:"";
	background-color:var(--couleur-vertfonce);
	display:block;
	width:calc(100% - var(--form-check-marge) * 2);
	height:calc(100% - var(--form-check-marge) * 2);
	margin:var(--form-check-marge);
	transform:scale(0);
	transition:transform .1s ease-out;
}
[type="checkbox"]:not(.switch):checked::before,
[type="radio"]:not(.switch):checked::before{ transform:scale(1); }
:is(.wpcf7-checkbox,.wpcf7-radio,.gfield_checkbox,.gfield_radio){
	display:flex;
	flex-wrap:wrap;
	gap:1em;
}
.form-list :is(.wpcf7-checkbox,.wpcf7-radio,.wpcf7-list-item,.gfield_checkbox,.gfield_radio,.gchoice){
	display:block;
	margin-bottom:1em;
}
.wpcf7-list-item label:where(:has(input):has(.wpcf7-list-item-label)),
.gchoice label:where(:has(input):has(.gform-field-label)){
	display:flex;
	flex-wrap:nowrap;
	align-items:flex-start;
}
.wpcf7-list-item label:where(:has(input):has(.wpcf7-list-item-label)) input,
.gchoice label:where(:has(input):has(.gform-field-label)) input{
	flex:0 0 auto;
}
.wpcf7-list-item label:where(:has(input):has(.wpcf7-list-item-label)) .wpcf7-list-item-label,
.gchoice label:where(:has(input):has(.gform-field-label)) .gform-field-label{
	flex:1 1 auto;
	line-height:1.2;
	padding-block:calc((var(--form-check-taille) - 1.2em)/2);
}

/* Aspect "switch" */
.switch {
	border-radius:var(--form-check-taille);
	width:calc(var(--form-check-taille)*2);
	height:var(--form-check-taille);
	line-height:var(--form-check-taille);
	font-size:calc(var(--form-check-taille) * 0.4);
	box-shadow:inset calc(var(--form-check-taille) * -1) 0 0 var(--form-bouton-bordWidth) currentColor,
	           inset 0 0 0 var(--form-bouton-bordWidth) currentColor;
	transition:box-shadow .3s ease-out;
	background-color:#fff;
}
.switch:checked {
	box-shadow:inset var(--form-check-taille) 0 0 var(--form-bouton-bordWidth) var(--form-bouton-fondColor),
	           inset 0 0 0 var(--form-bouton-bordWidth) var(--form-bouton-fondColor);
}
.switch::before,
.switch::after {
	font-weight:bold;
	color:#fff;
}
.switch::before {
	content:"✕";
	float:right;
	margin-right:calc(var(--form-check-taille) * 0.4);
}
.switch:checked::before {
	content:"✓";
	float:left;
	margin-left:calc(var(--form-check-taille) * 0.4);
}

/* FICHIERS */
::file-selector-button{
	margin-right:0.25em;
}
/* Pour utiliser cet aspect, le champ doit être dans un élément contenant la classe .form-fileInput */
.form-fileInput{
	display:inline-block;
	position:relative;
}
.form-fileInput [type="file"]{
	position:absolute;
	inset:0;
	opacity:0;
	z-index:1;
	overflow:hidden;
}

/* AUTRES CHAMPS */
progress{
	display:inline-block;
	width:100%;
	vertical-align:baseline;
}
output{ display:inline-block; }

/*==== Structure ================================================================================*/
fieldset{
	padding:0;
	border:1px solid var(--form-input-bordColor);
}
legend{
	display:table;
	max-width:100%;
	padding:0 0.5em;
	color:inherit;
	white-space:normal;
	border:0;
}
label{
	display:inline-block;
	cursor:pointer;
}
.form-ligne:where(:not(.wp-block-column)){ margin-block:var(--margesDefaut); }
.form-optionnel{
	font-size:0.8em;
	color:limegreen;
}
.form-label{
	display:block;
	margin:0 auto 0.5em 0;
	inline-size:fit-content;
}

/* Éléments inactifs */
:disabled{
	opacity:0.7;
	cursor:not-allowed;
}

/* .form-labelInside : le label contenu dans le bloc se comporte comme un placeholder et se déplace lorsque le champ est focus ou renseigné */
.form-labelInside{
	position:relative;
	padding-top:calc(var(--form-input-height) / 2);
}
.form-labelInside label{
	position:absolute;
	top:calc(var(--form-input-height) / 2);
	border-color:transparent;
	background:none;
	margin:0;
	transition:0.3s ease-out;
	transition-property:padding, opacity, font-size, font-style, top;
	pointer-events:none;
}
.form-labelInside label::after{
	content:" :";
	opacity:0;
	transition:opacity 0.3s ease-out;
}
.form-labelInside:is(:not(:has(input:placeholder-shown)),:has(input:focus)) label{
	padding:0;
	font-size:0.8em;
	opacity:1;
	font-style:normal;
	top:0;
}
.form-labelInside:is(:not(:has(input:placeholder-shown)),:has(input:focus)) label::after{opacity:1;}

/* Contact Form 7 */
.wpcf7-response-output:not(:empty){
	border:1px solid silver;
	border-left:4px solid currentColor;
	padding:1em 2em;
	margin:2em 0;
	background-color:white;
}
input.wpcf7-not-valid{color:red;}
.wpcf7-not-valid-tip{
	color:red;
	font-size:0.8em;
	display:block;
}

/* Badge Invisible reCaptcha */
.grecaptcha-badge{z-index:3;}


/* Protection des emails (effet visuel uniquement, protection réelle via php/js) */
a[data-class="atelier-emph"]:not(.done) .emphrplc{filter:blur(0.2em);}

.acf-actions a{ text-decoration:none; }

/* RGPD Youtube et ACF map */
.youtube-iframe-rgpd,
.youtube-iframe-axeptio,
.acf-map,
.osm-map{
	overflow:hidden;
	position:relative;
}
.acf-map,
.osm-map{
	width:100%;
	height:400px;
}
.youtube-iframe-rgpd::before,
.youtube-iframe-axeptio::before{
	content:"";
	display:block;
	padding-top:56.25%;
}
.youtube-iframe-rgpd > *,
.youtube-iframe-axeptio > *,
.acf-map.inactive > *{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.youtube-iframe-rgpd-vignette,
.youtube-iframe-axeptio-vignette{
	background:no-repeat center center / contain #000;
	filter:blur(10px);
}
.acf-map-rgpd-vignette,
.acf-map-axeptio-vignette{
	background:linear-gradient(120deg,#9cc0f9 0%,#e8eaed 12%,#e8eaed 88%,#b4dfc0 100%) #e8eaed;
}
.youtube-iframe-rgpd-inner,
.youtube-iframe-axeptio-inner,
.acf-map-rgpd-inner,
.acf-map-axeptio-inner{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:1em 2em;
}
.youtube-iframe-rgpd-inner,
.youtube-iframe-axeptio-inner{
	background:rgba(0,0,0,0.8);
	color:#fff;
}

.acf-map .acf-map-rgpd-inner,
.acf-map .acf-map-axeptio-inner{
	position:relative;
	background:rgba(0,0,0,0.15);
	color:#000;
}
.acf-map:not(.inactive) img,
.acf-map:not(.inactive) button{
	max-width:inherit;
	object-fit:inherit;
	background:inherit;
	padding:inherit;
	display:inherit;
	cursor:inherit;
}
.acf-map .marker{ display:none; }

.leaflet-container{
	font-size:1.2rem;
}
.leaflet-container .leaflet-marker-pane img{
	filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
}


/*============*\
#    FORMES    #
\*============*/
/* Triangles */
.shape-triangle{
	--shape-angle:0deg;
	height:var(--icon-dim);
	aspect-ratio:cos(30deg);
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	transform-origin:center;
	transform:rotate(var(--shape-angle));
}
.shape-triangle-circ{
	--shape-angle:90deg;
	--shape-padd:calc(0.5 * var(--icon-dim) - cos(45deg) * 0.5 * var(--icon-dim));
	--shape-color:#fff;
	aspect-ratio:1;
	width:var(--icon-dim);
	border-radius:50%;
	padding:var(--shape-padd);
}
.shape-triangle-circ::before{
	content:"";
	display:block;
	background-color:var(--shape-color);
	width:calc(var(--icon-dim) - var(--shape-padd) * 2);
	height:calc(var(--icon-dim) - var(--shape-padd) * 2);
	clip-path: polygon(
		calc(50% + 50% * sin(var(--shape-angle) + (0 * 360deg) / 3))
		calc(50% + 50% * cos(var(--shape-angle) + (0 * 360deg) / 3)),
		calc(50% + 50% * sin(var(--shape-angle) + (1 * 360deg) / 3))
		calc(50% + 50% * cos(var(--shape-angle) + (1 * 360deg) / 3)),
		calc(50% + 50% * sin(var(--shape-angle) + (2 * 360deg) / 3))
		calc(50% + 50% * cos(var(--shape-angle) + (2 * 360deg) / 3))
	);
}
/* Hexagones */
.shape-hex{
	height:var(--icon-dim);
	aspect-ratio:1/cos(30deg);
	clip-path:polygon(50% -50%, 100% 50%, 50% 150%, 0% 50%);
	padding-inline:calc(1 / cos(30deg) * 0.25 * var(--icon-dim));
}
.shape-hexalt{
	width:var(--icon-dim);
	aspect-ratio:cos(30deg);
	clip-path:polygon(-50% 50%, 50% 0%, 150% 50%, 50% 100%);
	padding-block:calc(1 / cos(30deg) * 0.25 * var(--icon-dim));
}
.shape-hex.shift{ margin-inline:calc(1 / cos(30deg) * -0.25 * var(--icon-dim)); }
.shape-hexalt.shift{ margin-block:calc(1 / cos(30deg) * -0.25 * var(--icon-dim)); }
/* Étoiles */
.shape-star{
	--shape-angle:180deg;
	--shape-inner:30%;
	width:var(--icon-dim);
	height:var(--icon-dim);
	clip-path: polygon(
		calc(50% + 50% * sin(var(--shape-angle) + (0 * 360deg) / 5))
		calc(50% + 50% * cos(var(--shape-angle) + (0 * 360deg) / 5)),
		calc(50% + calc(50% - var(--shape-inner)) * sin(var(--shape-angle) + (0 * 360deg + 180deg) / 5))
		calc(50% + calc(50% - var(--shape-inner)) * cos(var(--shape-angle) + (0 * 360deg + 180deg) / 5)),
		calc(50% + 50% * sin(var(--shape-angle) + (1 * 360deg) / 5))
		calc(50% + 50% * cos(var(--shape-angle) + (1 * 360deg) / 5)),
		calc(50% + calc(50% - var(--shape-inner)) * sin(var(--shape-angle) + (1 * 360deg + 180deg) / 5))
		calc(50% + calc(50% - var(--shape-inner)) * cos(var(--shape-angle) + (1 * 360deg + 180deg) / 5)),
		calc(50% + 50% * sin(var(--shape-angle) + (2 * 360deg) / 5))
		calc(50% + 50% * cos(var(--shape-angle) + (2 * 360deg) / 5)),
		calc(50% + calc(50% - var(--shape-inner)) * sin(var(--shape-angle) + (2 * 360deg + 180deg) / 5))
		calc(50% + calc(50% - var(--shape-inner)) * cos(var(--shape-angle) + (2 * 360deg + 180deg) / 5)),
		calc(50% + 50% * sin(var(--shape-angle) + (3 * 360deg) / 5))
		calc(50% + 50% * cos(var(--shape-angle) + (3 * 360deg) / 5)),
		calc(50% + calc(50% - var(--shape-inner)) * sin(var(--shape-angle) + (3 * 360deg + 180deg) / 5))
		calc(50% + calc(50% - var(--shape-inner)) * cos(var(--shape-angle) + (3 * 360deg + 180deg) / 5)),
		calc(50% + 50% * sin(var(--shape-angle) + (4 * 360deg) / 5))
		calc(50% + 50% * cos(var(--shape-angle) + (4 * 360deg) / 5)),
		calc(50% + calc(50% - var(--shape-inner)) * sin(var(--shape-angle) + (4 * 360deg + 180deg) / 5))
		calc(50% + calc(50% - var(--shape-inner)) * cos(var(--shape-angle) + (4 * 360deg + 180deg) / 5))
	);
}
/* Graphiques circulaires */
.graph-circ{
	width:var(--icon-dim);
	height:var(--icon-dim);
	mask: conic-gradient(#000 calc(var(--progress) * 1turn), transparent calc(var(--progress) * 1turn + 0.5grad), transparent 0) intersect,
		  radial-gradient(50% 50%, transparent calc(100% - var(--icon-epaisseur)), #000 calc(100% - var(--icon-epaisseur) + 1px), #000 0 calc(100% - 1px), transparent);
}
/* Onglets */
.shape-onglet-outer{
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.shape-onglet{
	--shape-round:1em; /* Épaisseur des arrondis */
	--shape-space:2px; /* Espace entre les onglets */
	position:relative;
	margin:calc(var(--shape-round) * -1) calc(var(--shape-round) * -1 + var(--shape-space) / 2) 0;
	min-height:calc(var(--shape-round)*3);
	border:var(--shape-round) solid transparent;
	border-bottom:0;
	border-radius:calc(2*var(--shape-round)) calc(2*var(--shape-round)) 0 0;
	background-clip:border-box;
	align-content:center;
	--shape-onglet-rg:linear-gradient(transparent 0 0);
	--shape-onglet-rd:linear-gradient(transparent 0 0);
	mask:var(--shape-onglet-rg), var(--shape-onglet-rd), linear-gradient(#000 0 0) padding-box;
}
.shape-onglet.rleft{
	--shape-onglet-rg:radial-gradient(100% 100% at 0 0, transparent calc(100% - 1px), #000) 0 100% / var(--shape-round) var(--shape-round) no-repeat;
	margin-left:calc(var(--shape-space) / 2);
}
.shape-onglet.rright{
	--shape-onglet-rd:radial-gradient(100% 100% at 100% 0, transparent calc(100% - 1px), #000) 100% 100% / var(--shape-round) var(--shape-round) no-repeat;
	margin-right:calc(var(--shape-space) / 2);
}
.shape-onglet::before{
	--shape-shadow-h:0.5em; /* Hauteur de l'ombre */
	--shape-shadow-o:0.15; /* Intensité de l'ombre */
	content:"";
	position:absolute;
	inset:auto calc(var(--shape-round) * -1) 0;
	height:var(--shape-shadow-h);
	background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,var(--shape-shadow-o)));
}
.shape-onglet.active::before{opacity:0;}
/* Bulle */
.shape-bulle{
	--shape-dim:1em;
	position:relative;
	background-clip:border-box;
	border:0 solid transparent;
}
.shape-bulle:where(.posL,.posLT,.posLB){border-left-width:var(--shape-dim);}
.shape-bulle:where(.posT,.posTL,.posTR){border-top-width:var(--shape-dim);}
.shape-bulle:where(.posR,.posRT,.posRB){border-right-width:var(--shape-dim);}
.shape-bulle:where(.posB,.posBL,.posBR){border-bottom-width:var(--shape-dim);}
.shape-bulle:where(.posL){clip-path:polygon(var(--shape-dim) 0,100% 0,100% 100%,var(--shape-dim) 100%,var(--shape-dim) calc(50% + var(--shape-dim)),0 50%,var(--shape-dim) calc(50% - var(--shape-dim)));}
.shape-bulle:where(.posLT){clip-path:polygon(0 0,100% 0,100% 100%,var(--shape-dim) 100%,var(--shape-dim) var(--shape-dim));}
.shape-bulle:where(.posTL){clip-path:polygon(0 0,var(--shape-dim) var(--shape-dim),100% var(--shape-dim),100% 100%,0 100%);}
.shape-bulle:where(.posT){clip-path:polygon(0 var(--shape-dim),calc(50% - var(--shape-dim)) var(--shape-dim),50% 0,calc(50% + var(--shape-dim)) var(--shape-dim),100% var(--shape-dim),100% 100%,0 100%);}
.shape-bulle:where(.posTR){clip-path:polygon(0 var(--shape-dim),calc(100% - var(--shape-dim)) var(--shape-dim),100% 0,100% 100%,0 100%);}
.shape-bulle:where(.posRT){clip-path:polygon(0 0,100% 0,calc(100% - var(--shape-dim)) var(--shape-dim),calc(100% - var(--shape-dim)) 100%,0 100%);}
.shape-bulle:where(.posR){clip-path:polygon(0 0,calc(100% - var(--shape-dim)) 0,calc(100% - var(--shape-dim)) calc(50% - var(--shape-dim)),100% 50%,calc(100% - var(--shape-dim)) calc(50% + var(--shape-dim)),calc(100% - var(--shape-dim)) 100%,0 100%);}
.shape-bulle:where(.posRB){clip-path:polygon(0 0,calc(100% - var(--shape-dim)) 0,calc(100% - var(--shape-dim)) calc(100% - var(--shape-dim)),100% 100%,0 100%);}
.shape-bulle:where(.posBR){clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--shape-dim)) calc(100% - var(--shape-dim)),0 calc(100% - var(--shape-dim)));}
.shape-bulle:where(.posB){clip-path:polygon(0 0,100% 0,100% calc(100% - var(--shape-dim)),calc(50% + var(--shape-dim)) calc(100% - var(--shape-dim)),50% 100%,calc(50% - var(--shape-dim)) calc(100% - var(--shape-dim)),0 calc(100% - var(--shape-dim)));}
.shape-bulle:where(.posBL){clip-path:polygon(0 0,100% 0,100% calc(100% - var(--shape-dim)),var(--shape-dim) calc(100% - var(--shape-dim)),0 100%);}
.shape-bulle:where(.posLB){clip-path:polygon(var(--shape-dim) 0,100% 0,100% 100%,0 100%,var(--shape-dim) calc(100% - var(--shape-dim)));}




/*============*\
#    HEADER    #
\*============*/
/* Structure générale */
.site-header{ position:relative; }
.header-container{
	align-items:center;
	padding-block:1.7em;
}
.site-header-logo{
	flex:0 0 150px;
}
.header-icons{
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
}
@media(min-width:601px){
	.header-container{
		margin:0 0 0 var(--margesContenu);
		/*margin:0 calc(2 * var(--margesDefaut));*/
		display:flex;
		justify-content:space-between;
	}
}
@media(max-width:600px){
	.site-header-logo{
		width:180px;
		margin:0 auto 1em;
	}
	.header-container{ margin-inline:var(--margesOut); }
	.header-icons{ justify-content:center; }
}

/* Icônes */
.header-icone{
	background:none;
	border:none;
	padding:0;
	color:inherit;
	line-height:1.15;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	width:96px;
	font-size:1.2rem;
	font-weight:400;
	cursor:pointer;
	text-transform:none;
}
.header-icone--icon{
	color:var(--couleur-vert);
	width:32px;
	height:32px;
	margin:0 auto 0.5em;
	transition:color 0.3s ease-out;

	.header-icone:is(:hover,:focus-visible) &{
		color:var(--couleur-vertfonce);
	}
}

/* Menu principal */
@media(min-width:981px){
	.site-main-menu--level-1-ul{
		display:flex;
		position:relative;
	}
	.site-main-menu--level-2-ul{
		position:absolute;
		top:100%;
		height:0;
		padding-block:0;
		overflow-y:clip;
		interpolate-size:allow-keywords;
		transition:0.3s ease-out;
		transition-property:height,padding-block;
		z-index:1;
		width:auto;
	}
	/*.site-main-menu--level-1-ul :where([aria-expanded="true"] + .site-main-menu--level-2-ul){ height:auto; }*/

	.menu-item-object-page.menu-item-has-children:hover > .site-main-menu--level-2-ul{
		height:auto;
		padding:2em;
		background:var(--couleur-vertclair);

	}
	.site-main-menu--level-2-a {
		padding: .25em 0 .25em 1em;
		color: black;
		font-weight:400;
		text-decoration:none;
	}
	.site-main-menu--level-3-a{
		font-size: 1.6rem;
    	font-style: italic;
    	padding: .25em 0 .25em 2em;
		text-decoration:none;
	}
}

@media(min-width:1261px){
	.site-main-menu--level-1-ul{
		font-size:1.6rem;
		gap:0;
		align-items:stretch;
		margin-inline:2em;
	}
	.site-main-menu--level-1-a{
		display:block;
		text-decoration:none;
		color:black;
		font-weight:400;
		min-width:min-content;
		height:100%;
		align-content:center;
		text-wrap:balance;
		padding:1em 1em;
		box-shadow:inset 0 calc(0 + 0px) 0 -1px var(--couleur-vertclair);
		transition:0.3s ease-out;
		transition-property:box-shadow, color;
	}
	.site-main-menu--level-1-a:is(:hover,:focus-visible){
		color:var(--couleur-vert);
		box-shadow:inset 0 calc(-0.5em + 1px) 0 -1px var(--couleur-vertclair);
	}
}
@media(max-width:1260px){
	.main-navigation{ display:none; }
}

/* Recherche */
.header-search{
	position:absolute;
	inset:0 0 0 calc(var(--margesContenu) + 150px);
	background:#fff;
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	transform:translateY(calc(-100% - 1px));
	opacity:0;
	transition:0.3s ease-out;
	transition-property:opacity, transform;
}
.header-search:has( :is(input,button):is(:focus,:focus-visible,:focus-within)){
	transform:translateY(calc(0% - 0px));
	opacity:1;
}
.header-close-search{
	--icon-dim:2.4rem;
	border:none;
	border-radius:50%;
	aspect-ratio:1;
	align-self:flex-start;
	margin:0.5em;
	flex:0 0 auto;
	cursor:pointer;
	display:none;
}
.header-search .search-form{
	--form-bouton-fondColor:var(--couleur-vertclair);
	--form-bouton-bordColor:var(--couleur-vertclair);
	--form-bouton-textColor:var(--couleur-vert);
	flex:1 1 auto;
	margin:1em 3em;
}
.header-search :is(input,button){ outline:none; }
@media(max-width:600px){
	.header-search{ left:0; }
}
@media(min-width:601px){
	.header-search .search-field{
		flex:1 1 auto;
		border-right:none;
	}
}

/* Menu secondaire */
.full-navigation{
	position:fixed;
	width:100%;
	height:100vh;
	inset:0;
	display:block;
	background:var(--couleur-vertclair);
	z-index:9;
	overflow:auto;
	padding:40px 30px;
	transform-origin:right top;
	transform:translateX(calc(100% + 1px));
	opacity:0;
	transition:.5s ease-out;
	transition-property:opacity, transform;

	.site-header:has( .menu-toggle[aria-expanded="true"]) &{
		opacity:1;
		transform:translateX(calc(0% + 0px));
	}
}
:where(.full-navigation) a{
	display:block;
	line-height:1.2;
	text-decoration:none;
	font-weight:400;
}
.site-header-menu--level-2-ul{
	position:static;
	height:auto;
}
.site-header-menu--level-3-ul{ margin-bottom:.5em; }
.site-header-menu--level-1-a{
	color:black;
	border-bottom:1px solid var(--couleur-vertfonce);
	font-weight:700;
	padding:.5em 0;
	margin:1em 0 .5em;
}
.site-header-menu--level-2-a{
	padding:.25em 0 .25em 1em;
	color:black;
}
.site-header-menu--level-3-a{
	font-size:1.6rem;
	font-style:italic;
	padding:.25em 0 .25em 2em;
}
.header-close-menu{
	--icon-epaisseur:5px;
	border:none;
	background:none;
	position:absolute;
	inset:0 0 auto auto;
	color:var(--couleur-vert);
	cursor:pointer;
}

/* Image de contenu */
.entry-header{
	position:relative;
	margin-inline:auto;
	width:calc(100vw - var(--largScrollBar,0px) - var(--margesOut)*2);
}
.header-image,
.rank-math-breadcrumb,
.header-chapo,
.header-home{
	border-radius:var(--bradius);
}
.header-image{
	display:block;
	aspect-ratio:146/33;
	width:100%;
	min-height:200px;
}

/* Fil d'Ariane */
.rank-math-breadcrumb{
	margin-block:-1.1lh;
	background:var(--couleur-blanc);
	line-height:1.2;
	padding:0.6lh calc(var(--margesOut) / 2);
	position:relative;

	& p{ margin:0; }

	& .separator{ color:var(--couleur-vertclair); }

	& a{
		text-decoration:none;
		color:inherit;
	}

	& .last{
		font-weight:400;
		text-decoration:underline;
		color:var(--couleur-vert);
	}
}

/* Zone titre + excerpt */
.header-chapo{
	padding:1em calc(var(--margesOut) / 2);
	background:var(--couleur-pale);
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.header-excerpt,
.commune_intro{
	font-weight:400;
	font-size:clamp(1.6rem, 1.7vw, 2.2rem);
}

/* Spécificités de la home */
.header-home{
	background:rgba(0,0,0,0.667);
	color:var(--couleur-blanc);
}
.header-home .header-image{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	z-index:-1;
	object-fit:cover;
	object-position:center;
}
.header-home .header-content-container{
	max-width:calc(100% - var(--margesOut));
}
.header-home .header-chapo{
	max-width:640px;
	background:none;
	padding-inline:0;
}
.header-home .header-titre{
	color:inherit;
	font-size:clamp(3rem, 6.4vw, 8rem);

	&::after{ content:none; }
}
.button-home-header{
	margin-top:3em;
}
.header-home-excerpt{
	font-size:2.4rem;
	font-weight:400;
}
@media(min-width:981px){
	.header-home{ padding-bottom:11rem; }
}

/*=======================*\
#    BLOCS HEADER HOME    #
\*=======================*/
@media(min-width:981px){
	.header-home-blocs{ margin-block:-11rem 2em; }
	.header-home-bloc{ flex:0 1 300px; }
}
@media(max-width:980px){
	.header-home-blocs{
		flex-direction:column-reverse;
		margin-block:var(--margesDefaut);
	}
}
.header-home-blocs{
	position:relative;
	display:flex;
	align-items:stretch;
	justify-content:flex-end;
	gap:var(--margesDefaut);
	max-width:calc(100% - var(--margesOut) * 2 - var(--margesDefaut) * 2);
}
.header-home-bloc{
	position:relative;
	font-size:1.6rem;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:space-between;
	row-gap:1em;
	border-radius:var(--bradius);
	padding:2rem 2.5rem;
	background:var(--couleur-vertfonce);
	overflow:hidden;
	min-height:160px;
	text-decoration:none;

	&:where(:has( .header-home-bloc--fond))::before{
		background:linear-gradient(0deg,rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		inset:0;
		content:"";
		display:block;
		position:absolute;
		z-index:1;
	}
}
.header-home-bloc--label{
	position:relative;
	background:var(--couleur-blanc);
	text-transform:uppercase;
	display:inline-block;
	line-height:1;
	padding:0.2em 0.5em 0.1em;
	border-radius:2lh;
	font-size:1.4rem;
	font-weight:400;
	align-self:flex-start;
	flex:0 0 auto;
	z-index:1;
}
.header-home-bloc--bouton{
	font-size:max(1.8rem, 1em);
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:0.5em;
	font-weight:700;
	text-decoration:none;
	line-height:1.2;
	color:var(--couleur-blanc);
	text-wrap:balance;
	position:relative;
	z-index:1;
}
.header-home-bloc--fond{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	opacity:0.8;
	transition:opacity 0.3s ease-out;
	
	.header-home-bloc:is(:hover,:focus-visible) &{
		opacity:0.3;
	}
}

/* Bloc indicateur d'émission */
.header-home-emission,
.sivertreleve-salamandre{
	--couleur:var(--couleur-vert);
	--couleurfond:var(--couleur-vertclair);
	background-color:var(--couleurfond);
	transition:background-color 0.3s ease-out;

	&.couleur-orange{
		--couleur  :  #c60;
		--couleurfond:#fda;
	}
	&.couleur-rouge{
		--couleur  :  #c00;
		--couleurfond:#fcc;
	}
}
.header-home-emission:is(:hover,:focus-visible){
	background-color:rgb(from var(--couleurfond) calc((r + 255) / 2) calc((g + 255) / 2) calc((b + 255) / 2) / 1);
}
.header-home-bloc--salamandre{
	position:absolute;
	inset:10px 10px auto auto;
	width:60px;
	opacity:0.5;
	color:var(--couleur);
	z-index:0;
}
.header-home-bloc--infos{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.3em;
	position:relative;
}
.header-home-bloc--infos-icone{
	width:50px;
	height:50px;
	color:var(--couleur);
}
.header-home-bloc--note{
	color:var(--couleur);
	font-weight:700;
}
:where(.header-home-emission) .header-home-bloc--bouton{
	color:inherit;
}


































/*===================================================*\
#    Style de bloc : Groupe > Colonnes éditoriales    #
\*===================================================*/
@container(min-width:960px){
	.is-style-colonnes-editoriales{
		column-count:2;
		column-gap:var(--margesDefaut);
		margin-bottom:1em;
	}
}



/*===================================================*\
#   Footer   #
\*===================================================*/
.container-social-media{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;

}
.social-footer-item{
	padding-right:20px;
}
.footer-container{
	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:space-between;
	padding:2em 0;
}
.cols-footer {
	padding:4em;
	border-radius:var(--bradius);
}
.col-1-footer{
	background: var(--couleur-vert);
	color:var(--couleur-blanc);
	display: flex;
	flex-direction:column;
	width:33%;
}
.col-1-footer ul {
	list-style: none;
	font-size:1.4rem;
	font-weight:100;
	padding-top:4em;
	padding-left: 0;
}
.col-2-footer h4{
	margin:0;
}
.col-1-footer ul  li a {
	color: var(--couleur-blanc);
	text-decoration: none;
}
.col-2-footer{
	background: var(--couleur-vertclair);
	color:var(--couleur-vertfonce);
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:66%;
}
.col-2-footer ul li {
	font-weight:bold;
	padding-bottom:10px;
}
.footer-navigation .menu .menu-item a{
	text-decoration: none;
}

@media (max-width:980px){
	.footer-container{
		flex-direction:column;
		align-items:center;
	}
	.cols-footer{
		flex-direction:column;
		width:100%;
		padding:2em;
		margin-bottom:2em;
	}
	.col-1-footer, .col-2-footer{
		width:100%;
		margin-bottom:2em;
	}
}

/*===================================================*\
#   Bloc Mise en avant  #
\*===================================================*/
.categorie-mea{
	padding:0;
	font-weight: 300;
	font-size: 28px;
	line-height: 31px;
	text-align: left;
	display:block;
	flex:0 0 auto;
	margin-bottom:auto;
}
.container-liste-mea{
	justify-content: flex-start;
}
.item-mea{
    border-radius:var(--bradius);
    /*min-height: 210px;*/
    position: relative;
    overflow: hidden;
    padding: 25px;
    display: flex;
	flex-direction:column;
    align-items: flex-start;
	justify-content:flex-start;
	text-decoration: none;
	margin-bottom:2em;
}
.item-slider-actus{
    border-radius:var(--bradius);
    height: 480px;
    position: relative;
    overflow: hidden;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    text-decoration: none;
    margin-bottom: 2em;
    color: white;
}
.item-slider-actus::before{
	background: linear-gradient(rgba(202, 232, 108, 0) 0%, rgba(19, 43, 20, 0.8) 77.34%, #132b14 100%);
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
    z-index: 2;
}
.item-mea.item-mea-indicateur{
	flex-direction: column;
	justify-content: flex-end;
}
.item-mea.thumbnail{
	color:var(--couleur-blanc);
}
.item-mea.thumbnail:before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 35%);
    transition: all 0.3s ease-out;
    z-index: 2;
}
.item-mea.thumbnail .thumbnail-mea , .item-slider-actus .thumbnail-mea{
	content:"";
	display: block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;	
	width:100%;
	height:100%;
	transition:all 0.3s ease-out;
}
.item-mea:hover .thumbnail-mea, .item-slider-actus:hover .thumbnail-mea{
	transform:scale(1.2);
}
.item-mea.vert, .item-mea-indicateur{
	background: var(--couleur-vertclair);
	color:var(--couleur-vertfonce);
}
.item-mea.vertanglais{
	background: var(--couleur-vertfonce);
	color:var(--couleur-blanc);
}
.item-mea.vertmoyen{
	background: var(--couleur-vert-texte);
	color:var(--couleur-blanc);
}
.item-mea.marron{
	background: var(--couleur-brun);
	color:var(--couleur-blanc);

}
/*.item-mea.item-mea-haut{
	min-height:600px;
}*/
.item-mea.item-mea-haut:hover{
	transition: all 0.3s ease-out;
	filter: brightness(0.6);

}
.title-item-mea{
	font-weight: 500;
	font-size:1.8rem;
	line-height: 20px;
	text-align: left;
	width:70%;
}
.title-item-mea.title-item-mea-indicateur{
	width:85%;
}
.flex-container-title-arrow{
	flex:0 0 auto;
	z-index:4;
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	flex-direction: row;
	width:100%;
}
.date-indicateur-text{
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #1d5f20;
}
.container-info-indicateur-mea{
	display:flex;
	flex-direction: row;
	align-items:flex-start;
	width:100%;
	padding-bottom:20px;
}
.date-and-fonctionnement-indicateur-mea{display:block;}
.niveau-indicateur-text{
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color:var(--couleur-vert-texte);
}
.date-item-slider-actus{
	display:inline-block;
	border-radius:var(--bradius);
	background: var(--couleur-vertclair);
	color:var(--couleur-vertfonce);
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	padding:5px 15px;
}
.title-item-slider-actus{
	position:relative;
	z-index:4;
	font-weight: bold;
	padding-bottom:20px;
}

.flex-container-title-arrow-arrow{
	position: relative;
	z-index: 3;
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;;
}
.slider-container-actus{
	margin-left:calc((100vw - var(--largeur )) / 2)
}
.bloc-slider-actus .slider-nav.slider-nav-prev{
	left:calc((100vw - var(--largeur )) / 2)
}
.lezard{
    position: absolute;    
    z-index: 3;
    display: block;
    top: 0;
    right: 0;
}
.thumbnail-me-publicationhaute{
	border-radius:50%;
	margin-bottom:30px;
	aspect-ratio: 1/1;
	width:120px;
}
.bloc-grid-mea-haute{
	justify-content: flex-start;
	--cols-larg: 31%;
}
.bloc-equipe-container{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
}
.bloc-equipe-container .equipe-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:25%;
	margin-bottom:2em;

}
.equipe-portrait{
	border-radius:50%;
	overflow:hidden;
	height:120px;
	width:120px;
}
.equipe-identite{
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 28px;
	text-align: center;
	color: var(--couleur-vertfonce);
	padding-top:10px;
}
.equipe-fonction{
	font-weight: 100;
	font-size: 1.8rem;
	text-align:center;
}



/*================*\
#    SLIDER ACF    #
\*================*/
:where(.bloc-slider .slider-container) img{
	border-radius:var(--bradius);
}




.wp-block-button.is-style-bouton-secondaire .wp-block-button__link{
	background-color: var(--couleur-vertclair);
	border-color:var(--couleur-vertclair)
}
.wp-block-button.is-style-bouton-pdf .wp-block-button__link{ 
	border-radius:0;
	padding:30px 40px;
	background-color:#f5f5f5;
	font-weight: 300;
	font-style: italic;
	text-decoration: underline;
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	color: #132b14;
	text-transform: none;
	border-color:#f5f5f5;
}
.wp-block-button.is-style-bouton-pdf .wp-block-button__link::before{
	content: url('/wp-content/themes/atelier/design/icon-pdf.png');
	display: inline-block;
	margin-right:20px;
	vertical-align:middle;
}
.wp-block-button.is-style-bouton-pdf .wp-block-button__link::after{
	content:"";
	display:inline-block;
	position: relative;
	width: 49px;
	height: 49px;
	vertical-align:middle;
	margin-left:50px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48.083" height="48.083" viewBox="0 0 48.083 48.083"><g id="Groupe_33" data-name="Groupe 33" transform="translate(466.69 -1005.506) rotate(45)"><g id="Rectangle_16" data-name="Rectangle 16" transform="translate(398 1024)" fill="%23fff" stroke="%231d5f20" stroke-width="1"><rect width="34" height="34" rx="17" stroke="none"/><rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="none"/></g><g id="Groupe_10" data-name="Groupe 10" transform="translate(2.189 -1.483)"><line id="Ligne_1" data-name="Ligne 1" y1="6.44" x2="6.44" transform="translate(408.184 1041.043)" fill="none" stroke="%231d5f20" stroke-linecap="round" stroke-width="3"/><path id="Tracé_12" data-name="Tracé 12" d="M410.3,1040.59l8.139,8.139s0-8.139,0-8.139Z" transform="translate(-0.57 -2.639)" fill="%231d5f20" stroke="%231d5f20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></g></svg>');
	display:inline-block;
}
.wp-block-button.is-style-bouton-pdf .wp-block-button__link:hover{
	background:#c3c3c3;
}
.greylight-back{
	background: #F5F5F5 !important;
}
/*===================================================*\
#   Bloc Grille image fond #
\*===================================================*/
.container-grid-image-fond{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lonely-bloc .item-bloc-image-fond{
	width:100%;
	height:450px;
}
.duo-bloc .item-bloc-image-fond {
	width:48%;
	height:320px;
}
.multi-bloc .item-bloc-image-fond {
	width:31%;
	height:320px;
}

.item-bloc-image-fond{
	position:relative;
	overflow:hidden;
	border-radius:var(--bradius);
	padding:2em;
	color:white;
	margin-bottom:2em;
	 display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    text-decoration: none;

}

.item-bloc-image-fond .img-background-bloc-image-fond{
	content:"";
	display: block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;	
	width:100%;
	height:100%;
	transition:all 0.3s ease-out;
}
.item-bloc-image-fond:hover .img-background-bloc-image-fond{
	transform:scale(1.2);
}
.item-bloc-image-fond::before{
	background: linear-gradient(rgba(202, 232, 108, 0) 0%, rgba(19, 43, 20, 0.8) 77.34%, #132b14 100%);
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
    z-index: 2;
}
.title-item-bloc_image_fond{
	font-weight: bold;
	font-size: 2.2rem;
	
}
.lonely-bloc .title-item-bloc_image_fond{
	font-size: 4.4rem;
}

.excerpt-item-bloc_image_fond{
	display:none;
	font-weight: bold;
	font-size: 2.2rem;
}
.lonely-bloc  .excerpt-item-bloc_image_fond{
	display:block;
}
@media (max-width:980px){
	.duo-bloc .item-bloc-image-fond {
		width:100%;
		height:auto;
	}
	.multi-bloc .item-bloc-image-fond {
		width:100%;
		height:auto;
	}
}
/*======================*\
#    BOITE A ONGLETS   #
\*======================*/
.onglets ul.bloc-onglets-tabs {
    display:flex;
    padding-left:0;
	margin-bottom:0;
	list-style:none;
	position:relative;
	z-index:3;
}
.onglets ul.bloc-onglets-tabs li::before{
	display:none;
}
.onglets ul.bloc-onglets-tabs li { 
    list-style:none;
    display: inline-block;
	margin-right:0.5em;
	margin-bottom:-30px;
	text-indent: initial;
	position: relative;;
}
.onglets ul.bloc-onglets-tabs li button {
    position:relative;
	font-size:1.5rem;
	font-weight:300;
	border-radius: 25px;
	padding:10px 20px;
	background: var(--couleur-vertclair);
	text-transform: none;
	border: var(--form-bouton-bordWidth) solid var(--couleur-vertclair);
}

.onglets ul.bloc-onglets-tabs li button.active {
    background:var(--couleur-vertfonce);
    color:var(--couleur-blanc);
	border: 1px solid var(--couleur-vertfonce);
	border-bottom:none;
	z-index:5;
	font-weight:500;
	border: var(--form-bouton-bordWidth) solid var(--couleur-vertfonce);
}
.onglet {
    /*display:none;*/
	height:0;
	overflow:clip;
    padding-block:0;
	interpolate-size:allow-keywords;
	/*transition:0.3s ease-out;*/
	transition-property:height, padding-block;
}
.onglet.active{
    display:block;
    padding-block:6em;
	height:auto;
	z-index:2;
	position:relative;
	overflow:hidden;
	background:#F5F5F5;
}
.onglet-bouton-li.active::after{
	 width: 0;
  height: 0;
  z-index:2;
  border-style: solid;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-top: 30px solid var(--couleur-vertfonce);
  border-bottom: 0;
  position:absolute;
  bottom:-15px;
  left:50%;
  transform:translateX(-50%);
  content:"";
}
.flex-container-boite-onglet{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
}
.flex-container-boite-onglet .col-boite-onglet {
	width:48%;
}

.flex-container-boite-onglet .col-1-boite-onglet.tiers1 {
	width:74%;
}
.flex-container-boite-onglet .col-2-boite-onglet.tiers2  {
	width:24%;
}
.flex-container-boite-onglet .col-1-boite-onglet.moitie1, .flex-container-boite-onglet .col-2-boite-onglet.moitie2 {
	width:49%;
}
.item-mea .container-info-publication{
	width:80%;
}
.arrow-mea-haute{
	width:34px;
	height:34px;
}
.mobile-onglets{
	display:none;
}
@media (min-width:1400px){
	.onglets ul.bloc-onglets-tabs li button{
		font-size:1.7rem;
		padding: 20px;
	}
}
@media(max-width:980px){
	.onglets ul.bloc-onglets-tabs li button{
		width:100%;
	}
	.onglet-bouton-li.active::after{
		display:none;
	}
	.bloc-grid-mea-haute{
		--cols-larg:100% !important;
	}
	.flex-container-boite-onglet{
		flex-direction: column;
	}
	.flex-container-boite-onglet .col-boite-onglet{
		width:100%;
	}
	.onglets ul.bloc-onglets-tabs li{
		margin-right:10px;
	}
	.onglets ul.bloc-onglets-tabs li button{
		font-size:1.4rem;
		padding: 10px;
	}
}
.col-2-boite-onglet p img {
	border-radius:25px;
	width:100%;
}


/* --- VERSION MOBILE < 600px --- */
@media (max-width: 980px) {
	.mobile-onglets{
		display:block;
	}
	.onglets-desktop{
		display:none;
	}
	 .mobile-tabs {
        display: block;
      }

      .mobile-tab {
        border-radius: 8px;
        margin-bottom: 10px;
        overflow: hidden;
      }

      .mobile-tab .tab {
        display: block;
        width: 100%;
        padding: 12px 16px;
        border: none;
        background: var(--couleur-vertclair);
        cursor: pointer;
        position: relative;
      }

      .mobile-tab .tab::after {
        content: "▼";
        position: absolute;
        right: 16px;
        transition: transform 0.3s;
      }

      .mobile-tab.open .tab::after {
        transform: rotate(-180deg);
      }

      .mobile-tab .content {
        /*display: none;*/
		height:0;
		overflow:clip;
		padding:0;
		interpolate-size:allow-keywords;
		/*transition:0.3s ease-out;*/
		transition-property:height, padding-block;
        background: #F5F5F5;
        border-top: 1px solid #eee;
      }

      .mobile-tab.open .content {
        /*display: block;*/
		height:auto;
        padding: 15px;
      }

}


.intro-carte-moteur{
	width:50%;
	margin-bottom:2em;
}
.search-container-carte{
	padding: 0 2em;
}
.item-syndicat{
	padding:0.3em 1em;
	border-bottom:1px dashed #664F30
}
.item-syndicat a {
	font-weight: 300;
	font-size: 1.6rem;
	text-align: left;
	color: #000;
	text-decoration: none;
}
.container-boite-onglet-carte-moteur {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.flex-container-boite-onglet.container-cols-moteur-carte{
	align-items:stretch;
}
.has-vertclair-background-color .wpcf7-form input[type="date"], .has-vertclair-background-color .wpcf7-form input[type="datetime-local"], .has-vertclair-background-color .wpcf7-form input[type="email"], .has-vertclair-background-color .wpcf7-form  input[type="tel"], .has-vertclair-background-color .wpcf7-form input[type="text"], .has-vertclair-background-color .wpcf7-form textarea, .has-vertclair-background-color .wpcf7-form select{
	border:var(--form-input-bordWidth) solid var(--couleur-blanc)
}


.wp-block-button__link.button-link-bloc-carte-moteur{
	background-color: var(--couleur-blancr);
	border-color:  var(--couleur-blanc);
}
.wp-block-button__link.button-link-bloc-carte-moteur{
	background-color: var(--couleur-vertfonce);
	border-color:  var(--couleur-vertfonce);
	color:var(--couleur-blanc)
}
/*===================================================*\
#   Formulaire newsletter #
\*===================================================*/
.hidden-fields-container{
	border:none !important;
}
.flex-container-form-newsletter{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.col1-form-newsletter , .col2-form-newsletter{
	display:block;
	width:49%;

}
.col1-form-newsletter .wpcf7-form-control.wpcf7-radio{
	display:block;
	
}
.col1-form-newsletter .wpcf7-form-control.wpcf7-radio .wpcf7-list-item{
	padding-bottom:10px;
}
.col2-form-newsletter input[type="email"]{
	background:transparent;
	border:none;
	border-bottom:1px solid var(--couleur-vertfonce);
	margin-bottom:2em;
}
.col2-form-newsletter .wpcf7-submit{
	background-color: var(--couleur-vertclair);
	border-color:  var(--couleur-vertclair);
}
.col2-form-newsletter [type="checkbox"]:not(.switch):checked::before, .col2-form-newsletter [type="radio"]:not(.switch):checked::before{
	background-color:var(--couleur-vertfonce) !important;
}
.item-syndicat a{
	border-color:white;
}
.item-syndicat a:hover{
	border-color:var(--couleur-vertfonce);
	background-color: var(--couleur-vertfonce);
	color:var(--couleur-blanc);
}
.wpcf7-list-item{
	margin-bottom:2em;
}










/*====================*\
#    BLOC DOCUMENTS    #===========================================================================
\*====================*/
.bloc-documents{
	background:var(--couleur-pale);
	display:flow-root;
}
@media(min-width:981px){
	.bloc-documents{
		margin-block:calc(70px + 2em);
	}
	.bloc-documents-inner{
		margin-left:calc(var(--margesContenu) - var(--largScrollBar,0px) / 2);
		display:flex;
		align-items:flex-start;
		justify-content:flex-end;
		gap:var(--margesDefaut);
		overflow-x:clip;
	}
	.bloc-documents-contenu{
		flex:0 0 auto;
		width:calc((var(--largeur) - var(--margesDefaut)) / 2);
	}
	.bloc-documents-docs{
		flex:1 1 auto;
		margin-block:-70px;
	}
}
@media(max-width:980px){
	.bloc-documents-contenu{
		margin:var(--margesDefaut) auto;
		width:var(--largeur);
	}
	.bloc-documents-docs{
		margin:var(--margesDefaut) 0 var(--margesDefaut) calc(var(--margesContenu) - var(--largScrollBar,0px) / 2);
	}
}

/* Slider et blocs */
.resumedoc{
	--dim:300px;
	width:var(--dim);
	padding-top:var(--dim);
	border-radius:var(--bradius);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:flex-end;
	background:var(--couleur-vertclair);
	position:relative;

	&::after{
		content:"";
		background:linear-gradient(0deg,var(--couleur-vertclair) 0%, rgba(0,0,0,0.5) 100%);;
	}
}
.resumedoc-fond,
.resumedoc::after{
	display:block;
	width:var(--dim);
	height:var(--dim);
	position:absolute;
	inset:0 0 auto 0;
}
.resumedoc-titre{
	margin:auto var(--margesDefaut) 0.5em;
	font-size:1.22em;
	font-weight:bold;
	line-height:1.2;
}
.resumedoc-date{
	background:var(--couleur-vert-texte);
	color:var(--couleur-blanc);
	width:fit-content;
	padding:0.2em 1em;
	border-radius:var(--bradius);
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4rem;
	margin:0 calc(var(--margesDefaut) * 2 + 3.4rem) var(--margesDefaut) var(--margesDefaut);
}
.resumedoc-lien{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	box-shadow:inset 0px 0px 150px -150px rgba(255,255,255,0.5);
	transition:box-shadow 0.3s ease-out;

	& .bouton-fleche{
		position:absolute;
		right:var(--margesDefaut);
		bottom:var(--margesDefaut);
	}

	&:hover{
		box-shadow:inset 0px 300px 150px -150px rgba(255,255,255,0.5);
	}
}
.bloc-documents .slider-container{ --swiffy-slider-item-width:300px; }
.bloc-documents .slider-nav{ z-index:2; }
.bloc-documents:has( .slider-indicators .active:first-child) .slider-nav-prev,
.bloc-documents:has( .slider-indicators .active:last-child) .slider-nav-next{
	opacity:0;
	pointer-events:none;
}

/* Archives */
.docs-archives{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.5em var(--margesDefaut);
	flex-wrap:wrap;
	width:var(--largeur);
}
.docs-archives-label.h3{
	margin:0;
}
.docs-archives-select{
	position:relative;
}
.docs-archives-selectlist{
	width:fit-content;
	background:var(--couleur-blanc);
	box-shadow:0 3px 7px 0 rgba(0,0,0,0.3);
	position:absolute;
	left:var(--bradius);
	top:100%;
	max-width:300px;
	overflow:auto;
	max-height:50vh;
	
	height:0;
	overflow-y:clip;
	interpolate-size:allow-keywords;
	transition:0.3s ease-out;
	transition-property:height,padding-block;
	z-index:1;

	.docs-archives-select:where([aria-expanded="true"]) &{
		height:auto;
		overflow-y:auto;
	}
	/*.docs-archives-select:where(:focus-within) &{ height:auto; }*/
}
/*.docs-archives-select:where([aria-expanded="true"]) .faux-select{ background-image:url(icon.php?i=navH); }*/
.docs-archives-selectitem{
	display:block;
	padding:0.5em 1em;
	line-height:1;
	text-decoration:none;

	&:is(:hover,:focus-visible){
		background:var(--couleur-vertclair);
	}

	&:not(:last-child){
		border-bottom:1px solid var(--couleur-vertclair);
	}
}

/*==================*\
#    CPT COMMUNES    #===============================================================================================================================
\*==================*/

.commune_intro{
	padding:1em calc(var(--margesOut) / 2);
}
/* Jours de collecte */
.commune_collecte{
	margin-bottom:5em;
}
.commune_collecte_grid{
	--gap:calc(var(--margesDefaut) * 1.5);
	margin-top:var(--gap);
}
@media(min-width:981px){
	.commune_collecte_grid,
	.commune_collecte_encart:has( > *:nth-child(3)){
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
		justify-content:space-between;
		gap:var(--gap);
	}
	.commune_collecte_grid > *{ flex:1 1 calc((100% - var(--gap) * 2) / 3); }
	.commune_collecte_grid:where([data-n="4"]) > *{ flex-basis:calc((100% - var(--gap) * 1) / 2); }
	.commune_collecte_encart:has( > *:nth-child(3)){
		flex:2 1 calc((100% - var(--gap) * 2) / 3 * 2 + var(--gap));
		row-gap:var(--margesDefaut);
	}
	.commune_collecte_encart:has( > *:nth-child(3)) > .commune_collecte_item{
		flex:1 1 calc((100% - var(--gap)) / 2);
	}
	:where(.commune_collecte_grid[data-n="4"]) .commune_collecte_encart:has( > *:nth-child(3)){ flex-basis:100%; }
}
@media(min-width:1261px){
	.commune_collecte_grid{ --gap:calc(var(--margesDefaut) * 2); }
}
@media(max-width:980px){
	.commune_collecte_item{
		margin:var(--gap) 0;
	}
}
.commune_collecte_encart{
	position:relative;
}
.commune_collecte_encart::before{
	content:"";
	position:absolute;
	inset:calc(var(--gap) * -0.5);
	background:var(--couleur-vertclair);
	border-radius:var(--bradius);
	z-index:-1;
}
.commune_collecte_item{
	container-type:inline-size;
	container-name:collecteitem;
}
.commune_collecte_item--contenu > *{
	display:block;
	border-bottom:2px dashed rgba(from var(--couleur-brun) r g b / 0.5);
}
.commune_collecte_item--image{
	border-radius:50%;
	aspect-ratio:1;
	margin:1em auto;
	width:160px;
	display:block;
	flex:0 0 auto;
}
.commune_collecte_item--contenu{
	flex:1 1 auto;
}
.commune_collecte_item--titre{
	padding-bottom:0.5em;
	margin:0 0 0.5em;
	text-align:center;
}
.commune_collecte_icone{
	display:flex;
	align-items:baseline;
	justify-content:flex-start;
	min-height:3em;
	padding-block:0.5em;
}
.commune_collecte_icone--icone{
	flex:0 0 auto;
	width:var(--margesDefaut);
	color:var(--couleur-vert);
	transform:translateY(-10%);
}
.commune_collecte_icone--label{
	flex:1 1 auto;
	font-weight:bold;
}
.commune_collecte_icone .bouton-fleche{
	transform-origin:center;
	transform:rotate(45deg);
}
.commune_collecte_grid > .commune_collecte_item .bouton-fleche::after{ background-color:var(--couleur-vertclair); }
@container collecteitem (width > 360px){
	.commune_collecte_item--inner{
		display:flex;
		align-items:flex-start;
		justify-content:flex-start;
		gap:var(--margesDefaut);
	}
	.commune_collecte_item--titre{ text-align:left; }
}
.commune_collecte_encart--info{
	background:var(--couleur-blanc);
	border-radius:var(--bradius);
	padding:1em;
	font-style:italic;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.5em;

	& > svg{
		flex:0 0 auto;
		width:5rem;
	}
}

/* Contenu libre */
.commune_contenu{
	background:var(--couleur-vertclair);
	margin:5em 0;
	padding:5em 0;

	& :is(h2:not(:where(.h1, .h3, .h4, .h5, .h6)), .h2)::before{ background:var(--couleur-blanc); }
}
.commune_contenu:has(+ .commune_script){ margin-bottom:0; }
.commune_contenu-container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:calc(var(--margesDefaut) * 2);
	
	& > *{ flex:1 1 50%; }
}
@media(max-width:981px){
	.commune_contenu-container{ flex-direction:column; }
}

/* Infos commune & syndicat */
@media(min-width:601px){
	.commune_infos{
		display:flex;
		align-items:stretch;
		justify-content:flex-start;
	}
	.commune_data,
	.commune_syndicat{ flex:1 1 50%; }
}
@media(min-width:981px){
	.commune_data{ flex:1 1 35%; }
	.commune_syndicat{ flex:1 1 65%; }
}
.commune_data,
.commune_syndicat{ padding-bottom:2em; }
.commune_data{
	background:var(--couleur-vertfonce);
	color:var(--couleur-blanc);
}
.commune_syndicat{ background:var(--couleur-pale); }
.commune_data-inner{ margin:0 var(--margesDefaut) 0 calc(var(--margesContenu) - var(--largScrollBar,0px) / 2); }
.commune_syndicat-inner{
	margin:0 calc(var(--margesContenu) - var(--largScrollBar,0px) / 2) 0 var(--margesDefaut);
	container-type:inline-size;
	container-name:syndicatdata;
}
@media(min-width:1261px){
	.commune_data-inner{ margin:0 var(--margesOut); }
}

.commune_data--lien{
	color:inherit;
	border-top:2px dashed rgba(255,255,255,0.3);
	border-bottom:2px dashed rgba(255,255,255,0.3);

	& .commune_collecte_icone--icone{ color:var(--couleur-vertclair); }
}
.syndicat_data{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:column;
	gap:calc(var(--margesDefaut) * 2);
}
.syndicat_data--logo{ max-width:300px; }
.syndicat_data--lien{
	color:var(--couleur-vert);
	border-top:2px dashed #707070;
	border-bottom:2px dashed #707070;

	& .commune_collecte_icone--icone{ color:var(--couleur-vertfonce); }
	& .bouton-fleche::after{ background-color:var(--couleur-vertclair); }
}
@container syndicatdata (width > 630px){
	.syndicat_data{
		flex-direction:row;
		align-items:center;

		& > *{ flex:1 1 50%; }
	}
}

/* Localisation des déchetteries */
@media(min-width:981px){
	.syndicat_inner{
		display:flex;
		align-items:flex-start;
		justify-content:flex-start;
		gap:calc(var(--margesDefaut) * 2);
	}
	.syndicat_description{ flex:1 1 33%; }
	.syndicat_carte{ flex:1 1 67%; }
}
@media(min-width:1261px){
	.syndicat_description{ flex-basis:25%; }
	.syndicat_carte{ flex-basis:75%; }
}




/*======================*\
#    BLOC MASONRY   #
\*======================*/
.bloc-masonry{
	container-type:inline-size;
	container-name:blocmasonry;
}
.ligne-bloc-masonry{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:1em;
	margin-bottom:1em;

	&.line-with-big-bloc{ direction:rtl; }
	&.line-with-big-bloc:nth-child(even){ direction:ltr; }
}
.has-grisClair-background-color{ background-color: #F5F5F5 !important; }
.item-bloc-ligne-masonry{
	padding:2em;
	border-radius:var(--bradius);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height:calc((100cqw - 3em) / 4);
	direction:initial;
}
.item-bloc-ligne-masonry.has-vertfonce-background-color{
	color:white;
}
.titre-item-bloc-ligne-masonry{
	font-weight: bold;
	font-size: 4.8rem;
	text-align: center;
}
.sous-titre-item-bloc-ligne-masonry{
	font-weight: 300;
	font-size: 2.8rem;
	text-align: center;
}
.texte-item-bloc-ligne-masonry{
	margin-top:1em;
	font-weight: 300;
	font-size: 1.6rem;
	text-align: center;
	line-height:1.3;
}
.ligne-bloc-masonry .big-bloc{
	grid-column:1 / span 2;
	grid-row:1 / span 2;
}
:where(.ligne-bloc-masonry.line-with-big-bloc) > *:nth-child(4):last-child,
:where(.ligne-bloc-masonry.line-with-big-bloc) > *:nth-child(2):last-child{ grid-column: span 2; }
:where(.ligne-bloc-masonry.line-with-big-bloc):has( > *:nth-child(2):last-child) .big-bloc{ grid-row: span 1; }
:where(.ligne-bloc-masonry.line-with-big-bloc):has( > *:nth-child(3):last-child) .item-bloc-ligne-masonry{ grid-column: span 2; }
:where(.ligne-bloc-masonry.line-with-big-bloc) .big-bloc:only-child{ grid-column:1 / -1; }
:where(.ligne-bloc-masonry.line-only):has( > *:nth-child(3):last-child){ grid-template-columns:repeat(3, 1fr); }
:where(.ligne-bloc-masonry.line-only):has( > *:nth-child(2):last-child){ grid-template-columns:repeat(2, 1fr); }
:where(.ligne-bloc-masonry.line-only):has( > *:only-child){ display:block; }
@container blocmasonry (width < 630px){
	.ligne-bloc-masonry{ grid-template-columns:repeat(2, 1fr); }
	.ligne-bloc-masonry.line-only:has( > *:nth-child(3):last-child){
		grid-template-columns:repeat(2, 1fr);

		& > *:last-child{grid-column: span 2;}
	}
	.item-bloc-ligne-masonry{ min-height:calc((100cqw - 1em) / 2); }
}
@container blocmasonry (width < 420px){
	.ligne-bloc-masonry{
		display:flex;
		flex-direction:column;
		align-items:stretch;
	}
	.item-bloc-ligne-masonry{ min-height:var(--largeur); }
}


/*=====================*\
#    BOUTONS FLÉCHÉS    #==========================================================================
\*=====================*/
.wp-block-buttons{
	margin-block:1em;
}
.wp-block-buttons-is-layout-flex{
	display:flex;
	align-items:baseline;
	justify-content:flex-start;
	gap:var(--margesDefaut);
	flex-wrap:wrap;
}

.wp-block-buttons.is-vertical:has( > .is-style-bouton-fleche){
	gap:0;

	& > :not(.is-style-bouton-fleche):not(:first-child){ margin-top:var(--margesDefaut); }
}

.is-style-bouton-fleche{
	--btnflch-bcolor:#707070;
	--btnflch-icolor:var(--couleur-vertfonce);
	--btnflch-tcolor:var(--couleur-vert);
	--btnflch-bgcolor:var(--couleur-vertclair);

	.wp-block-buttons.is-vertical &{
		display:block;
		width:100%;
	}
}
.is-style-bouton-fleche > a{
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	min-height:3em;
	padding:0.5em 0;
	color:var(--btnflch-tcolor);
	border-left:none;
	border-right:none;
	border-radius:0;
	border-top:2px dashed var(--btnflch-bcolor);
	border-bottom:2px dashed var(--btnflch-bcolor);
	text-decoration:underline;
	text-transform:none;
	background:none;
}
.wp-block-buttons.is-vertical .is-style-bouton-fleche > a{ display:flex; }
.wp-block-buttons.is-vertical .is-style-bouton-fleche:not(:first-child) > a{ border-top:none; }
.is-style-bouton-fleche > a .is-style-bouton-fleche--icone{
	flex:0 0 auto;
	width:var(--margesDefaut);
	color:var(--btnflch-icolor);
}
.is-style-bouton-fleche > a .is-style-bouton-fleche--label{ flex:1 1 auto; }
.is-style-bouton-fleche > a .is-style-bouton-fleche--fleche{
	transform-origin:center;
	transform:rotate(45deg);
	margin-left:1em;
	&::after{ background-color:var(--btnflch-bgcolor); }
}




/*=======================================*\
#    INDICATEURS D'ÉMISSION : CONTENUS    #==========================================================================================================
\*=======================================*/
.sivertreleve-page{
	max-width:80ch;
	margin:3em auto;
}
.sivertreleve-titre{
	font-weight:bold;
	color:var(--couleur-vert);
	font-size:1.2em;
	cursor:pointer;
	border-top:2px dashed #707070;
	padding-block:0.5em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:1em;

	&::first-letter{ text-transform:uppercase; }

	& .atelier-icon{
		--icon-epaisseur:3px;
		flex:0 0 auto;
		margin-left:auto;
		transform:rotate(0deg);
		transform-origin:center center;

		.sivertreleve-item.active &{
			transform:rotate(180deg);
		}
	}
}
.inner-glissiere{
	height:0;
	overflow-y:clip;
	interpolate-size:allow-keywords;
	transition:height 0.3s ease-out;

	.active > &{
		height:auto;
	}
}
.sivertreleve-accroche{
	font-weight:700;
	font-size:0.8em;
	text-align:right;
	margin-top:1em;
}
.sivertreleve-tableau{
	width:100%;
	margin:0;
}
.sivertreleve-tableau thead{ border-bottom:2px solid var(--couleur-vert); }
.sivertreleve-tableau :is(th,td){
	--temp-bgcolor:var(--couleur-blanc);
	text-align:center;
	padding:0.25lh 0.5em;
	background-color:var(--temp-bgcolor);
}
.sivertreleve-tableau > tbody > tr{ border-bottom:1px solid #707070; }
.sivertreleve-tableau > tbody > tr:nth-child(even) > td{
	--temp-bgcolor:var(--couleur-pale);
}
.sivertreleve-tableau > tbody > tr > td:first-child{
	font-weight:bold;
	text-align:right;
}
.sivertreleve-tableau > tbody > tr > td:not(:first-child){
	border-left:1px solid rgb(from #707070 r g b / 0.25);
}
.sivertreleve-tableau > tbody > tr > td:nth-child(even){
	background-color:rgb(from var(--temp-bgcolor) calc(r*0.95) calc(g*0.95) calc(b*0.95));
}
.sivertreleve-tableau th{
	--temp-bgcolor:var(--couleur-vertclair);
	padding-block:0;
	&:empty{
		background:none;
		border-right:none;
	}
	&:not(.sivertreleve-tableau-preheader):nth-child(even){
		background:linear-gradient(0deg,rgb(from var(--temp-bgcolor) calc(r*0.9) calc(g*0.9) calc(b*0.9)) 0%, var(--temp-bgcolor) 100%);
	}
}
.sivertreleve-tableau .sivertreleve-tableau-preheader{
	padding-top:0.25lh;
	font-size:0.8em;
	font-weight:400;
	border-radius:calc(var(--bradius) * 0.5) calc(var(--bradius) * 0.5) 0 0;
}
.sivertreleve-legende{
	background:var(--couleur-pale);
	padding:0.5lh 1em 0.5lh calc(var(--list-liLarg) + var(--list-marg) + 1em);
	border-radius:0 0 calc(var(--bradius)*0.5) calc(var(--bradius)*0.5);
	font-size:0.9em;
	& li::before{ background-color:var(--couleur-vert); }
}
@media(max-width:980px){
	.sivertreleve-tableau-outer{
		overflow-x:auto;
	}
	.sivertreleve-tableau{
		table-layout:fixed;
		width:max-content;
	}
}

.sivertreleve-salamandre{
	position:relative;
	border-radius: var(--bradius);
	width:fit-content;
	max-width:100%;
	padding:1em 1.5em 1em calc(50px + 1em);
}
.sivertreleve-salamandre .picto{
	position:absolute;
	width:60px;
	aspect-ratio:89/124;
	color:var(--couleur);
	left:-10px;
	top:-10px;
}
.sivertreleve-dlpdf.wp-block-button__link{
	--btnflch-bgcolor:var(--couleur-blanc);
	background:#e6e6e6;
	border:none;
	border-radius:var(--bradius);
	margin-block:1em;
	padding-inline:0.75em 0.5em;
}


/*=======================================*\
#    INDICATEURS D'ÉMISSION : ARCHIVES    #==========================================================================================================
\*=======================================*/
.archive-emissions{ margin:3em auto; }
.archive-emissions-blocannee{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:column;
}
.archive-emissions-liens{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(4,1fr);
	gap:3px;
	flex:1 0 auto;
}
.h3.archive-emissions-annee{
	text-align:center;
	background:var(--couleur-vert);
	color:var(--couleur-blanc);
	margin-block:0 3px;
	flex:0 0 auto;
	width:100%;
	border-radius:calc(var(--bradius)*0.5);
	padding:0.25em 1em;
}
.archive-emissions-mois{
	background:var(--couleur-pale);
	position:relative;
	text-decoration:none;
	text-align:center;
	align-content:center;
	border-radius:calc(var(--bradius)*0.5);
	padding:0.5em;
}
a.archive-emissions-mois{
	background:var(--couleur-vertclair);
}
.archive-emissions-mois img{
	opacity:0.5;
	display:block;
	margin:0 auto;
}
.archive-emissions-lien--label{
	position:relative;
	font-size:1.2rem;
	& > *{ display:block; }
	& .mois{
		font-weight:bold;
		text-transform:uppercase;
	}
	& .annee{ display:none; }
}
@media(max-width:600px){
	.archive-emissions-liens{
		grid-template-columns:1fr;
		grid-template-rows:repeat(12,1fr);
	}
	.archive-emissions-mois img{ display:none; }
}
/*.archive-emissions-annee{
	display:flex;
	gap:0.5em;
	align-items:center;

	&::after{
		content:"";
		flex:1 1 auto;
		height:0;
		border-top:2px dashed #aaa;
	}
}
.archive-emissions-liens{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	justify-content:flex-start;
	gap:0.5em;
	font-size:1.6rem;
}
.archive-emissions-lien{
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	background:var(--couleur-pale);
	border-radius:var(--bradius);
	padding:0.5em 1em;
	text-decoration:none;
	color:var(--couleur-vert);
	gap:0.3em;
	transition:background-color 0.3s ease-out;

	&:is(:hover,:focus-visible){ background-color:var(--couleur-vertclair); }
}
.archive-emissions-lien--icone{
	color:var(--couleur-vertfonce);
}
.archive-emissions-lien--poids{
	font-style:normal;
	font-size:0.8em;
	color:var(--couleur-vertfonce);
	display:none;
}*/



.wp-block-table table{
	min-width:800px;
	overflow-x:auto;
}
.wp-block-table table td{
	border:1px solid #aaa;
	padding:0.5lh 1lh;
}
.wp-block-table.is-style-stripes :is(td,th):not(:last-child){
	border-right:1px dotted #aaa;
}
.wp-block-table.is-style-stripes :is(td,th):not(:first-child){
	border-left:1px dotted #aaa;
}


.svgmap-infoinner{
	padding:1em 1lh;
	overflow-x:clip;
	overflow-y:auto;

	& .alignfull{
		width:auto;
		margin-inline:0;
	}
}
.isimb-6310-modal-content[style*="width"]{
	width:fit-content !important;
	height:fit-content !important;
}


.slider-nav{ z-index:2; }
.archive-container{ margin-block:3em; }


/*============================*\
#    Résultats de recherche    #
\*============================*/
.search-results{ margin-block:3em; }
.search-result-item--inner{
	background:#eee;
	padding:1em 1lh;
	display:block;
	text-decoration:none;
	height:100%;
}
.search-result-item--titre:has( + .search-result-item--resume:empty){
	margin-bottom:0;
}





/*================*\
#    TEMPORAIRE    #
\*================*/
.commune_data{ display:none !important; }
.commune_syndicat-inner{ margin-left:var(--margesContenu) !important; }