/* CSS du site de la ville de Buc */

/******** 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 & VOLET LATÉRAL
/* 22 = LOGIN
/* 23 = PROFILS
/* 24 = MÉTÉO
/* 25 = LEAFLET
/* 26 = MENUS
/* 27 = FAQ
/* 28 = COOKIE CONSENT
/* 29 = PRINT
/* 30 = RENDEZ-VOUS
/*
/* RESPONSIVE
/*
/******************************/


:root {/* À mettre en premier dans les CSS ! */
	--main: #397f8d;
		--main-a11y: #064c5a;/* Accessible sur fond --secondary */
		--main-a11y: #175d6b;
	--secondary: #dbeaee;
	--third: #d4403e/*#fe5f55*/;/* Accessible 03/12/2025 */
		--third-a11y: #d4403e/*#A90A00*/;
	--noir: #1e1b18;

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

	/* Ombres récurrentes */
	--ombre: 0 0 15px rgb(0 0 0 / 15%);

	/* Couleur pour tous les éléments de formulaire */
	accent-color: #f04e5e;
}


/* 00 = FONTS */

	@font-face {
	    font-family: 'Poppins_Regular';
	    src: url('../Fonts/Poppins-regular.woff2') format('woff2'),
	         url('../Fonts/Poppins-regular.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Poppins_SemiBold';
	    src: url('../Fonts/Poppins-semibold.woff2') format('woff2'),
	         url('../Fonts/Poppins-semibold.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Poppins_Bold';
	    src: url('../Fonts/Poppins-bold.woff2') format('woff2'),
	         url('../Fonts/Poppins-bold.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Poppins_Black';
	    src: url('../Fonts/Poppins-black.woff2') format('woff2'),
	         url('../Fonts/Poppins-black.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}

	body,
	.breadcrumb .item,
	.site-header .menu-level2 .list a.link,
	.events-dates .hour,
	.calendar-render .ui-datepicker,
	.criteria-total .totalresults {
		font-family: 'Poppins_Regular', sans-serif;
	}
	.rte-content h3,
	.rte-content .h3,
	.form-horizontal .form-title /* Les titres de formulaires ont le même design que les h3 */,
	.btn-primary,
	.btn-secondary,
	.btn-info,
	.btn-default,
	.page-header .lead,
	.footer-bottom .element-header,
	.footer-bottom .link-page,
	.section-quick-access .quick-access-item-title,
	.menu-subpages .link,
	.filters .form-group,
	.files-list-default .media-title,
	.media-list-default .media-title,
	.section-in-town .in-town-right .link::after,
	.rte-content .accordion-header .accordion-button,
	.rte-content .accordion-header .accordion-button:not(.collapsed),
	.form-horizontal .btn-default,
	.footer-top .element-header,
	.section-home-gallery .overlay .doktype,
	.rte-content .frame-btn-link .link-page,
	.col-right .menu-subpages .title {
		font-family: 'Poppins_SemiBold', sans-serif;
		font-weight: 400;
	}
	.rte-content h2,
	.rte-content .h2,
	.rte-content h4,
	.rte-content .h4,
	.rte-content h5,
	.rte-content .h5,
	.rte-content strong,
	table thead,
	.header-menu .list-group-item .link,
	.my-space .link,
	.footer-address .link-phone,
	.footer-bottom .contact-buttons .link,
	.footer-bottom .network-buttons .title,
	.menu-subpages .title,
	.page-header .page-title,
	.navbar-toggler.collapsed .navbar-toggler-icon,
	.home-events-list .date .day-number,
	.home-events-list .date-regular .time .month,
	.home-news-list .card-body .card-title,
	.news-item .card-title,
	.home-events-item .card-title,
	.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,
	.practical-info-cancelled .practical-cancelled,
	.calendar .ui-datepicker th,
	.kiosque-item .kiosque-title,
	.in-town-links .link,
	.section-home-gallery .overlay .title,
	.menu-section .section-link:is(:focus, :hover, :active),
	.events-dates .date,
	.calendar .ui-state-active,
	.ui-datepicker .ui-datepicker-title,
	.single-agenda-map .map-info-title,
	.site-footer .footer-liens-utiles .link,
	.card-category,
	.category,
	.section-home-breves .breves-title,
	.section-home-breves .link,
	.rte-content .lead,
	.rte-content blockquote,
	.navbar-body_header-title {
		font-family: 'Poppins_Bold', sans-serif;
		font-weight: 400;
	}
	.site-footer .textmedia h3 {
		font-family: 'Poppins_Black', sans-serif;
		font-weight: 400;
	}
	.footer-liens-utiles .element-header .title,
	.section-home div.title,
	.page-header .pageSubTitle,
	.rte-content .frame-encart .textmedia::after,
	.single-events .practical-info::after,
	.rte-content .col-right h2,
	.rte-content .col-right h3,
	.rte-content .col-right h4,
	.rte-content .col-right h5,
	.rte-content .col-right .element-header,
	.layout-single .page-header .category {
		font-family: 'marydale', sans-serif;
		font-weight: 400;
	}
	.site-main .section-quick-access::before,
	.carousel-control-prev-icon::before,
	.carousel-control-next-icon::before,
	.date-start::after,
	.menu-subpages .link::after,
	.filters .form-control::after,
	.btn-plus::before,
	.rte-content .accordion-header .accordion-button::after,
	.directories-list .design-select::after,
	.directories-list .link::after,
	.footer-address .link-phone::before,
	.rte-content .frame-encart .textmedia::before,
	.rte-content .frame-encart a::after,
	.single-events .practical-info::before,
	.col-right .menu-subpages .link::before,
	.owl-carousel .owl-nav button::before,
	.site-header .menu-level2 .list a.link::before,
	.flash-info a[target="_blank"] p::after {
		font-family: "Font Awesome 6 Pro";
	}


/* 02 = STYLES GLOBAUX = client.css */
#wrap {

}
	body {
		font-size: 16px;
		color: #000;
	}
	a {
		color: var(--main);
		text-decoration: none;
	}
	a:is(:focus,:hover,:active) {
	    color: var(--main);
	    text-decoration: underline;
	}
	.rte-content a,
	.rte-content .frame a[class=""],
	.rte-content .frame a:not([class]) {
		display: inline;
		border-bottom: 1px dashed transparent;
		color: var(--main);
		text-decoration: none;
	}
	.rte-content a:is(:focus,:hover,:active),
	.rte-content .frame a[class=""]:is(:focus,:hover,:active),
	.rte-content .frame a:not([class]):is(:focus,:hover,:active) {
		border-color: var(--main);
	}
	.link-page::after {
		content: unset;
	}
	.btn-primary,
	.btn-secondary,
	.btn-info {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border: none;
		border-radius: 20px;
		height: 40px;
		padding: 0 15px;
		width: max-content;
		background-color: var(--secondary);
		color: #000;
		font-size: .875em;
		line-height: 1;
		text-transform: uppercase;
		transition: all .3s;
	}
	.btn-primary:is(:focus, :hover, :active) {
		background-color: var(--third);
		color: #fff;
	    box-shadow: none;
	}
	.btn-info {
	    border-color: #fff;
		background-color: #fff;
		color: var(--noir);
	}
	.btn-info:is(:focus, :hover, :active) {
	    border-color: var(--noir);
		background-color: var(--noir);
		color: #fff;
	    box-shadow: none;
	}
	.btn-secondary,
	.btn-secondary:disabled,
	.btn-secondary.disabled {
	    border-color: #737373;
		background-color: #737373;
		color: #fff;
	}
	.btn-secondary:is(:focus, :hover, :active) {
	    border-color: #737373;
		background-color: #fff;
		color: #737373;
	}
	.btn-plus {
		border: none;
		border-radius: 25px;
		padding: 0 30px;
		height: 50px;
		background-color: var(--main);
		color: #fff;
		font-size: 1.125em;
		text-transform: uppercase;
		transition: .3s ease;
	}
	.btn-plus:is(:focus, :hover, :active) {
		background-color: var(--third);
	}
	.card-category,
	.category {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 5px;
		height: 20px;
		width: max-content;
		color: var(--main);
		font-size: 1em;
		text-transform: uppercase;
		transition: .3s ease;
	}
	.rte-content p.category {
		margin-bottom: 0;
	}
	.no-pix {
	    display: flex;
	    align-items: center;
	    justify-content: center;
		width: 100%;
	    height: 100%;
	    background-color: var(--secondary);
	    color: var(--main);
	    font-size: 70px;
	    transition: .3s ease;
	}
	a:is(:focus, :hover, :active) .no-pix {
		transform: scale(1.2);
	}
	.rte-content h2::after,
	.rte-content .h2::after {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		height: 6px;
		width: 40px;
		background-color: var(--third);
	}
	.rte-content .sr-only h2::after,
	.rte-content h2.sr-only::after {
		content: unset;
	}
/* Surcharge BP */
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
	padding-inline: 15px;
}
.form-check-input:focus-visible, 
.form-select:focus-visible, 
.form-control:focus-visible, 
.form-group input[type="file"]:focus-visible, 
.frame-type-felogin_login input[type="text"]:focus-visible, 
.frame-type-felogin_login input[type="password"]:focus-visible {
	outline: 2px solid #000;
}


/* 03 = STRUCTURE */

	.site-main {
		padding: 0;
	}


/* 04 = HEADER */

	/* Site-header */
	.site-header {
		position: absolute;
		right: 0;
		left: 0;
		z-index: 10;
	}
		.site-header .navbar-body {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 100px;/*Pour la transition de hauteur */
			padding: 0;
			background-color: var(--secondary);
			transition: height .3s;
		}
			.site-header .white-circle {
				display: flex;
				align-items: center;
			}

		/* LOGO */
		.site-header .logo {
			height: 80px;
			margin: 0 0 0 15px;
			width: auto;
		}

		/* 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 {
				justify-content: flex-end;
				padding: 0 40px;
				height: 40px;
				background-color: #222;
				color: #fff;
			}
				.site-header .second-navigation .container {
					padding: 0 15px;
					height: 100%;
				}
					.site-header .second-navigation .row {
						height: 100%;
						width: 100%;
					}
							.second-navigation .header-link {
								display: flex;
								align-items: center;
								justify-content: flex-end;
								height: 100%;
							}
								.header-link .contact {
									margin: 0 10px;
								}
									.site-header .header-link .contact a.link {
										color: #fff;
										font-size: .875em;
										text-decoration: none;
									}
										.site-header .header-link .contact a.link:is(:focus, :hover, :active) .txt {
											text-decoration: underline;
										}
										.site-header .header-link .contact .fa-light {
											margin-right: 2px;
										}
					.header-link .network {
						margin: 0 5px;
					}
					.header-link .network:last-child {
						margin-right: 0;
					}
						.header-link .network .link{
							display: flex;
							align-items: center;
							justify-content: center;
							height: 40px;
							width: 30px;
							color: #fff;
							font-size: 1.125em;
							transition: .3s ease;
						}
						.header-link .network .link:is(:focus, :hover, :active) {
							transform: translateY(-5px);
						}
							.header-link .network .link .icon {
								height: 40%;
							}
							.header-link .network .link::after {
								display: none;
							}

				/* Hamburger */
				.site-header .main-navigation {
					display: flex;
					flex-direction: row-reverse;
				}
						.header-menu .navbar-toggler {
							margin: 0 15px 0 20px;
							height: 50px;
							width: 50px;
						}
						.header-menu .navbar-toggler:focus {
							box-shadow: none;
						}
							.navbar-toggler.collapsed .navbar-toggler-icon {
								display: flex;
								justify-content: center;
								height: auto;
								background-color: transparent;
								color: #000;
								font-size: 16px;
								text-transform: uppercase;
							}

							/* états hover pour tous les cas */
							.navbar-light .navbar-toggler-icon,
							.navbar-default .navbar-toggler-icon,
							.navbar-default-transition .navbar-toggler-icon,
							.navbar-default-transition.navbar-transition .navbar-toggler-icon,
							.navbar-toggler-icon {
								font-size: 0;
							}
							.navbar-toggler.collapsed .navbar-toggler-icon:before,
							.navbar-toggler.collapsed .navbar-toggler-icon:after,
							/* états hover pour tous les cas */
							.navbar-toggler-icon:after,
							.navbar-toggler-icon:before {
								background-color: #000;
							}
							.navbar-toggler-icon:before,
							.navbar-toggler-icon:after {
								border-radius: 5px;
								left: -14px;
								height: 4px;
								width: 50px;
							}
							.navbar-toggler.collapsed .navbar-toggler-icon:before {
								top: -5px;
								left: 50%;
								border-radius: 0;
								height: 4px;
								width: 50px;
								transform: rotate(0) translateX(-50%);
							}
							.safari .navbar-toggler.collapsed .navbar-toggler-icon:before {
								top: -8px;
							}
							.navbar-toggler.collapsed .navbar-toggler-icon:after {
								top: unset;
								left: 50%;
								bottom: -4px;
								border-radius: 0;
								height: 4px;
								width: 50px;
								transform: rotate(0) translateX(-50%);
							}
							.safari .navbar-toggler.collapsed .navbar-toggler-icon:after {
								bottom: -2px;
							}

						/* 1er niveau */
						.header-menu .navbar-collapse {
							top: 100px;
						    /*z-index: -1;*/
						    height: 100%;
						}
							.header-menu .navigation {
								box-shadow: 13px 0 10px rgba(0, 0, 0, .2);
								background-color: #fff;
								padding-bottom: 85px;
							}
								.header-menu .list-group-item {
									border-bottom: 1px solid #ddd;
								}
								.header-menu .list-group-item:first-child {
									border-top: 1px solid #ddd;
									border-bottom: 1px solid #ddd;
								}
									.site-header .header-menu .list-group-item .link {
										height: 85px;
										margin: 0 auto;
										padding: 0 5px;
										color: #000;
										font-size: 1.2em;
										/*white-space: nowrap;*/
									}
									.safari .site-header .header-menu .list-group-item .link {
										padding: 0 10px;
									}
									.header-menu .list-group-item.active > a.link,
									.header-menu .current a.link {
										text-decoration: underline;
									}
									.header-menu .list-group-item a.link:is(:focus-visible,:focus,:active) {
										/*color: var(--third);*/
										text-decoration: underline;
									}
									.header-menu .list-group-item a.link:hover {
										background-color: #fff;
										color: var(--noir);
									}

									/* 2ème niveau */
									.header-menu .dropdown-menu {
										box-shadow: none;
										padding-left: 40px;
									}
										.site-header .menu-level2 .list a.link {
											text-transform: none;
										}
										.header-menu .dropdown-menu .current .link,
										.header-menu .dropdown-menu .active .link {
											color: var(--third);
										}
										.site-header .list-group-item.list-parent > .link {
											border: 0;
											background-color: transparent;
										}

				/* RECHERCHE : icône + dropdown-menu */
				.site-header .header-search {
					position: static;
					display: flex;
					justify-content: flex-end;
				}
					.header-search .btn-recherche {
						position: relative;
						display: flex;
						align-items: center;
						justify-content: center;
						border: none;
						border-radius: 0;
						box-shadow: none;
						height: 100%;
						padding: 0;
						width: 100%;
						background-color: transparent;
						color: #fff;
						font-size: 20px;
						text-decoration: none;

					}
						.header-search .btn-recherche .fa-magnifying-glass {
							display: flex;
							align-items: center;
							justify-content: center;
							border: none;
							border-radius: 50%;
							height: 50px;
							width: 50px;
							background-color: #fff;
							color: #000;
							transition: .3s ease;
						}
						.header-search .btn-recherche:is(:focus-visible, :focus, :hover, :active) .fa-magnifying-glass {
							background-color: var(--third);
							color: #fff;
						}
					.header-search .dropdown-menu {
						left: auto!important;
						right: 0 !important;
						align-items: center;
						justify-content: space-between;
						z-index: 1000;
						border: 0;
						border-radius: 0;
						box-shadow: none;
						height: 100px;
						width: 100%;
						margin: 0;
						padding: 0 29px 0 15px;
						background-color: var(--secondary);
						transform: none!important;
					}
					.header-search .dropdown-menu.show {
						display: flex;
					}
						.dropdown-menu .header-search {
							display: flex;
							border: 1px solid #fff;
							width: 320px;
						}
							.header-search .dropdown-menu .header-form {
								align-items: center;
								border-radius: 50px;
								margin-right: 30px;
								padding-left: 25px;
								height: 50px;
								width: 100%;
								background-color: #fff;
							}
								.header-search .label {
									display: flex;
									border: none;
									border-bottom: 2px solid #fff;
									height: 40px;
									margin: 0;
									width: calc(100% - 49px);
								}
									.header-search .input {
										border: none;
										border-radius: 50px;
										padding: 0 10px 0 0;
										width: 100%;
										color: #000;
										font-size: 20px;
									}
									.header-search .input:focus-visible,
									.header-search .input:focus {
										box-shadow: none;
										outline: none;
									}
									.header-search .input::placeholder {
										color: #737373;
									}
								.header-search .search-button {
								    display: flex;
								    align-items: center;
								    justify-content: center;
								    border: 0;
									border-bottom: 2px solid #fff;
								    height: 40px;
								    width: 40px;
								    background-color: #fff;
									color: #000;
									font-size: 20px;
								}
							.header-search .dropdown-menu .close {
								display: flex;
								align-items: center;
								justify-content: center;
    							border: 0;
								height: 100%;
								background: none;
								color: #000;
								cursor: pointer;
								font-size: 14px;
							}
								.close .close-txt {
									margin-right: 10px;
								}
								.close .fa-xmark {
									font-size: 32px/*50px*/;
								}
				.main-navigation .my-space {
					display: flex;
					align-items: center;
					margin-left: 30px;
				}
					.my-space .link {
						display: flex;
						align-items: center;
						justify-content: center;
						border: 1px solid var(--third);
						border-radius: 25px;
						padding: 0 20px;
						height: 50px;
						width: max-content;
						background-color: var(--third);
						color: #fff;
						font-size: 1.1875em;
						text-decoration: none;
						transition: .3s ease;
					}					
					.my-space .link:is(:focus, :hover, :active) {
						background-color: #fff;
						color: var(--third);
					}

	/* Flash Info */
	.flash-info {
		position: relative;
		z-index: 10000;
		display: flex;
		align-items: center;
		padding: 10px;
		background-color: var(--third);
		color: #fff;
	}
		.flash-info .fa-circle-exclamation {
			display: none;
		}
		.flash-info .container {
			padding: 0;
		}
			.flash-info .col-10 {
				padding: 0;
			}
				.flash-info .link {
					color: #fff;
				}
					.flash-info a[target="_blank"]::after {
						display: none;
					}
					.flash-info a[target="_blank"] p::after {
						content: '\f08e';
						margin-left: 0.25em;
					}

		.flash-info .btn-close {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: auto;
			background: unset;
			color: #fff;
			box-shadow: none;
			opacity: 1;
			transition: .3s ease;
		}
		.flash-info .btn-close:is(:focus, :hover, :active) {
			box-shadow: unset;
			transform: scale(1.2);
		}

	/* Page-header */
	.site-main .page-header {
		position: relative;
	    background-color: var(--secondary);
	    margin-bottom: 30px;
	    padding: 30px 0;
	}
	.site-main .page-illustration {
		position: relative;
		z-index: 1;
		padding-top: 100px;
	}
		.page-header .container {
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			z-index: 2;
			min-height: 240px;
			height: 100%;
			padding: 30px 15px;
		}
			.page-header .col-12.col-lg-6:first-child {
				margin-bottom: 30px;
			}
				.page-header .page-header-body {
					text-align: center;
				}
					.page-header .page-title {
						color: #000;
						font-size: 2em;
					}
					.page-header .pageSubTitle {
						font-size: 1.875em;
					}
						.page-header .category {
							margin: 20px auto;
							font-size: .875em;
						}
					.layout-single .page-header .pageSubTitle {
						display: flex;
						justify-content: center;
					}
						.layout-single .page-header .category {
							margin: unset;
							margin-top: 20px;
							color: #000;
							text-transform: none;
						}
					.page-header .date {
						display: flex;
						justify-content: center;
						margin-top: 20px;
						color: #737373;
						font-size: .750em;
					}
					:is(.page-10, .page-82) .page-header .date {
						display: none;
					}
						.page-header .date .last-update + .last-update {
							margin-left: 3px;
						}
					.page-header .lead {
				    	margin-top: 20px;
						color: #000;
						font-size: 1.125em;
						text-align: center;
					}
					.page-header .img-page-header .legende {
						margin-top: 10px;
						color: #737373;
						font-size: .750em;
					}
				.page-illustration .breadcrumb .link,
				.page-illustration .breadcrumb .item,
				.page-illustration .separator {
					color: #fff;
				}
				.page-header .site-tools {
				    position: absolute;
				    bottom: -20px;
				    right: 20px;
				    z-index: 1;
				    border-radius: 5px;
				    background-color: #fff;
				    font-size: 18px;
		    		box-shadow: var(--ombre);
		    		overflow: hidden;
				}


/* 05 = FOOTER */
.site-footer .text-important {
	color: #f00!important;
}
	/* 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(--secondary);
	    color: #000;
	    transition: .3s ease;
	}
	.to-page-top:is(:focus, :hover, :active) {
	    background-color: var(--third);
	    color: #fff;
	}
	.site-footer {
		padding: 0;
		background-color: #000;
	    color: #fff;
	}
		.site-footer .footer-top {
			padding: 75px 0 35px;
			background-color: var(--dark-grey);
			text-align: center;
		}
			.footer-top .footer-logo {
				position: relative;
				z-index: 1;
				margin-bottom: 15px;
			}
				.footer-top .logo-footer-link {
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 1;
					margin: 0 auto;
				}
					.footer-top .logo {
						height: 138px;
						width: 266px;
					}
	.site-footer a,
	.site-footer a:is(:focus, :hover, :active) {
	    color: #fff;
	    text-decoration: none;
	}

		/* MENU DE PAGES */
		.site-footer .footer-copyrights {
			padding: 40px 15px 0;
			width: 100%;
		}
			.footer-copyrights .list-unstyled {
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 0;
				list-style: none;
			}
				.site-footer .footer-copyrights .link {
					margin: 0 15px;
					color: #fff;
				}
				.site-footer .footer-copyrights .link:is(:focus, :hover, :active) {
					color: #fff;
				}

		/* BLOC TOP */
		.site-footer :is(.footer-address, .footer-time) {
	    	display: flex;
	    	align-items: flex-start;
	    	justify-content: center;
	    	margin-top: 30px;
		}
		.site-footer .footer-liens-utiles {
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: flex-start;
			margin-top: 20px;
		}
			.site-footer .footer-liens-utiles .footer-link {
				text-align: center;
			}
				.site-footer .footer-liens-utiles .list-item {
					padding-bottom: 20px;
				}
					.site-footer .footer-liens-utiles .link {
						position: relative;
						text-transform: uppercase;
					}
					.site-footer .footer-liens-utiles .link::after {
						position: absolute;
						top: 20px;
						right: 0;
						left: 0;
						content: "";
						display: block;
						width: 100%;
						height: 8px;
						background-image: url('../Img/SVG/underline.svg');
						background-position: center top;
						background-repeat: no-repeat;
						background-size: 100% 100%;
						opacity: 1;
						transition: .3s ease;
					}
					.site-footer .footer-liens-utiles .link:is(:focus, :hover, :active)::after {
						opacity: 0;
					}
				.footer-top .element-header {
					color: #fff;
					font-size: 1em;
					text-transform: uppercase;
				}
				.site-footer .frame-type-textmedia {
					margin-bottom: 0;
					--frame-spacing: 0;/* Marges avant/après */
				}
					.site-footer .textmedia {
						gap: 0;
						font-size: 1em;
					}
						.site-footer .textmedia h3 {
							margin-bottom: 10px;
							font-size: 1em;
							text-transform: uppercase;
						}
						.footer-address .link-phone {
							position: relative;
							display: block;
							margin-top: 10px;
							font-size: 1em;
							text-decoration: none;
							transition: .3s ease;
						}
						.footer-address .link-phone::before {
							content: "\f095";
							margin-right: 15px;
							color: var(--third);
							font-size: 14px;
						}
						.footer-address .link-phone:is(:focus, :hover, :active) {
							transform: scale(1.2);
							text-decoration: none;
						}
						.footer-liens-utiles .element-header .title {
							font-size: 1.5em;
							text-transform: none;
						}

		/* BLOC BOTTOM */
		.site-footer .footer-bottom {
			padding: 35px 0 0;
		}
			.site-footer .footer-bottom .row {
				padding-bottom: 70px;
			}
				.footer-bottom .col-12 {
					display: flex;
					flex-wrap: wrap;
				}
					.footer-bottom .footer-contact {
						display: flex;
						flex-wrap: wrap;
						justify-content: center;
						gap: 20px;
					}
						.footer-bottom .contact-buttons {
							display: flex;
							flex-wrap: wrap;
							gap: 20px;
							justify-content: center;
						}
							.footer-bottom .contact-buttons .link {
								display: flex;
								align-items: center;
								justify-content: center;
								border: 2px solid var(--main);
								border-radius: 25px;
								padding: 0 20px;
								height: 50px;
								text-align: center;
								text-transform: uppercase;
								transition: .3s ease;
							}
							.footer-bottom .contact-buttons .link:is(:focus, :hover, :active) {
								background-color: var(--main);
							}
						.footer-bottom .network-buttons {
							display: flex;
							align-items: center;
							flex-wrap: wrap;
							gap: 10px;
							justify-content: center;
							text-align: center;
						}
							.footer-bottom .network-buttons .title {
								color: var(--main);
								font-size: 1.125em;
							}
							.footer-bottom .network-buttons .header-link {
								display: flex;
							}
								.footer-bottom .network-buttons .link {
									display: flex;
									align-items: center;
									justify-content: center;
									border: 2px solid var(--main);
									border-radius: 50%;
									height: 40px;
									width: 40px;
									transition: .3s ease;
								}
								.footer-bottom .network-buttons .link:is(:focus, :hover, :active) {
									background-color: var(--main);
									transform: none;
								}
					.footer-bottom .footer-bottom-logo {
						display: flex;
						justify-content: center;
						margin-top: 20px;
		    			width: 100%;
		    			opacity: .5;
					}
						.footer-bottom-logo .img-fluid {
							max-width: 248px;
							width: 248px;
						}
						.footer-bottom .network-buttons {
							display: flex;
						}
						.footer-bottom-logo a[target="_blank"]::after {
							display: none;
						}

			/* BLOC CONTACT */
			.footer-bottom .footer-contact,
			.footer-bottom .footer-newsletter,
			.footer-bottom .footer-networks {
				position: relative;
			}
				.footer-contact p {
					margin-bottom: 0;
				}

			/* BLOC NEWSLETTER */
			.footer-bottom .footer-newsletter {
				display: flex;
				align-items: flex-start;
			}
				.footer-newsletter .footer-form {
					display: flex;
					align-items: center;
					flex-wrap: wrap;
				}
					.footer-form label {
						width: 100%;
					}
					.footer-form .email {
					    border: 0;
					    height: 40px;
					    padding: 0 10px;
					    width: calc(100% - 40px);
					}
					#wrap .footer-form .btn-info,
					#wrap .footer-form .btn-info:is(:focus, :hover, :active) {
						border: 0;
						padding: 0;
		    			width: 40px;
						border-radius: 0;
						background-color: #fff;
					}

			/* BLOC NETWORKS */
			.footer-networks ul {
				display: flex;
			}
				.footer-networks .list-item {
					margin: 0 5px;
				}
				.footer-networks .list-item-networks {
					display: flex;
					align-items: center;
					justify-content: center;
					height: 40px;
					width: 40px;
				}
					.footer-networks .list-item-networks .link {
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 50%;
						height: 100%;
						width: 100%;
						color: #fff;
						font-size: 21px;
						text-decoration: none;
						transition: .3s ease;
					}
					.footer-networks .facebook-f .link {
						border: 1px solid #3b5998;
						background-color: #3b5998;
					}
					.footer-networks .twitter .link {
						border: 1px solid #00acee;
						background-color: #00acee;
					}
					.footer-networks .instagram .link {
						border: 1px solid #d93175;
						background-color: #d93175;
					}
					.footer-networks .linkedin-in .link {
						border: 1px solid #0073b1;
						background-color: #0073b1;
					}
					.footer-networks .youtube .link {
						border: 1px solid #ff0000;
						background-color: #ff0000;
					}
					.footer-networks .list-item-networks .link:is(:focus, :hover, :active) {
						background-color: #fff;
						text-decoration: none;
					}
					.footer-networks .facebook-f .link:is(:focus, :hover, :active) {
						color: #3b5998;
					}
					.footer-networks .twitter .link:is(:focus, :hover, :active) {
						color: #00acee;
					}
					.footer-networks .instagram .link:is(:focus, :hover, :active) {
						color: #d93175;
					}
					.footer-networks .linkedin-in .link:is(:focus, :hover, :active) {
						color: #0073b1;
					}
					.footer-networks .youtube .link:is(:focus, :hover, :active) {
						color: #ff0000;
					}

			/* BLOC PARTENAIRES */
			.files-list-partners ul {
				display: flex;
				flex-wrap: wrap;
				gap: 15px;
			}
				.files-list-partners ul li {
					display: flex;
					align-items: center;
					justify-content: center;
					width: calc(100% / 3 - 10px);
				}
					.files-list-partners ul li img {
						max-height: 61px;
						max-width: 106px;
						min-width: 106px;
						width: 100%;
						filter: grayscale(100%);
						transition: .3s ease;
					}
					.files-list-partners ul li .media:is(:focus, :hover, :active) img {
						filter: grayscale(0%);
					}

			/* BLOC LIENS BAS DE PAGE */
			.site-footer .footer-links {
				width: 100%;
			}
				.footer-links ul {
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
				}
					.footer-links .list-item {
						margin: 0 10px;
						font-size: .875em;
					}
					.footer-links .list-item,
					.footer-links .list-item .link {
						color: #8f8d8c;
						text-decoration: none;
					}
					.footer-links .list-item .link:is(:focus, :hover, :active) {
						text-decoration: underline;
					}


/* 06 = ACCUEIL */
/* Surcharges BP */
.home .frame.frame-none {/* Général */
	padding: 0;
}

	.home .section-home {/* Style récurent sur les blocs d'accueil */
		padding-bottom: 40px;
	}
		.section-home .rte-content .frame-header {
			margin-bottom: 0;
		}
			.section-home .rte-content .element-header {
				position: relative;
				z-index: 1;
			    margin: 0;
			    margin-bottom: 0;
			    padding-top: 25px;
			    /*font-weight: 600;*/
			    text-align: center;
			    text-transform: uppercase;
			}
			.section-home .element-header::after {
				left: 50%;
				transform: translateX(-50%);
			}
		.section-home .btn-info {
			position: relative;
			display: flex;
			align-items: center;
			border: none;
			border-radius: 25px;
			margin: 30px auto 0;
			padding: 0;
			height: 50px;
			width: max-content;
			background-color: transparent;
			color: #fff;
			font-size: .875em;
			text-decoration: none;
			transition: .3s ease;
		}
		.section-home .btn-info::after {
			position: absolute;
			top: 5px;
			left: 5px;
			content: "";
			z-index: -1;
			display: block;
			border-radius: 25px;
			height: 50px;
			width: 100%;
			background-color: var(--main);
			transition: .3s ease;
		}
		.section-home .btn-info:is(:focus, :hover, :active) {
			border-color: #000;
			transform: translate(5px, 5px);
		}
		.section-home .btn-info:is(:focus, :hover, :active)::after {
			top: 0;
			left: 0;
		}
			.section-home .btn-info .inner-btn-info {
				display: flex;
				align-items: center;
				border: 2px solid var(--noir);
				border-radius: 25px;
				padding: 0 40px;
				height: 50px;
				width: max-content;
			}
				.section-home .btn-info .inner-btn-info .fa-regular {
					margin: 0 0 3px 10px;
					font-size: .875em;
				}

	/* Img header */
	.site-main .img-header {
		display: flex;
	    align-items: center;
	    justify-content: center;
		height: 500px;
		overflow: hidden;
	}
		.img-header figure {
			margin-bottom: 0;
			height: 300px;
			width: 100%;
		}
			.img-header img {
				min-height: 500px;
				height: 100%;
				width: 100%;
				object-fit: cover;
			}

	/* Accès rapides */
	.site-main .section-quick-access {
		position: relative;
		/*z-index: 0;*//* Pour le megamenu sur iOS */
		padding: 60px 0 0;
		margin-bottom: 8px;
	}
	.site-main .section-quick-access::before {
		/*position: absolute;
		top: 50%;
		right: 10px;
		content: "\f054";
		z-index: 2;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		transform: translateY(-50%);*/
	}
		.section-quick-access .section-home__inner {
			position: relative;
			z-index: 1;
			margin: 0 auto;
			max-width: 1010px;
		}
			.section-quick-access .quick-access-title {
				position: absolute;
				top: -120px;
				left: 50%;
				content: "";
				z-index: -1;
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: flex-start;
				border-radius: 50%;
				padding-top: 30px;
				height: 160px;
				width: 160px;
				background-color: #fff;
				font-size: 2.250em;
				line-height: 1;
				transform: translateX(-50%);
			}
				.quick-access-title .img-fluid {
					max-width: 94px;
				}
			.section-quick-access .mosaic-quick-access {
				display: flex;
				justify-content: flex-start;
				margin-bottom: 50px;
			}
				.section-quick-access .article-quick-access {
					padding: 0;
				}
					.section-quick-access .link {
						border: none;
						text-decoration: none;
					}
						.section-quick-access .item {
							display: flex;
							align-items: center;
							flex-direction: column;
							padding: 10px;
							height: 100%;
						}
							.section-quick-access .quick-access-icon {
								position: relative;
								display: flex;
								align-items: center;
								justify-content: center;
								margin-bottom: 10px;
								height: 86px;
								width: 93px;
								transition: .3s ease;
							}
							.section-quick-access .quick-access-icon::after {
								position: absolute;
								top: 0;
								left: 0;
								content: "";
								display: block;
								height: 86px;
								width: 93px;
								background-image: url('../Img/SVG/blob(1).svg');
								background-repeat: no-repeat;
								background-size: 93px 86px;
							}
							.section-quick-access .link:is(:focus, :hover, :active) .quick-access-icon {
								transform: translateY(-10px);
							}
								.section-quick-access .quick-access-icon .icon-frame {
									z-index: 1;
									display: flex;
									align-items: center;
									justify-content: center;
									border-radius: 50%;
									height: 40px;
									width: 40px;
									transition: .3s ease;
								}
									.section-quick-access .quick-access-icon .img-fluid {
										max-height: 30px;
										max-width: 30px;
									}
									.section-quick-access .quick-access-icon .icon {
										display: block;
										transition: filter .3s;
									}
							.section-quick-access .rte-content .quick-access-item-title {
								color: #000;
								font-size: .875em;
		    					text-align: center;
							}
								.section-quick-access .link::after {
								    position: absolute;
								    bottom: 22px;
								    right: 0;
								}
					.owl-carousel .owl-nav button.owl-prev,
					.owl-carousel .owl-nav button.owl-next {
					    position: absolute;
					    top: 36px;
					    display: inline-flex;
					    align-items: center;
					    justify-content: center;
					    background: transparent;
					    font-size: 18px;
					}
					.owl-nav .owl-prev {
					    left: -10px;
					}
					.owl-nav .owl-next {
					    right: -10px;
					}
					.owl-carousel .owl-nav button span {
						display: none;
					}
						.owl-carousel .owl-nav .owl-prev::before,
						.owl-carousel .owl-nav .owl-next::before {
							color: #000;
							font-size: 24px;
						}
						.owl-carousel .owl-nav .owl-prev::before {
							content: '\f053';
						}
						.owl-carousel .owl-nav .owl-next::before {
							content: '\f054';
						}
						.owl-carousel .owl-nav .disabled::before {
							color: #999;
						}

	/* Actualité */
	.section-news .section-home-title {
		position: relative;
		z-index: 1;
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}
	.section-news .section-home-title::after {
		position: absolute;
		right: 0;
		bottom: 25%;
		left: 0;
		content: "";
		z-index: -1;
		display: block;
		height: 1px;
		width: 100%;
		background-color: #fff;
	}
		.section-news .section-home-title .img-fluid {
			padding: 0 20px;
			max-width: 191px;
			background-color: #fff;
		}
	.section-news .home-news-list {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 15px;
		margin: 0;
	}
		.section-home div.title {
			width: 100%;
			text-align: center;
			font-size: 1.875em;
		}
			.section-home div.title p {
				font-size: 1em;
			}
			.home-news-list .title p {
				/*margin: 20px 0 0 0;*/
			}
			.home-news-list .title:first-of-type p {
				margin: 0 0 20px 0;
			}
		.home-news-list .card-group-element-item {
			width: 100%;
		}
			.card-group-element-item .item {
				height: 100%;
			}
				.news-list .news-link,
				.home-news-list .home-news-link,
				.home-news-list .home-news-link:is(:focus, :hover, :active),
				.events-list .events-link
				.home-events-list .home-events-link,
				.home-events-list .home-events-link:is(:focus, :hover, :active) {
					text-decoration: none;
				}
					.home-news-list .card {
						border: none;
						border-radius: 0;
					}
						.home-news-list .card-img-top {
							border-radius: 0;
						}
							.card-img-top .list-item-figure {/* Commun actu + agenda */
								height: 100%;
								margin: 0;
							}
								.card-img-top .object-fit {
									height: 100%;
									transition: transform .6s;
									aspect-ratio: unset;
								}
								.item a:is(:focus, :hover, :active) .card-img-top .object-fit {
									transform: scale(1.15);
								}
						.home-news-list .card-body {/* Commun actu + agenda */
							padding: 10px 0 0;
						}
							.home-news-list .card-body .card-title {
								margin-bottom: 10px;
								color: #000;
								font-size: 1.875em;
							}
							.home-news-list .home-news-item:first-child .card-body .card-title {
								font-size: 1.5em;
							}
							.home-news-list .card-body .card-title::after {
								content: unset;
							}
							.card-body .card-abstract {
								margin-bottom: 1em;
								color: #737373;
								font-size: 1em;
								line-height: 1.5;
							}
	.section-news .home-news-btn {
		margin: 20px auto 12px;
	}

	/* Breves */
	.section-home-breves .home-breves-item {
		margin-bottom: 0;
		font-size: 1em;
	}
		.section-home-breves .breves-list {
			gap: 30px;
		}
			.section-home-breves .breves-item {
				width: 100%;
			}
				.section-home-breves .card {
					border: none;
				}
					.section-home-breves .card-body {
						padding: 0;
					}
						.section-home-breves .breves-title {
							margin-bottom: 5px;
							color: #000;
						}
						.section-home-breves .breves-txt {
							color: #737373;
							line-height: 1.2;
						}
						.section-home-breves .link,
						.section-home-breves .card a:not(.btn) {
							border: none;
							color: #000;
							font-size: 1em;
							text-transform: uppercase;
						}
							.section-home-breves .link .fa-solid {
								color: var(--third);
								transition: .3s ease;
							}
							.section-home-breves .link:is(:focus, :hover, :focus) .fa-solid {
								transform: translateX(10px);
							}

	/* Agenda */
	.site-main .section-events {
		position: relative;
		z-index: 1;
		padding: 12px 0 32px;
		background-color: rgba(219, 234, 238, .6);
		background-image: url('../Img/Theatre2.jpg');
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}	
		.section-events .section-home-title {
			position: relative;
			z-index: 1;
			display: flex;
			justify-content: center;
			margin-bottom: 40px;
		}
		.section-events .section-home-title::after {
			position: absolute;
			right: 0;
			bottom: calc(100% / 3);
			left: 0;
			content: "";
			z-index: -1;
			display: block;
			height: 1px;
			width: 100%;
			background-color: #fff;
		}
			.section-events .section-home-title .img-fluid {
				padding: 0 20px;
				max-width: 183px;
				background-color: var(--dark-grey);
			}
		.site-main .section-events div.title p {
			margin-bottom: 60px;
		}
		.section-events .card-group-element {
			justify-content: center;
			gap: 30px;
			font-size: 1em;
		}
			.home-events-list .home-events-item {
				max-width: 370px;
			}
				.home-events-list .home-events-link {
					height: 100%;
					text-decoration: none;
				}
				.home-events-list .home-events-item.cancelled .home-events-link,
				.home-events-list .home-events-item.cancelled .events-link,
				.single-content .cancelled { /* page d'accueil + liste + single */
					position: relative;
					z-index: 1;
					display: block;
					border: none;
				}
				.home-events-list .home-events-item.cancelled .home-events-link .card-img-top::before,
				.home-events-list .home-events-item.cancelled .events-link .card-img-top::before { /* page d'accueil + liste */
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					content: "";
					z-index: 5;
					display: block;
					height: 100%;
					width: 100%;
					background-color: rgba(255, 255, 255, .5);
				}
				.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 { /* page d'accueil + liste + single */
					position: absolute;
					top: 20px;
					left: 0;
					content: "Annulé";
					z-index: 10;
					display: flex;
					align-items: center;
					justify-content: center;
					border-top-right-radius: 25px;
					border-bottom-right-radius: 25px;
					padding: 0 30px;
					height: 30px;
					width: max-content;
					background-color: #fff;
					color: var(--third);
					font-size: 14px;
					text-transform: uppercase;
				}
					.home-events-item .card {
						border: none;
						border-radius: 0;
					}
						.home-events-item .card-img-top {
							position: relative;
							border-radius: 0;
							height: 240px;
							width: 100%;
						}
							.home-events-item .object-fit {
								max-width: unset;
							}
						.home-events-item .card-body {
							position: relative;
							padding: 30px 30px 50px;
						}
							.home-events-item .card-title {
								margin-bottom: 10px;
								color: #000;
								font-size: 1.5em;
							}
							.home-events-item .card-title::after {
								content: unset;
							}
							.home-events-item :is(.card-place, .card-time) {
								color: #000;
								font-size: 1em;
							}
								.home-events-item :is(.card-place, .card-time) .fa-solid {
									color: var(--third);
									min-width: 30px;
								}

							/* Dates */
							.home-events-list .date-regular {
							    position: absolute;
							    right: 20px;
							    top: -70px;
						    	z-index: 11;
							    display: flex;
		    					align-items: flex-end;
							    height: 99px;
							    width: 100px;
							}
								.home-events-list .date-regular .time {
									display: flex;
									align-items: center;
									flex-direction: column;
									justify-content: center;
								    height: 99px;
								    width: 100px;
									background-image: url('../Img/SVG/blob(2).svg');
									background-repeat: no-repeat;
									background-size: 100px 99px;
									color: #fff;
								}
								.home-events-list .date-regular .time-complex {
									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;
											margin: -2px 0;
											font-size: 1.75em;
											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: 20px;
										content: "";
										display: block;
										border-right: 1px dashed #fff;
										height: 50px;
										width: 1px;
									}
										.home-events-list .date-regular .time .month {
											margin: 0;
											color: #000;
											font-size: .875em;
											text-align: center;
											text-transform: uppercase;
										}

	/* Kiosque */
	.site-main .section-home-kiosque {
		position: relative;
		padding: 12px 0 17px;
	}
		.section-home-kiosque .kiosque-list-item {
			position: relative;
			z-index: 1;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 35px;
		}
			.section-home-kiosque .kiosque-list-item .title p {
				margin-bottom: 50px;
			}
				.section-home-kiosque .kiosque-item {
					display: flex;
					align-items: center;
					flex-direction: column;
					margin-bottom: 20px;
					min-width: 100%;
					text-align: center;
				}
					.section-home-kiosque .link {
						position: relative;
						display: flex;
	    				align-items: center;
						flex-direction: column;
						border: none;
						text-decoration: none;
					}
						.section-home-kiosque .link::after {
						    position: absolute;
						    bottom: 0px;
						    right: 0;
						}
						.kiosque-item .background {
							position: relative;
							border-radius: 0;
							margin-bottom: 20px;
							padding: 0;
							background-color: #fff;
							transition: .3s ease;
						}
						.kiosque-item .link:is(:focus, :hover, :active) .background {
							transform: translateY(-10px);
						}
							.kiosque-item .background .img-fluid {
								box-shadow: 0 0 30px rgb(0 0 0 / 5%);
							}
								.kiosque-item .kiosque-title {
									margin-bottom: 0 !important;
    								margin-inline: auto;
									padding-right: 30px;
									max-width: calc(100% - 36px);
									color: #000;
									font-size: 1em;
									text-align: center;
								}
								.kiosque-item .kiosque-title::after {
									content: unset;
								}
		.section-home-kiosque .btn-info {
			margin-top: 40px;
			background-color: transparent;
		}

	/* Retour en images */
	.site-main .section-home-gallery {
		padding: 7px 0;
	}
		.section-home-gallery .images-title {
			position: relative;
			display: flex;
			justify-content: center;
			margin-bottom: 40px;
		}
		.section-home-gallery .images-title::after {
		    position: absolute;
		    right: 0;
		    bottom: calc(100% / 3);
		    left: 0;
		    content: "";
		    z-index: -1;
		    display: block;
		    height: 1px;
		    width: 100%;
		    background-color: #fff;
		}
			.section-home-gallery .images-title .img-fluid {
				max-width: 225px;
				background-color: #fff;
			}
			.section-home-gallery .gallery-item {
				display: flex;
				justify-content: center;
			}
			.section-home-gallery .gallery-item + .gallery-item {
				margin-top: 15px;
			}
				.section-home-gallery .gallery-cache-img {
					position: relative;
					display: block;
				}
					.section-home-gallery .gallery-cache-img picture {
						position: relative;
						display: block;
						height: 210px;
						width: 320px;
						overflow: hidden;
					}
						.section-home-gallery .gallery-item .img-fluid {
							height: 100%;
							width: 100%;
							object-fit: cover;
							transition: .6s ease;
						}
						.section-home-gallery .gallery-cache-img:is(:focus, :hover, :active) .img-fluid {
							transform: scale(1.15);
						}
						.section-home-gallery .gallery-type,
						.gallery-list .gallery-type {
							position: absolute;
							right: 0;
							bottom: 0;
							display: flex;
							align-items: center;
							justify-content: center;
							padding: 0 10px;
							min-width: 50px;
							height: 50px;
							background-color: var(--third);
							color: #000;
							font-size: 18px;
							font-weight: 400;
							opacity: .9;
							transition: .3s ease;
						}
						.section-home-gallery .gallery-cache-img:is(:focus, :hover, :active) .gallery-type,
						.gallery-list .news-link:is(:focus, :hover, :active) .gallery-type {
							background-color: #fff;
							color: #fff;
							opacity: 1;
						}
							.section-home-gallery .text,
							.gallery-list .text {
								margin-left: 5px;
							}
						.section-home-gallery .gallery-cache-img .overlay {
							position: absolute;
							top: 0;
							right: 0;
							bottom: 0;
							left: 0;
							display: flex;
							align-items: center;
							flex-direction: column;
							justify-content: center;
							padding: 15px;
							height: 100%;
							width: 100%;
							background-color: var(--third);
							color: #000;
							opacity: 0;
							visibility: hidden;
							transition: .3s ease;
						}
						.section-home-gallery .gallery-cache-img:is(:focus, :hover, :active) .overlay {
							opacity: .9;
							visibility: visible;
						}
							.section-home-gallery .overlay .doktype {
								font-size: .750em;
								text-transform: uppercase;
							}
							.section-home-gallery .overlay .title {
								font-size: 1.5em;
								line-height: 1.250;
								text-align: center;
							}

	/* Dans ma ville */
	.site-main .section-in-town {
		padding: 20px 0 0;
	}
		.section-in-town .in-town-body {
			width: 100%;
			text-align: center;
		}
			.section-in-town .in-town-title {
				margin-bottom: 0;
			}
				.section-in-town .in-town-txt {
					margin-bottom: 0;
					hyphens: unset;
					font-size: 1.5em;
				}
					.section-in-town .rte-content .in-town-txt p {
						margin-bottom: 0;
						font-size: 1em;
						line-height: 1.2;
					}
				.section-in-town .in-town-links {
					position: relative;
					display: flex;
					justify-content: center;
					z-index: 1;
					margin: 0 auto;
					background-color: #fff;
				}
					.section-in-town .in-town-links .background {
						margin: 0;
						font-size: 1em;
					}
						.in-town-links .link {
							display: flex;
							align-items: center;
							margin: 40px auto 0;
							font-size: 1em;
							text-decoration: none;
						}
		.section-in-town .in-town-img {
			padding: 20px 0;
		}
			.section-in-town .in-town-img a {
				display: block;
				border: 0;
			}
				.section-in-town .in-town-img a::after {
					display: none;
				}



/* 07 = PAGE INTERNE */

	.rte-content .lead {
		font-size: 1.5em;
	}
	.rte-content .frame-bloc {
		padding-top: var(--frame-spacing);
	    padding-bottom: var(--frame-spacing);
		--frame-spacing: var(--frame-spacing-xs);
	}

	/* Flash info */
	.site-main .frame-flash-info {
		position: relative;
		top: 0;
		right: 0;
		left: 0;
	}

	/* RTE */
	.rte-content .encart::before,
	.rte-content .frame-encart::before {
		content: unset;
	}
		.rte-content .frame-encart .frame-group-container {
			padding: 0;
		}
	h2, .h2,
	.rte-content h2,
	.rte-content .h2 {
		position: relative;
		margin-bottom: 20px;
		padding-top: 25px;
		color: #000;
		font-size: 2.250em;
	}
	h3, .h3,
	.rte-content h3,
	.rte-content .h3,
	.form-horizontal .form-title /* Les titres de formulaires ont le même design que les h3 */ {
		position: relative;
		color: var(--main);
		font-size: 1.55em;
	}
	h4, .h4,
	.rte-content h4,
	.rte-content .h4 {
		margin-bottom: 30px;
		color: var(--third);
	}
	h5, .h5,
	.rte-content h5,
	.rte-content .h5 {
		margin-bottom: 5px;
		color: #737373;
		font-size: 1.188em;
	}
	.rte-content p {
		font-size: 1.125em;
		line-height: 1.667;
		hyphens: unset;
	}
	.rte-content .frame .well a {
		color: var(--main-a11y);
	}
	.rte-content blockquote {
		border: none;
		margin-top: 50px;
		padding: 30px 50px;
		color: var(--main);
		font-style: italic;
		text-align: center;
		background-image: url('../Img/SVG/quote.svg');
		background-position: top 0 left 32px;
		background-repeat: no-repeat;
		background-size: 129px 85px;
	}
		.rte-content blockquote p::before {
			content: "\« ";
		}
		.rte-content blockquote p::after {
			content: " \»";
		}
		.rte-content blockquote p:last-child {
			margin-bottom: 0;
		}
	.rte-content .frame-encart .textmedia {
		position: relative;
		border-radius: 10px;
		padding: 130px 30px 35px;
		background-color: var(--secondary);
		color: #000;
	}
	.rte-content .frame-encart .textmedia::before {
		position: absolute;
		top: 30px;
		left: 30px;
		content: "\f672";
		display: flex;
		align-items: center;
		justify-content: center;
		height: 67px;
		width: 74px;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		background-image: url('../Img/SVG/blob(1).svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 74px 67px;
	}
	.rte-content .frame-encart .textmedia::after {
		position: absolute;
		top: 45px;
		left: 125px;
		content: "Bon à savoir";
		display: flex;
		background-image: url('../Img/SVG/underline.svg');
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 113px 9px;
		color: var(--main);
		font-size: 30px;
	}
		.rte-content .frame.frame-encart a,
		.rte-content .frame.frame-encart a:not([class]) {
			border: none;
			color: #000;
			font-size: .889em;
			/*text-transform: uppercase;*/
			text-decoration: underline;
		}
		.rte-content .frame.frame-encart a:is(:focus, :hover, :active) {
			text-decoration: none;
		}
			.rte-content .frame-encart a::after {
				content: ' \f054';
				height: 100%;
				background-image: none;
				color: var(--third);
				font-size: 14px;
			}
			.rte-content .frame.frame-encart a:is(:focus, :hover, :active)::after {
				border: none;
			}
	.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 ul,
	.rte-content ol {
		font-size: 1.125em;
		line-height: 1.667;
	}
		.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;
		}

	/* Col-right */
	.rte-content .col-right {
		margin-bottom: 50px;
	}
		.rte-content .col-right :is(h2, h3, h4, h5, .element-header) {
			margin-bottom: 20px;
			padding-top: 0;
			color: var(--main);
			font-size: 1.875em;
			text-transform: none;
		}
		.rte-content .col-right h2::after {
			content: unset;
		}
		.rte-content .col-right p {
			margin-bottom: 0;
			font-size: .875em;
		}
	.rte-content .col-right .files-list-default .media-title {
		font-size: .889em;
	}

	/* Tableaux */
	table:not(.ui-datepicker-calendar) thead {
		background-color: var(--main);
		color: #fff;
	}
		table:not(.ui-datepicker-calendar) tr {
			max-height: 50px;
			vertical-align: middle;
		}
		.table>:not(caption)>*>* {
			padding: .8rem .5rem;
		}
	.table-sm>:not(caption)>*>*,
	.table-condensed>:not(caption)>*>* {
		padding: 0.5rem 0.5rem;
	}

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

	/* Accordéons */
	.accordion-item {
		border: none;
		border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
		background-color: #f4f8f9;
		overflow: hidden;
	}
	.accordion-item:first-of-type {
		border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	}
	.accordion-item + .accordion-item {
		margin-top: 10px;
	}
		.rte-content .frame-type-accordion .accordion-header {
			display: flex;
			align-items: center;
			font-size: 1.250em;
		}
			.rte-content .accordion-header .accordion-button {
				position: relative;
				padding: 20px 70px 20px 30px;
				min-height: 70px;
			    background-color: transparent;
			    font-size: unset;
			    transition: .3s ease;
			}
			.rte-content .accordion-header .accordion-button:is(:focus-visible,:focus,:hover,:active) {
				box-shadow: inset 0px 0px 0px 5px #000;
			}
				.rte-content .accordion-header .accordion-button::after {
					position: absolute;
					top: 50%;
					right: 15px;
					display: flex;
				    align-items: center;
				    justify-content: center;
				    content: "\f078";
				    border: none;
				    border-radius: 50%;
				    margin-left: 30px;
				    height: 40px;
				    width: 40px;
				    background-color: var(--third);
				    background-image: unset;
				    color: #fff;
				    font-size: 16px;
				    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: var(--secondary);
				color: #000;
			}
				.accordion-header .accordion-button:is(:focus, :hover, :active) {
					border: none;
					box-shadow: none;
				}
		.accordion-collapse {
			background-color: var(--secondary);
		}

	/* 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;
				}

	/* Colonne de droite */
	.col-right h2,
	.col-right h3,
	.col-right h4,
	.col-right h5,
	.col-right .element-header {
		color: var(--dark-grey);
		font-size: 1.125em;
		font-weight: unset;
		text-transform: uppercase;
	}
	.col-right h3::after {
		content: unset;
	}
	.frame-siblings .h3 {
		display: block;
	}

	/* Bouton-lien */
	.rte-content .link-button {
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		border-radius: 25px;
		padding: 0 30px;
		height: 50px;
		width: max-content;
		background-color: var(--main);/* A11Y */
		color: #fff;
		text-decoration: none;
		transition: .3s ease;
	}
	.rte-content .link-button:is(:focus, :hover, :active) {
		background-color: var(--noir);
		color: #fff;
	}
	.rte-content .text-center .link-button {
	  margin: 0 auto;
	}
	.rte-content .text-right .link-button {
	  margin-left: auto;
	}

	/* Liste de fichiers - Documents Légaux */
	.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:focus,
	    .directories-list .files-list .files-item .link:hover,
	    .directories-list .files-list .files-item .link:active {
	        background-color: #fff;
	        color: #fff;
	        text-decoration: none;
	    }
	        .files-list .files-item .fa-file-download {
	            margin-right: 15px;
	            color: #fff;
	            font-size: 36px;
	            transition: color .3s;
	        }
	        .files-list .files-item .link:focus .fa-file-download,
	        .files-list .files-item .link:hover .fa-file-download,
	        .files-list .files-item .link: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:focus .title,
	        .directories-list .files-list .files-item .link:hover .title,
	        .directories-list .files-list .files-item .link:active .title {
	            color: #fff;
	        }
	        .files-list .files-item .infos {
	        	display: block;
	            color: #737373;
	            font-size: .875em;
	            transition: color .3s;
	        }
	        .files-list .files-item .link:focus .infos,
	        .files-list .files-item .link:hover .infos,
	        .files-list .files-item .link:active .infos {
	            color: #fff;
	        }
/* Page execution */
.content-execution {
	padding: 15px;
}
	.content-execution .img-logo {
		height: 110px;
	}
	.content-execution .pageTitle {
		margin-bottom: 40px;
	}
	.content-execution .patchclient-rdv-remove {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border: 1px solid #e1e1e1;
	    border-radius: 20px;
	    padding: 50px 30px;
	    text-align: center;
	}
		.patchclient-rdv-remove form {
			display: flex;
			flex-direction: column;
			gap: 30px;
		}
			.patchclient-rdv-remove .text-center {
				margin: 0;
				font-size: 1.5em;
			}    
				.patchclient-rdv-remove .text-center strong {
					display: flex;
					align-items: baseline;
					justify-content: center;
					gap: 10px;
					margin-top: 30px;
					font-family: 'Poppins_SemiBold';
				}
					.patchclient-rdv-remove .text-center .fa-calendar-day {
						color: var(--third);
					}
			.patchclient-rdv-remove .btn-primary {
				gap: 10px;
				border: 1px solid var(--third);
				border-radius: 30px;
				margin: 0 auto;
			    padding: 18px 40px;
				height: auto;
			    background-color: var(--third);
			    color: #fff;
			    font-size: 1.25em;
				line-height: 1;
			    text-transform: uppercase;
			}			
			.patchclient-rdv-remove .btn-primary:is(:focus,:hover,:active) {
				border: 1px solid var(--third);
			    background-color: #fff;
			    color: var(--third);
			}

	
/* 08 = ACTUALITÉS */

	.page1colonne .page-body,
	.page2colonnes .page-body,
	.pagesummary .page-body {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	/* Liste */
	.news-item .card {
		border: 0;
		background-color: transparent;
	}
		.news-link .card-img-top {
			border-radius: 0;
		}
		.news-item .card-body {
			padding: 20px 0;
		}
			.news-item .card-title {
				margin-bottom: 10px;
				color: #000;
				font-size: 1.5em;
			}
			.card-body .news-txt {
				color: #737373;
			}
			.news-list .card-title::after,
			.events-list .card-title::after {
				content: unset;
			}

	/* Single */
	.single-content .picture .img-fluid {
		width: 100%;
	}
	.site-main .btn.previous {
		display: flex;
		border: none;
		box-shadow: none;
		padding: 0;
		background-color: transparent;
		color: #000;
		font-size: .875em;
		text-decoration: none;
		text-transform: none;
	}
	.site-main .single-news + .btn.previous {
		padding: 0 15px;
	}
		.site-main .btn.previous .fa-chevron-left {
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			margin-right: 10px;
			height: 40px;
			width: 40px;
			background-color: var(--secondary);
			color: #000;
			font-size: 18px;
			transition: .3s ease;
		}
		.site-main .btn.previous:is(:focus, :hover, :active) .fa-chevron-left {
			background-color: var(--third);
			color: #fff;
		}
/* Emploi */
/* Liste */
.rte-content .emplois-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
	.emplois-list .item {
	    position: relative;
	    border-radius: 10px;
	    padding: 20px 210px 20px 20px;
	    background-color: var(--secondary);
	}
		.emplois-list .date-publish {
			color: #333;
			font-size: .875em;
		}
		.emplois-list .item .link {
		    position: absolute;
		    right: 20px;
		    top: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border: 0;
		    border-radius: 25px;
		    height: 50px;
		    margin-top: -20px;
		    padding: 0 25px;
		    background-color: var(--main);
		    color: #fff;
		    font-size: 1em;
		    font-weight: 700;
		    text-transform: uppercase;
		    transition: all 0.2s ease;
		}
		.emplois-list .item .link:is(:focus, :hover, :active) {
		    background-color: var(--noir);
		}
/* Fiche */
.rte-content .emploi-single {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
	.emploi-single .list-item {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 30px;
	    margin-bottom: 30px;
	    min-width: calc(50% - 15px);
	}
		.emploi-single .annonce-item {
		    display: flex;
		    flex-direction: column;
		    gap: 5px;
		    border-radius: 15px;
		    padding: 15px;
		    background-color: var(--secondary);
		    min-width: calc(33.3333334% - 20px);
		    width: calc(33.3333334% - 20px);
		}
			.emploi-single .annonce-item .item-title {
			    font-weight: 700;
			}
			.emploi-single .annonce-item .item-content {

			}
	.emploi-single .annonce-title {
    	margin-bottom: 0;
	}
.rte-content a.btn-primary {
	display: flex;
	width: fit-content;
}





/* 09 = AGENDA */

	/* Liste */
	.events-list .card-group-element {
		justify-content: center;
		font-size: 1em;
	}
		.events-item .events-link {
			border: none;
			height: 100%;
			text-decoration: none;
		}
			.events-item .card-body {
				background-color: #f3f3f3;
			}

	/* Switch */
	.filters .switch input:checked + label::before {
	    border-color: #fff;
	    background-color: #fff;
	}

	/* Calendrier */
	.calendar .calendar-render {
		padding: 15px;
	}
	.ui-datepicker .ui-datepicker-header {
		border-bottom: 1px solid #e2e7e9;
		padding: 15px 0;
		height: unset;
	}
	.ui-datepicker .ui-datepicker-title {
		color: var(--main);
	}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		display: flex;
	    align-items: center;
	    justify-content: center;
	    border: none;
		border-radius: 50%;
		color: #999;
		font-size: 18px;
		text-decoration: none;
	}
	.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: var(--third);
	}
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active {
		background-color: var(--third);
		color: #fff;
	}
	.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-datepicker .ui-corner-all:is(:focus, :hover, :active) {
	    text-decoration: none;
	    color: #000;
	}

	/* Boutons bas de panel */
	.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current,
	.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-submit {
		border: none;
	    background-color: var(--third);
	    color: #000;
	    text-transform: none;
	}
	.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current:is(:focus, :hover, :active) {
	    background-color: #fff;
	    color: #fff;
	}
	.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-submit {
	    background-color: #fff;
	    color: #fff;
	}
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default,
	.ui-datepicker-calendar .ui-state-default.ui-state-hover {
		border: none;
	}
	.ui-datepicker .ui-datepicker-buttonpane {
		display: none;
	}

	/* Critères */
	.totalresults .colosecondary {
		background-color: transparent;
	    color: #000;
	}

	/* Fiche */
	.single-events .header-btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.single-events :is(.addEvents, .btn-reservation) {
			margin-bottom: 30px;
			text-decoration: none;
			text-transform: none;
		}
	.single-events .practical-info {
		position: relative;
		border-radius: 10px;
		padding: 130px 30px 30px;
		background-color: var(--secondary);
		font-size: 1.125em;
	}
		.single-events .practical-info::before {
			position: absolute;
		    top: 30px;
		    left: 30px;
		    content: "\f672";
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    height: 67px;
		    width: 74px;
		    color: #fff;
		    font-size: 30px;
		    font-weight: 700;
		    background-image: url('../Img/SVG/blob(1).svg');
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: 74px 67px;
		}
		.single-events .practical-info::after {
			position: absolute;
		    top: 45px;
		    left: 125px;
		    content: "Bon à savoir";
		    display: flex;
		    background-image: url('../Img/SVG/underline.svg');
		    background-position: bottom;
		    background-repeat: no-repeat;
		    background-size: 113px 9px;
		    color: var(--main);
		    font-size: 30px;
		}
		.practical-info .practical-info-item {
			display: flex;
			align-items: center;
			border-bottom: 1px solid #bbd5db;
			padding: 15px 0;
			min-height: 80px;
		}
			.practical-info .practical-info-item .list-unstyled {
				margin-bottom: 0;
			}
		.practical-info .practical-info-item:last-child {
			border-bottom: none;
		}
			.practical-info-item .fa-regular,
			.practical-info-item .fa-light {
				align-self: center;
				width: 50px;
				color: var(--main);
				font-size: 24px;
			}
			.practical-info-cancelled .practical-cancelled {
				display: flex;
				align-items: center;
				width: max-content;
				color: var(--third);
			}
			.practical-info-item .link {
				text-decoration: none;
			}
			.practical-info-item .link:is(:focus, :hover, :active) {

			}
				.practical-info-item .date-passed {
					color: #737373;
					text-decoration: line-through;
				}
		.rte-content .practical-info .link {
			color: var(--main-a11y);
		}
		.single-agenda-map .loading {
			margin-bottom: 0;
			height: unset;
		}
		.single-agenda-map .map-info-items {
			border: 1px solid #e5e5e5;
			border-top: none;
			padding: 20px;
			background-color: #fff;
		}
			.single-agenda-map .map-info-item {
				display: flex;
			}
			.single-agenda-map .map-info-title {
				font-size: 1.125em;
			}
			.single-agenda-map :is(.map-info-mail, .map-info-tel, .map-info-web) {
				margin-top: 20px;
			}
			.single-agenda-map .map-info-mail + .map-info-tel,
			.single-agenda-map .map-info-mail + .map-info-web,
			.single-agenda-map .map-info-tel + .map-info-web {
				margin-top: 0;
			}
			.single-agenda-map .map-info-calendar {
				margin-top: 20px;
				color: #666;
			}
				.map-info-item .fa-solid {
					align-self: flex-start;
					margin-top: 3px;
					width: 35px;
					color: var(--third);
				}		
	.page-45 .previous {
		margin-bottom: 88px;
	}


/* 10 = ANNUAIRE */

	/* filtres */
	.directories-list .design-select {
		position: relative;
	}

	/* Liste */
	.directories-list a,
	.item-directories a {
		text-decoration: none;
	}
	.directories-list .filters-results {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin: 0;
	}
		.directories-list .list-item-directories {
			position: relative;
			width: 100%;
		}
			.directories-list .item {
				height: 100%;
			}
				.directories-list .link {
					display: flex;
					justify-content: space-between;
					border: none;
					padding: 15px 15px 50px;
					height: 100%;
					background-color: #f2f2f2;
					color: #000;
					transition: .3s ease;
				}
				body:not(.page-7) .directories-list .link::after {
					position: absolute;
					right: 0;
					bottom: 0;
					content: "\f061";
					display: flex;
					align-items: center;
					justify-content: center;
					height: 40px;
					width: 40px;
					background-color: transparent;
					color: var(--third);
					font-size: 18px;
					transition: .3s ease;
				}
				body:not(.page-7) .directories-list .link:is(:focus, :hover, :active) {
					background-color: var(--secondary);
				}
				body:not(.page-7) .directories-list .link:is(:focus, :hover, :active)::after {
					color: #000;
				}
					.directories-list .item-directories-img {
						display: flex;
						align-items: center;
						justify-content: center;
						margin-left: 15px;
						min-width: 120px;
						height: 120px;
						width: 120px;
						background-color: #f2f2f2;
						transition: .3s ease;
					}
					.directories-list .link:is(:focus, :hover, :active) .item-directories-img {
						background-color: var(--secondary);
					}
					.directories-list .item-directories-caption {
						word-break: break-word;
					}
						.directories-list .item-directories-caption > * {
							margin-bottom: 10px;
						}
						.directories-list .item-directories-caption *:not(:first-child) {
							margin-bottom: 5px;
						}
						.directories-list .item-directories-caption .address {
							color: #737373;
						}
						.directories-list .item-directories-caption .fa-location-dot {
							margin-right: 3px;
							width: 15px;
							color: var(--third);
							transition: .3s ease;
						}
						.directories-list .item-directories-caption .fa-phone {
						    transform: rotate(90deg);
						}
						.directories-list .item-directories-caption .title {
							color: #000;
							font-size: 1.125em;
							transition: .3s ease;
						}
						.elected-list .item-directories-caption .title {
							margin-bottom: 0;
						}
						.directories-list .item-directories-caption .title::after {
							content: none;
						}
							.directories-list .item-directories-caption .link {
								color: #333;
							}
	.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;
			}

	/* Liste élus */
	.elected-list .link {
		flex-direction: row-reverse;
		width: 100%;
	}
		.elected-list .item-directories-caption *:not(:first-child) {
			margin-bottom: 15px;
		}
		.elected-list .item-directories-caption .title {
			margin-bottom: 5px;
		}
		.elected-list .item-directories-caption .fonction {
			font-size: 1.25em;
			line-height: 1;
		}
		.elected-list .item-directories-caption .resume {
			line-height: 1.5;
		}
			.elected-list .list-item-directories {
				padding: 0;
			}
			.elected-list .list-item-directories.mayor {
			    margin: 0 auto 30px;
				width: 100%;
			}
				.elected-list .item-directories .item-directories-img {
					position: relative;
					margin-bottom: 0;
					height: auto;
					overflow: hidden;
				}
					.elected-list .item-directories .item-directories-img .fa-user {
						font-size: 60px;
						color: var(--main);
					}
					.elected-list .list-item-directories.mayor .item-directories-img .picture {
						position: relative;
						overflow: hidden;
					}
						.elected-list .list-item-directories.mayor .item-directories-img .picture::before {
						    position: absolute;
						    left: 20%;
						    top: 40%;
							content:'';
							z-index: 1;
							display: block;
						    width: 27px;
						    height: 144px;
						    background: url("../Img/SVG/echarpe_maire.svg") no-repeat 0 0;
						    background-size: cover;
						    transform: rotate(-45deg);
						}

	/* Single */
	.directories-single .rte-content {
		display: flex;
		align-items: center;
		flex-direction: column;
		width: 100%;
		margin: 0 -20px;
	}
		.directories-single .picture {
			height: 355px;
			width: 270px;
			overflow: hidden;
		}
			.directories-single-text .lead {
				margin-bottom: 40px;
			}
				.directories-single-text .directories-singe-txt-plus-img {
					display: flex;
					flex-wrap: wrap;
				}
				.directories-single-text .directories-single-item {
					display: flex;
					border-top: 1px solid #dfdfdf;
					padding: 10px 10px;
					word-break: break-word;
				}
				.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;
					}
					.directories-single-item .value {
						margin-bottom: 0;
					}
			.directories-single-return-list {
				margin-top: 60px;
			}

	/* Single élu */
	.site-main .elected-single {
		display: flex;
		flex-wrap: wrap;
	}
			.elected-single .directories-single-img picture {
				display: flex;
				justify-content: center;
				margin-bottom: 30px;
			}
			.elected-single .directories-single-img .fa-user {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    border-radius: 50%;
			    height: 100px;
			    margin: 0 auto 30px;
			    width: 100px;
			    background-color: var(--secondary);
			    color: var(--main);
			    font-size: 64px;
			}
		.elected-single .directories-single-item {

		}
			.elected-single .directories-single-item .value {
				display: flex;
				align-items: center;
			}
				.elected-single .directories-single-item h4,
				.elected-single .directories-single-item p {
					margin-bottom: 0;
				}
				.elected-single .directories-single-item .link:is(:focus, :hover, :active) {
					text-decoration: none;
				}


