/* CSS Versailles - Esprit Jardin */

/******** SOMMAIRE ************/
/*
/* 00 = FONTS
/* 01 = RESET
/* 02 = STYLES GLOBAUX = client.css
/* 03 = STRUCTURE
/* 04 = HEADER
/* 05 = FOOTER
/* ==== PAGES ====
/* 06 = ACCUEIL
/* 07 = PAGE INTERNE
/* 08 = ACTUALITÉS
/* 09 = AGENDA
/* 10 = ANNUAIRE
/* 11 = RECHERCHE
/* 12 = MÉDIATHÈQUE
/* 13 = VIDÉOTHÈQUE
/* 14 = SOMMAIRE
/* 15 = PUBLICATIONS
/* ==== MODULES ====
/* 16 = BREADCRUMBS
/* 17 = OUTILS ET PARTAGE
/* 18 = FORMULAIRE
/* 19 = PAGINATION
/* 20 = DIAPORAMA & GABARITS DE FICHIERS
/* 21 = MODALES
/* 22 = LOGIN
/* 23 = PROFILS
/* 24 = MÉTÉO
/* 25 = LEAFLET
/* 26 = MENUS
/* 27 = FAQ
/* 28 = COOKIE CONSENT
/* 29 = PRINT
/*
/* RESPONSIVE
/*
/******************************/


