.equipe-municipale {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

.equipe-municipale * {
  box-sizing: border-box;
}

.bloc-elus {
  margin-bottom: 50px;
}

.bloc-elus h2,
.titre-sous-bloc {
  text-align: center;
  color: #333399;
}

.grille-maire {
  display: flex;
  justify-content: center;
}

.grille-adjoints {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.adjoint {
  grid-column: span 2;
}

.adjoint.ligne-3 {
  grid-column: span 3;
}

.grille-conseillers,
.grille-agir {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.fiche-elu {
  text-align: center;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.fiche-elu img {
  width: 150px;
  height: 200px;
  object-fit: cover;
  margin-bottom: 10px;
}

.fiche-elu h3 {
  font-size: 18px;
  color: #333399;
}

.fonction {
  font-size: 14px;
  font-weight: 600;
}

.delegation,
.extra {
  font-size: 13px;
  color: #555;
}

@media (max-width: 900px) {
  .grille-adjoints {
    grid-template-columns: repeat(2, 1fr);
  }

  .grille-conseillers,
  .grille-agir {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grille-adjoints,
  .grille-conseillers,
  .grille-agir {
    grid-template-columns: 1fr;
  }
}

/* Adaptation mobile et tablette, sans modifier la mise en page historique sur ordinateur. */
@media (max-width: 1000px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	body {
		margin: 0;
		font-size: 14px;
		text-align: left;
	}

	#wrapper {
		width: 100%;
		max-width: 957px;
	}

	#header {
		height: auto;
		aspect-ratio: 957 / 155;
		background-size: 100% auto;
	}

	#recherche {
		left: auto;
		width: auto;
	}

	#menu {
		height: auto;
		margin: 0;
		background: #6D2365;
	}

	#menu ul {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
		margin: 0;
		padding: 0;
	}

	#menu ul li,
	#menu ul li:hover,
	#menu ul li.active {
		float: none;
		width: auto !important;
		height: auto;
		background: none !important;
	}

	#menu ul li a,
	#menu ul li.active a {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-height: 48px;
		height: auto;
		padding: .7rem .5rem;
		border-right: 1px solid rgba(255,255,255,.22);
		border-bottom: 1px solid rgba(255,255,255,.22);
		background: none;
		color: #fff;
		font-size: 14px;
	}

	#menu ul li.active a {
		background: #fff;
		color: #6D2365;
	}

	#ss-menu {
		height: auto;
		margin: 0;
		padding: 0;
		background: #f6eef5;
	}

	#ss-menu ul {
		display: flex;
		flex-wrap: wrap;
		gap: .25rem;
		margin: 0;
		padding: .65rem;
	}

	#ss-menu ul li {
		float: none;
	}

	#ss-menu ul li a,
	#ss-menu ul li a:hover,
	#ss-menu li.active a {
		display: block;
		min-height: 28px;
		padding: .45rem .65rem;
	}

	#ss-menu + img {
		display: none;
	}

	#contenu,
	#colone_droite {
		box-sizing: border-box;
		float: none;
		width: 100%;
		height: auto;
		min-height: 0;
	}

	#contenu {
		padding: 1rem;
	}

	#colone_droite {
		padding: 1.25rem 1rem;
		background: #fff;
		border-top: 1px solid #ddd;
	}

	#footer {
		box-sizing: border-box;
		width: 100%;
		height: auto;
		padding: .85rem .5rem;
		background: #6D2365;
	}

	img,
	video,
	iframe {
		max-width: 100%;
		height: auto;
	}

	#contenu table {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
	}

	#contenu input[type="text"],
	#contenu input[type="email"],
	#contenu input[type="tel"],
	#contenu textarea,
	#contenu select {
		box-sizing: border-box;
		max-width: 100%;
	}

	.newsflashflash_info {
		box-sizing: border-box;
		height: auto;
		min-height: 139px;
		margin: 10px 0;
		padding: 2rem 1.25rem;
		background-size: cover;
	}

	.blog-featured,
	.item-content {
		display: block;
	}

	.pagination__wrapper ul {
		display: flex;
		flex-wrap: wrap;
		gap: .35rem;
		padding: 0;
	}

	.pagination__wrapper ul li {
		margin: 0;
	}

	.pagination__wrapper a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 36px;
		min-height: 36px;
	}
}

@media (max-width: 1000px) { #contenu input[type="text"], #contenu input[type="email"], #contenu input[type="tel"], #contenu textarea, #contenu select { box-sizing: border-box; width: 100% !important; max-width: 100%; min-width: 0; } #contenu form, #contenu fieldset, #contenu .control-group, #contenu .controls { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } }

@media (max-width: 1000px) { #menu ul li.active a { height: auto !important; background: #fff !important; color: #6D2365 !important; } }

/* Portraits de la page « Vos élus » : cadrage uniforme sans étirement. */
#contenu .com-content-article__body img[src*="/images/membres%20conseil%20municipal/"],
#contenu .com-content-article__body img[src$="/catherine-come.png"],
#contenu .com-content-article__body img[src$="/lydie-gailliegue.png"],
#contenu .com-content-article__body img[src$="/didier-pouzenc.png"],
#contenu .com-content-article__body img[src$="/valerie-maugard.jpg"],
#contenu .com-content-article__body img[src$="/pierrick-garnier.jpg"],
#contenu .com-content-article__body img[src$="/tiquet_corinne.png"] {
  width: 150px !important;
  height: 200px !important;
  object-fit: cover;
  object-position: center top;
}

#contenu .com-content-article__body img[src$="/jdoe.png"] {
  width: 150px !important;
  height: 200px !important;
  object-fit: contain;
  object-position: center;
}