/* 11 = RECHERCHE */

	progress::-webkit-progress-bar {
		border-radius: 5px;
		background-color: #e1e1e1;
	}
	progress::-webkit-progress-value {
		border-radius: 5px;
	    background-color: var(--main);
	}
	.start-point .item {
		cursor: unset;
	}
		.start-point .abstract p strong {
		    color: var(--third);
		}
		.search-content .title {
			font-size: 1.75em;
		}
		.search-content .title::after {
			content: unset;
		}
			.search-content .link {
				border: none;
				color: #000;
				text-decoration: none;
				transition: .3s ease;
			}
				.search-content .link p {
				    font-size: 1em;
				    line-height: 1.2;
				}
					.search-content .link p strong {
						color: var(--third);
					}
		.search-content .search-body {
			align-items: flex-start;
		}
			.search-body .link {
				border: none;
				color: #fff;
			}
				.search-content .search-body .icon {
					border: 1px solid var(--main);
					color: var(--main);
					transition: .3s ease;
				}
				.search-content .start-point .item .search-body .link:is(:focus, :hover, :active) .icon {
					background-color: var(--main);
					color: #fff;
				}
		.search-filters .link {
			border: none;
			text-decoration: none;
		}
		.search-filters .link:is(:focus, :hover, :active) {
			color: var(--main);
		}
			.search-filters .icon {
				border: 1px solid var(--main);
				color: var(--main);
			}
			.search-filters .link:is(:focus, :hover, :active) .icon {
				background-color: var(--main);
				color: #fff;
			}
			.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);
			}