:root {/* À mettre en premier dans les CSS ! */
	--main: #C52726; /* Rouge */
	--secondary: #00B39E; /* Vert clair */
		--secondary-pale: #e6f2f1; /* Vert pâle */
	--third: #006054; /* Vert sombre */
	--fourth: #DFBB52; /* jaune */

	--link: var(--main);
	--dark: #242424; /* Noir */
	--grey: #f6f6f6; /* Gris clair */
	--grey-text: #717171;

	/* Surcharges Bootstrap Package */
	--bs-gutter-x: 15px;	
	--cardgroup-gap: 30px;

	/* Ombres récurrentes */
	--shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.extbase-debugger {display:none !important;}


/* 00 = FONTS */
@font-face {
    font-family: 'PlusJakartaSans-Regular';
    src: url('../Fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
         url('../Fonts/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlusJakartaSans-SemiBold';
    src: url('../Fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'),
         url('../Fonts/PlusJakartaSans-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlusJakartaSans-Bold';
    src: url('../Fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
         url('../Fonts/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,
.footer-address .textmedia p strong,
.flash-info-inscription .horloge .time-text,

.page-body .frame-type-menu_section .frame-header .element-header,
.level-1 .level-1-16 .link-level-1,
.level-1 .level-1-22 .link-level-1,
.filters .form-group.submit .btn-reset,
.calendar .btn-thosedates,
.practical-info .events-dates .hour,
.presse-caption .presse-title {
	font-family: 'PlusJakartaSans-Regular',sans-serif;
}
.btn-primary,
.btn-secondary,
.btn-info,

.rte-content p strong,
.footer-sites .list-sites-title,
.rte-content h4,
.rte-content .h4,
.rte-content .link-button,
.files-list-default .media-title,
.media-list-default .media-title,
.inner-siblings .siblings-link,
.section-home .category,
.section-home .home-item-title,
.main-navigation-button .navigation-button-text,
.main-navigation .link-level-1,
.rte-content .lead,
.dropdown-menu .return-level-prev,
.main-navigation .rubrique,
.kiosque-item .kiosque-title,
.menu-subpages .title,
.filters-label,
.filters .form-control,
.rte-content p.lettrine::first-letter,
.news-categories-list .news-categories-link,
.step .step-title,
.step-text .step-text-title,
/*.frame-background-none .icongroup-item-text .icongroup-item-text-subheader,*/
.ui-datepicker th,
.page-header .category,
.practical-info .events-dates .date,
.elected-list .item-directories-caption .fonction,
.directories-list .filters select.form-control,
.directories-list .category,
.timeline-item-caption .timeline-item-date,
.home-events-item .picture .alaune,
.directory-list .title,
.header-right .subtitle {
	font-family: 'PlusJakartaSans-SemiBold',sans-serif;
}
.header-menu .navigation .list-group-item .link,
.home-header-text .home-header-date,
.home-header-text .home-header-title,
.page-header .page-title,
.rte-content .page-title,
.flash-info .title,
.flash-info-inscription .horloge,

.rte-content p strong,
.rte-content li strong,
.rte-content td strong,
.home-content .home-content-title,
.rte-content h2,
.rte-content .h2,
.rte-content h3,
.rte-content .h3,
.rte-content h5,
.rte-content .h5,
.rte-content .accordion-header .accordion-button,
.table caption,
.table th,
.section-home .section-home-title,
.home-events-list .time,
.frame-type-artifica_form_pi1 .btn-default,
.icongroup-item-text .icongroup-item-text-header,
.presse-title .strong,
.practical-info .dataLocation p strong
/*
.criteria-total .totalresults,
.calendar .ui-datepicker th,
.calendar .ui-state-active,
.ui-datepicker .ui-datepicker-title,
*/ {
	font-family: 'PlusJakartaSans-Bold',sans-serif;
}
.list-net .net-link {
	font-family: "Font Awesome 6 Brands";
}
.footer-address .textmedia p a::before,
.rte-content .accordion-header .accordion-button::after,
.inner-siblings .list-unstyled li::before,
.col-right .menu-subpages .col-sm-6 .subpage-caption::before,
.owl-nav .owl-prev::before,
.owl-nav .owl-next::after,
.filters .calendar .dropdown-toggle::after,
.item-directories-caption::after,
.link-external:after,
.link-mail:after,
.link-file:after,
.footer-address .textmedia p a[href="https://www.versailles.fr/acceo.htm"]::before
/*
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before,
.date-start::after,
.btn-plus::before
*/ {
	font-family: "Font Awesome 6 Pro";
}


/* 01 = RESET */
/* Surcharge Bootstrap */
.textmedia-text>p:last-child {
	margin-bottom: 2em;
}

article.col-left .frame + .frame-default {
    --frame-outer-spacing-before: calc(-1 * var(--frame-spacing));
}
article.col-left .frame-default .frame-inner .frame-size-default.frame-default {/* Bloc agenda et actu "remontées" + entêtes remises */
	padding: 0;
}
.link-file:after {
	content: '\f15b';
	background: none;
}
.rte-content ul.typo3-messages {
    padding: 0;
}
	.rte-content ul li.alert::before {
		display: none;
	}


/* 02 = STYLES GLOBAUX = client.css */
body {
	background-color: #fff;
	color: var(--dark);
}
a,
.frame a[class=""], 
.frame a:not([class]) {
	color: var(--link);
	text-decoration: underline;
}
a:hover, 
a:active, 
a:focus,
.frame a[class=""]:is(:focus, :hover, :active),
.frame a:not([class]):is(:focus, :hover, :active) {
	color: var(--link);
	text-decoration: none;
}
.link-external:after {
	content: '\f08e';
    margin-left: 0.25em;
	background: none;
    line-height: 1;
}
.link-page::after {
	content: unset;
}
.btn-primary,
.btn-secondary,
.btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--dark);
	border-radius: 20px;
	height: 40px;
	padding: 0 15px;
	width: max-content;
	background-color: #fff;
	color: var(--dark);
	font-size: .938em;
	text-decoration: none;
	box-shadow: none;
	transition: all .3s;
}
.btn-primary:is(:focus, :hover, :active) {
	border: 2px solid var(--dark);
	background-color: var(--dark);
	color: #fff;
    box-shadow: none;
}
.btn-info {
    /*border: 0;
	background-color: var(--grey-light);
	color: var(--client);*/
    box-shadow: none;
    outline: none;
}
.btn-info:is(:focus, :hover, :active) {
	border-color: var(--third);
	background-color: var(--third);
	color: #fff;
}
.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled {
    border-color: #fff;
	background-color: #fff;
	color: var(--dark);
}
.btn-secondary:is(:focus, :hover, :active) {
    border-color: #fff;
	background-color: transparent;
	color: #fff;
}
.btn {
	padding-bottom: 2px;/* Correction pour centrer avec la police de font ! */
}
/*.btn-plus {
	border: 2px solid #000;
	border-radius: 25px;
	height: 50px;
	background-color: transparent;
	color: #000;
	font-size: 1.125em;
	text-transform: none;
	transition: .3s ease;
}*/
/*.btn-plus::before {
	content: "\2b";
	margin-right: 5px;
	color: var(--dark-pink);
	font-size: 24px;
	font-weight: 400;
	transition: .3s ease;
}
.btn-plus:is(:focus, :hover, :active) {
	border-color: var(--dark-pink);
	background-color: var(--dark-pink);
	color: #fff;
}
.btn-plus:is(:focus, :hover, :active)::before {
	color: #fff;
}*/
.category {
	color: var(--main);
	font-size: .875em;
	text-transform: uppercase;
}


/* 03 = STRUCTURE */
.site-main {
	padding: 0;
	overflow: hidden;/* Sinon décalage sur mobile... */
}


/* 04 = HEADER */
/* Flash info */
.flash-info {
	position: relative;
	z-index: 1;
	padding: 30px 0;
	background-color: var(--fourth);
	color: #fff/*var(--dark)*/;
}
.flash-info-inscription {
	padding: 5px 0;
}
	.flash-info .container {
		position: relative;
		padding: 0 15px;
	}
	.page-header .flash-info-inscription .container {
		padding: 0 15px;
	}
		.flash-info-inscription .col-12 {
			display: flex;
			align-items: center;
			flex-direction: column;
			flex-wrap: wrap;
			gap: 10px;
			justify-content: center;/*space-between*/
			padding: 0 50px;
		}
			.flash-info .flash-info-body {
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 100%;
			}
				.flash-info .title {
					margin-bottom: 10px;
					width: 100%;
					font-size: .875em;
					line-height: 1.2;
					text-align: center;
				}
				.flash-info-inscription .title {
					margin-bottom: 0;
				}
				.flash-info .abstract {
					font-size: 1.125em;
					line-height: 1.3;
					text-align: center;
				}
				.flash-info-inscription .horloge {
					display: flex;
					font-size: 1.5em;
				}
					.flash-info-inscription .horloge .time {
						position: relative;
						margin: 0 10px 20px;
						text-align: center;
					}
					.flash-info-inscription .horloge .time .time-text {
						position: absolute;
						left: 50%;
						bottom: -13px;
						font-size: .5em;
						transform: translateX(-50%);
					}
				.flash-info-inscription .link-button {
				    border-color: var(--link);
					border-radius: 10px;
				    background-color: var(--link);
				    color: #fff;
				}
				.flash-info-inscription .link-button:is(:focus,:hover,:active) {
					border-color: #fff;
				    background-color: #fff;
				    color: var(--link);
				}
				.flash-info-inscription .btn-close {
					position: absolute;
					right: 0;
					top: 0;
					height: 50px;
    				width: 50px;
					background: none;
					color: var(--dark);
					opacity: 1;
				}
/* Site-header */
.site-header {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
	background-color: rgba(0,0,0,.5);
	padding-top: 0px;
  	padding-bottom: 0px;
}
	.site-header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 60px;/*Pour la transition de hauteur */
		transition: height .3s;
	}
		/* LOGO */
		.navbar-mainnavigation .logo .navbar-brand-image img {
			height: auto;
		}
		.navbar-brand-image .img-fluid {
			max-width: 64px;
		}
		/* MENU CLASSIQUE BOOTSTRAP 2 NIVEAUX + ACCESSIBILITÉ */
		.site-header .header-right {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 100%;
		}
			.site-header .second-navigation {
				position: relative;
				align-items: center;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				height: 48px;
				padding: 0 10px 0 30px;
				background-color: var(--main);
				color: #fff;
				font-size: .875em;
			}
				.site-header .second-navigation::before,
				.site-header .second-navigation::after {
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					content:'';
					border-bottom-left-radius: 20px;
					border-bottom-right-radius: 20px;
				}
				.site-header .second-navigation::before {
					z-index: 1;
					height: 52px;
					background-color: var(--grey);
				}
				.site-header .second-navigation::after {
					z-index: 2;
					height: 48px;
					background-color: var(--main);
				}
				.second-navigation .header-link {
					position: relative;
    				z-index: 3;
					display: flex;
				}
					.header-link .contact {
						margin-right: 10px;
					}
					.header-link .network + .network {
						border-left: 1px solid #fff;
					}
						.header-link .network .link {
							display: flex;
							align-items: center;
							justify-content: center;							
							height: 100%;
							width: 40px;	
							color: #fff;
							font-size: 1.25em;
							text-decoration: none;
							transition: .3s ease;
						}
						.header-link .network .link:is(:focus, :hover, :active) {
							transform: translateY(-10px);
						}
						.header-link .network .calameo::before {
							content: '';
							display: inline-flex;
							height: 20px;
							width: 14px;
							background: url("../Img/calameo.png") no-repeat center center;
						}

				/* Hamburger */
				.site-header .main-navigation {
					display: flex;
					align-items: center;
					flex-direction: row-reverse;
					margin-right: -15px;
				}
					.header-menu {

					}
						.header-menu .navbar-toggler {
							height: 60px;
							width: 60px;
						}
						.header-menu .navbar-toggler:focus {
							box-shadow: none;
						}
							.navbar-toggler-icon {
								background-color: #fff;
							}
							.navbar-toggler.collapsed .navbar-toggler-icon {
								display: flex;
								justify-content: center;
								border-radius: 2px;
								height: 2px;
								background-color: #fff;
								font-size: 10px;
								text-transform: uppercase;
							}
								.navbar-toggler.collapsed .navbar-toggler-icon:before,
								.navbar-toggler.collapsed .navbar-toggler-icon:after,								
								.navbar-toggler-icon:after,
								.navbar-toggler-icon:before {
									background-color: #fff;
								}

						/* 1er niveau */
						.header-menu .navbar-collapse {
							top: 60px;
						    z-index: 10;
							height: 100vh;
						    background: #fff;
						}
							.header-menu .navigation {
								padding: 10px 0;
							}
								.header-menu .navigation .list-group-item .link {
									margin: 0 auto;
									padding: 10px;
									color: var(--dark);
									font-size: 1.125em;
									line-height: 1.556;
								}
								.header-menu .navigation :is(.active,.current) a.link {
									color: var(--main);
								}
								.header-menu .list-group-item a.link:is(:focus, :hover, :active) {
									color: var(--main);
								}
									.header-menu .link .title {
										position: relative;
										border-radius: 25px;
										height: 50px;
										padding: 10px 30px;
										background-color: transparent;
										transition: all .3s;
									}
									.header-menu .link:is(:focus, :hover, :active) .title {
										background-color: var(--fourth);
									}
									.header-menu .active .link .title {
										color:  var(--main);
									}
										.header-menu .link .title::before, 
										.header-menu .link .title::after {
											position: absolute;											
											content: '';
											border-radius: 25px;
											background-color: transparent;
											transition: all .3s;
										}
										.header-menu .link .title::before {
											bottom: 0;
											left: 0;
											right: 0;
											top: 0;
											z-index: 2;
										}
										.header-menu .link .title::after {
											bottom: -4px;
											left: 4px;
											right: -4px;
											top: 4px;
											z-index: 1;
										}
										.header-menu .link:is(:focus, :hover, :active) .title::before {
											background-color: var(--palegreen);
										}
										.header-menu .link:is(:focus, :hover, :active) .title::after {
											/*background-color: transparent;*/
										}
										.header-menu .link .text {
											position: relative;
											z-index: 3;
										}

									/* 2ème niveau */
									.header-menu .dropdown-menu {
										box-shadow: none;
										background-color: var(--palegreen);
									}
										.header-menu .menu-level2 {
											padding: 15px 0;
										}
											.site-header .menu-level2 .list a.link {
												font-size: 1.25em;
												text-transform: none;
											}
											.navbar-mainnavigation.navbar-default .dropdown-menu a:not(.active):is(:focus, :hover, :active),
											.navbar-mainnavigation.navbar-default-transition .dropdown-menu a:not(.active):is(:focus, :hover, :active),
											.navbar-mainnavigation.navbar-default-transition.navbar-transition .dropdown-menu a:not(.active):is(:focus, :hover, :active) {
												color: var(--main);
											}
											.navbar-mainnavigation.navbar-default .dropdown-menu .list:last-child a:not(.active),
											.navbar-mainnavigation.navbar-default-transition .dropdown-menu .list:last-child a:not(.active),
											.navbar-mainnavigation.navbar-default-transition.navbar-transition .dropdown-menu .list:last-child a:not(.active) {
												border: none;
											}
											.header-menu .dropdown-menu .current .link,
											.header-menu .dropdown-menu .active .link {
												color: var(--main);
												text-decoration: underline;
											}


/* 05 = FOOTER */
/* Retour haut de page */
.to-page-top {
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	height: 40px;
	width: 40px;
    background-color: var(--main);
    color: #fff;
    transition: all .3s;
}
.to-page-top:is(:focus, :hover, :active) {
    background-color: #fff;
    color: var(--main);
}
/* Footer top */
.site-footer {
	background-color: var(--third);
	color: #fff;
}
	.site-footer .footer-top-body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 40px 0;
	}
	.site-footer .footer-top {
		border-bottom: 1px solid var(--grey-text);
	}
		/* Styles récurrents */
		.footer-top-body .footer-title {
			color: var(--fourth);
			font-size: .938em;
			line-height: 2;
		}
		/* Logos */
		.footer-top .logo-portail {
			margin-bottom: 15px;
			width: 300px;			
		}
		.footer-top .footer-logo {
		    display: flex;
		    align-items: center;
		    flex-direction: column;
		    /*margin-bottom: 30px;*/
		}
			.footer-top .footer-logo-link {
				border-bottom: 1px solid #fff;
				margin-bottom: 15px;
				padding-bottom: 30px;
				width: 300px;
    			text-align: center;
			}
				.footer-top .logo {
					/*margin-bottom: 27px;*/
					width: 127px;
				}
			.footer-logo .list-net.d-none {
				display: flex !important;
			}
		/* Liens réseaux */
		.list-net .net-link {
			height: 50px;
			width: 50px;
			color: #fff;
			font-size: 20px;
			font-weight: 500;
			text-decoration: none;
			transition: transform .3s;
		}
		.list-net .net-link:is(:focus, :hover, :active) {
			transform: scale(1.1);
		}
			.id-621::before {/* Facebook */
				content: '\f39e';
			}
			.id-624::before {/* Instagram */
				content: '\f16d';
			}
			.id-1188::before {/* TikTok */
				content: '\e07b';
			}
			.id-622::before {/* Twitter */
				content: '\e61b';
			}
			.id-655::before {/* LinkedIn */
				content: '\f0e1';
			}
			.id-623::before {/* Youtube */
				content: '\f167';
			}
		/* Adresse */
		.footer-top .footer-address,
		.footer-top .footer-sites {
			margin-bottom: 40px;
			text-align: center;
		}
			.footer-address .textmedia {
				gap: 0;
			}
				.footer-address .textmedia p {	
					margin-bottom: 0;				
					font-size: .938em;
					line-height: 2;
				}
					.footer-address .textmedia p strong {
						color: var(--fourth);
						font-weight: normal;
					}
					.footer-address .textmedia p a {
						color: #fff;
						text-decoration: none;
					}	
					.footer-address .textmedia p .link-external:after {
						display: none;
					}
					.footer-address .textmedia p a:is(:focus,:hover,:active),
					.footer-sites .sites-link:is(:focus,:hover,:active) {
						color: var(--fourth);
					}
						.footer-address .textmedia p a::before {
							margin-right: 10px;
							font-weight: 300;
						}
						.footer-address .textmedia p .link-phone::before {
							content: '\f095';
						}
						.footer-address .textmedia p .link-page::before {
							content: '\f0e0';
						}
						.footer-address .textmedia p a[href="https://www.versailles.fr/acceo.htm"]::before {
							display: inline-block;
							content: '\f5f0';
							width: 16px;
						}
		/* Les sites de Versailles */
		.footer-top .footer-sites {

		}
			.footer-sites .sites-link {
				color: var(--dark-light);
				font-size: .938em;
				line-height: 2;
				text-decoration: none;
			}
		/* Newsletter/Appli */
		.footer-top .footer-newsletter {
			display: flex;
			align-items: center;
			flex-direction: column;
		}
			.footer-newsletter .btn-primary {
				border-color: #fff;
				margin: 15px 0 25px;
				width: 200px;
				background-color: transparent;
				color: #fff;
			}
			.footer-newsletter .btn-primary:last-child {
				margin-bottom: 0;
			}
			.footer-newsletter .btn-primary:is(:focus,:hover,:active) {
				border-color: #fff;
				background-color: #fff;
				color: var(--dark);
			}
	/* Copyrights */
	.site-footer .footer-bottom {
		padding: 30px 15px 80px;
		text-align: center;
	}
		.footer-bottom .list-copyrights {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			color: var(--dark-light);
			font-size: .875em;
			line-height: 1.714;
		}
			.list-copyrights .sites-link {
				margin: 0 15px;
				color: rgba(255,255,255,.7);
				text-decoration: none;
				transition: color .3s;
			}
			.list-copyrights .sites-link:is(:focus,:hover,:active) {
				color: var(--client);
			}
			.list-copyrights .site-languages {
				display: none;
				/*display: block;
				width: 100%;
				margin-bottom: 1em;*/
			}
				.site-languages .fa-globe {
					margin-right: 5px;
				}


/* 06 = ACCUEIL */
.home {
	background-color: var(--secondary-pale);
}
/* Header */
.home .home-header,
.site-main .page-header {
	display: flex;
	align-items: center;
	flex-direction: column;
    justify-content: center;
	gap: 20px;
	min-height: 500px;
	padding: 20px;
	background-color: var(--third);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
	.home-header .home-img {
		height: 100px;
	}
	.home-header .home-header-text {
		color: #fff;
		text-align: center;
	}
		.home-header-text .home-header-date {
			margin-bottom: 10px;
			font-size: 1.125em;
		}
		.home-header-text .home-header-title {
			margin-bottom: 10px;
			font-size: 1.875em;
			font-style: italic;
		}
		.home-header-text .home-header-bodytext {
			font-size: 1.125em;
		}
		.home-header-text .btn-home-header {
			margin: 20px auto 0;
		}

/* Carrousel des partenaires */
/* Nouveu code */
:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: papayawhip;
    --color-bg: navy;
    --color-bg-accent: #2626a0;
  }
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

/* Element styles */
.marquee img {
  display: grid;
  place-items: center;
  max-height: 40px;
  /*width: var(--size);*/
  fill: var(--color-text);
  /*background: var(--color-bg-accent);*/
  /*aspect-ratio: 16/9;*/
  padding: 0;/*calc(var(--size) / 10)*/
  /*border-radius: 0.5rem;*/
}

.marquee--vertical img {
  aspect-ratio: 1;
  width: calc(var(--size) / 1.5);
  padding: calc(var(--size) / 6);
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}

.wrapper--vertical {
  flex-direction: row;
  height: 100vh;
}

/* Toggle direction button */
.toggle {
  --size: 3rem;
  position: relative;
  position: fixed;
  top: 1rem;
  left: 1rem;
  width: var(--size);
  height: var(--size);
  font: inherit;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 50%;
  color: inherit;
  background-color: var(--color-bg-accent);
  z-index: 1;
}

.toggle:focus-visible {
  box-shadow: 0 0 0 2px var(--color-text);
}

.toggle span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: calc(100% + 0.4em);
  width: fit-content;
  white-space: nowrap;
  transform: translateY(-50%);
  animation: fade 400ms 4s ease-out forwards;
  user-select: none;
}

.toggle img {
  --size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size);
  height: var(--size);
  fill: currentcolor;
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.toggle--vertical img {
  transform: translate(-50%, -50%) rotate(-90deg);
}

@keyframes fade {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* Code précédent */
.home .section-partners {
	padding: 10px 0;
	background-color: var(--grey);
}
	.section-partners .marquee__group {
		/*display: flex;
		justify-content: center;*/
		filter: invert(64%) sepia(0%) saturate(3593%) hue-rotate(18deg) brightness(95%) contrast(91%); /* rend le noir des images en gris */
	}
		.section-partners .img-fluid {
		    /*max-height: 40px;
		    width: auto;*/
		    filter: grayscale(1) brightness(0) saturate(100%); /* code site actuel = noir */
		}

/* Texte libre + image */
.site-main .home-content {
	background-color: var(--secondary-pale);
	overflow: hidden; /* Image flottante */
}
body:not(.home).page1colonne .site-main .home-content {
	margin-bottom: 40px;
}
	.home-content .picture {
		display: block;
		margin-bottom: 25px;
		aspect-ratio: 335 / 223;
	}
		.home-content .picture .img-responsive {
			border-radius: 15px;
			height: auto;
			max-width: 100%;
		}
		.home-content .home-content-title {
			margin-bottom: 25px;
			font-size: 1.625em;
			line-height: 1.231;
		}
		.home-content p {
			margin-bottom: 25px;
			color: var(--grey-text);
			font-size: 1.125em;
			line-height: 1.667;
		}
		.home-content p a {
			color: var(--link);
		}

/* Style récurent sur les blocs d'accueil */
.home .section-home {

}
	.section-home .section-home-header {
		display: flex;
		flex-wrap: wrap;
	}
		.section-home .section-home-title {
		    margin-bottom: 24px;
		    color: var(--dark);
		    font-size: 1.5em;
		}
			.section-home .section-home-title .home-title-link {
			    color: var(--dark);
			    text-decoration: none;
			    transition: color .3s;
			}
			.section-home .section-home-title .home-title-link:is(:focus,:hover,:active) {
				color: var(--dark);
			}
		.section-home .btn {			
			margin-left: auto;
		}
	.section-home .home-list-link {
		text-decoration: none;
	}
		.section-home .picture {
		    display: block;
		    border-radius: 12px;
		    overflow: hidden;
		}
			.section-home .img-responsive,
			.section-home .object-fit {
				transition: transform .3s;
			}
			.section-home .home-list-link:is(:focus, :hover, :active) .img-responsive,
			.section-home .home-list-link:is(:focus, :hover, :active) .object-fit {
				transform: scale(1.1);
			}
		.section-home .home-item-title {
			margin-bottom: 5px;
			color: var(--dark);
			font-size: 1.25em;
			line-height: 1.3;
			transition: color .3s;
		}
		.section-home .home-list-link:is(:focus, :hover, :active) .home-item-title {
			color: var(--dark);
		}
		
/* Actualités */
.home-news-list .home-news-figure {
	margin-bottom: 10px;
}
	.home-news-list .picture {
		aspect-ratio: 3 / 2;
	}
.home-news-list .home-news-caption {
	padding-bottom: 30px;
}
	.section-home .home-list-link:is(:focus, :hover, :active) .home-item-title {
	    color: var(--dark);
	}
	.home-news-list .news-item-abstract,
	.home-events-list .events-item-location {
		margin-bottom: 0;
		color: var(--grey-text);
		font-size: .875em;
		line-height: 1.75;
	}

/* Agenda */
.section-events {
	background-color: var(--secondary);
}
	.section-home .home-events-title .home-title-link,
	.section-home .home-events-title .home-title-link:is(:focus,:hover,:active) {
		color: #fff;
	}
	.home-events .home-events-btn {
	    background-color: transparent;
	    border-color: #fff;
	    color: #fff;
	}
	.home-events .home-events-btn:is(:focus, :hover, :active) {
	    border-color: #fff;
		background-color: #fff;
	    color: var(--dark);
	}
	.home-events-list .home-events-item.cancelled .home-events-link::after, 
	.home-events-list .home-events-item.cancelled .events-link::after, 
	.single-content .cancelled::after {
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    z-index: 10;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    content: "Annulé";
	    border-radius: 15px;
	    height: 30px;
	    padding: 0 10px;
	    width: max-content;
	    background-color: #fff;
	    color: var(--main);
	    font-size: .875em;
	}

	.home-events .home-events-link {
		position: relative;
    	display: block;
		overflow: hidden;
	}
		.home-events-item .picture {
			position: relative; /* pour "À la une" */
		    aspect-ratio: 3 / 2;
	}
		/* Caption */
		.home .home-events-caption .category,
		.home .home-events-caption .events-item-title,
		.home .home-events-caption .events-item-location {
			color: #fff;
		}	
		.home .home-events-item .home-events-link:is(:focus, :hover, :active) .home-item-title {
		    color: #fff;
		}
		.home-events-list .events-item-location {
		 	font-size: 1em;
		}
		/* Dates */
		.home-events-list .date-regular {
		    position: absolute;
		    right: -5px;
		    top: 10px;
		    display: flex;
			align-items: flex-end;
		}
			.home-events-list .date-regular .time {
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				border-radius: 50%;
				background-color: var(--fourth);
				color: #fff/*var(--dark)*/;
			}
			.home-events-list .date-regular .time-simple {
				height: 70px;
				width: 70px;
			}
			.home-events-list .date-regular .time-complex {
				height: 90px;
				padding: 0 5px;
				width: 90px;
				flex-direction: row;
			}
				.home-events-list .date-regular .date-start {
					z-index: 2;
				}
				.home-events-list .date-regular .date-end {
					z-index: 1;
				}
					.home-events-list .single-date .day-week {
						display: none;
					}
					.home-events-list .date-regular span {
						margin: 0;
						line-height: 1;
					}
					.home-events-list .date-regular .day-number {
						display: block;
						font-size: 1.25em;
						text-align: center;
					}
				.home-events-list .date-start,
				.home-events-list .single-date,
				.home-events-list .date-end {
					display: flex;
					align-items: center;
				    flex-direction: column;
				    justify-content: center;
				    flex: 1;
				}
				.date-start::after {
					position: absolute;
					right: 50%;
					top: 25px;
					content: "";
					display: block;
					height: 40px;
					width: 1px;
					background-color: #fff/*var(--dark)*/;
				}
					.home-events-list .date-regular .time .month {
						margin: 0;
						font-size: .875em;
						text-align: center;
						text-transform: uppercase;
					}

/* Plan interactif */
/*.home-map .embed-responsive {
	border-radius: 15px;
	max-height: 220px;
}*/
.home-map .artifica-small.mapboxgl-map {
    border-radius: 12px;
    overflow: hidden;
}
.artifica-x-small.mapboxgl-map {
	margin-inline: 5%;
	max-width: 90%;
	min-width: 280px;
}

/* À découvrir */
.home-mediatheque .home-mediatheque-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}
	.home-mediatheque .mediatheque-item-1 {
		grid-area: 1 / 1 / 2 / 2;
	}
		.home-mediatheque .mediatheque-item-1 .embed-responsive-16by9 {
			border-radius: 12px;
			height: 100%;
			margin: 0;
		}
			.home-mediatheque .container-player-video .atfc-cookie-consent-player-content {
				height: 100%;
			}
	.home-mediatheque .mediatheque-item-2 {
		grid-area: 1 / 2 / 2 / 3;
	}
	.home-mediatheque .mediatheque-item-3 {
		grid-area: 2 / 1 / 3 / 2;
	}
	.home-mediatheque .mediatheque-item-4 {
		grid-area: 2 / 2 / 3 / 3;
	}
		.home-mediatheque .list-item-figure {
			position: relative;
			height: 100%;
			margin: 0;
			width: 100%;
		}
			.home-mediatheque .picture {
				aspect-ratio: 46 / 30;
			}
				.home-mediatheque .networks-icon {
				    position: absolute;
				    right: 10px;
				    top: 10px;
				    border-radius: 20px;
				    height: 30px;
				    width: 30px;
				    background-color: #000;
				    color: #fff;
				    font-size: 13px;
				}
				.home-mediatheque .fa-instagram {
					background: #d6249f;
					background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
				}
				.home-mediatheque .fa-youtube {
					background-color: #f00;
				}


/* 07 = PAGE INTERNE */
/* Page header */
.site-main .page-header {
	gap: 15px;
	height: 500px;
	padding-top: 60px;
}
	.page-header-single .header-right {
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
	    margin-top: 25px;
	    padding: 0 30px;
	    text-align: center;
	}
		.page-header .page-title,
		.rte-content .page-title {
			color: #fff;
			font-size: 2.5em;
			hyphens: auto;
		}
		.rte-content .page-title {
			margin-bottom: 20px;
			color: var(--dark);
		}
		.page-header .subtitle {
			color: #fff;
			font-size: 1.25em;
			line-height: 1.5;
		}
		.page-header .last-update {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			color: #fff;
			font-size: .875em;
		}
/* Surcharges Bootstrap */
.rte-content .frame-bloc {
	padding-top: var(--frame-spacing);
    padding-bottom: var(--frame-spacing);
	--frame-spacing: var(--frame-spacing-xs);
}
.site-main .container-tools {
    display: flex;
    justify-content: space-between;
    margin-block: 20px;
}

/* RTE */ 
.rte-content .lead {
    margin-bottom: 10px;
	color: var(--client);
	font-size: 1.125em;
	line-height: 1.5;
	--frame-spacing: 0;
}
	.rte-content .lead p {/* Fiche agenda */
		font-size: 1em;
		line-height: inherit;
	}
.rte-content .encart {

}
	.rte-content .encart::before,
	.rte-content .frame-encart::before {
		content: unset;
	}
	.rte-content .frame-encart .frame-encart {/* cas des encarts sur des formulaires */
		padding: 0;
	}
	.rte-content .frame-encart .frame-group-container {
		padding: 0;
	}
.rte-content h2,
.rte-content .h2 {
	display: block;/* span.h2 */
	margin-bottom: 20px;
	color: var(--dark);
	font-size: 1.875em;
}
.rte-content h3,
.rte-content .h3 {
	display: block;/* span.h3 */
	margin-bottom: 20px;
	color: var(--client);
	font-size: 1.625em;
	line-height: 1.385;
}
.rte-content h4,
.rte-content .h4 {
	display: block;/* span.h4 */
	margin-bottom: 20px;
	color: var(--dark);
	font-size: 1.375em;
	line-height: 1.364;
}
.rte-content h5,
.rte-content .h5 {
	display: block;/* span.h5 */
	margin-bottom: 20px;
	color: var(--dark-light);
	font-size: 1.125em;
}
	.rte-content .element-header .fa-regular {
		margin-right: 0.25em;
	}

.rte-content a {

}
.rte-content a:is(:focus, :hover, :active) {

}
.rte-content a.download, 
.rte-content a.download:is(:focus, :hover, :active) {

}
.link-arrow, .link-page, .link-folder, .link-file, .link-external, .link-chevron, .link-mail, .link-globe {
	display: inline;
}
	.link-arrow:after, .link-page:after, .link-folder:after, .link-file:after, .link-external:after, .link-chevron:after, .link-mail:after, .link-globe:after {
		margin-left: .25em;
	}
	.link-mail:after {
	    content: '\f0e0';
	    background: none;
	}

/* Classes client - idem RTE */
.rte-content span.bleu_fonce {
	color: #25457d;
}
.rte-content span.rouge {
	color: #e5222a;
}
.rte-content span.dore_fonce {
	color: #e4b356;
}
.rte-content span.dore_clair {
	color: #f2d9ab;
}
.rte-content span.vert {
	color: #217D1F;
}

.rte-content .phone {
	color: var(--client);
	font-weight: 600;
}
.rte-content p {
	margin-bottom: 2em;
	font-size: 1.125em;
	line-height: 1.556;
	hyphens: none;
}
.rte-content strong {

}
.rte-content blockquote {
	border-left: 2px solid var(--secondary);
	padding: 0 15px 0 30px;
	font-size: 1em;
}
.rte-content blockquote::before {
	content: "";
	display: block;
	height: 26px;
	margin-bottom: 15px;
	width: 36px;
	background-image: url('../Img/citation.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px 26px;
}
	.rte-content blockquote p {
		margin-bottom: 1.25em;
		color: var(--dark-light);
		/*font-size: 1.375em;*/
		font-style: italic;
		line-height: 1.455;
	}
	.rte-content blockquote p:last-child {
		margin-bottom: 0;
	}
	.rte-content blockquote footer {
		font-size: .975em;/*.875em*/
	}
.frame-encart .frame-inner,
.frame-encart-blue .frame-inner,
.frame-encart-idea .frame-inner {
	border-radius: 12px;	
	padding: 30px 20px;
}
.frame-encart .frame-inner {
	background-color: #f7f7f7;
}
.frame-encart-blue .frame-inner {
	background-color: var(--secondary-pale);
}
.frame-encart-idea .frame-inner {
	display: flex;
    flex-wrap: wrap;
	border: 1px solid var(--secondary);
}
	.frame-encart .frame-inner .element-header,
	.frame-encart-blue .frame-inner .element-header,
	.frame-encart-idea .frame-inner .element-header {
	    margin-bottom: 20px;
	    font-size: 1.625em;
	    color: var(--secondary);
	    line-height: 1.385;
	}
	.frame-encart .frame-inner .element-subheader,
	.frame-encart-blue .frame-inner .element-subheader,
	.frame-encart-idea .frame-inner .element-subheader {
	    margin-bottom: 1px;
	    font-size: 1.5em;
	}
	.frame-encart-blue .frame-inner .textmedia {
		color: var(--client);
	}
	.frame-encart-idea .frame-inner .fa-regular {
		position: relative;
		top: 2px;
		margin: 0 10px 0 0;
		color: var(--client);
		font-size: 32px;
		font-weight: 300;/* Light et non regular */
	}
	.frame-encart-idea .frame-inner .frame-header {
		max-width: calc(100% - 50px);
	}

.rte-content .gallery-item {
    justify-content: center;
}
	.rte-content .gallery-item .lightbox picture {
		overflow: hidden;
	}
		.rte-content .gallery-item .lightbox img {
			transition: .6s ease;
		}
		.rte-content .gallery-item .lightbox:is(:focus, :hover, :active) img {
			transform: scale(1.15);
		}
			.rte-content .gallery-item .figure {
				width: 100%;
			}
.rte-content ul:not(.list-unstyled), 
.rte-content ol:not(.list-unstyled) {
    padding-left: 30px;
}
.rte-content ul,
.rte-content ol {
	font-size: 1.125em;
	line-height: 1.556;
}
	.rte-content ul ul,
	.rte-content ul ol,
	.rte-content ol ul,
	.rte-content ol ol,
	.rte-content ul:not(.list-unstyled) ul,
	.rte-content ol:not(.list-unstyled) ol,
	.rte-content ol:not(.list-unstyled) ul,
	.rte-content ol:not(.list-unstyled) ol,
	.rte-content ul ul:not(.list-unstyled),
	.rte-content ol ol:not(.list-unstyled),
	.rte-content ol ul:not(.list-unstyled),
	.rte-content ol ol:not(.list-unstyled),
	.rte-content ul:not(.list-unstyled) ul:not(.list-unstyled),
	.rte-content ol:not(.list-unstyled) ol:not(.list-unstyled),
	.rte-content ol:not(.list-unstyled) ul:not(.list-unstyled),
	.rte-content ol:not(.list-unstyled) ol:not(.list-unstyled) {
		margin-bottom: 0;
		font-size: 1em;
	}
.rte-content ul {
	list-style: none;
}
	.rte-content ul li,
	.rte-content ol li {
		position: relative;
		margin-bottom: 10px;
	}
		.rte-content ul li::before {
			position: absolute;
			left: -27px;
			top: 15px;
			content: '';
			border-radius: 5px;
			height: 7px;
			width: 7px;
			background-color: #e73d43;
		}
/* Lettrine */
.rte-content p.lettrine::first-letter {
    margin: 5px 5px 0 -5px;
    width: 50px;
    color: var(--client);
    font-size: 3.5em;
    line-height: 50px;
    float: left;
}

/* Col-right */
.rte-content .col-right {
	margin-bottom: 50px;
}
	.col-right .frame-type-textmedia .frame-inner,
	.col-right .inner-search,
	.col-right .menu-subpages,
	.col-right .directory-list {
		border: 1px solid var(--grey-text);
		border-radius: 12px;
		padding: 29px;
		word-break: break-word;
	}
	.col-right .frame + .frame {
	    --frame-outer-spacing-before: 0;
	}
		.col-right .frame-header .element-header,
		.col-right .frame-header h2,
		.col-right h2,
		.rte-content .col-right .h2,
		.col-right .frame-title {
			display: block;
			margin-bottom: 20px;
			font-size: 1.5em;
		}
		.rte-content .col-right p,
		.rte-content .col-right ul,
		.rte-content .col-right ol {
			color: var(--dark-light);
			/*font-size: 1em;demande client 28/09/2022*/
		}
		.col-right .frame-inner .textmedia *:last-child,
		.col-right .frame-inner .textmedia p:last-child .link-button {
			margin-bottom: 0;
		}
		.col-right .frame-type-textmedia .textmedia {
			max-width: 100%;
		}

/* Liste media */
.files-list-default .list-unstyled li::before,
.media-list-default .list-unstyled li::before {
	display: none;
}
/* Images du site en liste */
.textmedia-gallery .image picture {
	border-radius: 12px;
	overflow: hidden;
}
/* Onglets */
.nav-tabs .nav-link {
	color: var(--client);
}

/* Pages soeurs */
.inner-siblings .list-unstyled {
	margin-bottom: 0;
	font-size: 1em;
	line-height: 1.5;
}
	.inner-siblings .list-unstyled li {
		border-bottom: 1px solid var(--grey-text);
		padding: 8px 0;
	}
	.inner-siblings .list-unstyled li:last-child {
		border-bottom: 0;
	}
		.inner-siblings .list-unstyled li::before,
		.col-right .menu-subpages .col-sm-6 .subpage-caption::before {
		    position: relative;
		    left: 0;
		    top: 0;
		    content: '\f054';
		    height: auto;
		    margin-right: 5px;
		    width: auto;
		    background: no-repeat;
			color: var(--dark-light);
			font-size: .875em;
		}
		.inner-siblings .siblings-link {
			color: var(--dark-light);
			text-decoration: none;
		}
		.inner-siblings .list-unstyled li:is(:focus, :hover, :active)::before,
		.inner-siblings li:is(:focus, :hover, :active) .siblings-link {
			color: var(--client);
		}

/* Tableaux */
.table-responsive {
    padding: 9px;
    border: 1px solid var(--grey);
    border-radius: 12px;
}
	.table-responsive:not(:last-child) {
		margin-bottom: 2em;
	}
	.rte-content .table {
		margin-bottom: 0;
		caption-side: top;
	}
	.rte-content .table-bordered {/* ne fonctionne pas sur des tableaux !!! */
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
	}
		.table caption {
    		border-radius: 7px;
    		margin-bottom: 10px;
			padding: 16px 20px;
			background-color: var(--secondary-pale);
			color: var(--dark);
			font-size: 1.125em;
		}
		.table>:not(:first-child) {
			border: 0;
		}
		table:not(.ui-datepicker-calendar) thead {
			background-color: var(--secondary);
			color: #fff;
		}
			.table th,
			.table tr {
    			border-bottom: 1px solid var(--grey);
    			color: var(--dark-2);
			}
			table:not(.ui-datepicker-calendar) tr {
				max-height: 50px;
				border-color: var(--grey);
				vertical-align: middle;
			}
			table:not(.ui-datepicker-calendar, .table-bordered) tbody tr:last-child {
				border-bottom: 0;
			}
			table.table-bordered tbody tr:last-child {
				border-bottom: 1px solid var(--grey);
			}
			.table tr:last-child td,			
			.table tfoot tr th,
			.table tr:last-child th {
				border-bottom: 0;
			}
			.frame-type-textmedia .table tfoot tr {
				border-bottom: 1px solid var(--grey);
				border-top: 1px solid var(--grey);
			}
			.frame-type-textmedia .table:not(.table-bordered) tfoot tr,
			.frame-type-textmedia .table-condensed tfoot tr {
				border-bottom: 0;
			}
			.table-bordered tfoot tr th {
				border-bottom: 1px solid var(--grey);
			}
			.table>:not(caption)>*>* {
				border-right: 1px solid var(--grey);
				padding: .8rem .5rem;
			}
			.table-striped>:not(caption)>tr:nth-of-type(2n + 1)>* {
				border-right: 1px solid #fff;
			}
			.table>:not(caption)>*>*:last-child {
				border-right: 0;
			}
			.table-bordered>:not(caption)>*>*:last-child {
				border-right: 1px solid var(--grey);
			}
/* Table-striped */
.table-striped>tbody>tr:nth-of-type(odd)>* {
	color: var(--client);
	box-shadow: inset 0 0 0 9999px var(--client-light);
}
/* Table-bordered */
.table-bordered>:not(caption)>*>* {
	border-color: var(--grey);
}

.table-sm>:not(caption)>*>*,
.table-condensed>:not(caption)>*>* {
	padding: 0.5rem 0.5rem;
}

/* Listes ordonnées */
ul li::marker {
	color: var(--dark-pink);
	font-size: 20px;
}
.menu-section .section-link {
    display: block;
}
.menu-section .section-link:is(:focus, :hover, :active) {
	text-decoration: none;
}

/* Accordéons */
.accordion-item {
	border: none;
	border-bottom: 1px solid var(--grey-text);
	background-color: transparent;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type {
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item + .accordion-item {
	/*margin-top: 10px;*/
}
	.accordion-item .accordion-header {
		display: flex;
		align-items: center;
		font-size: 1em;
	}
		.rte-content .accordion-header .accordion-button {
			padding: 20px 20px 20px 0;
			min-height: 70px;
			background-color: transparent;
			font-size: 1.375em;
		    transition: .3s ease;
		}
		.rte-content .accordion-header .accordion-button::after {
			position: absolute;
			top: 50%;
			right: 0;
			display: flex;
		    align-items: center;
		    justify-content: center;
		    content: "\f078";
		    border: none;
		    border-radius: 50%;
		    height: 18px;
		    width: 18px;
		    background-image: unset;
		    color: var(--dark-2);
		    font-size: 18px;
		    font-weight: 700;
		    transform: translateY(-50%);
		    transition: .3s ease;
		}
		.rte-content .accordion-header .accordion-button:not(.collapsed)::after {
			transform: translateY(-50%) rotate(180deg);
		}
		.rte-content .accordion-header .accordion-button:not(.collapsed) {
			box-shadow: none;
			background-color: transparent;
			color: var(--client);
		}
		.accordion-item:first-of-type .accordion-button {
		    border-top-left-radius: 0;
		    border-top-right-radius: 0;
		}
		.accordion-item:last-of-type .accordion-button {
		    border-bottom-right-radius: 0;
		    border-bottom-left-radius: 0;
		}
			.accordion-header .accordion-button:is(:focus, :hover, :active) {
				border: none;
				color: var(--client);
				box-shadow: none;
			}
.accordion-body {
	padding: 0 0 30px;
}

/* Menu de sections */
.subnavigation-sections .row {
	justify-content: center;
}
	.subnavigation-sections .link {
		font-weight: 500;
	}
		.subnavigation-sections .link:hover {
			color: #1b3a66;
		}

/* Liste horizontale */
.frame-horizontal-list .frame-container {
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	margin-bottom: 100px;
	padding-bottom: 50px;
}
	.frame-horizontal-list .list-normal {
		display: flex;
	}
		.frame-horizontal-list .list-normal li {
			display: flex;
			align-items: center;
			flex-direction: column;
			padding: 0 20px;
			width: 100%;
			text-align: center;
		}
			.frame-horizontal-list .list-normal li::before {
				position: static;
				content: "\f058";
				font-size: 50px;
			}

/* Bouton-lien */
.rte-content .link-button {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--secondary);
	border-radius: 25px;
	margin: 0 auto 30px;
	padding: 9px 20px;
	min-height: 40px;
	width: fit-content;
	max-width: 100%;
	background-color: var(--secondary);
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	transition: .3s ease;
}
.rte-content .link-button:is(:focus, :hover, :active) {
	border: 1px solid var(--secondary);
	background-color: #fff;
	color: var(--secondary);
}

/* Liste de fichiers - Documents Légaux */
.rte-content .files-list {
	margin-bottom: 2em;
}
	.files-list .files-item {
	    margin-bottom: 20px;
	}
	.files-list .files-item:last-child {
	    margin-bottom: 0;
	}
	    .files-list .files-item .link {
	        display: flex;
	        justify-content: flex-start;
	        padding: 15px;
	        background-color: #fff;
	        color: #333;
	        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	        transition: all .3s;
	    }
	    	.directories-list .files-list .files-item .link::after {
	    		display: none;
	    	}
	    .directories-list .files-list .files-item .link:is(:focus, :hover, :active) {
	        background-color: var(--client);
	        color: #fff;
	        text-decoration: none;
	    }
	        .files-list .files-item .fa-file-download {
	            margin-right: 15px;
	            color: var(--client);
	            font-size: 36px;
	            transition: color .3s;
	        }
	        .files-list .files-item .link:is(:focus, :hover, :active) .fa-file-download {
	            color: #fff;
	        }
	        .files-list .files-item .title {
	            display: block;
	            margin-bottom: 5px;
	            font-size: 1.125em;
	            font-weight: 600;
	            line-height: 1.364;
	        }
	        .directories-list .files-list .files-item .link:is(:focus, :hover, :active) .title {
	            color: #fff;
	        }
	        .files-list .files-item .infos {
	        	display: block;
	            color: #737373;
	            font-size: .875em;
	            transition: color .3s;
	        }
	        .files-list .files-item .link:is(:focus, :hover, :active) .infos {
	            color: #fff;
	        }

/* Avant / après */
/* Conteneur */
.silder-before-after-container {
    position: relative;
    border: 0;
    border-radius: 12px;
    height: 100%;
    max-height: 600px;
    margin: 0 auto 40px;
    width: 100%;
    max-width: 930px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
    .silder-before-after-container .img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        height: 100%;
        width: 100%;
        background-size: /*900px 100%*/cover;
    }
	.silder-before-after-container .foreground-img {
	    width: 50%;
	}
	/* Curseur */
	.silder-before-after-container .slider {
	    position: absolute;
	    z-index: 2;
	    height: 100%;
	    margin: 0;
	    width: 100%;
	    background: rgba(242,242,242,.3);
	    -webkit-appearance: none;
	    appearance: none;
	    outline: none;
	    transition: all .2s;
	}
	.silder-before-after-container .slider:hover {
	    background: rgba(242,242,242, .1);
	}
	.silder-before-after-container .slider::-webkit-slider-thumb {
	      height: 600px;
	      width: 6px;
	      background: white;
	      -webkit-appearance: none;
	      appearance: none;
	      cursor: pointer;
	}
	.silder-before-after-container .slider::-moz-range-thumb {
	      height: 600px;
	      width: 6px;
	      background: white;
	      cursor: pointer;
	}
	/* Bouton */  
	.silder-before-after-container .slider-button {
	    position: absolute;
	    left: calc(50% - 18px);
	    top: calc(50% - 18px);
	    z-index: 3;
	    display: flex;
		align-items: center;
		justify-content: center;
	    border-radius: 50%;
	    height: 30px;
	    width: 30px;
	    background-color: white;
	    pointer-events: none;
	}
		.silder-before-after-container .slider-button:before,
		.silder-before-after-container .slider-button:after {
			content: '';
			padding: 3px;
			display: inline-block;
			border: solid #5D5D5D;
			border-width: 0 2px 2px 0;
		}
		.silder-before-after-container .slider-button:after {
			transform: rotate(-45deg);
		}

		.silder-before-after-container .slider-button:before {
			transform: rotate(135deg);
		}

/* Groupe de carte */
/* Étapes */
.projet_etapes .step {
    position: relative;
    border: 1px solid var(--grey-text);
    min-height: 86px;
    margin-bottom: 10px;
    padding: 1em 1em 1em 40%;
}
.projet_etapes .current {
    background-color: var(--client-light);
    /*color: #fff;*/
}
	.step .step-title {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    top: 0;
	    padding: 17px 0 15px 0;
	    width: calc(40% - 30px);
	    background-color: var(--client);
	    color: #fff;
	    font-weight: bold;
	    text-align: center;
	    /*text-transform: uppercase;demande client 17/10/2022*/
	}
	.current .step-title {
	    background-color: var(--red);
	}
		.step .step-title::before {
		    position: absolute;
		    right: -30px;
		    top: calc(50% - 25px);
		    content: '';
		    border-color: transparent transparent transparent var(--client);
		    border-style: solid;
		    border-width: 25px 15px;
		}
		.current .step-title::before {
			border-color: transparent transparent transparent var(--red);
		}
	.step-text .step-text-bodytext {
		color: var(--dark-light);
		font-size: .875em;
	}
	.current .step-text-bodytext {
		color: var(--dark);
	}
		.step-text .step-text-bodytext *:last-child {
			margin-bottom: 0;
		}

/* Timeline */
.timeline-item-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.timeline-item-caption .timeline-item-date {
	left: calc(100% + 15px);
	top: calc(50% - 10px);
	height: 20px;
	width: calc(100% - calc(1.5rem + 46px / 2));
	color: var(--dark);
	font-size: 1.125em;
	line-height: 1;
}
.timeline-item-caption .timeline-item-header-headline:last-child {
	margin-bottom: 0;
}
.timeline-item-caption .timeline-item-text p {
	font-size: 1em;
}

/* Chiffres */
/* Bloc chiffres bleu */
.icongroup.frame-background-primary {
    background-color: var(--secondary);
	border-radius: 12px;
	padding: 15px;
}
.container .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
	margin: 0!important;
    padding-left: 0;
    padding-right: 0;
}
	.icongroup .icongroup-item {
		align-items: flex-start;
	}
		.icongroup-item .icongroup-item-icon {
			margin-right: 30px;
			min-width: 50px;
			color: #fff;
		}
			.frame-background-primary .icongroup-item-icon .fa-light {
				font-size: 50px;
			}
		.icongroup-item-text .icongroup-item-text-header {
			margin-bottom: 0;
			color: #fff;
			font-size: 1.875em;
		}
		.icongroup-item-text .icongroup-item-text-subheader {
			color: #fff;
			font-size: 1em;
		}			
			/* Blocs chiffres dans colonne de droite ! */
			.icongroup.frame-background-primary .icongroup-item-text .icongroup-item-text-subheader p {
				margin-bottom: 0;
				color: #fff;
			}
/* Bloc chiffres vide */
.container .frame-type-card_group:not(.frame-layout-embedded) .frame-background-white {
	padding: 45px 0;
}
	.icongroup.frame-background-white .icongroup-item {
		align-items: center;
		flex-direction: column;
	    margin: 0 0 20px;
	    padding: 0 15px;
	}
		.frame-background-white .icongroup-item .icongroup-item-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			height: 60px;
			margin: 0 0 20px;
			width: 60px;
			background-color: var(--secondary-pale);
			color: var(--dark);
			font-size: 24px;
		}
		.frame-background-white .icongroup-item .icongroup-item-text {
			text-align: center;
		}
			.frame-background-white .icongroup-item-text .icongroup-item-text-header {
				margin-bottom: 10px;
				color: var(--dark);
				font-size: 2.25em;
				text-align: center;
			}
			.frame-background-white .icongroup-item-text .icongroup-item-text-subheader {
				color: var(--dark-light);
				font-size: 1.125em;
			}

/* Liste de liens */
.tx-dce-pi1 .btn-primary {
	margin-bottom: 1em;
}
	.tx-dce-pi1 .btn-primary .fa-light {
		margin-right: 5px;
	}

/* Bloc contact (élément annuaire) */
.page1colonne .directory-list,
.col-left .directory-list {
	display: flex;
	flex-direction: column;
    border-radius: 12px;
	background-color: var(--secondary-pale);
	color: #737373;
	overflow: hidden;
}
	.page1colonne .directory-list .embed-responsive-16by9,
	.col-left .directory-list .embed-responsive-16by9 {
	    margin: 0;
	}
	.page1colonne .directory-list .embed-responsive-16by9 {
		height: inherit;
	}
	.page1colonne .directory-list .directory-caption,
	.col-left .directory-list .directory-caption {
		padding: 30px;
	}

/* Plan du site */
.frame-type-menu_sitemap .frame-inner > ul:not(.list-unstyled) {
	padding-left: 0;	
}
	.frame-type-menu_sitemap .frame-inner li::before {
		display: none;
	}

/* Compte citoyen */
.extension-compte .display-flex {
    display: flex;
    flex-direction: column;
    margin: 40px 0;
}
	.display-flex .item-flex {
	    padding: 0;
	    width: 100%;
	}
		.identification .input-group .form-control:-webkit-autofill {/* Pourquoi ? */
			-webkit-box-shadow: 0 0 0px 1000px white inset;
		}
		.display-flex .or {
	    	position: relative; 
	    	display: flex; 
	    	align-items: center; 
	    	justify-content: center; 
		    font-weight: 600;
		    margin: 2rem 0;
		}
		.display-flex .franceconnect {
		    padding-left: 15px;
		    text-align: center;
		}
	        .display-flex .franceconnect div.fc-container {
	        	background-color: transparent;
	        }
				div.fc-button {
				    display: flex;				    
				    align-items: center;
					justify-content: center;
				    margin-bottom: 8px;
				    max-width: 100%;
				}
	            /*.display-flex .franceconnect a {
	            	color: #ff5a5f;
	            }
	            .display-flex .franceconnect a:is(:focus, :hover, :active) {
	            	text-decoration: underline;
	            }*/
        
	.rte-content .frame-type-felogin_login .frame-inner > *:last-child {
		margin-bottom: 1rem;
	}

/* Barre de progrès */
.rte-content .progress {
    margin-bottom: 1em;
}

/* Liste de liens + boutons (gabarit Records_Links_Default.html) */
.rte-content .links-list-default {
    border: 1px solid var(--grey-text);
    border-radius: 12px;
    padding: 30px;
}

	
/* 08 = ACTUALITÉS */
/* Entête page */
.page-header .category {
	display: block;
	color: #fff;
	font-size: 1.125em;
}
	.site-main .page-header > * {
		text-align: center;
	}
.container .container {/* Correctif pge de liste */
	padding: 0;
}
/*.extension-actualites .page-header .last-update {
	display: none;
}*/
.backendlayout-page1colonne:is(.extension-actualites, .extension-agenda, .extension-ressources, .extension-annuaire, .extension-kiosque, .extension-recherche, .extension-compte):not(.layout-single) .col-lg-8.offset-lg-2 {
	margin: 0;
	width: 100%;
}
/* Filtres */
.news-filters .filters-select {
	margin-bottom: 40px;
}
.criteria .btn-primary .fa-times {
    margin-left: 10px;
}
/* Single */
/* Header */
.layout-single .site-main .page-header {
	max-height: 60px;
	min-height: inherit;
	padding: 0;
	overflow: hidden;
}
.layout-single .page-header-single {
	
}

.single-content .picture .img-fluid {
	width: 100%;
}
.site-main .btn.previous {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 0;	
	height: 100px;
	padding: 0;
	width: 100%;
	background-color: transparent;
	font-size: .938em;
	box-shadow: none;
}
.site-main .btn.previous:is(:focus, :hover, :active) {
	background-color: transparent;
	color: var(--dark);
}
	.site-main .btn.previous .fa-arrow-left {
		margin-right: 10px;
		font-size: 18px;
		transition: .3s ease;
	}
/* Bouton retour */
.extension-actualites .col-lg-8 .frame,
.extension-actualites .col-left .frame,
.extension-annuaire .col-lg-8 .frame,
.extension-ressources .col-lg-8 .frame {
	position: static;
}
.rte-content .single-news-previous {
	height: 100px;
}
	.single-news-previous .col-lg .previous {
		border: 0;		
	}
		.single-news-previous .previous .row {
			display: flex;
			flex-wrap: nowrap;
			cursor: auto;
		}
			.site-main .btn.previous .previous-link {
			    display: flex;
			    align-items: center;
			    text-align: left;
    			padding-right: 20px;
			    width: fit-content;
			    color: var(--dark);
			    text-decoration: none;
			}
				.site-main .btn.previous .fa-arrow-left {
					position: relative;
					left: 0px;
				    margin-right: 10px;
				    padding: 0;
				    width: auto;
				    font-size: 18px;
				    transition: .3s ease;
				}
				.site-main .btn.previous:is(:focus,:hover,:active) .fa-arrow-left {
					left: -15px;
				}
				.site-main .btn.previous .text {
					width: auto;
				}
/* La presse en parle */
.presse-list .presse-item {
    margin-bottom: 30px;
}
	.presse-item .presse-link {
		display: flex;
		text-decoration: none;
	}
		.presse-item .presse-figure {
		    margin: 0 20px 0 0;
		    min-width: 150px;
		}
		.presse-item .presse-caption {

		}
			.presse-caption .presse-title {
				color: var(--dark);
			    font-size: 1.1255em;
			}
				.presse-title .strong {

				}
/* La ville recrute */
.single-recrute .frame-type-textmedia {
	padding: 0;
}
	.page-body .btn-pdf {
		border: 0;
		margin: 0 0 2em auto;
	}
		.btn-pdf .fa-solid {
		    margin-right: 10px;
		    font-size: 24px;
		}
	.single-news .recrute-single-items {
	    margin-bottom: 30px;
	}
	.single-news .recrute-single-flex {
		display: flex;
		align-items: baseline;
		flex-direction: column;
	}
		.rte-content .recrute-single-items .h3 {
			margin-bottom: 15px;
			font-size: 1.125em;
		}
		.rte-content .recrute-single-flex .h3 {
			margin-bottom: 0;
			margin-right: 0.15em;
		}
	.rte-content .single-news .recrute-label {
	    font-size: 1.5em;
	    margin-bottom: 20px;
	}
	/* Blocs gris */
	.single-news .recrute-single-blocs {
	    display: flex;
	    gap: 20px;
	    flex-wrap: wrap;
	    margin-bottom: 30px;
	    word-break: break-word;
	}
		.recrute-single-blocs .recrute-single-blocs-items {
		    border-radius: 12px;
		    padding: 15px;
		    width: 100%;
		    background-color: #f1f1f1;
		}
			.rte-content .recrute-single-blocs-items .h3 {
			    margin-bottom: 5px;
			    font-size: 1.125em;
			}


/* 09 = AGENDA */
/* Liste */
.site-main .results-list {
	margin-bottom: 50px;
}
	.home-events-list .home-events-item {
		margin-bottom: 30px;
	}

/* PageHeader */
.extension-agenda .site-main .page-header-events,
.extension-actualites .site-main .page-header-events {
	position: relative;
	margin-bottom: 30px;
	padding: 0 15px;
    max-width: inherit;
    background-color: var(--client);
    color: #fff;
}
	.extension-agenda .site-main .page-header-events::before,
	.extension-actualites .site-main .page-header-events::before {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1;
		content: '';
		background-color: rgba(0,0,0,.3);
	}
	.page-header-events > .row {
	    position: relative;
	    z-index: 2;
	}
	.page-header-events > .row > .container {
		padding: 0 15px;
	}
		/* Breadcrumb */
		.page-header-events .container .breadcrumb,
		.page-header-events .breadcrumb .link,
		.page-header-events .breadcrumb .separator {
			color: #fff;
		}
		.page-header-events .breadcrumb .link:is(:focus, :hover, :active) {
			color: #fff;
		}
		/* Titre */
		.page-header-events .header-right {
			margin: 0;
			padding: 60px 15px 85px;
		}
			.page-header-events .header-right .page-title {
				margin: 0;
				color: #fff;
			}

/* Filtres */
.extension-agenda .col-lg-8.offset-lg-2 .container-events {
	padding: 0;
}
	.site-main .filters {
		background-color: transparent;
	}
		.filters .row {
			box-shadow: none;
			margin: 0;
			padding: 0;
			background-color: transparent;
		}
		    .filters .filters-label,
		    .news-categories .filters-label {
		    	margin: 0 0 20px;
		    	padding: 0;
		    	color: #333;
		    }
			.filters .form-group {
				padding: 0;
				width: 100%;
			}
			.filters .form-group.filters-select {
				border: 1px solid var(--grey-text);
				border-radius: 25px;
				padding: 0;
				background-color: #f7f7f7;
				overflow: hidden;
			}
			.filters .form-group.date {
				position: static;
				height: unset;
			}
			.filters .form-group.submit {
				margin: 0 20px 10px 0;
			}
			/* Emplois */
			.recrute-filters .form-group.submit {
				margin: 0 0 10px 0;
			}
				.filters .form-group.submit .btn {
					border-radius: 25px;
					padding: 0 20px;
					height: 50px;
					width: 100%;
					text-decoration: none;
					box-shadow: none;
				}
				.filters .form-control {
					position: relative;
					border: 1px solid var(--grey-text);
					border-radius: 25px;
					height: 50px;
					padding: 0 5px 0 20px;
					background-color: #fff;
					color: var(--dark);
					font-size: .938em;
					box-shadow: none;
				}
				.filters .form-control::placeholder {
					color: #737373;
				}
				.filters select.form-control {
					border: none;
					height: 50px;
					padding: 0 60px 0 20px;
					width: calc(100% + 30px);
					/*background: url("../Img/SVG/select.svg") no-repeat right 35px center;*/
					cursor: pointer;
				}
				.filters select.form-control:focus {
					box-shadow: none;
				    /*background-image: url('../Img/SVG/select-up.svg');*/
				    outline: none;
				}
				.firefox .filters select.form-control {
					padding: 0 80px 0 20px;
					-moz-appearance: inherit;
				}
				.filters .calendar .dropdown-toggle {
					height: 50px;
				}
					.filters .calendar .dropdown-toggle::after {
						position: absolute;
						right: 10px;
						display: flex;
						align-items: center;
						justify-content: center;
						content: "\f078";
						border: none;
						border-radius: 50%;
						height: 30px;
						width: 30px;
						background-color: #fff;
						color: var(--client);
						font-size: 14px;
						font-weight: 900;
						transition: .3s ease;
					}
					.filters .calendar .dropdown-toggle.show::after {
						transform: rotate(180deg);
					}
				/* Calendrier */
				.calendar .dropdown-menu {
					border: 0;
					border-radius: 12px;
					width: 320px;
					box-shadow: 0 0 30px rgb(0 0 0 / 20%);
				}
					.calendar .calendar-render {
						padding: 15px;
					}
						.calendar .thosedates {
							padding: 0;
							gap: 10px;
						}
							.calendar .btn-thosedates {
								border: 1px solid #e9e9e9;
								padding: 0 18px;
								height: 40px;
								background-color: #fff;
								color: #000;
								font-size: .875em;
								font-weight: unset;
								text-transform: none;
							}
							.calendar .btn-thosedates:is(:focus, :hover, :active) {
								border-color: var(--grey-text);
								background-color: #fff;
								color: var(--dark);
							}
						.ui-datepicker .ui-datepicker-header {
							border-bottom: 1px solid #e2e7e9;
							margin-bottom: 20px;
							padding: 22px 0;
							height: unset;
						}
							.ui-datepicker .ui-datepicker-title {
								height: 16px;
								color: var(--dark);
								font-size: .938em;
							}
							.ui-datepicker .ui-datepicker-prev,
							.ui-datepicker .ui-datepicker-next {
								top: 10px;
								display: flex;
							    align-items: center;
							    justify-content: center;
							    border: none;
								border-radius: 50%;
								color: #999;
								font-size: 18px;
								text-decoration: none;
							}
							.ui-datepicker .ui-corner-all:is(:focus, :hover, :active) {
							    text-decoration: none;
							    color: var(--dark);
							}
							.ui-datepicker .ui-datepicker-prev.ui-state-focus,
							.ui-datepicker .ui-datepicker-next.ui-state-focus,
							.ui-datepicker .ui-datepicker-prev.ui-state-hover,
							.ui-datepicker .ui-datepicker-next.ui-state-hover,
							.ui-datepicker .ui-datepicker-prev.ui-state-active,
							.ui-datepicker .ui-datepicker-next.ui-state-active {
								background-color: transparent;
							}
						/* Tableau */
						.ui-datepicker table {
							width: 100%;
						}
							.ui-datepicker th {
								color: var(--dark);
							}
								.ui-state-default {
									margin: 0 auto;
								}
								.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
									color: var(--dark);
								}
								.ui-state-hover,
								.ui-widget-content .ui-state-hover,
								.ui-widget-header .ui-state-hover,
								.ui-state-focus,
								.ui-widget-content .ui-state-focus,
								.ui-widget-header .ui-state-focus {
									border: none;
								    background-color: var(--third);
								    color: #fff;
								}
								.ui-state-active, 
								.ui-widget-content .ui-state-active,
								.ui-widget-header .ui-state-active {
									border: 0;
								    background-color: transparent;
									color: var(--link);
								}

					/* Switch */
					.filters .form-group.switch {
					    height: 50px;
					    margin-right: 20px;
					}
						.filters .switch input + label {
						    display: flex;
						    align-items: center;
						    justify-content: center;
						    border: 1px solid var(--grey-text);
						    border-radius: 25px;
						    height: 50px;
						    padding: 0 44px;
						    background-color: #fff;
						}
							.filters .switch input + label::before {
								left: 15px;
								right: auto;
								top: 15px;
							    border-color: var(--grey-text);
							    height: 19px;
								width: 19px;
							    background-color: #fff;
							}
							.filters .switch input:checked + label::before {

							}
							.filters .switch input + label::after {
							    left: 19px;
							    right: auto;
							    top: 19px;
							    height: 11px;
							    width: 11px;
							}
							.filters .switch input:checked + label::after {
								background-color: var(--main);
							}

					/* Submit */
					.filters .submit .btn-submit {
						border: 1px solid var(--grey-text);
						background-color: #fff;
						color: var(--dark);
						font-weight: unset;
						text-transform: none;
					}
					.filters .submit .btn-submit:is(:focus, :hover, :active) {
						border-color: var(--dark);
						background-color: var(--dark);				
						color: #fff;
					}
					.filters .form-group.submit .btn-reset {
						border-color: transparent;
						box-shadow: none;
						padding: 0;
						color: var(--dark);
						background-color: transparent;
						font-weight: unset;
						text-transform: none;
					}
					.filters .submit .btn-reset:is(:focus, :hover, :active) {
						text-decoration: underline;
					}

/* Critères */
.totalresults .colored {
	background-color: transparent;
	font-weight: normal;
}

/* Listes dans des pages autres que #26 "Que faire à Versailles ?" */
.col-left .container-events {
	padding: 0;
}
	.col-left .container-events > .row {
		margin: 0;
	}
		.col-left .container-events > .row > .events-list {
			padding: 0;
		}

/* Items */
/* À la une */
.home-events-item .picture .alaune {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    border-radius: 15px;
    height: 30px;
    padding: 0 10px;
    background-color: var(--red);
    color: #fff;
    font-size: .875em;
    text-transform: uppercase;
}

/* Fiche */
.header-right .header-date {
	margin-bottom: 30px;
	font-size: 1.5em;
}
/* Image (single actu et agenda) */
.single-content .single-figure {
	margin-bottom: 0;
}
	.single-content .single-figure .picture {
		display: block;
	    aspect-ratio: 3/2;
	}

/* Bloc infos + Map */
.page-body .practical-info {
	padding: 60px 15px;
	background-color: var(--client-light);
}
	.page-body .practical-info .row > * {
		height: 100%;
	}
		.rte-content .practical-info .practical-info-title {
			margin-bottom: 40px;
			color: var(--client);
			font-size: 2em;
		}
		.practical-info .practical-info-item {
			display: flex;
			margin-bottom: 30px;
		}
			.practical-info .practical-info-time .events-dates {
				max-height: 190px;
				width: 100%;
				overflow: hidden scroll;
			}
			.practical-info-item .fa-light {
			    min-width: 50px;
			    color: var(--client);
			    font-size: 24px;
			}
			.practical-info-item .text,
			.practical-info-item .events-dates {
				color: var(--dark);
				font-size: 1.125em;
			}
			.practical-info-item .link {
				font-size: 1.125em;
				text-decoration: none;
			}
			.practical-info-item .phone {
				text-decoration: none;
			}
			.practical-info-item .link:is(:focus, :hover, :active),
			.practical-info-item .phone:is(:focus, :hover, :active) {
				text-decoration: underline;
			}
				.practical-info .events-dates .date {
					margin-bottom: 10px;
				}
				.practical-info .events-dates .date-passed {
					color: #999;
				}
				.practical-info .events-dates .hour {

				}
				.practical-info .events-dates .h3 {
					margin-bottom: 10px;
					color: var(--dark);
					font-size: 1.125em;
				}
		.practical-info .addEvents {
			margin: 40px 0;
		}
		.practical-info .embed-responsive {
			border-radius: 12px;
			margin-bottom: 0;
			box-shadow: 0 0 35px rgb(0 0 0 / 15%);
		}
		.practical-info .dataLocation {
			color: var(--dark-light);
		}
			.practical-info .dataLocation .h3 {
				color: var(--dark-light);
				font-size: 1.125em;
			}
			.practical-info .dataLocation p {
				margin-bottom: 1em;
				font-size: 1em;
			}
			.practical-info .dataLocation p:last-child {
				margin-bottom: 0;
			}
/* Single */
#modalShareAgenda .close {
	position: static;
    align-items: baseline;
    font-size: 36px;
    line-height: 1;
    box-shadow: none;
}
.extension-agenda .site-main > .frame,
.single-events .frame-type-textmedia {/* Correction liste dans pages internes */
	padding-top: 0;
}


