.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}.is-style-souligne{  padding-bottom:0.6em; border-bottom:0.16em solid currentColor; }

.is-style-ancre{ padding:5px; background: #000000; color: #ffffff;  }
body.int .is-style-ancre{height:0; padding:0;  overflow: hidden; opacity: 0;  }

.is-style-organigramme{ flex-wrap: wrap; gap:40px !important; justify-content: center; }
.is-style-organigramme .wp-block-column{ flex:none !important; }
.is-style-organigramme .wp-block-column:before{ content: none !important;}



*:not(.wp-block-column):not(.wp-block-media-text)>.wp-block-columns.alignwide{ max-width:calc(var(--wp--style--global--wide-size) - 200px) !important; }


.wp-block-columns:first-child{ margin-top: 0 !important; }
.wp-block-columns .wp-block-columns,.wp-block-media-text .wp-block-columns{ gap:15px !important; }


.wp-block-column{ position: relative;  }
section>.wp-block-columns>.wp-block-column:not(:first-child):not(:empty):before{content:"";width: 4px;background: #eee;height: calc(100% + 30px);position: absolute; top:0; transform: translate(-52px,-15px);}

/* footer .wp-block-columns{ max-width:calc(var(--wp--style--global--wide-size) - 40px) !important; } */
footer .wp-block-columns>.wp-block-column:not(:first-child):not(:empty):before{content:"";width: 4px;background: #eee;height: calc(100% + 30px);position: absolute; top:0; transform: translate(-52px,-15px);}


/* BOUTONS */
.wp-block-button__link{ position: relative;  box-shadow:0 8px 15px rgba(0,0,0,0.1); }
.wp-block-button__link:after{ transition:all 0.2s linear;  content: ""; position: absolute; top:calc(50% - 5px); right:20px;  width:19px; height:10px; vertical-align: middle; background:url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/wpblocks/../images/fleche.svg) center right no-repeat; background-size:40px 10px;  }
.wp-block-button__link:hover:after{right:10px;  width:29px;}/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/plugins/leaflet/#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/plugins/leaflet/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/plugins/leaflet/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/plugins/leaflet/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}/**
 * Swiper 6.5.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
 /* height: 100%;*/
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}/*

<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<path class="vert" d="M37.1,18.3l-3.8-2.8V8.7c0-0.5-0.4-0.9-0.9-0.9h-2.9c-0.5,0-0.9,0.4-0.9,0.9v3.2l-8-5.9c-0.4-0.3-0.8-0.3-1.2,0L3,18.3c-0.2,0.1-0.4,0.5-0.4,0.8C2.6,19.6,3,20,3.5,20h4v13.3c0,0.5,0.4,0.9,0.9,0.9h23.3c0.5,0,0.9-0.4,0.9-0.9V20h4c0.3,0,0.5-0.2,0.7-0.4C37.6,19.2,37.5,18.6,37.1,18.3z M31.6,18.1c-0.5,0-0.9,0.4-0.9,0.9v13.3H9.2V19c0-0.5-0.4-0.9-0.9-0.9H6.2L20,7.9l8.8,6.5c0.4,0.3,1,0.2,1.3-0.2c0.1-0.1,0.2-0.3,0.2-0.5V9.5h1.1v6.4c0,0.4,0.1,0.6,0.4,0.8l1.9,1.4C33.7,18.1,31.6,18.1,31.6,18.1z" />
<path class="rouge" d="M26.7,19.8c0-0.3-0.1-0.5-0.3-0.7l-5.8-4.8c-0.3-0.3-0.9-0.3-1.2,0l-5.8,4.8c-0.2,0.2-0.3,0.5-0.3,0.7v8.1c0,0.5,0.4,0.9,0.9,0.9h11.6c0.5,0,1-0.4,1-0.9L26.7,19.8z M15.1,26.9L15,20.2l4.9-4l4.9,4l0.1,6.7C24.9,26.9,15.1,26.9,15.1,26.9z" />
</svg>

*/

* { -o-box-sizing: border-box; box-sizing: border-box; }
a{ color:inherit; /*text-decoration:inherit;*/ text-decoration-color: #cccccc; }
body{ position: relative; overflow-x: hidden; padding:200px 0 0 0; margin:0; }
body{
	--smallSize:1300px;
}

@media screen and (max-width:900px){
	body{ 
		--wp--preset--spacing--80:20px;
		--wp--preset--spacing--70:20px;
		--wp--preset--spacing--60:20px;
		--wp--preset--spacing--50:20px;
		--wp--preset--spacing--40:20px;
		--wp--preset--spacing--30:20px;
		--wp--preset--spacing--20:20px;
		--wp--preset--spacing--10:20px;
		font-size:15px; 
	}
}


@media (max-width: 1099px){
	body{ padding-top:140px; }
	body.freeze{ overflow: hidden;}
}

/*=============================================================*/
/*===== GENERIC ===============================================*/
/*=============================================================*/
p:empty{ display: none;}
.nomargin{ margin:0; }
iframe{ display: block;}

img{ height: auto;}

/*=============================================================*/
/*===== MASK ==================================================*/
/*=============================================================*/
#mask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff;  z-index: 10000;}

/*=============================================================*/
/*===== OPTIONS ===============================================*/
/*=============================================================*/
#options{ display: flex; /*color:#848484;*/ font-size: 12px; justify-content: space-between; align-items: center; max-width:var(--wp--style--global--wide-size) !important; padding:8px 20px;  line-height:1.1; }
body.accueil #options{ display: none;}

#options>*{  }

#Ariane{ }
#Ariane a{ text-decoration: underline; text-decoration-color: #cccccc; }

#sharing{ display: flex; align-items: center; }
#sharing>*{ margin-left:3px;}
#sharing svg{ display: block; width: 100%; height: auto;}
#sharing svg path{ fill:#ffffff; }
#sharing a{ border-radius: 50%; width: 22px; height: 22px; background:#cccccc; }
#sharing a:hover{ background:#65c309; }


@media (max-width:700px){
	#options{ width: 100% !important; padding:15px; background: var(--wp--preset--color--light-gray); }
	#sharing{ display: none;}

}

/*=============================================================*/
/*===== PRE HEADER ============================================*/
/*=============================================================*/
#preheader{ position: absolute; top: 0; left: 0; right: 0;}
#preheader>*{ max-width:1520px; margin:auto; color:#323232; font-family:Arial, "sans-serif"; font-size:13px;}
#preheader>*>*{ display: flex; padding:0; margin: 0; justify-content: flex-end; align-items:center;  height: 40px; list-style: none;}
#preheader>*>*>*{  padding:0 15px; line-height: 18px; }
#preheader>*>*>*:not(:last-child){ border-right:2px solid #323232;  }
#preheader>*>*>*>*{ display: block; }
#preheader .linkedin strong{ display:inline-block; border-left:4px solid #ffffff;  width: 72px; height: 18px; text-indent: 200%; white-space: nowrap; overflow: hidden; background: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/css/../images/logo-linkedin.svg); vertical-align:top; }
#preheader a:hover{ color: #c70c42;}

#preheader .highlight a{ color: #c70c42;}


@media (min-width: 1100px){

}
@media (max-width: 900px){	
	#preheader>*>*{ text-align: center;}
	#preheader>*>*>*:nth-child(2){ display: none;}
	#preheader a{ line-height: 1.1;}
}

/*=============================================================*/
/*===== HEADER ================================================*/
/*=============================================================*/	
@media (min-width: 1100px){
	header{  background: #ffffff; position: absolute; z-index: 9000; left: 0; right: 0; top:40px; }
	header>*{ position: relative; margin-left: auto; margin-right: auto; width:calc(100% - 40px); max-width:var(--wp--style--global--wide-size) !important;   padding:0 70px; margin:auto; border-top:4px solid #65c309; border-bottom:4px solid #eeeeee; }
	body.accueil header>*{ border-bottom:none !important; }
	header>*:after{ transition:all 0.3s linear; content: ""; position: absolute; bottom:-4px; left:50%; transform: translateX(-50%); height:4px; width:100%; background:rgba(255,255,255,0);  }
	header>*>*{ transition:height 0.3s linear; display: flex; justify-content:space-between; align-items: center; height:152px; }
	body.accueil header>*>*{ height:156px; }
	header.fixed{ position: fixed; top:0; }
	body.customize-support header.fixed{ top: 32px;}
	header.fixed>*:after{ width:calc(100vw - 40px);  background:#eeeeee;  }
	header.fixed>*>*{ height:100px !important;  }
	#logo{ display: block;width:260px; height:60px;  text-indent: 200%; white-space: nowrap; overflow: hidden; background: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/css/../images/logo-cap-metropole.svg) center center no-repeat; background-size: contain; }
	header>*>*>*:last-child{ height: 100%; }
}
@media (max-width: 1099px){	
	header{position: absolute; height:100px; background: #ffffff;  z-index: 8000; top:40px; width:100%; left:0;  }	
	header>*{ position: relative; height:100%; border-top:4px solid #eeeeee; border-bottom:4px solid #65c309; }
	#logo{   display: block; width:260px; height:60px; text-indent: 200%; white-space: nowrap; overflow: hidden; background: url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/css/../images/logo-cap-metropole.svg) center center no-repeat; background-size: contain; margin:15px 30px;  }
	header.fixed{ position: fixed; top:0; }
}
@media (max-width:700px){	
	#logo{ width:calc(100% - 150px);margin:15px;  }
}



/* Nav */

@media (min-width: 1100px){
	#nav{ height:100%;   } 
	#nav>ul{ display: flex; gap:20px; margin:0; padding: 0; list-style: none; height: 100%;   }
	#nav>ul>li{ display: flex;padding:0; position: relative; pointer-events: none; }
	#nav>ul>li.menu-item-has-children{pointer-events:auto;}
	#nav>ul>li:before{ transition:transform 0.3s ease-out; transform-origin:top center;  transform: scaleY(0);  content: ""; position: absolute; left:calc(50% - 2px);  top: 0;  width:4px;  height:50%; background:#65c309;}
	#nav>ul>li:after{ transform-origin:top center; transform: scaleY(0);content: ""; position: absolute; left:calc(50% - 2px); top: 50%;  width:4px;  height:50%; background:#eeeeee; }
	#nav>ul>li:hover:before{ transform: scaleY(1);  }
	#nav>ul>li>a{ position: relative; text-decoration: none; z-index: 10; display:block; margin: auto; padding:5px 0; background: #ffffff;pointer-events:auto; }
	#nav>ul>li>a>span{ display: block; text-align: center; line-height:1; }
	#nav>ul>li>a svg{ display: block; margin: auto;}
	#nav>ul>li>a svg .vert{ transition:fill 0.2s linear;  fill:#323232;}
	#nav>ul>li>a svg .rouge{ transition:fill 0.2s linear;  fill:#323232;}
	#nav>ul>li:hover>a svg .vert{ fill:#65c309;}
	#nav>ul>li.current-menu-item>a svg .vert,#nav>ul>li.current-page-ancestor>a svg .vert,#nav>ul>li.current-menu-ancestor>a svg .vert{ fill:#65c309;}
	#nav>ul>li.current-menu-item>a svg .rouge,#nav>ul>li.current-page-ancestor>a svg .rouge,#nav>ul>li.current-menu-ancestor>a svg .rouge{ fill:#c30040;}
	#nav .current-menu-item>a,#nav .current-menu-ancestor>a{ /*color:#c70c42;*/ text-decoration: underline; text-decoration-color:#cccccc; font-weight:700;}
	#nav>ul>li.current-menu-item:before,#nav>ul>li.current-menu-item:after{ transform: scaleY(1);  }
	#nav>ul>li.current-menu-ancestor:before,#nav>ul>li.current-menu-ancestor:after{ transform: scaleY(1);  }
	#nav .current-page-ancestor>a{ /*color:#c70c42;*/ text-decoration: underline; text-decoration-color:#cccccc; font-weight:700; }
	#nav>ul>li.current-page-ancestor:before,#nav>ul>li.current-page-ancestor:after{ transform: scaleY(1);  }
    
    
    .menu-item-has-children>a{ cursor: default;}
    
	#nav .investir{ display:none; } 
}
@media (max-width: 1099px){	
	#nav{ font-size: 1.2em; overflow-y: auto; transition:transform 0.3s ease-out; position: fixed; top: 140px; right: 0; width:100%; bottom: 0; background:#ffffff; transform: translateX(110%); border-left:4px solid #65c309; }
	#nav.fixed{ top:100px; }
	#nav.on{ transform: translateX(0);}
	#nav>ul{ margin:0; padding:20px; list-style: none; }
	#nav>ul>li{ margin-top:10px; padding-top:10px;  }
	#nav>ul>li:not(:first-child){ border-top:2px solid #eeeeee;    }
	#nav>ul>li>a{ display: flex; align-items: center;  }
	#nav>ul>li>a>*{ }
	#nav>ul>li>a>*:first-child{ width:50px; height:50px;  margin-right:10px;  }
	#nav>ul>li>a svg{ display: block; margin: auto; margin: 5px;}
	#nav>ul>li>a svg .vert{ fill:#cccccc;}
	#nav>ul>li>a svg .rouge{ fill:#cccccc;}

	#nav>ul>li>a>*:last-child{  flex: auto;  }
	#nav>ul>li.current-menu-item>a svg .vert,#nav>ul>li.current-page-ancestor>a svg .vert{ fill:#65c309;}
	#nav>ul>li.current-menu-item>a svg .rouge,#nav>ul>li.current-page-ancestor>a svg .rouge{ fill:#c30040;}
	
	#nav>ul>li.current-menu-item>a>span:last-child,#nav>ul>li.current-page-ancestor>a>span:last-child{  text-decoration: underline; text-decoration-color:#cccccc; font-weight:700;}
	#nav .investir{ display:none; } 
	
}



/* Sub Menu */
@media (min-width: 1100px){
	.sub-menu{ transition:all 0.3s ease-out; border-top:4px solid #65c309; position: absolute; z-index: 3000; top:calc(100% - 35px); left: 50%; transform:translate(-50%,20px); margin: 0; padding:20px; list-style: none; background: #ffffff;  opacity: 0; pointer-events: none;}
	.sub-menu{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
	header.fixed .sub-menu{ top:calc(100% - 5px);}
	.sub-menu:before{ content: ""; width: 4px; height: 10px; background:#65c309; position: absolute; bottom:calc(100% + 4px); left: calc(50% - 2px);}
	.sub-menu li{ display:block; margin-bottom:1px;  }
	.sub-menu a{ display: block; padding:8px 10px 7px 10px; line-height: 1;  white-space: nowrap;  }
	.sub-menu a:hover{ background: var(--wp--preset--color--light-gray); color: #65c309;}
	.sub-menu li.current-menu-item a{ background: var(--wp--preset--color--light-gray); /*color: #65c309;*/ font-weight: 700;}
	.menu-item-has-children{ cursor: default;}
	.menu-item-has-children:hover .sub-menu{transform:translate(-50%,0px); opacity: 1; pointer-events: auto; }
}
@media (max-width: 1099px){	
	.sub-menu{ margin:0 0 0 60px; padding:0; display: none; list-style: none;  }
	.sub-menu a{ display: block; padding:6px 10px; border-left:2px solid #eeeeee;   }	
	.sub-menu li{ display: block; margin-top: 2px; }	

	.sub-menu li.current-menu-item a{ border-color:#221e20; font-weight: 700;text-decoration: underline; text-decoration-color:#cccccc;}	

}

/* ShowMenu */
#showmenu{ display: none; }

@media (max-width: 1099px){	
	
	#showmenu{ display: flex; pointer-events: auto; z-index:9200; position: absolute; background:#eeeeee;  width:60px; height:60px; top:60px; right:20px; }
	#showmenu.fixed{ position:fixed; top:20px; }

	#showmenu div{ margin: auto; }
	#showmenu span{ transition: all 0.2s linear; display: block; width:25px; height:4px; background:#221e20; border-radius:0px;  }
	#showmenu span:not(:last-child){ margin-bottom:4px; }
	#showmenu span:nth-child(3){ margin-top:-8px; }

	#showmenu.on{ /*left:calc(100% - 100px);*/ box-shadow: none; border-radius: 0;  }

	#showmenu.on span{ }
	#showmenu.on span:nth-child(1){ transform:scaleX(0);}
	#showmenu.on span:nth-child(2){ transform: rotate(45deg);}
	#showmenu.on span:nth-child(3){ transform: rotate(-45deg);}
	#showmenu.on span:nth-child(4){ transform:scaleX(0);}

}



/*=============================================================*/
/*===== CONTENU ===============================================*/
/*=============================================================*/
#page{ min-height:400px; }
section>*{ margin-left:auto; margin-right:auto; max-width:var(--wp--style--global--content-size); width:calc(100% - 40px); /*border: 1px dashed green;*/  }
section>*:last-child{ margin-bottom: 0 !important;}


#page>section#ficheactu>*{ max-width:1000px; }
#page>section#ficheactu h1{ max-width:600px; }

#page>section#ficheactu img{ display: block; max-height:500px; width: auto;  }

/*
#page>section#ficheactu .wp-post-image.alignmedium{ max-width:100% !important; width:auto !important; }
*/

.alignfull{ max-width:none !important; width: 100% !important; }
/*
.alignsmall{  max-width:var(--smallSize) !important;  border: 1px dotted maroon; }
.alignmedium{  border: 1px dotted maroon; }
*/
.alignwide{  max-width:var(--wp--style--global--wide-size) !important; /*border:2px dashed orange;*/ }

@media (max-width: 1099px){	
	.alignfull,.alignmedium,.alignwide{ max-width:none !important; width: 100% !important; }
}


/*=============================================================*/
/*===== ACCUEIL ===============================================*/
/*=============================================================*/


#HomeSlider{ max-width:var(--wp--style--global--wide-size) !important; }
#HomeSlider .swiper-slide{ height:700px; background:#ffffff; }
#HomeSlider .swiper-slide:before{ transition: all 0.4s ease-out 0.2s; transform: translateX(150px); opacity: 0; content: ""; background:#65c309; width: 45px; height:4px; position: absolute; z-index: 100; left: 0; top:0; }
#HomeSlider .swiper-slide:after{transition: all 0.6s ease-out 0.4s; transform: translateX(100px); opacity: 0; content: ""; background:#eeeeee; width: 200px; height: 20px; position: absolute; z-index: 100; left: 0; top:25px; }
#HomeSlider .swiper-slide-active:before,#HomeSlider .swiper-slide-active:after{ transform: translateX(0px); opacity:1;}
#HomeSlider .back{ height:100%; width: 70%; position: absolute; top: 0; right: 0;}
#HomeSlider .back img{ transition: opacity 0.6s linear 0.2s; filter: grayscale(1); opacity: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
#HomeSlider .back:after{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width:60%; background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));}
#HomeSlider .swiper-slide-active .back img{ opacity:0.3;}
#HomeSlider .layer{ width: 70%; position: absolute; top: 0; left: 0; height:100%; display: flex;}
#HomeSlider .layer>*{ margin:auto 20px auto 0;  }
#HomeSlider .txt{ margin:0 70px; max-width:750px; }
#HomeSlider .t{ display: block; line-height: 1.2; font-size: 26px; text-transform: uppercase; color: #221e20; font-weight: 400; margin-bottom:10px;}
#HomeSlider .t strong{ font-size:34px; color: #c70c42; text-transform:none;}
#HomeSlider .t span{ white-space: nowrap; }
#HomeSlider .visuels{ display: flex; margin-top: 30px; font-size: 13px; }
#HomeSlider .visuels>*{ transition:all 0.5s linear 0.3s; transform: translateX(100px); opacity: 0; max-width: 350px; }
#HomeSlider .visuels>*:nth-child(2){ transition-delay:0.4s; }
#HomeSlider .visuels>*:nth-child(3){ transition-delay:0.5s; }
#HomeSlider .visuels>*:not(:first-child){ margin-left: 20px; }
#HomeSlider .visuels img{ margin-bottom:3px; box-shadow: 0 8px 15px rgb(0 0 0 / 10%); }
#HomeSlider .swiper-slide-active .visuels>*{ opacity: 1; transform: translateX(0px);}
/*
#HomeSlider .wp-block-buttons{ margin-top:30px; margin-left:70px;}
*/
#HomeSlider .swiper-pagination-bullets{ width: auto; left: auto; bottom: auto; top: 15px; right:15px;  }
#HomeSlider .swiper-pagination-bullet{ position: relative;background:#221e20; opacity: 1; margin:0 6px;  }
#HomeSlider .swiper-pagination-bullet:focus{ outline:0px; }
#HomeSlider .swiper-pagination-bullet-active{ background:#c70c42;}
#HomeSlider .swiper-pagination-bullet-active:after{ content: ""; position: absolute; border-radius: 50%; transform:translate(-8px,-4px); width:12px; height:12px; border:2px solid #65c309; }



@media (max-width:900px){	
	#HomeSlider{ width:100% !important; }
	#HomeSlider .swiper-slide{ height:auto; background:#ffffff; }
	#HomeSlider .swiper-slide:after{ content: none; }
	#HomeSlider .back{ width:100%; z-index: -1;}
	#HomeSlider .back img{ object-position:center right; }
	#HomeSlider .back:after{ width:100%;}
	#HomeSlider .swiper-slide-active .back img{ opacity:0.2;}
	#HomeSlider .layer{ position: static; z-index: 3000;  width:100%;}
	#HomeSlider .layer>*{ margin:60px 20px 20px 20px;  }
	#HomeSlider .txt{ margin: 0; }
	#HomeSlider .t{ font-size:20px;}
	#HomeSlider .t strong{ font-size:28px;}
	#HomeSlider .t span{ display: block;white-space:normal; }
	#HomeSlider .visuels{ font-size:11px; line-height:1.1; }
	#HomeSlider .visuels>*:not(:first-child){ margin-left:10px; }
	#HomeSlider .visuels img{ display: block; width: 100%; height: auto;}

	/*#HomeSlider .wp-block-buttons{ margin-top:20px; margin-left:0;}*/
}




#slidernews .swiper-slide{ width:800px; height:450px; background: #ffffff; overflow: hidden; }
#slidernews .swiper-slide .vis{ height:100%;  transition:all 0.3s linear;}
#slidernews .swiper-slide .vis img{ display: block; width: 100%; height: 100%; object-fit: cover; opacity:0.3; }
#slidernews .swiper-slide.swiper-slide-active .vis{ background:#221e20; height:inherit; }
#slidernews .swiper-slide.swiper-slide-active .vis img{opacity: 0.6; }
#slidernews .swiper-slide:not(.swiper-slide-active) .vis img{ filter: grayscale(1); }
#slidernews .swiper-slide .txt{ transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1); opacity: 0; position: absolute; transform: translateY(100px); display: flex;top: 0; left: 0; width: 100%; height:100%;  z-index: 10; padding:20px 180px; text-align: center; color: #ffffff;}
#slidernews .swiper-slide.swiper-slide-active .txt{ opacity: 1; transform: translateY(0px); }
#slidernews .swiper-slide .txt>*{ margin:auto auto 30px auto;}
#slidernews .swiper-slide .txt>*>*{ display: block; line-height: 1.2; margin:0; }
#slidernews .swiper-slide .txt .t{ font-size: 25px; line-height: 1.1;}
#slidernews .swiper-slide .txt svg{ display:block; width: 50px; height: 50px;margin: auto; }
@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% {transform: translate3d(-4px, 0, 0);} 40%, 60% {transform: translate3d(4px, 0, 0);} }
#slidernews .swiper-slide.swiper-slide-active .cloche{ animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); }
#slidernews .swiper-slide .txt .d{ font-size:16px; margin:5px 0 15px 0; color: #65c309; font-weight: 700;}
#slidernews .swiper-slide .txt .e{ margin-bottom:30px;}

.swiper-button-prev{ left:auto; right: 50%; transform:translateX(-350px); color: #ffffff;}
.swiper-button-next{ right:auto; left: 50%; transform:translateX(350px); color: #ffffff;}
.swiper-button-prev:focus,.swiper-button-next:focus{ outline: 0px;}
.swiper-button-prev:active,.swiper-button-next:active{ color:#65c309;}
.swiper-button-prev:after, .swiper-button-next:after { font-size: 35px; }


@media (max-width: 900px){	
	#slidernews .swiper-slide{ width:auto; height:auto; }
	#slidernews .swiper-slide .vis{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:#221e20;}
	#slidernews .swiper-slide .txt{ position: static; padding:50px; transform:none; }
	.swiper-button-prev{ left:10px; right:auto; transform:none;}
	.swiper-button-next{ right:10px; left:auto; transform:none;}
}



#chiffres{}
@media (max-width: 900px){
	#chiffres{ gap:50px; margin-top:50px; margin-bottom: 30px; }
}



body.accueil #missions{ padding:0 !important; overflow-x: hidden;}
body.accueil #missions .wp-block-columns{ max-width:1300px !important;  position: relative; gap:0px; padding:0 30px !important;  }
body.accueil #missions .wp-block-column{padding:0; margin:0 auto !important;  }
body.accueil #missions .wp-block-column:first-child{ padding-top:var(--wp--preset--spacing--40); padding-bottom:var(--wp--preset--spacing--40); }
body.accueil #missions .wp-block-column:first-child>*{ max-width:80%; margin-left: auto; margin-right: auto;   }
body.accueil #missions .wp-block-column:first-child:before{ left:100%; content:""; position: absolute; z-index: -1; top: 0; height: 100%; background:var(--wp--preset--color--light-gray); width: 50vw;  }
body.accueil #missions .wp-block-column:last-child:before{content: none; }
body.accueil #missions .wp-block-column:last-child:after{right:100%; content:""; position: absolute; z-index: -1; top: 0; height: 100%; background:var(--wp--preset--color--light-gray); width: 50vw;  }



@media (max-width: 900px){
	body.accueil #missions .wp-block-columns{ padding:0 20px !important;  }
	body.accueil #missions .wp-block-column:first-child{ margin-bottom:20px !important;  }
	body.accueil #missions .wp-block-column:first-child>*{ max-width:none; }

	body.accueil #missions>*>*:before,body.accueil #missions>*>*:after{ content:none;  }
	body.accueil #missions .wp-block-column:before{ content: none;}
}



/*=============================================================*/
/*===== CARTE =================================================*/
/*=============================================================*/
#CapMetMap{ position: relative; }
#CapMetMap #Map{ height:70vh; max-height: 700px; }
#CapMetMap .legende{ font-family:Arial, "sans-serif"; position: absolute; font-size: 11px; z-index: 6000; top:0px; left:0px; background:#ffffff; padding:20px 30px; display: table;  }
#CapMetMap .legende>*{ display: table-row;}
#CapMetMap .legende>*>*{ display: table-cell; padding:10px 4px; vertical-align: middle; line-height: 1;}
#CapMetMap .legende>*:not(:last-child)>*{border-bottom:1px solid #cccccc;}
#CapMetMap .marker-cluster {background-clip: padding-box;border-radius: 20px;display: flex;}
#CapMetMap .marker-cluster div {display: flex;margin: auto;background-color: rgba(101,195,9, 1);border: 2px solid #ffffff;width: 35px;height: 35px;border-radius: 50%;font: 12px Arial,sans-serif;color: #ffffff;box-shadow: 0 4px 4px rgb(0 0 0 / 30%);}
#CapMetMap .marker-cluster span {margin: auto;display: block;}
@media (max-width: 1099px){
	#CapMetMap{ width: 100% !important;}
	#CapMetMap .legende{ position:static; display: flex;padding:10px; border-top:1px solid #cccccc; }
	#CapMetMap .legende>*{   }
	#CapMetMap .legende>*>*{ border:none !important; }
	#CapMetMap #Map{ height:70vw; max-height:none; }
}

.leaflet-popup-content-wrapper,.leaflet-popup-tip{ background: #323232; box-shadow:none; }
.leaflet-popup-content-wrapper{ border-radius: 0; max-width:250px; text-align: center;font-weight: 700; color: #65c309;}
.leaflet-popup-content-wrapper strong{ display: block;font-size: 17px; margin-top:3px;  color:#ffffff; line-height: 1.1;}
.leaflet-tooltip{ border-radius: 0; max-width:250px; text-align: center;font-weight: 700;background: #323232; border-color:#323232;  color: #ffffff;}
.leaflet-tooltip:before{ border-top-color:#323232; }
.leaflet-interactive.actionnaires{ fill:rgb(101,195,9); fill-opacity:0.5; stroke-width:1; stroke:#65c309;  stroke-opacity:1; }
.leaflet-interactive.actionnaires:hover{fill-opacity:0.7; }
.legende .actionnaires{ display: block; width: 15px; height: 15px; background:rgba(101,195,9,0.5); border:1px solid rgb(101,195,9); }
.leaflet-interactive.communes{ fill:rgb(99,99,99); fill-opacity:0.2; stroke-width:1; stroke:rgb(99,99,99);  stroke-opacity:0.4; }
.leaflet-interactive.communes:hover{fill-opacity:0.4; }
.legende .communes{ display: block; width: 15px; height: 15px; background:rgba(99,99,99,0.2); border:1px solid rgba(99,99,99,0.4); }
.leaflet-interactive.sem{ fill:none; stroke-width:3; stroke:rgb(101,195,9);  stroke-opacity:1; }
.legende .sem{ display: block; width: 15px; height: 15px; border:3px solid rgb(101,195,9); }

/*=============================================================*/
/*===== ACTUALITE =============================================*/
/*=============================================================*/
#actuintro{ text-align: center;}
#actuintro{ max-width: 600px !important; margin: auto;}

#filters{ display: flex; flex-wrap: wrap; margin:20px auto 40px auto; justify-content: center; }
#filters a{ line-height: 1; margin:4px; background:var(--wp--preset--color--light-gray); padding:12px 15px 10px 15px;    }
#filters a:hover{ background:#221e20; color: #ffffff;}
#filters a.on{ background: #65c309; color: #ffffff; text-decoration: none;}

#actuliste{ display: flex; flex-wrap: wrap; justify-content: center; max-width: var(--wp--style--global--wide-size) !important; margin:30px auto 50px auto; gap:60px; }
#actuliste .elt{ transition:all 0.3s linear; position: relative; width: 350px; text-decoration: none; padding-bottom:15px;  }
#actuliste .elt:after{ transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1); opacity: 0; content:""; height: 4px; width:0; background:var(--wp--preset--color--red); position: absolute; bottom: 0; left: 0;}
#actuliste .elt>*{ display: block;}
#actuliste .elt .vis{ background:#221e20; display: block; position: relative; margin-bottom:20px; overflow: hidden; }
#actuliste .elt .vis img{transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1); display: block; width:350px; height:250px; object-fit: cover;}
#actuliste .elt .txt>*{ display: block;}
#actuliste .elt .titre{ font-size:18px; font-weight: 700; line-height:1.1; margin-bottom: 2px;  }
#actuliste .elt .d{ font-weight: 700; color: var(--wp--preset--color--green); }
#actuliste .elt .t{ font-size: 13px;}
#actuliste .elt:hover{ background:#ffffff;  }
#actuliste .elt:hover .vis img{ transform: scale(1.1); filter: grayscale(1); opacity: 0.8;}
#actuliste .elt:hover .titre{ color:var(--wp--preset--color--red);  }
#actuliste .elt:hover:after{ width:100%; opacity: 1; }

#pagination{ display: flex; align-items: center; flex-wrap: wrap; margin:0 auto 100px auto; }
#pagination>*{ }
#pagination>*:nth-child(2){ flex: 1; height:4px; background:var(--wp--preset--color--light-gray); margin:0 5px;   }
#pagination a{ line-height: 1; display: block; background:#65c309; color: #ffffff; padding:12px 15px 10px 15px;   }
#pagination a:hover{ background:#221e20; }

/*=============================================================*/
/*===== PROJETS ===============================================*/
/*=============================================================*/
#projets{ }
#gridprojets{ display: flex; flex-wrap: wrap; gap:10px; max-width:calc(var(--wp--style--global--wide-size) - 200px) !important;  }
#gridprojets .elt,#gridprojets .annee{ position: relative; width:calc( (100% / 4) - (30px / 4) ); }
#gridprojets .annee{ background: #ffffff;line-height: 1; font-size: 50px; font-weight: 700; color:#65c309; border-right:4px solid #65c309;   }
#gridprojets .annee>*{ position: absolute; bottom:35px; left: 40px; }
#gridprojets .commune{position: relative; width: 330px; margin:10px; min-height: 246px; background: #ffffff;line-height: 1; font-size:30px; font-weight: 700; color:#65c309; border-right:4px solid #65c309;   }
#gridprojets .commune>*{ position: absolute; bottom:30px; left:30px; right: 30px; }
#gridprojets .commune em{ display: block;font-size: 13px; line-height:16px; color:#221e20; font-style: normal; font-weight: 500; }
#gridprojets .reset{ width: 100%;}
#gridprojets .elt{ transition:all 0.3s linear; text-decoration: none;  background:var(--wp--preset--color--light-gray); overflow: hidden; }
#gridprojets .elt:after{ transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1); opacity: 0; content:""; height: 4px; width:0; background: #c30040; position: absolute; bottom: 0; left: 0;}
#gridprojets .elt>*{ }
#gridprojets .elt .vis{ height: 120px; display: block; background: #ffffff; }
#gridprojets .elt .vis img{transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1); display: block; width: 100%; height: 100%;  object-fit: cover; object-position: top center; }
#gridprojets .elt .txt{  }
#gridprojets .elt .txt>*{display: block; margin:3px 20px;    }
#gridprojets .elt .txt>*:first-child{ margin-top:20px; }
#gridprojets .elt .txt>*:last-child{ margin-bottom:20px; }
#gridprojets .elt .txt strong{transition:all 0.3s linear; color:#65c309; font-size:1.2em; font-weight: 700; display:block; line-height:1.1; }
#gridprojets .elt .txt .ville{position: absolute; font-size: 12px; top:-3px; right:-20px; background: #ffffff; padding:3px 6px; border-bottom-left-radius:0; }
#gridprojets .elt .txt .ville:before{ content: ""; width: 14px; height: 16px; display: inline-block;vertical-align: text-bottom; margin-right:3px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNCAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMjFFMjAiIGQ9Ik03LDEuNWMyLjcsMCw0LjcsMi4xLDQuNyw0LjdsMCwwLjFsMCwwLjFjMCwwLDAuNCwzLjYtNC43LDcuOGMtNC4zLTMuNi00LjctNi44LTQuNy04bDAtMC4xQzIuMywzLjYsNC4zLDEuNSw3LDEuNSBNNywwQzMuNSwwLDAuNywyLjgsMC43LDYuMmMwLDAuNS0wLjIsNC45LDUuOCw5LjZDNi42LDE2LDYuNywxNiw3LDE2YzAuMSwwLDAuNCwwLDAuNS0wLjFjNi00LjYsNS45LTksNS44LTkuNkMxMy4yLDIuOCwxMC41LDAsNywwTDcsMHoiLz4NCjxwYXRoIGZpbGw9IiMyMjFFMjAiIGQ9Ik03LDQuN2MxLDAsMS44LDAuOSwxLjgsMS44UzgsOC4zLDcsOC4zUzUuMiw3LjUsNS4yLDYuNVM2LDQuNyw3LDQuNyBNNywzLjFjLTEuOCwwLTMuNCwxLjYtMy40LDMuNGMwLDEuOCwxLjYsMy40LDMuNCwzLjRzMy40LTEuNiwzLjQtMy40QzEwLjQsNC43LDguOCwzLjEsNywzLjFMNywzLjF6Ii8+DQo8L3N2Zz4=")}
#gridprojets .elt .txt .intro{  line-height: 1.3; }
#gridprojets .elt .txt .intro br{ display: none; }
#gridprojets .elt:hover{ background: #ffffff; }
#gridprojets .elt:hover .vis img{ filter:grayscale(1); opacity: 0.6; object-position: center center;}
#gridprojets .elt:hover .txt strong{ color: #c30040; }
#gridprojets .elt:hover:after{ width:100%;  opacity:1; }
@media (max-width: 1200px){	
	#gridprojets .elt{ width:calc( (100% / 3) - (20px / 3) ); }
}
@media (max-width:800px){	
	#gridprojets .elt{ width:calc( (100% / 2) - (10px / 2) ); }	
}
@media (max-width:500px){	
	#gridprojets .elt{ width:100%; }	
}


/*=============================================================*/
/*===== FICHE PROJET ==========================================*/
/*=============================================================*/
#ficheprojet>*{  }
@media (min-width: 1100px){
	#ficheintro{ display: flex; height:70vh; max-width: var(--wp--style--global--wide-size) !important;  }
	#ficheintro>*:first-child{ display: flex; flex-direction: column; width:40%; height:100%;   }
	#ficheintro>*:first-child>*{ position: relative; }
	#ficheintro>*:last-child{flex: 1; }
	#ficheintro .txt{  }
	#ficheintro .txt>*{ padding:70px; }
	#ficheintro .txt>*>*{ margin:5px 0; }
	#ficheintro .slider{  flex: 1; }
	#ficheintro #Map{ width: 100%; height: 100%;}
}
@media (max-width: 1099px){
	#ficheintro{ width: 100% !important;  }
	#ficheintro .txt{padding:30px;   }
	#ficheintro #Map{ width: 100%; height:70vw;}
}

#ficheintro .txt h1{ padding-bottom:10px;  border-bottom: 3px solid #eeeeee; margin-bottom: 10px;  }
#ficheintro .txt .ville{ font-weight:600; font-size: 1.2em;}
#ficheintro .txt .ville:before{ content: ""; width: 14px; height: 16px; display: inline-block;vertical-align:middle; margin-top: -4px; margin-right:3px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNCAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMjFFMjAiIGQ9Ik03LDEuNWMyLjcsMCw0LjcsMi4xLDQuNyw0LjdsMCwwLjFsMCwwLjFjMCwwLDAuNCwzLjYtNC43LDcuOGMtNC4zLTMuNi00LjctNi44LTQuNy04bDAtMC4xQzIuMywzLjYsNC4zLDEuNSw3LDEuNSBNNywwQzMuNSwwLDAuNywyLjgsMC43LDYuMmMwLDAuNS0wLjIsNC45LDUuOCw5LjZDNi42LDE2LDYuNywxNiw3LDE2YzAuMSwwLDAuNCwwLDAuNS0wLjFjNi00LjYsNS45LTksNS44LTkuNkMxMy4yLDIuOCwxMC41LDAsNywwTDcsMHoiLz4NCjxwYXRoIGZpbGw9IiMyMjFFMjAiIGQ9Ik03LDQuN2MxLDAsMS44LDAuOSwxLjgsMS44UzgsOC4zLDcsOC4zUzUuMiw3LjUsNS4yLDYuNVM2LDQuNyw3LDQuNyBNNywzLjFjLTEuOCwwLTMuNCwxLjYtMy40LDMuNGMwLDEuOCwxLjYsMy40LDMuNCwzLjRzMy40LTEuNiwzLjQtMy40QzEwLjQsNC43LDguOCwzLjEsNywzLjFMNywzLjF6Ii8+DQo8L3N2Zz4=")}
#ficheintro .txt .intro{ }

@media (min-width: 1100px){
	#slidergalerie{ position: absolute; top:0; left:0; z-index: 6000; width:calc(100% + 150px); height:calc(100% + 150px);    }
}
@media (max-width: 1099px){
	#slidergalerie{ width:100%; height:70vw;  }
}
#slidergalerie .swiper-slide{ width:100%; height:100%;   }
#slidergalerie .swiper-slide figure{ margin:0;  width:100%; height:100%;  }
#slidergalerie .swiper-slide figcaption{ display: block; padding:10px; line-height:1; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #ffffff;}
#slidergalerie .swiper-slide img{ display: block; width: 100%; height:100%; object-fit: cover;}
#slidergalerie .swiper-button-prev{ transform: none; left:10px; right: auto; }
#slidergalerie .swiper-button-next{ transform: none; left:auto; right:10px; }
#slidergalerie .swiper-button-disabled{ display: none;}

#ficheprojet .keys{ display: flex; flex-wrap: wrap; }
#ficheprojet .keys>*{ flex: 1; padding:30px 30px 10px 30px; text-align: center;}
#ficheprojet .keys>*:not(:first-child){ border-left:4px solid #eeeeee; }
#ficheprojet .keys .ico{ position: relative;width:40px; height: 40px; margin: auto;   }
#ficheprojet .keys .ico:before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-100%); border-top-left-radius:50px; border-top-right-radius:50px;  width:80px; height: 40px; border:10px solid #e8e8e8; border-bottom: none;}
#ficheprojet .keys svg>*{ fill:#221e20;}
@media (max-width: 1099px){
	#ficheprojet .keys{     flex-direction: column; }
	#ficheprojet .keys>*{ padding-top:50px;}
	#ficheprojet .keys>*:not(:first-child){ border-left: none; border-top:4px solid #eeeeee; }
}

#ficheprojet .wp-block-cover{ }
@media (max-width: 1099px){
	#ficheprojet .wp-block-cover{ min-height:0 !important; height: 70vw;  }
}

#ficheprojet .wp-block-columns{ gap:100px; }


details{ padding:0; margin:0 auto 5px auto; list-style: none; }
details>*{padding:20px; margin: 0;}
details img{ max-width:100%; height: auto; }
details summary{ display: block;  background: var(--wp--preset--color--light-gray); cursor: pointer;line-height:var(--wp--custom--line-height--heading); position: relative;font-size: 15px; text-decoration: underline; text-decoration-color: #cccccc;}
details summary:hover{ background: #eeeeee;  }
details summary:after{ width: 16px; height: 16px; top: 50%; transform: translateY(-50%); content: ""; position: absolute; right:20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIyMjFlMjAiIHBvaW50cz0iMTYsNi41IDkuNSw2LjUgOS41LDAgNi41LDAgNi41LDYuNSAwLDYuNSAwLDkuNSA2LjUsOS41IDYuNSwxNiA5LjUsMTYgOS41LDkuNSAxNiw5LjUiLz48L3N2Zz4="); }
details[open] summary:after{ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCBmaWxsPSIyMjFlMjAiIHk9IjYuNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjMiLz48L3N2Zz4="); }
details>div{ display: flex; border:10px solid var(--wp--preset--color--light-gray); border-top: none;  }
details>div>div:nth-child(1){ flex: 1;  }
details>div>div:nth-child(2){ width:40%;  margin-left: 20px;  }
details .down{ text-decoration:none; line-height:1.2; display:inline-block; border:1px solid #eeeeee; padding:7px 10px 5px 7px;}
details .down:hover{ background: #eeeeee;}
details .down:before{ content: ""; margin-right:3px;  width:15px; height:15px; display: inline-block; vertical-align: middle; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSI1NTEuMTY4IDAgMTAwIDEwMCIgZmlsbD0iIzIyMWUyMCI+PHBhdGggZD0iTTYxNy45OTcgNzQuNDZoLTMwLjExM2EyLjgzNiAyLjgzNiAwIDAxMC01LjY3aDMwLjExM2EyLjgzNiAyLjgzNiAwIDAxMCA1LjY3ek02MTYuMTExIDUwLjczNGEyLjgzNSAyLjgzNSAwIDAwLTQuMDA5LS4wMDFsLTYuMzY3IDYuMzY2VjMxLjI3MmEyLjgzNSAyLjgzNSAwIDAwLTUuNjcgMHYyNS44MjZsLTYuMzY1LTYuMzY1YTIuODM4IDIuODM4IDAgMDAtNC4wMSAwIDIuODM4IDIuODM4IDAgMDAwIDQuMDFsMTEuMTM5IDExLjEzOWMuMDc1LjA3OS45NzIuODk2IDIuMDcxLjg5NnMxLjkxLS43MjUgMi4wODItLjkwOGwxMS4xMjgtMTEuMTI3YTIuODM0IDIuODM0IDAgMDAuMDAxLTQuMDA5eiIvPjwvc3ZnPg==") center center no-repeat; background-size:200%; }
@media (max-width: 1099px){
	details summary{  padding-right:60px;  }
}

#ficheprojet .liste{ position: relative;}
#ficheprojet .liste>*{ margin:0 0 5px 25px;}
#ficheprojet .liste>*:before{ content: "-"; position: absolute; width:20px; left:0; margin-top:-11px; text-indent:200%; white-space: nowrap; overflow: hidden;  border-bottom:2px solid #cccccc;    }


/*=============================================================*/
/*===== ANCRE =================================================*/
/*=============================================================*/
#ancrenav{ display: flex; gap:10px; align-items: center; justify-content: center; margin-top:30px; margin-bottom:50px;  }
#ancrenav>em{ padding:15px 20px 13px 20px;background:var(--wp--preset--color--light-gray); line-height: 1; font-style: normal; }
#ancrenav>span{ cursor: pointer;position: relative;padding:15px 43px 13px 20px;background:var(--wp--preset--color--green); color: #ffffff; line-height: 1;   }
#ancrenav>span:after{ transition:all 0.2s linear;  content: ""; position: absolute; top:calc(50% - 5px); right:20px;  width:19px; height:10px; vertical-align: middle; background:url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/css/../images/fleche.svg) center right no-repeat; background-size:40px 10px;  }
#ancrenav>span:hover:after{right:10px;  width:29px;}



/*=============================================================*/
/*===== CUSTOM FORM ===========================================*/
/*=============================================================*/
.wpcf7-form{ margin:0 auto; max-width:900px; }
.wpcf7-form h3{ color: #221e20; text-align: center; margin:30px auto 15px auto;}
.wpcf7-form .split{ display: flex;}
.wpcf7-form .split>*{ flex: 1; }
.wpcf7-form .split>*:not(:last-child){margin-right: 10px;}
.wpcf7-form p{ }
.wpcf7-form label{ display: block; text-align: center;}
.wpcf7-form-control-wrap{ position: relative;}
/* INPUT */
.wpcf7-form input[type=text],.wpcf7-form input[type=tel],.wpcf7-form input[type=email],.wpcf7-form textarea{ display: block; width: 100%; font-size: 14px; background:#f0f0f0; border:1px solid #cccccc; border-radius: 0; padding:15px 20px; font-family:"Atkinson","sans-serif"; }
.wpcf7-form textarea{ height:200px;}
/* SELECT */
.wpcf7-form-control-wrap select{ font-size: 14px;background: #f0f0f0;width: 100%; height: auto; border:1px solid #cccccc; margin: 0;padding:15px;border-radius: 0;overflow: hidden;text-overflow: ellipsis; -moz-appearance: none; -webkit-appearance: none;}
.wpcf7-form-control-wrap.deroulant:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color:#221e20 transparent transparent transparent;right:15px; pointer-events: none; top:50%; transform: translateY(-50%); position: absolute; }
/* CAPTCHA */
.wpcf7-form .kc_captcha{ display: block; margin:0 0 20px 0;}
.wpcf7-form .kc_captcha>*:first-child{ text-align: center;display: block; background: #f0f0f0; border:1px solid #cccccc;  }
.wpcf7-form .captcha-image{padding:10px !important; background: none !important; text-align: left !important; border: none !important;}
.wpcf7-form .cf7ic_instructions{ display: inline-block !important; vertical-align: middle; margin-right: 15px;}
.wpcf7-form .captcha-image label{ vertical-align: middle; width:40px !important; height: 40px !important;}
.wpcf7-form .captcha-image svg{ width: 40px; height: 40px;}
.wpcf7-form .captcha-image svg>*{ fill:#8f8d8d; }
.wpcf7-form .captcha-image label > input{ position: absolute;}
.wpcf7-form .captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg{ border-color:transparent !important; }
.wpcf7-form .captcha-image label > input:checked + svg>*, .captcha-image label > input:focus + svg>*{ fill:#000000; }
.wpcf7-form .captcha-image .cf7ic_instructions span{ color: #000000 !important; }
/* ERROR */
span.wpcf7-not-valid-tip{ display: block; font-size: 13px; color:#c70c42; margin-top: 1px; text-align: center;}
div.wpcf7-response-output{ color:#c70c42; border: none !important; margin: 0 !important;text-align: center; font-size: 1.1em;}
span.wpcf7-list-item{ margin: 0 !important;}
/* ACCEPTANCE */
.wpcf7-acceptance{ display: block; margin:0 0 20px 0;  padding:20px; border:2px solid #f0f0f0;}
.wpcf7-acceptance input[type="checkbox"]:not(:checked),.wpcf7-acceptance input[type="checkbox"]:checked{position: absolute; opacity: 0; pointer-events: none;}
.wpcf7-acceptance label{ cursor:pointer; }
.wpcf7-acceptance label>span{ font-size: 12px; position: relative; display: block; margin-left: 30px; width: calc(100% - 40px);}
.wpcf7-acceptance label>span:before{ border:1px solid #9da0a2;   position: absolute; content:"-"; display:block; left:-30px;  background:#ffffff; color: #ffffff; text-align: center; line-height:20px; font-size: 16px; width:20px;  }
.wpcf7-acceptance [type="checkbox"]:checked + span:before{content:"\2714"; color: #0d1618;  }
/* SUBMIT */
.wpcf7-form input[type=submit]{ display: block;  margin: auto; font-size: 14px; font-weight: 300; cursor: pointer;background: #65c309; color: #ffffff; border: none; border-radius: 0; padding:15px 30px; font-family:"Atkinson","sans-serif"; }

.wpcf7-form input[type=submit]:not(:disabled):hover{background:#000000;}
.wpcf7-form input[type=submit]:disabled{ opacity: 0.5;background:#323232;}
.wpcf7 .ajax-loader{ margin:5px auto; }

/*=============================================================*/
/*===== GUTENBERG =============================================*/
/*=============================================================*/

/* Colonnes */

/*
.wp-block-columns{ position: relative;  }
.wp-block-column{  }
.wp-block-column:not(:first-child):not(:empty):before{content: "";width: 4px;background: #eee;height: calc(100% + 30px);position: absolute; top:0; transform: translate(-52px,-15px);}
.wp-block-column .wp-block-columns,.wp-block-media-text .wp-block-columns { gap:20px; }
.wp-block-columns.organigramme{ flex-wrap: wrap !important; gap:40px; margin-top:40px; margin-bottom:40px; justify-content: center;  }
.wp-block-columns.organigramme .wp-block-column{ flex:none !important; }
.wp-block-column .wp-block-column:before,.wp-block-media-text .wp-block-column:before,.wp-block-columns.organigramme .wp-block-column:before{ content: none !important; }
@media (max-width:900px){
	.wp-block-columns.is-layout-flex{ gap:30px; }
}
*/


.wp-block-gallery:not(.is-cropped){ justify-content: center; gap:50px !important; }
.wp-block-gallery:not(.is-cropped) .wp-block-image{ width: auto !important; flex-grow:0 !important; }
.wp-block-gallery:not(.is-cropped) .wp-block-image img{ object-fit:contain; width:160px !important; height:80px !important;  }
.wp-block-gallery.is-cropped{gap:var(--wp--preset--spacing--50) !important; --wp--style--unstable-gallery-gap:var(--wp--preset--spacing--50) !important;}


figcaption strong{ color:var(--wp--preset--color--black);}


/* Media + Texte */
@media (min-width: 1100px){
	.wp-block-media-text{ display: block; position: relative;}
	.wp-block-media-text__content{ position: absolute; z-index: 10; background:#ffffff; max-width:50%;  padding:60px 80px !important;  }
	.wp-block-media-text__media{}
	.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content{ top: 0; right:0; }
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ bottom: 0; left:0; }
	.wp-block-media-text.has-background .wp-block-media-text__content{ background:inherit; }
}
@media (max-width: 1099px){
	.wp-block-media-text{}
	.wp-block-media-text__content{ background: var(--wp--preset--color--light-gray); padding: 20px !important; }
	
}


section > p + .wp-block-image{ margin-top: 50px;}


.wp-block-image.cover{ width: 100%; height:100%; }
.wp-block-image.cover img{ width: 100%; height:100%; object-fit: cover; }


.wp-block-spacer{}
@media (max-width: 1099px){
	.wp-block-spacer{ height:20px !important; }
}


/*=============================================================*/
/*===== FOOTER ================================================*/
/*=============================================================*/
footer{  }
footer>*{ margin-left:auto; margin-right:auto; max-width:1380px; }
footer .background{ background:url(https://www.capmetropole.fr/wp-content/themes/cap-metropole-2k24/css/../images/footer-back.png) center center no-repeat; background-size:auto; }
footer a{ text-decoration: underline; text-decoration-color:rgba(255,255,255,0.4) !important; }
footer .wp-block-button__link{ box-shadow:0 5px 15px rgba(0,0,0,0.5); }
footer .wp-block-column.wp-block-column:not(:first-child):not(:empty):before{ background:rgba(255,255,255,0.1);  }
footer .wp-block-latest-posts.wp-block-latest-posts__list{ margin:0; padding: 0;  }
footer .wp-block-latest-posts.wp-block-latest-posts__list a{ color: #65c309;}


footer .wp-block-group{ margin:0 !important; }