/* 14 = SOMMAIRE */

	/* Page */
	.pagesummary .menu-subpages,
	.site-main .menu-subpages {
		row-gap: 30px;
	}
	.site-main .col-right .menu-subpages {
		row-gap: 0;
	}
		.pagesummary .menu-subpages .frame-header {
			display: none;
		}
		.menu-subpages .frame-header {
			margin-bottom: 0;
		}
			.menu-subpages .link {
				position: relative;
				display: flex;
				flex-direction: column;
				border: none;
				padding: 30px 30px 40px;
				height: 100%;
				width: 100%;
				background-color: #f4f8f9;
				color: #000;
				text-decoration: none;
				transition: .3s ease;
			}
			.menu-subpages .link::after {
				position: absolute;
				right: 0;
				bottom: 0;
				content: "\f061";
				display: flex;
				align-items: center;
				justify-content: center;
				height: 40px;
				width: 40px;
				background-color: transparent;
				color: var(--third);
				font-size: 18px;
				transition: .3s ease;
			}
			.menu-subpages .link:is(:focus, :hover, :active) {
				background-color: var(--secondary);
				text-decoration: none;
			}
			.menu-subpages .link:is(:focus, :hover, :active)::after {
				color: #000;
			}
				.menu-subpages .title {
					margin-bottom: 20px;
					color: #000;
					font-size: 1.5em;
					line-height: 1.25em;
					transition: .3s ease;
				}
				.menu-subpages .abstract {
					margin-bottom: 30px;
					font-size: 1em;
					line-height: 1.5;
				}

	/* Events-News-Annonces */
	.news-annonces-list .news-link .category {
		transition: .3s ease;
	}
	.news-annonces-list .news-link:is(:focus, :hover, :active) .category {
		background-color: #fff;
		color: #fff;
	}

	/* Bloc sommaire */
	.rte-content .frame-type-menu_section ol:not(.list-unstyled) {
		margin-bottom: 0;
	}

	/* Colonne de droite */
		.col-right .menu-subpages {
			flex-direction: column;
		}
			.col-right .menu-subpages .col-xs-12.col-sm-6 {
				width: 100%;
			}
				.col-right .menu-subpages .link {
					position: relative;
					display: flex;
					justify-content: center;
					border-bottom: 1px solid #e5e5e5;
					padding: 15px 0 13px 20px;
					height: auto;
					min-height: 50px;
					background-color: transparent;
					color: #000;
				}
				.col-right .menu-subpages .link::before {
					position: absolute;
					top: 13px/*50%*/;
					left: 0;
					content: "\f054";
					display: block;
					color: var(--third);
					font-size: 14px;
					font-weight: 700;
					transition: .3s ease;
					/*transform: translateY(-50%);*/
				}
				.col-right .menu-subpages .link::after {
					content: unset;
				}
				.col-right .menu-subpages .link:is(:focus, :hover, :active) {
					background-color: transparent;
				}
					.col-right .menu-subpages .title {
						margin-bottom: 0;
						color: #000;
						font-size: .875em;
						transition: .3s ease;
					}
					.col-right .menu-subpages .link:is(:focus, :hover, :active) .title {
						/*color: var(--third);*/
						text-decoration: underline;
					}