/* 10 = ANNUAIRE */
/* filtres */
.directories-list .design-select {
	position: relative;
}
/* Liste */
.directories-list a,
.item-directories a {
	text-decoration: none;
}
.directories-list .filters-results {
	margin: 0 0 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
	.directories-list .list-item-directories {
		position: relative;
		width: 100%;
	}
		.directories-list .item {
			height: 100%;
		}
			.directories-list .link {
				display: flex;
				flex-direction: column;
				border-radius: 12px;
				height: 100%;
				padding: 15px;
				background-color: var(--secondary-pale);
				color: #737373;
				transition: .3s ease;
			}
			.directories-list .link:is(:focus, :hover, :active) {
				background-color: var(--secondary);
			}
				.directories-list .item-directories-img {
					margin-bottom: 15px;
					width: 100px;
				}
				.directories-list .item-directories-caption {
					display: flex;
    				flex-direction: column;
					min-width: 100%;
				}
					.item-directories-caption .category {
						margin-bottom: 5px;
						transition: .3s ease;
					}
					.item-directories-caption .title {
						margin: 15px 0 0;						
						font-size: 1em;
						transition: .3s ease;
					}
					.directories-list .link:is(:focus, :hover, :active) * {
						color: #fff;
					}
					.item-directories-caption .address {
						margin-bottom: 10px;
						color: #737373;
					}
					.item-directories-caption::after {
						display: flex;
						align-items: center;
						justify-content: center;
						content: "\f061";
						border-radius: 50%;
						height: 40px;
						margin: auto -10px -10px auto;
						width: 40px;
						background-color: #fff;
						color: #000;
						font-size: 18px;
						transition: all .3s;
					}
					.link:is(:focus, :hover, :active) .item-directories-caption::after,
					.mayor .link:is(:focus, :hover, :active) .item-directories-caption::after,
					.adjoints .link:is(:focus, :hover, :active) .item-directories-caption::after {
						background-color: var(--client);
						color: #fff;
					}

.pagination .btn-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	.pagination span.btn.btn-default.btn-grey.navDots {
		border-radius: 50%;
		max-height: 40px;
		max-width: 40px;
		margin-right: 10px;
	}
	.pagination span.btn.btn-default.btn-grey.navDots:hover {
		border: 1px solid #8ec84b;
	}
	.pagination .btn-default {
	    display: flex;
	    align-items: center;
	    justify-content: center;
		border: none;
		margin-bottom: 10px;
		max-width: 40px;
		background-color: #eff0ea;
		color: #333;
		font-weight: bold;
		transition: .3s ease;
	}
		.pagination .btn-default:hover,
		.pagination .btn-default:active {
			background-color: #8ec84b;
			color: #fff;
		}

/* Single */
.rte-content .directories-single {
	display: flex;
}
	.rte-content .directories-single + .form-horizontal {
	    max-width: inherit;
	    padding-top: 40px;
	}
	.directories-single .directories-single-img picture {
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}
		.directories-single-text .frame-type-textmedia {
			padding: 0;
		}
			.directories-single-text .lead {
				margin-bottom: 40px;
			}
				.directories-single-text .directories-single-item {
					display: flex;
					flex-direction: column;
					border-top: 1px solid #dfdfdf;
					padding: 10px;				
				}
				.directories-single-text .directories-single-item:last-child {
					border-bottom: 1px solid #dfdfdf;
				}
					.directories-single-text .directories-single-item a {
						text-decoration: none;
					}
					.directories-single-item .title {
						min-width: 90px;
						font-size: 1.125em;
						font-weight: bold;
						line-height: 1.2;
					}
					.directories-single-item .value {
						margin-bottom: 0;
					}
						.directories-single-item .value p {
							margin-bottom: 0;
							font-size: 1em;
						}
		.directories-single-return-list {
			margin-top: 60px;
		}

/* Liste élus */
.elected-list .frame-header {
	margin: 0;
	padding: 0;
}
	.elected-list .frame-header .element-header {
		margin: 0;
		font-size: 1.5em;
	}
.elected-list .link {
	padding: 0;
}
.elected-list .h3 {
    color: #333;
    font-size: 1.5em;
    margin-bottom: 40px;
}
	.elected-list .list-item-directories {
		padding: 0;
	}
	.elected-list .list-item-directories.mayor {
	    margin: 0 auto;
		width: 100%;
	}
		.elected-list .link {
			flex-direction: row;
			padding: 0;
			width: 100%;
			background-color: transparent;
			gap: 15px;
		}
		.elected-list .link:is(:focus, :hover, :active) {
			background-color: transparent;
		}
			.elected-list .item-directories-img {
				min-height: 120px;
				min-width: 100px;
				font-size: 3em;
			}
				.elected-list .picture {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 12px;
					margin-bottom: 0;
    				width: 100%;
					background-color: var(--grey-light);
					overflow: hidden;
				}
				.elected-list .mayor .picture {
					aspect-ratio: 21 / 25;
				}
				.elected-list .adjoints .picture {
					aspect-ratio: 14 / 17;
				}
				.elected-list .conseillers .picture {
					aspect-ratio: 10 / 12;
				}
					.elected-list .picture .img-fluid {
						height: 100%;
						width: 100%;
						object-fit: cover;
					}
					.elected-list .item-directories .item-directories-img .fa-user {
						color: var(--client);
					}
			.elected-list.directories-list .item-directories-caption {
				width: 100%;
				min-width: inherit;
			}
				.elected-list .item-directories-caption * {
					margin-bottom: 5px;
				}
				.elected-list .item-directories-caption .title {
					color: var(--client);
					font-size: 1.25em;
					text-transform: none;
				}
				.elected-list .item-directories-caption .fonction {
					color: var(--red);
					font-size: 1em;
					line-height: 1.2;
				}
				.elected-list .conseillers .item-directories-caption .fonction {
					font-size: .875em;
					text-transform: uppercase;
				}
				.elected-list .item-directories-caption .resume {
					line-height: 1.5;
				}
				.elected-list .item-directories-caption::after {
					display: none;
				}
				.elected-list .mayor .item-directories-caption::after,
				.elected-list .adjoints .item-directories-caption::after {
					display: flex;
					margin: 0;
					background-color: #f7f7f7;
				}

/* Single élu */
.elected-single .directories-single-item:last-child {
	border-bottom: 0;
}
	.elected-single .directories-single-item .link:is(:focus, :hover, :active) {
		text-decoration: underline;
	}
		.elected-single .directories-single-item .value p {
			margin-bottom: 0;
		}

/* Colonne de droite */
.col-right .directory-list {
	border: 0;
	background-color: #f7f7f7;
	color: #737373;
	overflow: hidden;
}
	.directory-list .embed-responsive {
		min-height: 200px;
		margin: -30px -30px 20px;
		width: calc(100% + 60px);
	}
	.directory-list .directory-caption p {
		margin-bottom: 1em;
		font-weight: inherit;
	}
	.directory-list .directory-caption .title {
		margin-bottom: 0;
		color: var(--dark);
		line-height: 1.5;
	}
	.directory-list .directory-caption .contact {
		margin-bottom: 0;
	}
		.directory-list .directory-caption .contact .link {
			display: flex;
			align-items: flex-start;
			flex-wrap: nowrap;
			text-decoration: none;
	    	line-height: 1.5;
		}
			.directory-list .directory-caption .contact .fa-light {
				width: 30px;
				line-height: 1.5;
			}
	.directory-list .directory-caption .schedule {
		margin: 1em 0 0;
	}
	.directory-list .directory-caption .list-nets,
	.directories-single-item .list-nets {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	.directory-list .directory-caption .h5 {
    	margin: 0;
	}
	.directory-list .directory-caption .list-nets {
		margin-bottom: 1em;
	}
	.directory-list .directory-caption .list-nets:last-child {
		margin-bottom: 0;
	}
		.directory-list .directory-caption .list-nets li,
		.directories-single-item .list-nets li {
			margin: 0;
		}
			.directory-list .directory-caption .list-nets li::before,
		.directories-single-item .list-nets li::before {
				display: none;
			}
			.directory-list .directory-caption .list-nets .icon,
			.directories-single-item .list-nets .icon {
				display: block;
				width: 50px;
				color: var(--secondary);
				font-size: 32px;
				line-height: 1;
			}
			.directory-list .directory-caption .list-nets .icon .fa-twitter::before {/* Surcharge pour le "X" */
				content: '\e61b';
			}
/* Bloc Annonce */
.frame-recrute .directory-list {
	background-color: var(--client-light);
	text-align: center;
}
	.frame-recrute .element-header {
		color: var(--client);
		font-size: 1.5em;
	}
	.frame-recrute .picture {
		display: block;
		margin-bottom: 20px;
	}
	.frame-recrute .directory-list .directory-caption .title {
		color: var(--client);
	    font-size: 1.25em;
	    margin-bottom: 30px;
	}
		.frame-recrute .directory-list .directory-caption .title-black {
			display: block;
			color: var(--dark);
		}
	.frame-recrute .link-button {
		margin-bottom: 0;
	}

/* 11 = RECHERCHE */
/* SolR */
/* Barre de recherche */
/*.tx-solr-suggest {
	border-radius: 20px;
}
.extension-recherche .col-md-12 .searched-for,
.extension-recherche .col-md-12 .result-found,
.extension-recherche .col-md-12 .result-range {
	display: block;
}*/
/* pagination */
/*.rte-content .solr-pagination ul li {
	margin-bottom: 0;
}
	.rte-content .solr-pagination ul li::before {
		display: none;
	}
	.solr-pagination .page-item {

	}
		.solr-pagination .page-link {
			display: flex;
			align-items: center;
			justify-content: center;
			border: 0;
			border-radius: 50%;
			height: 40px;
			width: 40px;
			background-color: transparent;
			color: var(--dark);
			text-decoration: none;
		}
		.page-item.active .page-link {
			background-color: var(--client);
			color: #fff;
		}
		.page-item:first-child .page-link {
		    border-bottom-left-radius: 50%;
		    border-top-left-radius: 50%;
		}
			.page-item:first-child .page-link .fa-chevron-left {
				color: var(--client);
			}
		.page-item:last-child .page-link {
		    border-bottom-right-radius: 50%;
		    border-top-right-radius: 50%;
		}
			.page-item:last-child .page-link .fa-chevron-right {
				color: var(--client);
			}
		.solr-pagination .solr-ajaxified {

		}
#results-per-page .input-group {
	align-items: center;
}
	#results-per-page .form-select {
	    margin: 0 auto 0 5px;
	    max-width: 100px;
	}*/
/* Liste résultats */
/*.tx_solr .results-entry .results-topic {

}
.relevance .progress {
    border-radius: 12px;
	height: 24px;
    background-color: var(--grey-text);
}
	.relevance .progress-bar {
		background-color: var(--client);
	}*/


/* Styles ancien moteur remis actuellement */
progress::-webkit-progress-bar {
	border-radius: 5px;
	background-color: var(--client-light);
}
progress::-webkit-progress-value {
	border-radius: 5px;
    background-color: var(--client);
}
.start-point .item {
	cursor: unset;
}
	.start-point .abstract p {
		font-size: 1em;
		line-height: 1.625;
	}
		.start-point .abstract p strong {
		    color: var(--red);
		}
	.start-point .time {
	    color: var(--dark-light);
	    font-size: .875em;
	}
.site-main .start-point .pagination {
	margin-top: 40px;
}
.site-main .search-content {

}
	.search-content .title {
	    font-size: 1.125em;
	    line-height: 1.667;
	}
		.search-content .link {	
			color: var(--dark);
			text-decoration: none;
			transition: .3s ease;
		}
		.search-content .start-point .item .title:is(:focus, :hover, :active) .link {
			color: var(--client);
		}
	.search-content .search-body {
		align-items: flex-start;
	}
		.search-body .link {
			color: var(--client);
		}
			.search-content .search-body .icon {
				border-color: var(--client);
			}
			.search-content .start-point .item .search-body .link:is(:focus, :hover, :active) .icon {
				background-color: var(--client);
				color: #fff;
			}
.site-main .search-filters li::before{
	display: none;
}
	.search-filters .link {
		justify-content: flex-start;
		border: 0;
		text-decoration: none;
	}
	.search-filters .link:is(:focus, :hover, :active) {
		color: var(--client);
	}
		.search-filters .icon {
			border-color: var(--client);
		}
		.search-filters .link:is(:focus, :hover, :active) .icon {
			background-color: var(--client);
			color: #fff;
		}
		.search-filters .title {
			
		}
		.search-filters .badge {
			color: #000;
		}


/* 12 = MÉDIATHÈQUE */
/* liste */
.gallery-list .list-news {
	display: flex;
	flex-wrap: wrap;
}
	.gallery-list .news-link {
		color: #000;
		text-decoration: none;
	}
		.gallery-list .col-item {
			margin-bottom: 30px;
		}
			.gallery-list .news-cache-img {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 250px;
				overflow: hidden;
			}
				.gallery-list .news-cache-img .img-fluid {
				    max-height: 250px;
				    height: 100%;
				    width: 100%;
				    object-fit: cover;
					transition: .6s ease;
				}
				.gallery-list .news-link:is(:focus, :hover, :active) .img-fluid {
					transform: scale(1.15);
				}
				.gallery-list .news-caption {
					margin-top: 20px;
					width: 100%;
				}
					.gallery-list .title {
						text-align: center;
						margin-bottom: 15px;
					}
					.gallery-list .title::after {
						content: unset;
					}

/* single */
.gallery-mediatheque .galerie-item {
	margin-bottom: 30px;
}
	.gallery-mediatheque .news-cache-img {
		display: block;
		overflow: hidden;
	}
		.gallery-mediatheque .news-cache-img .img-fluid {
			width: 100%;
			transition: .6s ease;
		}
		.gallery-mediatheque .gallery-link:is(:focus, :hover, :active) .news-cache-img .img-fluid {
			transform: scale(1.15);
		}
/* Le Festival - Galerie */
.festival-list .row {
	margin-bottom: 50px;
}
	.festival-list .home-news-item {
	    margin-bottom: 30px;
	}


/* 14 = SOMMAIRE */
/* Page */
.rte-content .menu-subpages {/* Le client en met dans les pages ! */
	row-gap: 30px;
}
	.pagesummary .menu-subpages .h2 {/* Même style .sr-only */
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
		border-width: 0;
	}
	.menu-subpages .link {
		display: flex;
		flex-direction: column;
	    border-radius: 12px;
		height: 100%;
		width: 100%;
		background-color: #f7f7f7;
		text-decoration: none;
	    overflow: hidden;
	}
	.menu-subpages .link:is(:focus, :hover, :active) {
		/*background-color: var(--light-pink);
		text-decoration: none;*/
	}
		.menu-subpages .subpages-figure {
			margin: 0;
		}
			.subpages-figure .picture {
				display: block;
				aspect-ratio: 3 / 2;
				overflow: hidden;
			}
				.menu-subpages .object-fit {
					transition: transform .3s;
				}
				.menu-subpages .link:is(:focus, :hover, :active) .object-fit {
					transform: scale(1.1);
				}
		.menu-subpages .subpage-caption {
			padding: 25px 30px;
		}
			.menu-subpages .title {
				margin-bottom: 15px;
				color: var(--dark-2);
				font-size: 1.5em;
				line-height: 1.25;
				transition: .3s ease;
			}
			.menu-subpages .link:is(:focus, :hover, :active) .title {
				color: var(--client);
			}
			.menu-subpages .abstract {
				margin-bottom: 0;
				color: var(--dark-light);
				font-size: 1em;
				line-height: 1.5;
			}

/* Colonne de droite */
.page2colonnes .page-body .col-right .row {
	flex-direction: column;
	margin: 0;
}
	.col-right .menu-subpages .h2 {
		padding: 0;
	}
	.col-right .menu-subpages .col-sm-6 {
		border-bottom: 1px solid var(--grey-text);
		padding: 0;
		width: 100%;
	}
	.col-right .menu-subpages .col-sm-6:last-child {
		border-bottom: 0;
	}
		.col-right .menu-subpages .link {
		    border-radius: 0;
		    height: inherit;
		    background-color: transparent;
		}
			.col-right .subpages-figure .picture {
				display: none;
			}
			.col-right .menu-subpages .subpage-caption {
				padding: 0;
			}
				.col-right .menu-subpages .col-sm-6 .subpage-caption::before {
					position: relative;
					top: 10px;
					margin-right: 7px;
					float: left;
				}
				.col-right .menu-subpages .title {
					margin: 8px 0;
					color: var(--dark-light);
					font-size: 1em;
					line-height: 1.5;
					transition: inherit;
				}


/* 15 = PUBLICATIONS */
.files-list-kiosque .kiosque-item::before {
	display: none;
}
.files-list-kiosque .img-responsive {
    height: auto;
    max-width: 100%;
}
.files-list-kiosque .kiosque-boby {
	padding: 10px 0;
	text-align: center;
}
	.files-list-kiosque .kiosque-title {
	    margin-bottom: 10px;
		color: var(--dark);
	    word-break: break-word;
	}
	.files-list-kiosque .kiosque-buttons .link {
	    display: block;
	    color: var(--dark-light);
	    font-size: .875em;
	    text-align: center;
	}
		.files-list-kiosque .kiosque-buttons .fa-light {
		    margin-right: 10px;
		    font-size: 18px;
		}


/* 16 = BREADCRUMBS */
.site-main .breadcrumb {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding: 10px 0;
	color: var(--grey-text);
	font-size: .875em;
	line-height: 1;
}
	.breadcrumb .item,
	.breadcrumb .link {
		font-weight: unset;		
	}
	.breadcrumb .link {
		padding: 8px 0;
		color: var(--dark);	    
		text-decoration: none;
	}
	.breadcrumb .link:is(:focus, :hover, :active) {
		color: var(--link);
		text-decoration: underline;
	}
	.breadcrumb .first {
	    transition: .3s ease;
	}
	.breadcrumb .first:is(:focus, :hover, :active) {
	    text-decoration: none;
	}
	.breadcrumb .item {
		padding: 8px 0;
	}
	.breadcrumb .separator {
		color: var(--dark);
		line-height: 1;
	}


/* 17 = OUTILS ET PARTAGE */
.site-tools-dropdown .btn-tools {
	height: 50px;
	padding: 0;
    font-size: .875em;
    color: var(--dark);
    box-shadow: none;
    text-decoration: none;
    transition: color .3s;
}
.site-tools-dropdown .btn-tools:is(:focus, :hover, :active) {
	color: var(--link);
}
	.site-tools-dropdown .btn-tools::after {
		display: none;
	}
	.site-tools-dropdown .btn-tools .fa-share-nodes {
		margin-left: 5px;
	}

	.site-tools .tools-share {
		color: var(--dark);
		transition: .3s ease;
	}
	.site-tools .tools-share:hover {
		/*background-color: var(--client);*/
		color: var(--link);
	}
.site-tools-dropdown .dropdown-tools {
	top: 0px !important;
	left: auto !important;
	right: -15px !important;
	border: 0;
	padding: 0 !important;
	min-width: inherit;
    box-shadow: 0 1rem 1rem rgb(0 0 0 / 15%);
	transform: translate(0px, 40px)!important;
}
	.site-tools-dropdown .dropdown-tools li::before {
		display: none;
	}
	.site-tools-dropdown .dropdown-tools .tools-share {
		text-decoration: none;
	}
	.site-tools-dropdown .dropdown-tools li:first-child .tools-share {
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	.site-tools-dropdown .dropdown-tools li:last-child .tools-share {
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}


/* 18 = FORMULAIRE */
.site-main .form-horizontal {
	margin: 0 auto;
	max-width: 770px;
}
	.form-horizontal .form-title {
		margin: 15px 0 10px;
		font-size: 1.55em;
	}
		.form-horizontal .btn-default {
			border: none;
		    border-radius: 25px;
		    margin: 70px auto 0;
		    padding: 0 30px;
		    height: 50px;
		    background-color: var(--dark);
		    color: #fff;
		    font-size: 1em;
		    text-decoration: none;
		    text-transform: none;
		    transition: .3s ease;
		}
		.form-horizontal .btn-default:is(:focus, :hover, :active) {
		    box-shadow: none;
		    background-color: #fff;
		    color: var(--dark);
		}
		.form-horizontal .input-group-addon {
			background-color: var(--secondary-pale);
			color: #000;
		}
		.form-horizontal .file-uploaded {
			display: flex;
			margin-top: 10px;
		}
			.form-horizontal .file-uploaded .file-remove {
				display: block;
				margin-left: 15px;
			}
			.form-horizontal .file-uploaded a {
				display: block;
				margin-right: 5px;
			}
				.form-horizontal .file-uploaded .file-remove label {
					margin-left: 5px;
				}
		.frame-type-artifica_form_pi1 .form-horizontal .btn-default {
			display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 20px;
		    border: 1px solid #ddd;
		    margin: 0 auto 60px;/* Margin-bottom pour "valider" popup partager à un ami */
		    padding: 0 15px;
		    height: 40px;
		    width: max-content;
		    background-color: #fff;
		    color: var(--client);
		    font-size: .938em;
		    box-shadow: none;
		    transition: all .3s;
		}
		.frame-type-artifica_form_pi1 .btn-default:is(:focus, :hover, :active) {
			border-color: var(--client);
			background-color: var(--client);
			color: #fff;
		}
		.frame-type-artifica_form_pi1 .btn-primary {
			border: none;
			background-color: var(--client);
			color: #fff;
		}
		.frame-type-artifica_form_pi1 .btn-primary:is(:focus, :hover, :active) {
			background-color: var(--grey-light);
			color: var(--client);
		}
/* Surcharge Bootstrap */
.invalid-feedback, 
.help-block.error {
	margin-bottom: 0;
}

/* Captcha */
.list-inline > li:not(:last-child) {
	margin-right: 10px;
}
	.captcha .serie .control-label {
		border: 2px dashed #ddd;
		border-radius: 0;
	    color: var(--dark);
	    font-size: 1.125rem;
	    line-height: 50px;
	}
	.captcha .serie input:is(:hover, :active, :focus) + .control-label {
	    border: 2px solid var(--main);
	}
	.captcha .serie input:checked ~ label {
		border-color: var(--main);
	}
.text-center .submit {
	margin: 0 auto;
}
/* Boutons formulaire emploi / récapitulation */
form:not(.form-horizontal) .text-center {
    display: flex;
    justify-content: center;
}
form:not(.form-horizontal) .dropdown-menu .text-center {/* Calendrier Datepicker */
	flex-direction: column;
}
	form:not(.form-horizontal) .text-center button[name="return"] {
	    border-radius: 20px;
	    height: 40px;
	    padding: 0 15px;
	    font-size: .938em;
	    font-weight: 700;
	}
	form:not(.form-horizontal) .text-center button[name="submit"] {
		margin: inherit;
	}
	form:not(.form-horizontal) .text-center button[name="return"],
	form:not(.form-horizontal) .text-center button[name="submit"] {
		margin: 0 10px;
	}

/* Loading */
.site-main .form-horizontal .loading {
    min-height: 100%;
    background-size: contain;
}
/* Boutons */
.site-main .form-horizontal .text-center .btn-default,
.site-main .form-horizontal .text-center .btn-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #ddd;
    margin: 0 10px 30px;
    padding: 0 15px;
    height: 40px;
    width: max-content;
    background-color: #fff;
    color: var(--client);
    font-size: .938em;
    box-shadow: none;
    transition: all .3s;
}
.site-main .form-horizontal .text-center .btn-default:is(:focus, :hover, :active) {
    border-color: var(--client);
    background-color: var(--client);
    color: #fff;
}
/* FranceConnect */
.form-connect.form-horizontal .btn-default {
    margin-top: 20px;
}


/* 19 = PAGINATION */
.site-main .pagination {
    margin: 0 0 40px;
}
	.pagination .btn-light,
	.pagination span.btn.btn-default.btn-grey.navDots {
		border: none;
		border-radius: 50%;
		margin: 5px !important;
		max-width: 40px;
		height: 40px;
		min-height: inherit;
		max-height: 40px;
		width: 40px;
		background-color: transparent;
    	color: var(--client);
    	font-size: .875em;
    	text-decoration: none;
	}
	.pagination .btn-light:is(:focus, :hover, :active),
	.pagination span.btn.btn-default.btn-grey.navDots:is(:focus, :hover, :active) {
		border: none;
		background-color: var(--client);
		color: #fff;
	}
	.pagination .btn-group .current {
		background-color: var(--client);
		color: #fff;
	}
	.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
	.btn-group>.cc-btn:not(:last-child):not(.dropdown-toggle),
	.btn-group>.btn-group:not(:last-child)>.btn,
	.btn-group>.btn-group:not(:last-child)>.cc-btn {
		border-top-right-radius: 50%;
    	border-bottom-right-radius: 50%;
	}
	.btn-group>.btn:nth-child(n+3),
	.btn-group>.cc-btn:nth-child(n+3),
	.btn-group>:not(.btn-check)+.btn,
	.btn-group>:not(.btn-check)+.cc-btn,
	.btn-group>.btn-group:not(:first-child)>.btn,
	.btn-group>.btn-group:not(:first-child)>.cc-btn {
	    border-top-left-radius: 50%;
	    border-bottom-left-radius: 50%;
	}

/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
/* Téléchargement de fichiers */
.files-list-default a,
.media-list-default a {
	display: flex;
    align-items: center;
	justify-content: space-between;
	border: none;
	border-bottom: 1px solid var(--grey-text);
	/*padding: 0 15px 0 30px;
    min-height: 60px;*/
    color: #000;
    text-decoration: none;
    transition: .3s ease;
}
.files-list-default li:first-child a,
.media-list-default li:first-child a {
    border-top: 0;
}
.files-list-default li:last-child a,
.media-list-default li:last-child a {
	border-bottom: 0;
}
.files-list-default a:is(:focus, :hover, :active),
.media-list-default a:is(:focus, :hover, :active) {
    
    color: var(--dark-pink);
}
	.files-list-default li + li,
	.media-list-default li + li {
		margin-top: 10px;
	}
	    .files-list-default .media-left,
	    .media-list-default .media-left {
	    	min-width: unset;
	    	width: unset;
	    }
	    	.files-list-default .extension,
	    	.media-list-default .extension {
	    		display: flex;
	    		align-items: center;
	    		color: var(--dark-light);
	    		font-size: .778em;
	    	}
	    	.files-list-default .fa-arrow-down-to-line,
	    	.media-list-default .fa-arrow-down-to-line {
	    		display: flex;
	    		align-items: center;
	    		justify-content: center;
	    		border-radius: 50%;
	    		margin-right: 20px;
	    		height: 40px;
	    		min-width: 40px;
	    		background-color: var(--secondary-pale);
	        	font-size: 18px;
	        	transition: all .3s;
	    	}	    	
			.files-list-default a:is(:focus, :hover, :active) .fa-arrow-down-to-line,
			.media-list-default a:is(:focus, :hover, :active) .fa-arrow-down-to-line {
				background-color: var(--secondary);
				color: #fff;
			}
	    .files-list-default .media-body,
	    .media-list-default .media-body {
	    	display: flex;
	    	justify-content: space-between;
	    	padding: 13px 0;
	    	width: 100%;
	    }
	    .rte-content .files-list-default .media-body,
	    .rte-content .media-list-default .media-body {
	    	flex-direction: column;
	    }
	    	.files-list-default .media-title,
	    	.media-list-default .media-title {
	    		line-height: 1;
	    		transition: .3s ease;
	    	}
	    	.files-list-default a:is(:focus, :hover, :active) .media-title,
			.media-list-default a:is(:focus, :hover, :active) .media-title,
	    	.files-list-default a:is(:focus, :hover, :active) .extension,
			.media-list-default a:is(:focus, :hover, :active) .extension {
				color: var(--client);
			}

/* Ressources - diaporama */
.blueimp-gallery-carousel .title::after {
	content: unset;
}
	.diaporama-controls .next {
		margin-left: 10px;
	}
	.diaporama-controls .prev {
		margin-right: 10px;
	}
.blueimp-gallery-controls .fullScreen,
.blueimp-gallery-controls .close {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

/* Ressources - galerie */
.files-list-gallery .gallery-link .img-fluid {
	transition: .6s ease;
}
.files-list-gallery .gallery-link:is(:focus, :hover, :active) .img-fluid {
	transform: scale(1.2);
}


/* 21 = MODALES */
#modalShareAgenda .modal-footer .btn-primary {
	text-decoration: none;
}
.modal-header .close {
	/*background-color: transparent; pas sur modale vidéo... */
	color: #000;
}
#modalVideo .modal-body {
	height: auto;
	padding: 0;
}
	#modalVideo .modal-body iframe {
		margin-bottom: -7px;/* ? Ne sais pas pourquoi... */
	}
#modalVideo .modal-header {
	border: 0;
	padding: 0;
}
	#modalVideo .h1.title {
		display: none;
		/*padding: 1rem;*/
	}

/* 25 = LEAFLET */
/* Page */
.site-main .annuaire-page {
	display: flex;
	flex-wrap: wrap;
}
	.annuaire-page .loading {
		margin: 0;
		height: unset;
		width: 100%;
	}
	.annuaire-page .textmedia {
		padding: 20px;
		width: 100%;
		background-color: #f3f3f3;
	}
		.bloc-directory .organizer-item {
			display: flex;
		}
			.bloc-directory .organizer-item a {
				text-decoration: none;
			}
			.bloc-directory .organizer-item a:is(:focus, :hover, :active) {
				text-decoration: underline;
			}
			.bloc-directory .organizer-item .fa-regular {
				margin: 3px 15px 0 0;
				color: var(--dark-pink);
			}

/* Colonne de droite */
.col-right .annuaire-col-right {
    background-color: #f3f3f3;
}
	.col-right .annuaire-col-right .embed-responsive-16by9 {
		margin-bottom: 0;
	}
	.col-right .annuaire-col-right .textmedia {
		padding: 30px 20px;
	}


/* 26 = MENUS */
/* plan du site */
.rte-content .frame-type-menu_sitemap a {
	background-color: #f5f5f5;
	color: var(--dark);
	text-transform: none;
}
/* Menu de section */
.page-body .frame-type-menu_section .frame-header {
	margin-bottom: 0;
}
	.page-body .frame-type-menu_section .frame-header .element-header {
		margin-bottom: 10px;
		color: var(--dark-light);
		font-size: .75em;
		line-height: 1.556;
		text-transform: uppercase;
	}