/* 15 = PUBLICATIONS */

	.files-list-kiosque ul {
		display: flex;
		flex-wrap: wrap;
		padding-left: 0;
	}
		.files-list-kiosque .kiosque-item {
			display: flex;
			align-items: center;
			flex-direction: column;
			min-height: 100%;
			margin-bottom: 30px;
			width: 100%;
		}
			.files-list-kiosque .link {
				position: relative;
				border: none;
			}
				.files-list-kiosque .link::after {
				    position: absolute;
				    bottom: -22px;
				    right: 0;
				    font-size: .875em;
				}
				.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;
					    word-break: break-word;
					}
					.files-list-kiosque .kiosque-boby .link {
						color: var(--main);
					}
					.files-list-kiosque .kiosque-buttons .link {
					    display: block;
					    text-align: center;
					}
						.files-list-kiosque .kiosque-buttons .fa-light {
							margin-right: 10px;
						}


/* 16 = BREADCRUMBS */
.site-main .breadcrumb {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding: 0;
}		
	.breadcrumb .item,
	.breadcrumb .link {
		border: none;
		color: #000;
		font-size: .875em;
		font-weight: unset;
		line-height: 1;
	}
	.breadcrumb .link {
		text-decoration: none;
	}
	.breadcrumb .link:is(:focus, :hover, :active) {
		text-decoration: underline;
	}
	.breadcrumb .first {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 5px;
	    color: #000;
	    font-size: .875em;
	    text-decoration: none;
	    transition: .3s ease;
	}
	.breadcrumb .first:is(:focus, :hover, :active) {
	    text-decoration: underline;
	}
	.breadcrumb .item {
		background-color: transparent;
		color: #737373;
		font-size: 14px;
	}
	.breadcrumb .separator {
		color: #000;
		font-size: 14px;
	}
	/* Surcharge code accessible */
	.breadcrumb .breadcrumb-list {
	    display: flex;
	    align-items: baseline;
	    flex-wrap: wrap;
	    font-size: 1em;
	}
		.breadcrumb-list .breadcrumb-item {
			display: flex;
    		align-items: baseline;
			padding: 0;
		}
			.breadcrumb-item+.breadcrumb-item::before {
				display: none;
			}