.site-main .menu-section:not(.list-unstyled) {
	padding-left: 0;
	font-size: 1em;
	line-height: 1.2;
	list-style: none;
}
	.menu-section .section-link {
		display: flex;
		padding: 10px 0;
		color: var(--dark);
		text-decoration: none;
		transition: .3s ease;
	}
	.menu-section .section-link::before {
		position: relative;
		top: 10px;
		content: "";
		display: inline-block;
		height: 1px;
		margin-right: 12px;
		min-width: 20px;
		background-color: var(--dark);
		transition: .3s ease;
	}
	.menu-section .section-link:is(:focus, :hover, :active) {
		color: var(--client);
	}
	.menu-section .section-link:is(:focus, :hover, :active)::before {
		min-width: 30px;
	}
		.section-link .menu-section-text {
			display: block;
		}

/* Col-right */
.col-right .menu-section .section-link {
	font-size: .778em;
}


/* 28 = COOKIE CONSENT */
.modal-cookie-consent {
	z-index: 20000;
}
.modal-cookie-consent-body {
	font-family: "Source Sans Pro","Roboto",sans-serif;
}
.modal-cookie-consent-body p a,
/*.modal-cookie-consent-content strong,*/
.modal-cookie-consent-header .modal-cookie-consent-title,
.atfc-cookie-consent-item .atfc-cookie-consent-choice-link,
.modal-cookie-consent-btn-continue-without-accepting,
.modal-cookie-consent-content .modal-cookie-consent-btn-params,
.modal-cookie-consent-infos .modal-cookie-consent-subtitle,
.modal-cookie-consent-body .atfc-cookie-consent-services {
	color: var(--secondary);
}
.modal-cookie-consent-header .modal-cookie-consent-logo {
	max-height: 60px;
	height: 60px;
	margin-bottom: 0;
}
.modal-cookie-consent-header .modal-cookie-consent-title {
	font-size: 18px;
}
.modal-cookie-consent-footer button {
    background-color: var(--secondary);
    color: #fff;
    font-weight: normal;
}
.modal-cookie-consent-part1 .modal-cookie-consent-header {
    padding: 20px;
}
	.modal-cookie-consent-logo img {
		height: auto;
		/*max-width: 100%;*/
	}


/* 29 = PRINT */
@media print {

	/* BREADCRUMB */
	.breadcrumb .separator {
		width: 1em;
	}
	.breadcrumb .d-md-none {
		display: inline-block!important;
	}

	/* DISPLAY : NONE */
	.footer-copyrights, .breadcrumb .first, .breadcrumb .fa-chevron-left, .embed-responsive.embed-responsive-16by9,
	.footer-address .logo-footer-link, .flash-info, .section-accesses, .last-update .rond, .site-main .pagination, .silder-before-after, .footer-address .link-page, .form-horizontal, .rte-content .single-news-previous {
		display: none!important;
	}
	.frame-encart-blue .frame-inner {
		padding: 0;
	}
	.frame .frame {
		padding: 0;
	}
		.recrute-single-blocs .recrute-single-blocs-items {
			width: 30%;
		}
	.site-footer .footer-top-body {
		padding: 0;
	}
		.footer-top .footer-address,
		.rte-content .col-right {
			margin-bottom: 0;
		}

	.page-header .container {
		padding-bottom: 0;
	}
	.accordion .accordion-title .accordion-title-link {
		margin-bottom: 15pt;
		padding: 0;
	}
	.accordion-collapse.collapse:not(.show), .accordion-collapse.show {
		display: block;
	}
	.accordion-content-right .accordion-content-item *:last-child, 
	.accordion-content-left .accordion-content-item *:last-child {
		margin-bottom: 10pt;
	}

	/* HEADER */
	.img-print {
		padding: 15px 15px 30px;
	}

	/* ACCUEIL */


	/* FOOTER */

	/* ACTUALITE */
	/* liste */

	/* single */

	/* AGENDA */
	/* liste */

	/* single */

	/* Galerie d'images */
	.gallery-list .gallery-item {
		width: 20%;
	}
	/* Page 1 colonne */
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .frame-container-default {
		max-width: inherit;
	}
	.rte-content .col-lg-8.offset-lg-2 {
		margin: 0;
		width: 100%;
	}

	/* Accordéons */
	.collapse:not(.show) {
		display: block;
	}

	/* KIOSQUE */


	/* SOMMAIRE */

	/* MAP */
	.map-info, .geoMap {
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.map-info {
		border: 0;
		page-break-inside: avoid;
		break-inside: avoid;
	}
		.embed-responsive .embed-responsive-item {
			position: relative!important;
		}
		.map-info .map-info-items {
			display: block;
			padding: 10px 0;
		}
		.leaflet-touch .leaflet-bar {/* + / - */
			display: none;
		}

}


/* RESPONSIVE ********************************************************************************************* */


@media screen and (min-width: 576px) {/* MOBILE - Moyens  ************************************************ */

/* 04 = HEADER */
	/* Flash info */
	.flash-info-inscription .col-12 {
		flex-direction: row;
		flex-wrap: nowrap;
		padding: 0 15px;
	}
		.flash-info-inscription .title {
			margin-right: auto;
			width: fit-content;
		}
		.flash-info-inscription .btn-insciption {
			margin-left: auto;
		}
		.flash-info-inscription .btn-close {
			position: static;
			right: -2%;
		}
	/* LOGO */
	.site-header .logo {
		/*margin: 0;*/
	}

/* 06 = ACCUEIL */

/* 07 = PAGE INTERNE */
	/* Contenu Bootstrap */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-sm);
	}
	/* Groupe de carte */
	/* Étapes */
	.projet_etapes .step {
		padding: 1em 1em 1em 200px;
	}
		.step .step-title {
			width: 170px;
		}
	/* Bloc chiffres vide */
	.icongroup.frame-background-white .icongroup-item {
		width: 50%;
	}
	/* Compte citoyen */
	.extension-compte .display-flex {
		flex-direction: row;
	}
		.display-flex .item-flex {
			width: 45%;
		}
			.display-flex .franceconnect {
				padding-left:15px;
			}
			.display-flex .identification {
				padding-right: 15px;
			}
		    .display-flex .or {
		    	width: 10%;
		    }
		        .display-flex .or::before {background-color:#ccc; bottom:0; content:''; position:absolute; top:0; width:1px;}
		        .ie .display-flex .or::before {left:50%;}
		        .display-flex .or .text {background-color:#fff; display:block; position:relative;}
	/* Bloc contact (élément annuaire) */
	.page1colonne .directory-list, 
	.col-left .directory-list {
		flex-direction: row;
	}
		.page1colonne .directory-list .embed-responsive-16by9,
		.col-left .directory-list .embed-responsive-16by9 {
			order: 2;
			height: inherit;
		    width: 50%;
		}
		.page1colonne .directory-list .directory-caption,
		.col-left .directory-list .directory-caption {
			order: 1;
		    width: 50%;
		}

/* 08 = ACTUALITÉS */
	/* La ville recrute */
	.single-news .recrute-single-flex {
		flex-direction: row;
	}
	/* Blocs gris */
	.single-news .recrute-single-blocs {
		gap: 30px;
	}
		.recrute-single-blocs .recrute-single-blocs-items {
			width: calc(33.3333334% - 20px);
		}
/* 09 = AGENDA */
	/* Filtres */
	/* Calendrier */
	.calendar .dropdown-menu {
		min-width: 410px;/* 3 boutons ! */
	}
		.calendar .thosedates {
			flex-direction: row;
		}
	/* Items */
	/* À la une */
	.home-events-item .picture .alaune {
		left: 20px;
		top: 20px;
	}

/* 10 = ANNUAIRE */
	/* liste */
	.directories-list .list-item-directories::before {
		border-width: 0px 30px 30px 0px;
	}
	/* Bloc Annonce */
	.col-left .frame-recrute .directory-list .directory-caption {
		width: auto;
	}

}


@media screen and (min-width: 768px) {/* MOBILE - Grands  ************************************************ */

/* 02 = STYLES GLOBAUX = client.css */
	.category {
		font-size: 1em;
	}

/* 04 = HEADER */
	/* Flash info */
	.flash-info .title {
		font-size: 1.25em;
	}
	.flash-info-inscription .horloge {
		font-size: 1.875em;
	}
		.flash-info-inscription .horloge .time {
			margin: 0 15px 20px;
			width: 40px;
		}

/* 05 = FOOTER */

/* 06 = ACCUEIL */
	/* Header */
	.home .home-header {
		flex-direction: row;
		min-height: 650px;
	}
		.home-header .home-img {
			height: 220px;
		}
		.home-header .home-header-text {
			text-align: left;
		}			
			.home-header-text .home-header-date {
				font-size: 1.5em;
			}
			.home-header-text .home-header-title {
				font-size: 3em;
			}
			.home-header-text .home-header-bodytext {
				font-size: 1.375em;
			}
			.home-header-text .btn-home-header {
				margin-left: 0;
			}
	/* Texte libre + image */
	.home-content .picture {
	    margin-right: 30px;
	    width: 335px;
	    float: left;
	}
	.home-content .home-content-title {
		font-size: 2.25em;
	}
	/* Style récurent sur les blocs d'accueil */
	.section-home .home-item-title {
		font-size: 1.5em;
	}
	/* Plan interactif */
	.home-map .embed-responsive {
		max-height: 360px;
	}

/* 07 = PAGE INTERNE */
	/* Page header */
	.page-header .page-title,
	.rte-content .page-title {
		font-size: 3em;
	}
	/* Contenu Bootstrap */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-md);
	}
	/* RTE */
	/* Groupe de carte */
	.timeline-item-caption .timeline-item-date {
		position: absolute;
	}
	.timeline-item:nth-child(even) .timeline-item-date {
		left: auto;
		right: calc(100% + 15px);
		text-align: right;
	}
	/* Chiffres */
	/* Bloc chiffres bleu */
	.container .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
		padding: 25px 15px;
	}
	/* Bloc chiffres vide */
	.container .frame-type-card_group:not(.frame-layout-embedded) .frame-background-white {
		padding: 45px 0;
	}