/* 17 = OUTILS ET PARTAGE */
	.site-main .navigation-share {
		display: flex;
		justify-content: space-between;
	}
		.site-main .site-tools {
			gap: 20px;
		}
			/* Favoris */
			.navigation-share .btn-add-favorite,
			.navigation-share .btn-remove-favorite {
				position: relative;
			    display: flex;
			    align-items: center;
			    justify-content: center;
				border: 2px solid var(--main);
			    border-radius: 50%;
				height: 40px;
			    width: 40px;
				background-color: #fff;
				color: var(--main);
				transition: all .3s;
			}
			.navigation-share .btn-remove-favorite {
			    background-color: var(--third);
			    color: #fff;
			    border-color: var(--third);			    
			}
			.navigation-share .btn-remove-favorite:is(:focus-visible,:focus,:hover) {
			    border-color: var(--third);
			    background-color: #fff;
			    color: var(--third);
			}
				/*.navigation-share .btn-add-favorite::before {
					content: "";
					display: block;
					position: absolute;
					z-index: -1;
					top: 55px;
					left: 50%;
					transform: translateX(-50%);
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 0 7.5px 10px 7.5px;
					border-color: transparent transparent var(--main) transparent;
					opacity: 0;
					transition: opacity .3s;
				}*/
				.account-action-star--remove {
				    display: none;
				    color: white;
				    background-color: var(--third);
				}
				.navigation-share .account-action-star--add::after {
					content: attr(data-text);
					position: absolute;
					z-index: -1;
					top: 65px;
					left: 50%;
					width: 150px;
					padding: 5px 10px;
					text-align: center;
					transform: translateX(-50%);
					display: block;
					background-color: var(--main);
					color: #fff;
					font-size: 0.875rem;
					border-radius: 5px;
					transition: opacity .3s;
					opacity: 0;
				}
				.navigation-share .account-action-star--add:hover::after,
				.navigation-share .account-action-star--add:hover::before {
					opacity: 1;
					z-index: 10;
				}
				.icon-minus {
					display: none;
				}
			/* Partage */
			.site-tools-dropdown .btn-tools {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border: 2px solid var(--main);
				border-radius: 50%;
			    box-shadow: none;
			    height: 40px;
			    width: 40px;
			    color: var(--main);
			}
			.site-tools-dropdown .btn-tools + .btn-tools {
				margin-left: 10px;
			}
			.site-tools-dropdown .btn-tools:is(:focus, :hover, :active) {
				border-color: var(--third);
				background-color: var(--third);
				color: #fff;
				text-decoration: none;
			}
			.site-tools-dropdown .btn-tools::after {
				display: none;
			}
				.site-tools-dropdown .btn-tools .fa-share-nodes {
					color: var(--main);
					transition: .3s ease;
				}
					.site-tools-dropdown .btn-tools:is(:focus, :hover, :active) .fa-share-nodes {
						color: #fff;
					}
			.site-tools-dropdown .dropdown-tools {
				top: 10px !important;
				left: auto !important;
				right: 0 !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 .tools-share {
					border: none;
					color: var(--main);
					text-decoration: none;
					transition: .3s ease;
				}
				.site-tools-dropdown .dropdown-tools .tools-share:is(:focus-visible, :focus, :hover, :active) {
					border: none;
					color: var(--third);
				}
				.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;
				}
					.site-tools-dropdown .dropdown-tools .tools-share::after {
						display: none;
					}

	/* Filtres */
		.filters .row {
			align-items: end;
			box-shadow: none;
			margin-bottom: 0;
			background-color: transparent;
		}
			.filters .form-group {
				padding: 0;
				width: 100%;
			}
			.filters .filters-select {
				border: 1px solid #ced4da;
				border-radius: 25px;
				padding: 0;
				background-color: #f3f3f3;
				overflow: hidden;
			}
			.filters .form-group.date {
				position: static;
				height: unset;
			}
			.filters .form-group.submit {
				margin-bottom: 10px;
				width: 50%;
				text-align: center;
			}
				.filters .form-group.submit .btn {
					border-radius: 25px;
					padding: 0 25px;
					height: 50px;
					width: 100%;
					background-color: var(--main);
					color: #fff;
					font-size: 1.125em;
					text-decoration: none;
				}
				.filters .form-control {
					position: relative;
					border-radius: 25px;
					height: 50px;
					padding: 0 70px 0 30px;
					background-color: #fff;
					color: #333;
					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-image: url('../Img/SVG/chevron-down.svg');
					background-position: top 13px right 40px;
					background-repeat: no-repeat;
					background-size: 20px;
					cursor: pointer;
				}
				.filters select.form-control:focus {
					border-color: #ced4da;;
					box-shadow: none;
				    background-image: url(../Img/SVG/chevron-up.svg);
				    outline: none;
				}
				.filters .calendar .dropdown-toggle {
					height: 50px;
				}
				.filters .calendar .form-control,
				.filters .filters-select {
					border-color: #959595;
				}
				.filters .form-control::after,
				.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: 22px;
					width: 30px;
					background-color: #fff;
					color: #000;
					font-size: 20px;
					font-weight: 700;
					transition: .3s ease;
				}
				.filters .calendar .dropdown-toggle.show::after {
					transform: rotate(180deg);
				}
					.calendar .dropdown-menu {
						border-radius: 0;
						min-width: 320px;
					}
						.calendar .thosedates {
							flex-direction: row;
						}
							.calendar .btn-thosedates {
								border: none;
								padding: 0 10px;
								height: 30px;
								background-color: var(--secondary);
								color: #000;
								font-size: .75em;
								font-weight: unset;
								text-transform: none;
							}
							.calendar .btn-thosedates:is(:focus,:hover,:active),
							.calendar .btn-thosedates.active,
							.calendar input[type="radio"]:focus-visible + .btn-thosedates {
								background-color: var(--noir);
								color: #fff;
								box-shadow: none;
							}
					.filters .submit .btn-submit {
						border: none;
						padding: 0 30px;
						background-color: var(--main);
						color: #fff;
						font-weight: unset;
						text-transform: uppercase;
					}
					.filters .submit .btn-submit:is(:focus, :hover, :active) {
						background-color: var(--noir);
					}
					.filters .form-group.submit .btn-reset {
						display: flex;
						border: 1px solid transparent;
						border-radius: 25px;
						height: 50px;
						padding: 0 25px;
    					width: 100%;
						background-color: transparent;
						color: #000;
						font-size: 1em;
						/*font-weight: unset;*/
						box-shadow: none;
					}
					.filters .submit .btn-reset:is(:focus, :hover, :active) {
						border-color: #959595;
						text-decoration: underline;
					}

	/* Résultats */
	.criteria-total {
		margin: 25px 0 15px;
	}
		.criteria-total .colored {
			color: var(--third-a11y);
		}