/* 08 = ACTUALITES */
	.card-body .news-txt {
		/*font-size: 1em;*/
	}


/* 09 = AGENDA */
	/* Fiche */

/* 10 = ANNUAIRE */
	/* Liste */
	.directories-list .filters-results {
		gap: 30px;
	}
		.directories-list .link {
			flex-direction: row;
			padding: 30px;
			gap: 15px;
		}
		.directories-list .link::after {
			height: 50px;
			width: 50px;
		}
			.directories-list .item-directories-img {
				margin-bottom: 0;
				width: 100px;
			}
			.directories-list .item-directories-img + .item-directories-caption {
				width: calc(100% - 115px);
				min-width: inherit;
			}
				.item-directories-caption .title {
					font-size: 1.375em;
				}
	/* single */
	.directories-single .rte-content {
		align-items: flex-start;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
		.directories-single-text .directories-single-item {
			flex-direction: row;
		}
			.directories-single-item .title {
				min-width: 200px;
				max-width: calc(50% - 15px);
			}
			.directories-single-item .value {
				padding-left: 15px;
			}

/* 25 = LEAFLET */
/* Page */
	.annuaire-page .loading {
		width: calc(200% / 3);
	}
	.annuaire-page .textmedia {
		width: calc(100% / 3);
	}
		.annuaire-page .textmedia {
			padding: 40px 30px;
		}

/* 26 = MENUS */
	/* Menu de section */
	.rte-content .frame-type-menu_section ol:not(.list-unstyled) {
		columns: 2;
	}

/* 28 = COOKIE CONSENT */
	.modal-cookie-consent-header .modal-cookie-consent-logo {
		max-height: 100px;
		height: 100px;
	}
	.modal-cookie-consent-header .modal-cookie-consent-title {
		margin-top: 0;
		font-size: 24px;
	}

}