/* 18 = FORMULAIRE */
	.site-main .form-horizontal {
		margin: 0 auto;
		max-width: 770px;
	}
		.form-horizontal .form-title {
			margin-bottom: 1em;
			font-size: 1.55em;
		}
			.form-horizontal .btn-default {
				border: none;
			    border-radius: 25px;
			    margin: 70px auto 0;
			    padding: 0 15px;
			    height: 40px;
			    background-color: var(--secondary);
			    color: #000;
			    font-size: .875em;
			    text-decoration: none;
			    text-transform: uppercase;
			    transition: .3s ease;
			}
			.form-horizontal .btn-default:is(:focus, :hover, :active) {
			    box-shadow: none;
			    background-color: var(--third);
			    color: #fff;
			}
			.form-horizontal .input-group-addon {
				background-color: var(--third);
				color: #fff;
			}
			.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 .btn-default {
				display: flex;
			    align-items: center;
			    justify-content: center;
			    border: none;
			    border-radius: 25px;
			    margin: 0 auto 30px;
			    padding: 0 25px;
			    height: 50px;
			    width: max-content;
			    background-color: var(--main);
			    color: #fff;
			    font-size: 1em;
			    text-transform: uppercase;
			    transition: all .3s;
			}
			.frame-type-artifica_form_pi1 .btn-default:is(:focus, :hover, :active) {
				background-color: var(--third);
				color: #fff;
			}
			.frame-type-artifica_form_pi1 .btn-primary {
				border: none;
				background-color: var(--secondary);
				color: #fff;
			}
			.frame-type-artifica_form_pi1 .btn-primary:is(:focus, :hover, :active) {
				background-color: var(--third);
				color: #000;
			}

	/* Captcha */
	.list-inline > li:not(:last-child) {
		margin-right: 10px;
	}
		.captcha .serie .control-label {
			border: 2px dashed #d2d2d2;
			border-radius: 0;
		    width: 50px;
		    color: #1b3a66;
		    font-size: 1.125rem;
		    line-height: 50px;
		}
		.captcha .serie input:checked ~ label {
			border-color: #1b3a66;
		}
	.text-center .submit {
		margin: 0 auto;
	}


/* 19 = PAGINATION */

	.site-main .pagination {
	    margin: 60px 0;
	}
		.pagination .btn-light,
		.pagination span.btn.btn-default.btn-grey.navDots {
			border: none;
			border-radius: 50%;
			margin: 5px !important;
			max-width: 40px;
			height: 40px;
			width: 40px;
			background-color: var(--secondary);
	    	color: #000;
	    	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(--main);
			color: #fff;
		}
		.pagination .btn-group .current {
			background-color: var(--main);
			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;
		border: none;
		border-bottom: 1px solid #e5e5e5;
		padding: 0;
	    min-height: 80px;
	    color: #000;
	    text-decoration: none;
	    transition: .3s ease;
	}
	.files-list-default li:first-child a,
	.media-list-default li:first-child a {
		border-top: none;
	}
	.files-list-default a:is(:focus, :hover, :active),
	.media-list-default a:is(:focus, :hover, :active) {
		border-color: #e5e5e5;
		color: #000;
	}
		    .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: #737373;
		    		font-size: 12px;
		    		transition: .3s ease;
		    	}
		    	.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: 10px;
		    		height: 40px;
		    		min-width: 40px;
		    		background-color: var(--secondary);
		    		color: #000;
		        	font-size: 18px;
		        	transition: .3s ease;
		    	}
		    	.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(--third);
					color: #fff;
				}
		    .files-list-default .media-body,
		    .media-list-default .media-body {
		    	display: flex;
		    	flex-direction: column;
		    	width: 100%;
		    }
		    .col-right .files-list-default .media-body {
		    	flex-direction: column;
		    }
		    	.files-list-default .media-title,
		    	.media-list-default .media-title {
		    		transition: .3s ease;
		    	}

	/* 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 & VOLET LATÉRAL */
	.modal {
		z-index: 10550;
	}
		#modalShareAgenda .modal-footer .btn-primary {
			text-decoration: none;
		}
		.modal-header .close {
			background-color: transparent;
			color: #000;
		}
.modal-title {
	color: var(--noir);
}
		

/* 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;
			}
			.rte-content .bloc-directory .organizer-item-address {
				margin-bottom: 20px;
			}
			.rte-content .bloc-directory .organizer-item-txt {
				margin-top: 20px;
				color: #666;
			}
				.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-solid {
					margin: 3px 15px 0 0;
					color: var(--third);
				}

	/* Colonne de droite */
	.col-right .annuaire-col-right {
	    background-color: #fff;
	}
		.col-right .annuaire-col-right .embed-responsive-16by9 {
			margin-bottom: 0;
		}
			.annuaire-col-right .leaflet-control-container .leaflet-bar a {
				display: block;
				border: none;
			}
		.col-right .annuaire-col-right .textmedia {
			border: 1px solid #e5e5e5;
			border-top: none;
			padding: 30px 20px;
		}


/* 26 = MENUS */

	/* Menu de section */
		.site-main .menu-section:not(.list-unstyled) {
			padding-left: 20px;
			list-style: none;
		}
			.menu-section .section-link {
				position: relative;
				display: flex;
				align-items: center;
				min-height: 40px;
				padding: 5px 0;
				color: #000;
				text-decoration: none;
			}
			.menu-section .section-link::before {
				position: absolute;
				top: 0;
				left: -20px;
				content: "";
				display: block;
				height: 100%;
				width: 2px;
				background-color: #e3e3e3;
			}
			.rte-content .menu-section .section-link::after {
				content: unset;
			}
			.menu-section .section-link:is(:focus, :hover, :active) {
				color: var(--main);
			}
			.menu-section .section-link:is(:focus, :hover, :active)::before {
				background-color: var(--third);
			}

	/* 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-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(--third-a11y);
	}
	.modal-cookie-consent-header .modal-cookie-consent-logo {
		max-height: 60px;
		height: 60px;
	}
	.modal-cookie-consent-header .modal-cookie-consent-title {
		margin-top: 20px;
		font-size: 18px;
	}
	.modal-cookie-consent-footer button {
	    background-color: var(--main);
	    color: #fff;
	    font-weight: normal;
	}
	.modal-cookie-consent-part1 .modal-cookie-consent-header {
	    padding: 20px 40px;
	}
	#myModalCookieConsent .modal-cookie-consent-btn-withoutaccepting {
	    position: absolute;
	    right: 5px;
	    top: 5px;
	    height: auto;
	    padding: 0;
	    width: fit-content;
	    background-color: transparent;
	    color: #000;
	    font-size: 1em;
	    white-space: nowrap;
	}


/* 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 {
			display: none!important;
		}

		.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 */


		/* ACCUEIL */


		/* FOOTER */

		/* ACTUALITE */
		/* liste */

		/* single */

		/* AGENDA */
		/* liste */

		/* single */


		/* 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;
			}

	}

/* 30 = Rendez-vous */
.patchclient-schedule-container .encart-rdv {
    background-color: #e3e3e3;
    margin: 0 0 10px;
    padding: 20px;
}
    .encart-rdv h3 {
        color: #333;
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 20px;
    }