@media screen and (min-width: 992px) {/* TABLETTES  ************************************************ */

/* 02 = STYLES GLOBAUX = client.css */
	.category {
		font-size: .875em;
	}

/* 03 = STRUCTURE */


/* 04 = HEADER */
	/* Flash Info */
	.section-flash-info .container {
		max-width: 960px;
	}
		.flash-info-inscription .btn-close {
			right: 0;
		}
	.site-header .container {
		height: 100px;
	}
		.navbar-brand-image .img-fluid {
		    max-width: 126px;
		}
		/* MENU CLASSIQUE BOOTSTRAP 2 NIVEAUX + ACCESSIBILITÉ */
		.site-header .main-navigation {
			flex-direction: row;
			padding-bottom: 10px;
			height: 50%;
		}
		/* 1er niveau */
		.header-menu .navbar-collapse {
			position: static;
			height: 100%;
			background-color: transparent;
		}
			.header-menu .navigation {
				flex-direction: row;
				gap: 50px;
			}			
				.navbar-mainnavigation.navbar-default a:not(.active), 
				.navbar-mainnavigation.navbar-default-transition a:not(.active), 
				.navbar-mainnavigation.navbar-default-transition.navbar-transition a:not(.active) {
					border-bottom: 0;
				}
					.header-menu .list-group-item {
						border: 0;
						background-color: transparent;					
					}
					.header-menu .list-group-item:first-child {
						border: 0;
						padding-left: 0;
					}
						.header-menu .list-group-item {
							position: static;
						}
							.site-header .header-menu .list-group-item .link {								
								margin: 0 10px;
								padding: 0;
								color: #fff;
							}
							.site-header .header-menu .navigation :is(.active,.current) .link,
							.header-menu .list-group-item a.link:is(:focus, :hover, :active) {
								color: var(--fourth);
							}

		/* 2ème niveau */
		/*.header-menu .dropdown-menu {
			position: absolute !important;
			top: 150px !important;
			right: 0;
			left: 0;
			border-bottom: 100vh solid rgba(0, 0, 0, .5);
			padding: 0;
			width: 100vw;
			background-color: var(--palegreen);
		}
			.header-menu .dropdown-menu .menu-level2 {
				display: flex;
				flex-wrap: wrap;
				margin: 0 auto;
				max-width: 960px;
			}
				.menu-level2 .list {
					display: flex;
					width: calc(100% / 3);
				}
				.menu-level2 .list:nth-child(3n+1) {
					padding-right: 15px;
				}
				.menu-level2 .list:nth-child(3n+2) {
					padding: 0 15px;
				}
				.menu-level2 .list:nth-child(3n+3) {
					padding-left: 15px;
				}
					.site-header .menu-level2 .list a.link {
						justify-content: flex-start;
						border: none;
						padding: 10px;
						min-height: 50px;
						width: 100%;
						font-size: 1.125em;
						transition: .3s ease;
					}
					.site-header .menu-level2 .list a.link::before,
					.site-header .menu-level2 .list a.link::after {
						content: unset;
					}
					.site-header .menu-level2 .list a.link:is(:focus, :hover, :active) {						
						text-decoration: underline;
					}*/


	/* Page-header */
	.page-header .container {
		padding: 50px 0;
	}
		.header-right .page-title {
			font-size: 3.5em;
		}
		.header-right .lead {
			font-size: 1.5em;
		}

/* 05 = FOOTER */
	/* Footer top */
	.site-footer .footer-top-body {
		flex-direction: row;
		padding: 70px 0;
	}
		/* Logo */
		.footer-top .footer-logo {
			margin-bottom: 0;
			width: 33.3333334%;
		}
		/* Adresse */
		.footer-top .footer-address,
		.footer-top .footer-sites {
			margin-bottom: 0;
			text-align: left;
		}
		/* Newsletter/Appli */
		.footer-top .footer-newsletter {
			width: 25%;
		}
	/* Copyrights */
	.site-footer .footer-bottom {
		position: relative;
		padding: 30px 0;
	}
		.list-copyrights .site-languages .sites-link {
			position: absolute;
			left: calc(50% - (960px / 2));
			top: calc(50% - 5px);
		}

/* 06 = ACCUEIL */
	/* Header */
	.home .home-header {
		gap: 100px;
	}
	/* Texte libre + image */
	.home .home-content {
	    padding-block: 70px;
	}
		.home-content .picture {
		    margin-right: 70px;
		    width: 570px;
		    aspect-ratio: 570 / 380;
		}

	/* Style récurent sur les blocs d'accueil */
	.section-home .section-home-title {
		margin-bottom: 30px;
		font-size: 1.875em;
	}
	/* Actualités */
	.home-news-list .home-news-figure {
		margin-bottom: 20px;
	}
	.home-news-list .home-news-caption {
		padding-bottom: 60px;
	}
		.home-news-list .news-item-abstract {
			font-size: 1em;	
			line-height: 1.5;		
		}
	/* Plan interactif */
	.home-map .embed-responsive {
		max-height: 500px;
	}
	/* À découvrir */
	.home-mediatheque .home-mediatheque-list {
		grid-template-columns: 46% calc(27% - 15px) calc(27% - 15px);
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}
		.home-mediatheque .mediatheque-item-1 {
			grid-area: 1 / 1 / 3 / 2;
		}
		.home-mediatheque .mediatheque-item-2 {
			grid-area: 1 / 2 / 3 / 3;
		}
		.home-mediatheque .mediatheque-item-3 {
			grid-area: 1 / 3 / 2 / 4;
		}
		.home-mediatheque .mediatheque-item-4 {
			grid-area: 2 / 3 / 3 / 4;
		}
			.home-mediatheque .picture {
			    height: 100%;
			    width: 100%;
			}
				.home-mediatheque .img-responsive {
					height: 100%;
					width: 100%;
					object-fit: cover;
					transition: transform .3s;
				}
				.home-mediatheque .home-mediatheque-item:is(:focus, :hover, :active) .img-responsive {
					transform: scale(1.1);
				}

/* 07 = PAGE INTERNE */
	/* Page header */
	.site-main .page-header {
		padding-top: 100px;
	}
		.page-header .page-title {
			font-size: 3.5em;
		}
		.page-header .subtitle {
			font-size: 1.5em;
		}
	/* Page 2 colonnes */
	.page2colonnes .page-body > .row {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
		.page2colonnes .page-body .col-left,
		.search-result .col-left {
			width: calc(100% - 280px);
		}
		.page2colonnes .page-body .col-right,
		.search-result .col-right {
			width: 250px;
		}
	/* Contenu Bootstrap */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-lg);
	}
	/* RTE */
	.rte-content .lead {
		font-size: 1.375em;
		line-height: 1.636;
	}
	.rte-content h2,
	.rte-content .h2 {
		margin-bottom: 30px;
		font-size: 2.875em;
	}
	.rte-content h3,
	.rte-content .h3 {
		font-size: 2em;
		line-height: 1.125;
	}
	/*.rte-content h3,
	.rte-content .h3 {
		font-size: 1.875em;
		line-height: 1.333;
	}*/
	.rte-content h4,
	.rte-content .h4 {
		margin-bottom: 30px;
		font-size: 1.5em;
		line-height: 1.25;
	}
	.rte-content h5,
	.rte-content .h5 {
		margin-bottom: 30px;
	}
	.rte-content blockquote p {
		font-size: 1.25em;
		line-height: 1.5;
	}

	.files-list .files-item .link {
		padding: 30px;
	}
		.files-list .files-item .fa-file-download {
            margin-right: 30px;
            font-size: 48px;
        }
	/* Avant / après */
	/* Bouton */
	.silder-before-after-container .slider-button {
	    position: absolute;
	    left: calc(50% - 20px);
	    top: calc(50% - 20px);
	}	
	/* Groupe de carte */
	/* Timeline */
	/*.timeline-item-inner {
		display: flex;
	}
		.timeline-item-inner .timeline-item-image {
		    margin: -1.5rem .5em -1.5rem -1.5rem;
		    width: calc(50% - .5em + 1.5rem);
		}
		.timeline-item-inner .timeline-item-caption {
		}
		.timeline-item-inner .timeline-item-image + .timeline-item-marker + .timeline-item-caption {
		    margin: -1.5rem -1.5rem -1.5rem .5em;
			padding: 15px;
			width: calc(50% - .5em + 1.5rem);
		}
		.timeline-item:nth-child(even) .timeline-item-image {
			order: 2;
		    margin: -1.5rem -1.5rem -1.5rem .5em;
		}
		.timeline-item:nth-child(even) .timeline-item-image + .timeline-item-marker + .timeline-item-caption {
		    margin: -1.5rem .5em -1.5rem -1.5rem;
		    text-align: right;
		}*/		
	/* Blocs chiffres dans colonne de droite ! */
	.container .col-right .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
		padding: 45px 0;
	}
		.col-right .icongroup-columns-2 .icongroup-item,
		.col-right .icongroup.frame-background-white .icongroup-item {
			align-items: center;
			flex-direction: column;
			text-align: center;
			width: 100%;
		}
			.col-right .icongroup-item .icongroup-item-icon {
				margin: 0 0 20px;
			}

/* 08 = ACTUALITÉS */
	/* Liste page */
	.news-list-page .page-news-btn {
		top: -90px;
	}
	/* Filtres */
	.rte-content .news-filters .news-categories {/* Surcharge filtres agenda */
		margin: 0;
		padding: 0;
		width: 100%;
	}
		.news-categories .news-categories-list {
			flex-wrap: wrap;
			margin-bottom: 40px;
		}
			.rte-content .news-categories-list li::before {
				display: none;
			}
			.news-categories-list .news-categories-link {
				border: 1px solid #ddd;
				border-radius: 20px;
				height: 40px;
				margin-right: 10px;
				padding: 0 20px;
				color: #333;
				font-size: .875em;
				text-decoration: none;
				transition: all .3s;
			}
			.selected .news-categories-link {
				border-color: var(--grey-text);
				background-color: var(--grey-text);
			}
			.news-categories-list .news-categories-link:is(:focus,:hover,:active) {
				border-color: var(--client);
				background-color: transparent;
				color: var(--client);
			}
	/* Single */
	/* Header */
	.layout-single .site-main .page-header {
		height: auto;
		max-height: inherit;
	}
		.layout-single .header-single-padding {
			height: 100px;
		}


/* 09 = AGENDA */
	/* Liste */
	/* PageHeader */
	.extension-agenda .site-main .page-header-events,
	.extension-actualites .site-main .page-header-events {
		margin-bottom: 60px;
	}
	/* Titre */
	.page-header-events .header-right {
		padding: 140px 15px;
	}
    /* Filtres */
    .filters .form-group {
        margin: 0 20px 10px 0;
        width: 270px;
    }
	/* Emplois */
	.recrute-filters .form-group.submit {
		margin: 0 20px 10px 0;
	}
    /* Switch */
    .filters .form-group.switch {
    	width: fit-content;
    }
    /* Calendrier */
	.calendar .dropdown-menu {
		left: -1px !important;
	}
	/* Submit */
	.filters .form-group.submit {
		width: max-content;
	}
    	.filters .form-group input[type="text"] {
    		max-width: 310px;
    	}
	/* Liste */
	.events-list .card-group-element {
		justify-content: flex-start;
		padding-bottom: 58px;
	}
	/* Single */
	.practical-info .addEvents {
		margin-bottom: 0;
	}
	.practical-info .embed-responsive {
		max-height: 460px;
	}

/* 10 = ANNUAIRE */
	/* Liste */
	.directories-list .list-item-directories-frame {
		margin-bottom: 30px;
		width: calc(50% - 15px);
	}
	.directories-list .list-item-directories-frame:first-child {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.directories-list .list-item-directories-frame:nth-child(odd) {
		margin-left: 30px;
	}
		.directories-list .list-item-directories {
			width: calc(50% - 15px);
		}

	/* Single */
	.site-main .directories-single {
		flex-direction: row-reverse;
	}
	.directories-single-text .directories-single-item {
		padding: 20px 10px;
	}

	/* Liste élus */
	.elected-list .list-item-directories.adjoints {
		width: calc(50% - 25px);
	}
	.elected-list .list-item-directories.conseillers {
		width: calc(33.3333334% - calc(100px / 3));
	}

/* 11 = RECHERCHE */
	/*.page-body .search-result {
		display: flex;
	    flex-wrap: nowrap;
	    justify-content: space-between;
	}
		.search-filters .link {
			font-size: .875em;
		}*/

/* 12 = MEDIATHEQUE */
	/* Le Festival - Galerie */
	.festival-list .home-news-item .home-news-figure {
		margin-bottom: 0;
	}

/* 14 = SOMMAIRE */
	.pagesummary article.rte-content {
		padding-bottom: 58px;
	}

	/* Colonne de droite */
	.col-right .frame-type-menu_section {
		/*display: block;*/
	}

/* 18 = FORMULAIRE */
	.form-horizontal .form-title {
		font-size: 1.875em;
	}

}


@media screen and (min-width: 1200px) {/* DESKTOP - Grands  ************************************************ */

/* 04 = HEADER */

/* 05 = FOOTER */
	/* Copyrights */
	.list-copyrights .site-languages .sites-link {
		left: calc(50% - (1200px / 2));
	}

/* 06 = ACCUEIL */
	/* Header */
	.home .home-header {
		gap: 200px;
	}

/* 07 = PAGE INTERNE */
	/* Page 2 colonnes */
	.page2colonnes .page-body .col-left,
	.search-result .col-left {
		width: calc(100% - 480px);
	}
	.page2colonnes .page-body .col-right,
	.search-result .col-right {
		width: 400px;
	}
	/* Chiffres */
	/* Bloc chiffres vide */
	.icongroup.frame-background-white .icongroup-item {
	    width: 25%;
	}
		.frame-type-icon_group.frame-background-none .icongroup {
			flex-wrap: nowrap;
		}

/* 09 = AGENDA */
	/* Filtres */
	.arretes .site-main .filters .row {
		gap: 20px;
	}
		.arretes .site-main .filters .form-group {
			margin: 0;
		}
			.arretes .site-main .filters .form-group {
				width: calc(33.3333334% - (40px / 3));
			}
			.arretes .site-main .filters .date,
			.arretes .site-main .filters .filters-sort {
				width: calc(33.3333334% - ((170px + 80px) / 3));
			}
			.arretes .site-main .filters .form-group.submit {
				width: max-content;
			}

/* 10 = ANNUAIRE */
	/* Liste */
	.directories-list .list-item-directories {
		width: calc(33.3333334% - 20px);
	}

}


@media screen and (min-width: 1400px) {/* DESKTOP - Grands  ************************************************ */

/* 01 = RESET */
	.container,
	.frame-container-default {
		max-width: 1440px;
	}

/* 05 = FOOTER */
	/* Copyrights */
	.list-copyrights .site-languages .sites-link {
		left: calc(50% - (1440px / 2));
	}

}


@media screen and (max-width: 991px) {/* Surcharge Bootstrap */

/* 04 = HEADER */
	/* Site-header */
	/* Partie droite */
	/* Liens réseaux */
	.navbar-mainnavigation.navbar-default-transition .net-link:not(.active) {
		color: var(--client);
	}

}