.rendez-vous .rte-content {
    max-width: 875px;
}
    /* Styles mobile maintenant pour tous les affichages */
    .patchclient-schedule .accordions-mobile {
        height: inherit; /* à cause des styles en merge ! */
        overflow: visible;
    }
    /*.accordions-mobile { Plus besoin de cacher l'ensemble des jours !
        height: 213px;
        width: 100%;
        overflow: hidden;
    }*/
    .height-auto .accordions-mobile {
        height: auto;
    }
        .accordions-mobile .accordion {
            margin-bottom: 10px;
        }
        	.accordions-mobile .card-header {
        		border-bottom: 0;
				padding: 0;
        	}
	            .rte-content .accordions-mobile .accordions-header {
	                border: 0;
	                margin: 0;
	                padding: 0;
	                cursor: pointer;
	            }    
	            	.rte-content .accordions-mobile .accordions-header::after {
	            		display: none;
	            	}
	                .accordions-mobile .accordions-header .btn-link,
	                .accordions-mobile .accordions-header .btn-link:focus,
	                .accordions-mobile .accordions-header .btn-link:active,
	                .accordions-mobile .accordions-header .btn-link:active:focus {
	                    padding: 12px 50px 11px 20px;                  
	                    color: #333;
	                    font-weight: 700;
	                    outline: none;
	                }
	                .accordions-mobile .accordions-header .btn-link {
	                    position: relative;
	                    border-radius: 5px;
	                    min-height: 50px;
	                    padding: 12px 50px 11px 20px;
	                    width: 100%;
	                    background-color: #eff4f5;
	                    font-size: .5em;
	                    text-align: left;
	                    transition: all .3s ease;
	                }
	                .accordions-mobile .accordions-header .btn-link:not(.collapsed),
	                .accordions-mobile .accordions-header .btn-link:not(.collapsed):focus {
	                    border-bottom-left-radius: 0;
	                    border-bottom-right-radius: 0;
	                    background-color: var(--main);
	                    color: #fff;
	                }
	                    .patchclient-schedule .accordions-mobile .accordions-header .btn-link .fa-caret-down {
	                        position: absolute;
	                        right: 16px;
	                        top: calc(50% - 6px);
	                        transform: rotate(0);
	                        /*transition: transform .3s ease;*/
	                        transition: none;
	                    }
	                    .accordions-mobile .accordions-header .btn-link.collapsed .fa-caret-down {
	                        transform: rotate(0);
	                    }
	                    .accordions-mobile .accordions-header .btn-link:not(.collapsed) .fa-caret-down {
	                        transform: rotate(-180deg);
	                    }

                .accordions-mobile .collapse.in {
                    display: block!important;
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                    box-shadow: 0 3px 7px rgb(0 0 0 / 15%);
                }                
                    .accordions-mobile .card-body {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: start;
                        padding: 5px 0;
                    }
                    	.day-rdv .hour, 
                    	.card-body .hour {
						    border-radius: 2px;
						    padding: 4px 10px;
						    background-color: #e3e3e3;
						    color: #333;
						    text-decoration: none;
						    cursor: pointer;
						}
                        .accordions-mobile .card-body .hour {
                            display: inline-block;
                            border-radius: 5px;
                            margin: 5px;
                            min-width: 58px;
                            background-color: var(--secondary);
                            color: #000;
                            font-size: .875em;
                            font-weight: bold;
    						text-align: center;
                        }
                        .accordions-mobile .card-body .hour.active {
                            background-color: var(--main);
                            color: #fff;
                        }
                        .accordions-mobile .card-body .hour:is(:focus,:hover,:active) {
                        	border: 0;
						    background-color: #fff;
						    color: var(--main);
                        }
    /*.selection-rdv {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
        .selection-rdv .carousel-control {
            position: static;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #e3e3e3;
            height: 50px;
            width: 50px;
            background: none;
            color: #666;
            font-size: 24px;
            text-decoration: none;
            cursor: pointer;
            opacity: 1;
            z-index: 1;
        }    
        .selection-rdv .carousel {
            height: 190px;
            width: 100%;
        }
        .height-auto .selection-rdv .carousel {
            height: auto;
        }
            .selection-rdv .carousel-inner .item {
                height: auto;
                padding: 0;
            }
                .selection-rdv .day-rdv {
                    width: 100%;
                }
                    .day-rdv th {
                        border-bottom: 1px solid #e3e3e3;
                        height: 49px;
                        line-height: 1.3;
                        text-align: center;
                    }
                        .day-rdv .date {
                            display: block;
                            color: #737373;
                            font-weight: 400;
                        }
                    .day-rdv td,
                    .day-rdv .td {
                        padding: 5px 5px;
                        text-align: center;
                    }
                        .day-rdv .hour,
                        .card-body .hour {
                            border-radius: 2px;
                            padding: 4px 10px;
                            background-color: var(--main);
                            color: #fff;
                            text-decoration: none;
                            cursor: pointer;
                        }
                        .day-rdv .closed {
                            display: inline-block;
                            border-radius: 0;
                            height: 3px;
                            padding: 0;
                            width: 19px;
                            background-color: #b9b9b9;
                        }
                        .day-rdv .hour:hover,
                        .day-rdv .hour:active,
                        .day-rdv .hour:focus,
                        .day-rdv .hour.active {
                            background-color: #fff;
                            color: var(--main);
                        }*/
        .empty + .patchclient-schedule .switch-table,
        .empty.collapse + .patchclient-schedule .height-auto + .switch-table {
            display: none;
        }
        .empty.collapse + .patchclient-schedule .switch-table {
            display: block;
            margin: 1rem 0;
            text-align: center;
            text-decoration: none;
        }
        .patchclient-schedule .switch-table:hover {
            text-decoration: underline;
        }
/* Validation rendez-vous */
.rendez-vous .alert-success {
    background-color: transparent;
    border: 0;
    margin-bottom: 50px;
    color: #333;
    text-align: center;
}
    .rendez-vous .alert-success .fa-check {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        height: 70px;
        margin: 0 auto 30px;
        width: 70px;
        background: #ff5256;
        color: #fff;
        font-size: 24px;
    }
    .rendez-vous .alert-success h2 {
        border: 0;
        margin: 0 0 20px;
        padding: 0;
        font-size: 1.25rem;
    }

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


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

/* 04 = HEADER */

	/* RECHERCHE : icône + dropdown-menu*/
	.header-search .dropdown-menu {
		right: 50% !important;
		justify-content: flex-end;
		transform: translateX(50%) !important;
	}

	/* Flash Info */
	.flash-info {
		padding: 15px 25px;
	}
		.flash-info .fa-circle-exclamation {
			display: var(--fa-display,inline-block);
		}
		.flash-info .container {
			padding: 0 var(--bs-gutter-x,20px);
		}
			.flash-info .col-10 {
				padding: 0 15px;
			}
				.flash-info .link {
					color: #fff;
					font-size: 1em;
					line-height: 1.5;
					text-align: center;
				}
		.flash-info .btn-close {
			margin-bottom: 0;
		}


/* 07 = PAGE INTERNE */

	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-sm);
	}


/* 08 = AGENDA */

	/* Liste */
	.site-main .btn.previous {
		font-size: 1.125em;
	}

	/* Filtre */
	.calendar .btn-thosedates {
		padding: 0 15px;
		height: 40px;
		font-size: .875em;
	}


/* 10 = ANNUAIRE */

	/* liste */
	.directories-list .list-item-directories::before {
		border-width: 0px 30px 30px 0px;
	}

}


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

/* 04 = HEADER */

	/* Menu */

	/* niveau 1 */
	.site-header .header-menu .list-group-item .link {

	}

	/* RECHERCHE : icône + dropdown-menu*/
	.header-search .dropdown-menu {
		max-width: 50000px;
	}

	/* Page header */
	.page-header .lead {
		font-size: 1.5em;
	}

	/* BLOC TOP */
	:is(.page1colonne, .page2colonnes) .site-footer {
		margin-top: 120px;
	}
		.footer-top .footer-logo {
			margin: 45px 0;
		}
			.site-footer .footer-top {
				text-align: left;
			}
				.site-footer :is(.footer-address, .footer-time) {
					justify-content: flex-start;
				}
				.site-footer .footer-liens-utiles {
					align-items: flex-end;
				}
					.site-footer .footer-liens-utiles .liens-utiles-container {
					    border-left: 2px dotted var(--main);
					    padding-left: 40px;
					    height: 100%;
					}
						.footer-liens-utiles .element-header .title {
							text-align: right;
						}

	/* BLOC BOTTOM */
	.footer-bottom .contact-buttons .link {
		padding: 0 30px;
	}
	.site-footer .footer-liens-utiles .footer-link {
		text-align: right;
	}

	/* MENU DE PAGES */
	.footer-copyrights .list-unstyled {
		flex-direction: row;
	}


/* 06 = ACCUEIL */

	.section-home .btn-info {
		font-size: 1.125em;
	}

	/* Accès rapides */
	.site-main .section-quick-access::before {
		content: unset;
	}
		.section-quick-access .mosaic-quick-access {
			justify-content: center;
		}
				.section-quick-access .quick-access-icon {
					height: 135px;
					width: 146px;
				}
				.section-quick-access .quick-access-icon::after {
					height: 135px;
					width: 146px;
					background-size: 146px 135px;
				}
					.section-quick-access .quick-access-icon .icon-frame {
						height: 60px;
						width: 60px;
					}
						.section-quick-access .quick-access-icon .img-fluid {
							max-height: 60px;
							max-width: 60px;
						}
					.rte-content .section-quick-access .quick-access-item-title {
						font-size: 1em;
					}
	.owl-carousel .owl-nav button.owl-prev, 
	.owl-carousel .owl-nav button.owl-next {
		top: 60px;
	}

	/* Actualités */
	.site-main .section-news {
		margin-bottom: 100px;
	}
		.section-news .section-home-title {
			margin-bottom: 70px;
		}
			.section-news .section-home-title .img-fluid {
				max-width: 382px;
			}
			.section-news .home-news-list {
				flex-direction: row;
				gap: 30px;
				font-size: 1em;
				width: 100%;
			}
				.home-news-list .card-group-element-item {
					align-self: flex-start;
					width: calc(50% - 15px);
				}
				.home-news-list .card-group-element-item.home-news-item-category {
					width: calc(100% / 3 - 20px);
				}
					.home-news-list .card-body {/* Commun actu + agenda */
						padding: 20px 0 0;
					}
						.home-news-list .card-body .card-title {
							font-size: 1.5em;
							line-height: 1.25;
						}
						.home-news-list .home-news-item:first-child .card-body .card-title {
							/*font-size: 1.875em;*/
						}

	/* Breves */
	.site-main .section-home-breves {
		margin-bottom: 120px;
	}
		.section-home-breves .breves-item {
		    width: calc(50% - 15px);
		}

	/* Agenda */
	.site-main .section-events {
		padding: 80px 0;
	}
		.section-events .section-home-title {
			margin-bottom: 70px;
		}
			.section-events .section-home-title .img-fluid {
				max-width: 365px;
			}
			.home-events-list .card-group-element-item {
				width: 100%;
			}
		.section-events .btn-info {
			margin: 80px auto 0;
		}

	/* Kiosque */
	.site-main .section-home-kiosque {
		padding: 40px 0;
	}
		.section-home-kiosque .home-kiosque-title {
			display: flex;
			justify-content: flex-start;
		}
			.section-home-kiosque .kiosque-item {
				width: 50%;
			}
				.kiosque-item .background {

				}
					.section-home-kiosque .home-kiosque-title .img-fluid {
						position: relative;
						margin: unset;
						max-width: 394px;
					}

	/* Retour en images */
	.site-main .section-home-gallery {
		padding: 78px 0;
	}
		.section-home-gallery .images-title .img-fluid {
			max-width: 447px;
		}

	/* Dans ma ville */
	.site-main .section-in-town {
		padding: 30px 0 0;
	}
		.section-in-town .in-town-title {

		}
			.section-in-town .in-town-title .img-fluid {
				max-width: 378px;
			}


/* 07 = PAGE INTERNE */

	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-md);
	}

	/* Flash Info */
	.flash-info .fa-circle-exclamation,
	.flash-info .btn-close {
		font-size: 24px;
	}


/* 08 = ACTUALITES */

	.card-body .news-txt {
		font-size: 1em;
	}


/* 09 = AGENDA */

	/* Fiche */
	.single-events .practical-info {
		padding: 130px 60px 30px;
	}
		.single-agenda-map .map-info {
			display: flex;
			flex-direction: row-reverse;
		}
			.single-agenda-map .loading {
				min-height: 320px;
				width: calc(200% / 3);
			}
			.single-agenda-map .map-info-items {
				border-top: 1px solid #e5e5e5;
				border-right: none;
				padding: 40px 30px;
				width: calc(100% / 3);
			}


/* 10 = ANNUAIRE */

	/* Liste */
	.directories-list .filters-results {
		gap: 30px;
	}
		.directories-list .link {
			padding: 30px 30px 80px;
		}
		.directories-list .link::after {
			height: 50px;
			width: 50px;
		}
			.directories-list .item-directories-caption .title {
				font-size: 1.5em;
			}

	/* single */
	.directories-single .rte-content {
		align-items: flex-start;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
		.directories-single-item .title {
			min-width: 200px;
			font-weight: bold;
		}


/* 12 = MEDIATHEQUE */

	.gallery-list .title {
		text-align: left;
	}


/* 25 = LEAFLET */

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


/* 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  ************************************************ */

/* 00 = FONTS */
	.section-home .rte-content .element-header {
		font-family: 'Poppins_Black', sans-serif;
	}

/* 03 = STRUCTURE */
	.site-main {
		padding: 0;
	}

/* 04 = HEADER */

	.site-header .navbar-body {
		height: unset;
		background-color: transparent;
	}
		.site-header .white-circle {
			z-index: 1050;
			margin-top: -20px;
			height: max-content;
		}
			.site-header .logo {
				height: max-content;
				width: unset;
			}
				.logo .navbar-brand {
					display: flex;
					align-items: flex-end;
					justify-content: center;
					width: 100%;
				}
					.navbar-mainnavigation .navbar-brand-image img {
						height: 214px;
						width: 261px;
					}

		/* Hamburger */
		.site-header .header-right {
			align-items: flex-end;
			align-self: flex-start;
			flex-direction: column;
			padding-right: 40px;
		}
			.site-header .main-navigation {
				flex-direction: row;
				padding-top: 20px;
			}

		/* 1er niveau */
		.header-menu .navbar-collapse {
			position: static;
		}
			.header-menu .navigation {
				flex-direction: row;
				gap: 20px;
				box-shadow: none;
				padding-bottom: 0;
				background-color: transparent;
			}
				.header-menu .list-group-item {
					border: 0;
					/*padding-left: 38px;*/
					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 {
							position: relative;
							border: none;
							margin: 0 15px;
							padding: 0;
							/*text-shadow: 1px 1px 2px #000;*/
						}
						.site-header .list-group-item.list-parent > .link {
					        border-radius: 25px;
					        height: 50px;
					        margin: 0;
					        padding: 0 20px;
					        background-color: var(--secondary);
					        color: #000;
					        font-size: 1.5em;
					        text-shadow: none;
							/*color: #fff;
							text-shadow: 0px 0px 5px black;*/
							transition: all .3s;
						}
						.site-header .list-group-item.list-parent > .link:focus-visible {
							outline: revert;
						}
						.page-2 .site-header .list-group-item.list-parent > .link {
					        background-color: rgba(0,0,0,.5);
					        color: #fff;
						}
						.site-header .header-menu .list-group-item .link::after {
							/*position: absolute;
							right: 0;
							bottom: 15px;
							left: 0;
							content: "";
							display: block;
							height: 9px;
							width: 100%;
							background-image: url('../Img/SVG/underline.svg');
							background-position: center top;
							background-repeat: no-repeat;
							background-size: 100% 100%;
							opacity: 0;
							transition: .3s ease;*/
						}
						/*.site-header .header-menu .list-group-item .link:is(:focus, :hover, :active)::after,*/
						.site-header .header-menu .list-group-item .link.current,
						.site-header .header-menu .list-group-item .link.active {
							/*border: none;
							opacity: 1;*/
						}
						.page-2 .site-header .list-group-item.list-parent > .link:not(.show):is(:focus-visible,:focus,:hover,:active),
						.page-2 .site-header .list-group-item.list-parent > .link.show {
					        background-color: #fff;
					        color: #000;
					        text-decoration: none;
						}

		/* 2ème niveau */
		.header-menu .dropdown-menu {
			position: absolute !important;
			top: 130px !important;
			left: 50% !important;
			z-index: 10000;
			border-radius: 20px;
			padding: 50px 60px 60px;
			max-width: 960px;
			width: 100%;
			background-color: #fff;
			transform: translateX(-50%) !important;
			box-shadow: 0 0 10px rgba(0,0,0,.1);
		}
			.header-menu .dropdown-menu .menu-level2 {
				display: flex;
				flex-wrap: wrap;
				margin: 0 auto;
			}
				.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 {						
						align-items: baseline;
						border: none;
						padding: 10px 10px 10px 20px;
						height: auto;
						min-height: inherit/*50px*/;
						width: 100%;
						font-size: 1.125em;
						transition: .3s ease;
						text-shadow: unset;
					}
					.site-header .menu-level2 .list a.link::before {
						position: absolute;
						left: 0;
				        top: 13px;
						content: "\f054";/* > */
						margin-right: 10px;
						color: var(--third);
						font-size: .75rem;
				        font-weight: 700;
					}
					.site-header .menu-level2 .list a.link::after {
						content: unset;
					}
					.site-header .menu-level2 .list a.link-external::after {
						content: '\f08e';
						font-size: .75em;
					}
					.site-header .menu-level2 .list a.link:is(:focus, :hover, :active) {
				        color: #000;
				        text-decoration: underline;
					}
					.site-header .menu-level2 .list a.link:focus-visible {
						outline: 2px solid #000;
					}

	/* LOGO */
	.site-header .logo {
		margin: 0;
	}

	/* RECHERCHE : icône + dropdown-menu*/
	.site-header .header-search {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 30px;
	}
		.header-search .btn-recherche {
			border-radius: 50%;
			height: 50px;
			width: 50px;
			background-color: #fff;
			color: #000;
			transition: .3s ease;
		}
		.header-search .btn-recherche:is(:focus, :hover, :active) {
			background-color: #000;
			color: #fff;
		}
		.header-search .btn-recherche::after {
			content: unset;
		}
			.header-search .dropdown-menu {
				top: 22px !important;
				padding: 25px 40px 0 15px;
				height: 100px;
				background-color: transparent;
			}
				.header-search .dropdown-menu .header-form {
					margin-right: 0;
					width: 60%;
				}
				.header-search .dropdown-menu .close {
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
					margin-left: 20px;
					height: 50px;
    				width: 50px;
    				background-color: #fff;
				}
					.close .fa-xmark {
    					font-size: 35px;
					}

	/* Page-header */
	.site-main .page-illustration {
		background-image: url('../Img/SVG/blob-raye.svg');
		background-repeat: no-repeat;
		background-size: 551px 531px;
		background-position: top -111px left -111px;
	}
		.page-header .container {
			padding: 80px 15px 50px;
		}
			.page-header .col-12.col-lg-6:first-child {
				margin-bottom: 0;
			}
				.page-header .page-header-body {
					margin-top: 100px;
					text-align: left;
				}
					.page-header .page-title {
						font-size: 3em;
					}
					.layout-single .page-header .pageSubTitle {
						display: flex;
						justify-content: flex-start;
					}
					.page-header .date {
						justify-content: flex-start;
					}
					.page-header .lead {
						margin-top: 40px;
					}


/* 05 = FOOTER */

	/* BLOC NEWSLETTER */
		.footer-bottom .footer-newsletter {
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
		}

	/* BLOC TOP */
	.site-footer .footer-top {
		overflow: hidden;
	}
		.footer-top .footer-logo {
			margin: 0;
		}

	/* BLOC PARTENAIRES */
	.site-footer .files-list-partners {
		margin: 0 auto;
		max-width: 810px;
	}
		.files-list-partners ul li {
			flex: 1;
			width: unset;
		}


/* 06 = ACCUEIL */

	.section-home .rte-content .element-header {
		font-size: 3em;
	}

	/* Img header */
	.site-main .img-header {
		height: 600px;
	}
		.img-header figure {
			height: 600px;
			max-width: 1920px;
		}

	/* Actualités */
		.home-news-item .card-img-top {
			width: 100%;
		}
		.home-news-list .card-group-element-item:first-child .card-img-top {
			max-height: 500px;
			width: 100%;
		}
	.section-news .home-news-btn {
		margin: 70px auto 12px;
	}

	/* Breves */
	.section-home-breves .col-12,
	.section-home-breves .frame-inner {
		display: flex;
		column-gap: 30px;
	}
		.section-home-breves .frame-header {
			/*margin: 0 0 0 -30px;*/
			width: calc(33.333333333% - 15px);
		}
			.section-home-breves .rte-content .element-header {
				text-align: left;
			}
			.section-home-breves .element-header::after {
				left: 0;
				transform: unset;
			}
			.section-home-breves div.title {
				text-align: left;
			}
		.section-home-breves .breves-list {
			padding-top: 15px;
			width: calc(66.666666666% - 15px);
		}

	/* Agenda */
	.home-events-list .card-group-element-item {
		width: calc(100% / 3 - 20px);
	}

	/* Kiosque */
		.section-home-kiosque .kiosque-list-item {
			justify-content: space-between;
		}
			.section-home-kiosque .kiosque-item {
				min-width: unset;
				width: calc(25% - 75px);
			}
	.section-home-kiosque .btn-info {
		margin-top: 0;
	}

	/* Retour en images */
	.section-home-gallery .images-title {
		justify-content: flex-start;
	}
	.section-home-gallery .images-title::after {
		width: 50%;
	}
		.section-home-gallery .gallery-list {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
		}
			.section-home-gallery .gallery-item {
				width: calc(50% - 10px);
			}
			.section-home-gallery .gallery-item + .gallery-item {
				margin-top: 0;
			}
			.section-home-gallery .gallery-item.item-0 {
				justify-content: flex-end;
			}
				.section-home-gallery .gallery-item.item-0 picture {
					height: 280px;
					width: 450px;
				}
			.section-home-gallery .gallery-item.item-1 {
				justify-content: flex-start;
				margin-top: -150px;
			}
				.section-home-gallery .gallery-item.item-1 picture {
					height: 280px;
					width: 450px;
				}
				.section-home-gallery .gallery-item.item-1 .gallery-type {
					bottom: 150px;
				}
			.section-home-gallery .gallery-item.item-2 {
				justify-content: flex-end;
			}
				.section-home-gallery .gallery-item.item-2 picture {
					height: 160px;
					width: 270px;
				}
			.section-home-gallery .gallery-item.item-3 {
				justify-content: flex-start;
				margin-top: -150px;
			}
				.section-home-gallery .gallery-item.item-3 picture {
					height: 210px;
					width: 350px;
				}
				.section-home-gallery .gallery-item.item-3 .gallery-type {
					bottom: 97px;
				}
			.section-home-gallery .item-square.item-0 .gallery-type,
			.section-home-gallery .item-square.item-1 .gallery-type {
				min-width: 70px;
				height: 70px;
			}

	/* Dans ma ville */
	.section-in-town .in-town-content {
		display: flex;
		justify-content: space-between;
	}
		.section-in-town .rte-content .element-header {
			text-align: left;
		}
		.section-in-town .element-header::after {
			left: 0;
			transform: unset;
		}
			.section-in-town .in-town-body {
				width: calc(50% - 15px);
				margin-right: 15px;
				padding: 10px 0 115px;
				text-align: left;
			}
				.section-in-town div.title {
					text-align: left;
				}
					.section-in-town div.title p {
						margin-bottom: 10px;
					}
				.section-in-town .in-town-links {
					justify-content: flex-start;
				}
					.in-town-links .link {
						margin: 40px 0 0;
					}
			.section-in-town .in-town-img {
				position: relative;
				margin-left: 15px;
				padding: 0;
				width: calc(50% - 15px);
			}
				.section-in-town .in-town-img img {
					/*position: absolute;
					top: 0;
					right: 0;
					bottom: -50px;
					left: 0;
					z-index: 1;*/
					height: 589px;
					width: 608px;
				}


/* 07 = PAGE INTERNE */

	.rte-content h3,
	.rte-content .h3 {
		font-size: 1.875em;
		line-height: 1.333;
	}
	.rte-content blockquote {
		padding: 30px 110px;
		background-position: top 0 left 70px;
	}
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-lg);
	}

	/* Flash Info */
	.flash-info {
		padding: 15px 60px;
	}
		.flash-info .fa-circle-exclamation {
			font-size: 36px;
		}

	/* Liste de fichiers - Documents Légaux */
	.filters .row {
    	margin: 0 -15px;
	}
		.filters .form-group {
			margin: 0 0 10px;
		}
	.files-list .files-item .link {
		padding: 30px;
	}
		.files-list .files-item .fa-file-download {
            margin-right: 30px;
            font-size: 48px;
        }


/* 08 = ACTUALITÉS */

	/* Liste */
	.news-list .card-group-element {
		padding-bottom: 58px;
	}


/* 09 = AGENDA */

    /* Filtres */
    .filters .form-group {
        margin: 0 0 10px;
        padding: 0 10px;
        width: 270px;
    }
    	.calendar .dropdown-menu {
    		left: -1px !important;
    	}
	.filters .form-group.filters-select {
		margin: 0 10px 10px;
	}
	.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;
	}


/* 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);
		}
		.directories-list .list-item-directories-frame:first-child .list-item-directories {
			width: 50%;
		}

	/* Liste élus */
	.elected-list .list-item-directories.mayor {
		width: 50%;
	}

	/* Single */
	.directories-single-text .directories-single-item {
		padding: 20px 30px;
	}

	/* Single élu */
	.site-main .elected-single {
		flex-direction: row-reverse;
	}


/* 14 = sommaire */

	.pagesummary article.rte-content {
		padding-bottom: 58px;
	}


/* 15 = PUBLICATIONS */

	.files-list-kiosque .kiosque-item {
		width: calc(100% / 3);
	}


/* 17 OUTILS ET PARTAGE */

	/* Filtres */
	.filters .form-group:first-child {
	    width: max-content;/* important pour filtres agenda ! */
	}
		.filters .form-control {
			padding: 0 70px 0 30px;
			width: max-content;
		}
		.filters .form-control::after,
		.filters .calendar .dropdown-toggle::after {
			right: 3px;
		}
		.filters select.form-control {
			/*background-position: top 10px right 70px; */
		}


/* 18 = FORMULAIRE */

	.form-horizontal .form-title {
		font-size: 1.875em;
	}

}


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

/* 04 = HEADER */

	/* 1er niveau */
	body:not(.home) .site-header .header-menu .list-group-item > a.link {
		/*font-size: 1.875em;*/
	}

	/* 2ème niveau */
	.header-menu .dropdown-menu {
		padding: 60px 60px 70px;
		max-width: 1140px;
	}
		.header-menu .dropdown-menu .menu-level2 {

		}
			.site-header .menu-level2 .list a.link {
				font-size: 1.125em;
			}


/* 05 = FOOTER */

	/* BLOC BOTTOM */
	.footer-bottom .col-12 {
		justify-content: space-between;
	}
		.footer-bottom .footer-bottom-logo {
			margin-top: 0;
			width: unset;
		}


/* 06 = ACCUEIL */

	/* Img header */
	.img-header figure {
		height: 600px;
	}

	/* Actualités */
		.home-news-item .card-img-top {
			width: 100%;
		}
		.home-news-list .card-group-element-item:first-child .card-img-top {
			max-height: 570px;
			width: 100%;
		}

	/* Retour en images */
	.section-home-gallery .gallery-item.item-0 picture {
		height: 330px;
		width: 500px;
	}
	.section-home-gallery .gallery-item.item-1 picture {
		height: 330px;
		width: 500px;
	}
	.section-home-gallery .gallery-item.item-2 picture {
		height: 210px;
		width: 320px;
	}
	.section-home-gallery .gallery-item.item-3 picture {
		height: 263px;
		width: 400px;
	}

/* 07 = PAGE INTERNE */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-xl);
	}
	/* Liste de fichiers - Documents Légaux */
	.actes .filters .form-group:not(.submit) {
		width: 215px;
	}


/* 09 = AGENDA */
    /* Filtres */
	.filters .form-group input[type="text"] {
		max-width: 246px;
	}
	.filters .submit {
	    margin-top: 0;
	}

}


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

/* 01 = RESET */
	.container {
		max-width: 1200px;
	}

/* 04 = HEADER */
	/* 2ème niveau */
	.header-menu .dropdown-menu {
		max-width: 1200px;
	}
	/* RECHERCHE : icône + dropdown-menu*/
	.header-search .dropdown-menu {

	}

}


@media screen and (max-width: 991px) {

/* 04 = HEADER */
	.main-navigation .my-space {
		margin: 0 0 0 10px;
	}
		.my-space .link {
			padding: 0 12px;
		}
			.my-space .fa-circle-user {
				color: #fff;
				font-size: 1.5em;
				transition: color .3s;
			}
			.navbar-mainnavigation.navbar-default-transition .header-right .link:is(:focus,:hover,:active) .fa-circle-user {
				color: var(--third);
			}
/* 21 = MODALES & VOLET LATÉRAL < 991px */
	.site-header #asideSite {
		width: 100%;
	}
		#asideSite .inner-navbar {
    		top: 10px;
		}
}

@media screen and (max-width: 767px) {

/* 21 = MODALES & VOLET LATÉRAL */
	.navbar-body_header {
		padding: 0 60px 0 10px;
	}
	.compte-flex {
    	padding: 0 10px 20px;
	}
	.compte-flex .btn-primary {
		padding: 0 15px;
	}

}

@media screen and (max-width: 480px) {

/* 07 = PAGE INTERNE */
	/* Emploi */
	/* Fiche */
    .emploi-single .list-item {
    	flex-direction: column;
        gap: 10px;
    }
    	.emploi-single .annonce-item {
    		width: 100%;
    	}

}